@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:wght@400;600;700&family=Permanent+Marker&family=Rock+Salt&family=Rubik+Wet+Paint&display=swap";@font-face{font-family:Against Myself;src:url(/assets/fonts/against-myself.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Don Graffiti;src:url(/assets/fonts/don-graffiti.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mostwasted;src:url(/assets/fonts/mostwasted.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Punk Kid;src:url(/assets/fonts/punk-kid.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--ink:oklch(19% .014 75);--paper:oklch(86% .018 83);--cream:oklch(94% .018 83);--brick:oklch(55% .14 38);--yellow:oklch(82% .16 91);--line:oklch(35% .014 75);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--font-display:"Archivo Black","Arial Black",sans-serif;--font-body:"Barlow Condensed","Arial Narrow",sans-serif;--ease:cubic-bezier(.22,1,.36,1);--ease-out-quart:cubic-bezier(.25,1,.5,1)}*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1rem}.skip-link{position:fixed;top:-60px;left:16px;z-index:1000;background:var(--cream);color:var(--ink);padding:12px}.skip-link:focus{top:16px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}canvas{display:block;touch-action:none}.hud{position:fixed;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));pointer-events:none}.brand{display:flex;flex-direction:column;font:1rem/.9 var(--font-display);letter-spacing:-.04em}.brand strong{color:var(--brick)}.meter{text-align:center;background:var(--ink);color:var(--cream);padding:8px 16px 10px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.meter b{display:block;font:1.5rem/1 var(--font-display);font-variant-numeric:tabular-nums}.status{justify-self:end;display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.08em;background:var(--paper);padding:6px 9px}.status i{width:8px;height:8px;background:#875338;border-radius:50%}.status i.online{background:#36764a;box-shadow:0 0 0 3px #76af7740}kbd{font:700 .8rem var(--font-body);border:1px solid var(--line);padding:2px 6px;background:var(--cream)}.write-button{position:fixed;z-index:20;right:24px;bottom:24px;border:0;background:var(--brick);color:var(--cream);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:14px 18px;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.write-button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.write-button span{font-size:1.2rem;margin-right:8px}.touch-controls{display:none;position:fixed;z-index:20;left:16px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px}.touch-controls button{width:56px;height:56px;border:1px solid var(--line);background:var(--paper);font-size:1.5rem}.entry{position:fixed;z-index:100;inset:0;background:var(--paper);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);grid-template-rows:1fr auto;padding:clamp(24px,5vw,80px);gap:32px;transition:transform .65s var(--ease),opacity .45s var(--ease)}.entry:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,oklch(45% .12 39 / .15) 48% 49%,transparent 49%);pointer-events:none}.entry.gone{transform:translateY(-105%);opacity:0;pointer-events:none}.entry-copy{align-self:center;position:relative;z-index:1}.entry-copy>p:first-child{font-weight:700;letter-spacing:.18em}.entry h1{font:clamp(3rem,7.5vw,8.4rem)/.86 var(--font-display);letter-spacing:-.075em;text-transform:uppercase;margin:24px 0;max-width:9ch}.entry h1 em{font-style:normal;color:var(--brick)}.lead{font-size:1.25rem;line-height:1.35;max-width:38ch}.entry form{align-self:center;position:relative;z-index:1;border:2px solid var(--ink);padding:24px;background:var(--cream);box-shadow:10px 10px 0 var(--ink);display:grid;gap:20px}.character-preview{height:210px;background:repeating-linear-gradient(0deg,#8e4834 0 17px,#2d2925 17px 20px);overflow:hidden}.character-preview canvas{margin:-4px auto 0}fieldset{border:0;padding:0;margin:0}legend,.editor>label{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;margin-bottom:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.segmented input,.skin-list input,.font-list input,.color-list input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;text-align:center;padding:10px;cursor:pointer}.segmented input:checked+span{background:var(--ink);color:var(--cream)}.skin-list{display:flex;gap:12px}.skin-list span,.color-list span{display:block;width:34px;height:34px;background:var(--skin);border-radius:50%;cursor:pointer;border:3px solid var(--cream);box-shadow:0 0 0 1px var(--line)}.skin-list input:checked+span,.color-list input:checked+span{box-shadow:0 0 0 3px var(--ink)}.enter-button,.save-button{border:0;background:var(--yellow);padding:14px 16px;text-transform:uppercase;font-family:var(--font-display);cursor:pointer;display:flex;justify-content:space-between}.entry-foot{grid-column:1/-1;text-align:right;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.editor{position:fixed;z-index:60;top:0;right:0;width:min(440px,100%);height:100%;overflow:auto;background:var(--cream);border-left:1px solid var(--line);padding:64px 32px 32px;transform:translate(105%);transition:transform .42s var(--ease);display:grid;align-content:start;gap:20px}.editor.open{transform:translate(0)}.editor-close{position:absolute;right:20px;top:16px;width:44px;height:44px;background:transparent;border:1px solid var(--line);font-size:1.6rem;cursor:pointer}.editor-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:10px}.editor-heading span{font-size:.75rem;letter-spacing:.12em;font-weight:700}.editor-heading b{font:2rem/1 var(--font-display)}.text-row{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);background:var(--paper)}.text-row input{min-width:0;border:0;background:transparent;padding:13px;font:1.2rem var(--font-display);text-transform:uppercase}.text-row input:focus{outline:0}.text-row output{padding:0 12px;font-variant-numeric:tabular-nums}.font-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.font-list span{display:block;padding:8px;border:1px solid var(--line);cursor:pointer}.font-list input:checked+span{background:var(--ink);color:var(--cream)}.color-list{display:flex;flex-wrap:wrap;gap:10px}.color-list span{--skin:var(--ink);background:var(--ink)}.preview-wall{height:132px;position:relative;background:repeating-linear-gradient(0deg,#9e4934 0 20px,#2e2a27 20px 23px);border:6px solid #38332e;overflow:hidden}.slot-list{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.slot-list button{position:relative;border:1px solid oklch(94% .018 83 / .48);background:#f1eade12;cursor:pointer;transition:background-color .2s var(--ease-out-quart),transform .15s var(--ease-out-quart)}.slot-list button:hover{background:#ebbf242e}.slot-list button:active{transform:scale(.96)}.slot-list button.selected{background:#ebbf2447;box-shadow:inset 0 0 0 2px var(--yellow)}.slot-list button span{position:absolute;top:4px;left:6px;color:var(--cream);font:700 .7rem var(--font-body)}.preview-wall>#previewText{--preview-x:0%;--preview-y:-22%;--preview-angle:0deg;position:absolute;z-index:2;left:50%;top:50%;font-size:1.35rem;font-weight:700;max-width:32%;white-space:nowrap;text-transform:uppercase;pointer-events:none;transform:translate(calc(-50% + var(--preview-x)),calc(-50% + var(--preview-y))) rotate(var(--preview-angle));transition:transform .28s var(--ease-out-quart),color .15s linear}.angle-control{display:grid!important;grid-template-columns:1fr auto;gap:8px;align-items:center}.angle-control output{font:1.1rem var(--font-display);font-variant-numeric:tabular-nums}.angle-control input{grid-column:1/-1;width:100%;accent-color:var(--brick);cursor:ew-resize}.editor-tip,.editor-note{margin:0;font-size:.875rem;line-height:1.4}.editor-tip{font-weight:700}.save-button{justify-content:center;transition:transform .15s var(--ease-out-quart),opacity .2s linear}.save-button:not(:disabled):active{transform:scale(.97)}.save-button:disabled{opacity:.35;cursor:not-allowed}.toast{position:fixed;z-index:200;left:50%;bottom:88px;background:var(--ink);color:var(--cream);padding:12px 18px;transform:translate(-50%,16px);opacity:0;transition:opacity .25s var(--ease),transform .25s var(--ease);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.hud-left{display:grid;justify-items:start;gap:10px}.graffiti-count{display:flex;align-items:baseline;gap:6px;background:var(--paper);padding:5px 8px;text-transform:uppercase}.graffiti-count b{font:1rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--brick)}.graffiti-count span{font-size:.7rem;font-weight:700;letter-spacing:.1em}.entry-controls{display:grid;justify-items:start;gap:8px;margin-top:24px;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.entry-controls>strong{font:1rem var(--font-display);color:var(--brick)}.entry-controls>div{display:flex;align-items:center;gap:6px}.entry-controls kbd{min-width:30px;text-align:center}.entry-controls .touch-hint{letter-spacing:.04em;text-transform:none}.graffiti-count{border:0;cursor:pointer;pointer-events:auto;transition:background-color .15s linear,color .15s linear}.graffiti-count:hover,.graffiti-count[aria-expanded=true]{background:var(--ink);color:var(--cream)}.graffiti-index{position:fixed;visibility:hidden;z-index:40;top:92px;left:max(16px,env(safe-area-inset-left));width:min(420px,calc(100% - 32px));max-height:min(68vh,620px);display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--cream);border:1px solid var(--line);box-shadow:7px 7px 0 var(--ink);transform:translate(calc(-100% - 32px));opacity:0;pointer-events:none;transition:transform .3s var(--ease-out-quart),opacity .2s linear,visibility 0s .3s}.graffiti-index.open{visibility:visible;transform:translate(0);opacity:1;pointer-events:auto;transition-delay:0s}.graffiti-index>header{display:flex;align-items:start;justify-content:space-between;padding:16px;border-bottom:2px solid var(--ink)}.graffiti-index>header span{font-size:.68rem;font-weight:700;letter-spacing:.14em}.graffiti-index h2{margin:3px 0 0;font:1.35rem/1 var(--font-display);text-transform:uppercase}.graffiti-index>header button{display:grid;width:44px;height:44px;padding:0;border:1px solid var(--line);background:transparent;place-items:center;font-size:1.5rem;cursor:pointer}.graffiti-index ol{min-height:0;margin:0;padding:0 0 0 48px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--line) var(--paper)}.graffiti-index li{padding:12px 16px 12px 6px;border-bottom:1px solid color-mix(in oklch,var(--line) 42%,transparent);font-variant-numeric:tabular-nums}.graffiti-index li::marker{color:var(--brick);font-family:var(--font-display)}.graffiti-index li strong,.graffiti-index li span{display:block;overflow-wrap:anywhere}.graffiti-index li strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.graffiti-index li span{margin-top:2px;font-size:1.05rem;line-height:1.2}.graffiti-index-empty{grid-row:2;margin:0;padding:24px;line-height:1.35}.graffiti-index-empty[hidden]{display:none}.preview-wall{cursor:crosshair;touch-action:none}.preview-wall:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.preview-wall>#previewText{--preview-left:50%;--preview-top:50%;left:var(--preview-left);top:var(--preview-top);max-width:none;transform:translate(-50%,-50%) rotate(var(--preview-angle))}.graffiti-index ol{list-style:none;padding-left:0}.graffiti-index li{display:grid;grid-template-columns:42px minmax(0,1fr);padding-left:0}.graffiti-index li .graffiti-index-number{margin:0;text-align:center;color:var(--brick);font:1rem/1.2 var(--font-display)}@media(max-width:760px){.hud{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.meter{grid-column:auto}.meter b{font-size:1.1rem}.write-button{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:0;width:56px;height:56px;font-size:0;box-shadow:3px 3px 0 var(--ink)}.write-button span{font-size:1.5rem;margin:0}.touch-controls{display:flex}.entry{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;overflow:auto;padding:24px;padding-top:max(32px,env(safe-area-inset-top));gap:18px}.entry h1{font-size:clamp(2.65rem,12vw,4rem);max-width:none;margin:14px 0}.lead{font-size:1.05rem}.entry form{min-width:0;padding:16px;box-shadow:6px 6px 0 var(--ink);gap:14px}.character-preview{height:135px}.character-preview canvas{transform:scale(.72);transform-origin:top center;margin:-20px auto}.enter-button{width:100%;font-size:.9rem;gap:8px}.entry-foot{text-align:left}.editor{padding:64px 20px max(24px,env(safe-area-inset-bottom))}.font-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hud-left{gap:6px}.graffiti-count{padding:4px 6px}.graffiti-count b{font-size:.85rem}.graffiti-count span{font-size:.62rem}.entry-controls{margin-top:16px}}@media(max-width:760px){.graffiti-index{top:max(96px,calc(env(safe-area-inset-top) + 82px));left:max(12px,env(safe-area-inset-left));width:calc(100% - max(24px,env(safe-area-inset-left) + env(safe-area-inset-right)));max-height:64vh;box-shadow:5px 5px 0 var(--ink)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.identity-row{display:grid;grid-template-columns:1fr 72px;gap:12px}.identity-row label{display:grid;gap:5px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.identity-row input{min-width:0;width:100%;height:42px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px}.identity-row input[type=color]{padding:4px;cursor:pointer}.entry legend small{font-size:.65rem;font-weight:400;letter-spacing:.06em;margin-left:5px}.entry form{max-height:calc(100vh - 64px);overflow:auto}.rgb-picker{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);background:var(--paper);padding:8px 12px;cursor:pointer}.rgb-picker input{width:44px;height:44px;border:0;background:transparent;padding:0;cursor:pointer}.rgb-picker span{font-weight:700;text-transform:uppercase;letter-spacing:.08em}.rgb-picker output{font-variant-numeric:tabular-nums;font-size:.875rem}.graffiti-format-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.graffiti-size-control{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.graffiti-size-control output{font-variant-numeric:tabular-nums}.graffiti-size-control input{grid-column:1/-1;width:100%;height:28px;margin:0;accent-color:var(--brick)}.graffiti-wrap-control{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);background:var(--paper);padding:7px 10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.graffiti-wrap-control input{width:20px;height:20px;margin:0;accent-color:var(--brick)}.preview-wall>#previewText{text-shadow:-1px -1px 0 rgba(15,13,12,.78),1px -1px 0 rgba(15,13,12,.78),-1px 1px 0 rgba(15,13,12,.78),1px 1px 0 rgba(15,13,12,.78)}.font-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:164px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-color:var(--line) var(--paper);scrollbar-width:thin}.font-list label{min-width:0}.font-list span{display:flex;align-items:center;min-height:38px;padding:6px 8px;font-size:1rem;line-height:1.15;overflow:hidden}.touch-run,.touch-zoom,.touch-direction{display:none}.desktop-zoom{position:fixed;z-index:50;left:18px;bottom:18px;display:flex;align-items:center;gap:6px;color:var(--cream);transition:opacity .2s linear}.desktop-zoom-toggle{display:grid;width:38px;height:38px;padding:0;border:1px solid oklch(94% .018 83 / .25);background:#18130d4d;color:inherit;place-items:center;cursor:pointer;opacity:.42;transition:opacity .15s linear,background-color .15s linear}.desktop-zoom-toggle:hover,.desktop-zoom.active .desktop-zoom-toggle{opacity:1;background:#18130dad}.desktop-zoom-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.desktop-zoom-controls{width:0;overflow:hidden;display:grid;grid-template-columns:40px 48px 40px;align-items:center;background:#18130dad;opacity:0;transform:translate(-8px);pointer-events:none;transition:width .22s var(--ease-out-quart),opacity .15s linear,transform .22s var(--ease-out-quart)}.desktop-zoom.active .desktop-zoom-controls{width:128px;opacity:1;transform:translate(0);pointer-events:auto}.desktop-zoom-controls button{display:grid;width:40px;height:40px;padding:0;border:0;background:transparent;color:inherit;place-items:center;font:1rem var(--font-display);cursor:pointer}.desktop-zoom-controls button:hover{background:#f1eade29}.desktop-zoom-controls button:disabled{opacity:.2;cursor:not-allowed}.desktop-zoom output{text-align:center;font:700 .68rem var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:.04em}.desktop-zoom-mode .hud,.desktop-zoom-mode .audio-control,.desktop-zoom-mode .write-button,.desktop-zoom-mode .dev-scene-trigger,.desktop-zoom-mode .graffiti-index{opacity:0!important;pointer-events:none!important}.desktop-zoom-mode .desktop-zoom:not(:hover){opacity:.16}.write-button:disabled{background:var(--paper);color:var(--ink);cursor:not-allowed;box-shadow:2px 2px 0 var(--ink);opacity:.82}.write-button:disabled:hover{transform:none;box-shadow:2px 2px 0 var(--ink)}@media(max-width:760px){.desktop-zoom{display:none}.touch-controls{display:block;position:fixed;inset:0;z-index:19;pointer-events:none}.touch-controls button{touch-action:none}.touch-controls .touch-direction{display:grid;position:fixed;z-index:1;top:25%;bottom:22%;width:38vw;height:auto;border:0;background:transparent;place-items:center;pointer-events:auto}.touch-direction span{display:grid;place-items:center;width:52px;height:72px;background:#f1eade21;color:#f1eade7a;font:2.2rem/1 var(--font-display);transition:transform .12s var(--ease-out-quart),background-color .12s linear}.touch-direction:active span{transform:scale(.9);background:#f1eade40}.touch-left{left:0;justify-items:start}.touch-left span{margin-left:8px}.touch-right{right:0;justify-items:end}.touch-right span{margin-right:8px}.touch-run{display:grid;position:fixed;z-index:3;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:54px!important;height:44px!important;transform:translate(-50%);place-content:center;gap:1px;border:1px solid oklch(94% .018 83 / .35)!important;background:#18130d7a!important;color:#f1eaded1;font-family:var(--font-display);pointer-events:auto;transition:transform .12s var(--ease-out-quart),background-color .12s linear}.touch-run span{font-size:1rem;line-height:.8}.touch-run small{font:600 .55rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase}.touch-run[aria-pressed=true]{transform:translate(-50%) scale(.94);background:#ebbf24b3!important;color:var(--ink)}.touch-zoom{display:grid;position:fixed;z-index:3;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:42px 48px 42px;align-items:center;background:#18130d6b;color:#f1eadedb;pointer-events:auto}.touch-zoom button{display:grid;width:42px!important;height:42px!important;padding:0;border:0;background:transparent;color:inherit;place-items:center;font:1.2rem var(--font-display)}.touch-zoom button:active{background:#f1eade2e}.touch-zoom button:disabled{opacity:.25}.touch-zoom output{text-align:center;font:600 .7rem var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:.05em}.entry form{max-height:none;overflow:visible}.rgb-picker{grid-template-columns:44px 1fr auto}}.audio-control{position:fixed;z-index:21;top:max(72px,calc(env(safe-area-inset-top) + 64px));right:max(16px,env(safe-area-inset-right))}.audio-compact-toggle{display:none!important}.audio-panel{display:grid;grid-template-columns:52px minmax(150px,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:5px;padding:7px 11px 7px 7px;border:1px solid var(--line);background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.track-art{grid-row:1/3;width:52px;height:52px;object-fit:cover;background:var(--yellow)}.track-info{min-width:0;display:grid;line-height:1}.track-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .9rem var(--font-display)}.track-info span{margin-top:4px;font-size:.75rem;letter-spacing:.08em}.track-actions{display:flex;align-items:center;gap:7px}.audio-control button{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;padding:0;border:0;background:var(--ink);color:var(--cream);font-size:1.25rem;cursor:pointer}.audio-control .track-skip{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.audio-control.off #musicToggle{background:var(--cream);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.audio-control.off #musicToggle span{text-decoration:line-through;text-decoration-color:var(--brick);text-decoration-thickness:2px}.audio-control label{display:grid;gap:2px}.audio-control label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.audio-control input[type=range]{width:82px;height:24px;margin:0;accent-color:var(--brick);cursor:pointer}@media(min-width:761px)and (pointer:fine){.audio-compact-toggle{display:grid!important;width:38px!important;height:38px!important;border:1px solid oklch(94% .018 83 / .25)!important;background:#18130d4d!important;color:var(--cream)!important;box-shadow:none!important;opacity:.42;transition:opacity .15s linear,background-color .15s linear}.audio-compact-toggle:hover,.audio-control.expanded .audio-compact-toggle{opacity:1;background:#18130dad!important}.audio-compact-toggle.playing{opacity:.62}.audio-panel{position:absolute;top:calc(100% + 7px);right:0;width:278px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-7px);transition:opacity .15s linear,transform .2s var(--ease-out-quart),visibility 0s .2s}.audio-control.expanded .audio-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s}}@media(max-width:760px){.audio-control{top:max(60px,calc(env(safe-area-inset-top) + 52px));right:max(12px,env(safe-area-inset-right))}.audio-compact-toggle{display:grid!important;width:44px!important;height:44px!important;border:1px solid oklch(94% .018 83 / .38)!important;background:#18130d85!important;color:var(--cream)!important;box-shadow:none!important;opacity:.62;transition:opacity .15s linear,background-color .15s linear}.audio-compact-toggle.playing{opacity:.82}.audio-control.expanded .audio-compact-toggle{opacity:1;background:var(--ink)!important}.audio-panel{position:absolute;top:calc(100% + 7px);right:0;width:min(258px,calc(100vw - 24px));grid-template-columns:40px minmax(0,1fr);column-gap:8px;row-gap:5px;padding:7px;border:1px solid var(--line);box-shadow:2px 2px 0 var(--ink);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-7px);transition:opacity .15s linear,transform .2s var(--ease-out-quart),visibility 0s .2s}.audio-control.expanded .audio-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s}.track-art{width:40px;height:40px}.track-info strong{font-size:.72rem}.track-info span{margin-top:2px;font-size:.65rem}.track-actions{grid-column:1/-1;justify-content:flex-end;gap:5px}.audio-control button{width:36px;height:36px}.audio-control input[type=range]{width:78px}}@media(max-width:760px)and (max-height:500px)and (orientation:landscape){.audio-control{top:max(54px,calc(env(safe-area-inset-top) + 46px))}.audio-panel{top:0;right:51px}}@media(pointer:coarse){.audio-panel button{min-width:44px;min-height:44px}.audio-control input[type=range]{height:44px}}@media(max-width:760px){.graffiti-format-controls{grid-template-columns:1fr}.graffiti-wrap-control{width:100%}}.entry{background:var(--landing-background,var(--paper));color:var(--landing-text,var(--ink));font-family:var(--landing-body-font,var(--font-body))}.entry:after{content:"";position:absolute;z-index:0;inset:-18%;background-image:var(--landing-background-image,none);background-size:var(--landing-background-size,cover);background-repeat:var(--landing-background-repeat,no-repeat);background-position:center;transform:translate(var(--landing-background-offset-x,0),var(--landing-background-offset-y,0));opacity:var(--landing-background-opacity,1);pointer-events:none}.entry:before{z-index:1}.entry-eyebrow{font-size:var(--landing-eyebrow-size-desktop,1rem);color:var(--landing-eyebrow,var(--landing-text,var(--ink)));transform:translate(var(--landing-eyebrow-x-desktop,0),var(--landing-eyebrow-y-desktop,0))}.entry h1{font-family:var(--landing-display-font,var(--font-display));font-size:var(--landing-title-size-desktop,var(--landing-title-desktop,8.4rem));color:var(--landing-title,var(--landing-text,var(--ink)));transform:translate(var(--landing-title-x-desktop,0),var(--landing-title-y-desktop,0))}.entry h1 em,.entry-controls>strong{color:var(--landing-accent,var(--brick))}.entry .lead{font-size:var(--landing-lead-size-desktop,var(--landing-lead-desktop,1.25rem));transform:translate(var(--landing-lead-x-desktop,0),var(--landing-lead-y-desktop,0))}.entry-controls{font-size:var(--landing-controls-size-desktop,.75rem);transform:translate(var(--landing-controls-x-desktop,0),var(--landing-controls-y-desktop,0))}.entry-foot{position:relative;z-index:2;font-size:var(--landing-footer-size-desktop,.75rem);transform:translate(var(--landing-footer-x-desktop,0),var(--landing-footer-y-desktop,0))}.entry form{transform:translate(var(--landing-desktop-form-x,0),var(--landing-desktop-form-y,0));background:var(--landing-form-background,var(--cream));color:var(--landing-text,var(--ink))}.entry .enter-button{background:var(--landing-button-background,var(--yellow));color:var(--landing-button-text,var(--ink));font-family:var(--landing-display-font,var(--font-display))}.entry h1{letter-spacing:-.02em;line-height:.94;font-kerning:normal}@media(max-width:760px){.entry-eyebrow{font-size:var(--landing-eyebrow-size-mobile,.875rem);transform:translate(var(--landing-eyebrow-x-mobile,0),var(--landing-eyebrow-y-mobile,0))}.entry h1{font-size:var(--landing-title-size-mobile,var(--landing-title-mobile,4rem));transform:translate(var(--landing-title-x-mobile,0),var(--landing-title-y-mobile,0))}.entry .lead{font-size:var(--landing-lead-size-mobile,var(--landing-lead-mobile,1.05rem));transform:translate(var(--landing-lead-x-mobile,0),var(--landing-lead-y-mobile,0))}.entry-controls{font-size:var(--landing-controls-size-mobile,.75rem);transform:translate(var(--landing-controls-x-mobile,0),var(--landing-controls-y-mobile,0))}.entry-foot{font-size:var(--landing-footer-size-mobile,.75rem);transform:translate(var(--landing-footer-x-mobile,0),var(--landing-footer-y-mobile,0))}.entry form{transform:translate(var(--landing-mobile-form-x,0),var(--landing-mobile-form-y,0))}}@media(max-width:760px){.entry h1{letter-spacing:-.01em;line-height:.98}}.character-preview{display:grid;height:190px;overflow:hidden;place-items:end center;border:1px solid color-mix(in oklch,var(--line) 28%,transparent);background:var(--landing-form-background,var(--cream))}.character-preview canvas{margin:0}@media(max-width:760px){.entry form{width:min(100%,27rem);justify-self:center;padding:clamp(12px,4vw,16px);gap:12px}.character-preview{height:clamp(158px,42vw,178px)}.character-preview canvas{transform:scale(.8);transform-origin:bottom center;margin:0}.skin-list label{display:grid;width:44px;height:44px;place-items:center}.identity-row{grid-template-columns:minmax(0,1fr) 68px;gap:8px}.identity-row input{height:44px}.enter-button{min-height:44px;align-items:center}}@media(max-width:360px){.entry{padding-inline:16px}.character-preview{height:154px}.character-preview canvas{transform:scale(.7)}}@media(max-width:760px){.touch-controls,.touch-controls .touch-direction{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-controls .touch-direction{display:block;appearance:none;border:0;outline:0;background:transparent;color:transparent;box-shadow:none!important}.touch-controls .touch-direction:focus,.touch-controls .touch-direction:focus-visible,.touch-controls .touch-direction:active{border:0;outline:0;background:transparent;box-shadow:none!important}}@media(max-width:760px){.entry{grid-template-rows:auto auto auto;align-content:center;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));gap:8px}.entry-copy{align-self:auto}.entry-eyebrow,.entry .lead{margin:0}.entry h1{font-size:min(var(--landing-title-size-mobile,var(--landing-title-mobile,4rem)),clamp(2.4rem,10vw,3.25rem));margin:8px 0;line-height:.94}.entry .lead{font-size:min(var(--landing-lead-size-mobile,var(--landing-lead-mobile,1.05rem)),1rem);line-height:1.25}.entry-controls{margin-top:8px;gap:4px;line-height:1.15}.entry form{padding:10px;gap:8px}.character-preview{height:clamp(112px,17vh,138px)}.character-preview canvas{width:auto;height:100%;margin:0;transform:none}.entry form legend{margin-bottom:4px}.entry-foot{margin:0}.skin-list{gap:8px}}@media(max-width:760px)and (max-height:700px){.entry{padding-block:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-bottom));gap:6px}.entry h1{font-size:min(var(--landing-title-size-mobile,var(--landing-title-mobile,4rem)),2.25rem);margin:5px 0}.entry .lead{font-size:1rem;line-height:1.15}.entry-controls{margin-top:5px;gap:2px;font-size:min(var(--landing-controls-size-mobile,.75rem),.7rem)}.entry-controls>strong{font-size:.875rem}.character-preview{height:96px}.entry form{padding:8px;gap:6px}.skin-list label{height:40px}.skin-list span{width:32px;height:32px}}.entry-footer{position:relative;z-index:2;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.entry-footer .entry-foot{grid-column:auto;margin:0}.entry-instagram{display:inline-flex;align-items:center;gap:8px;min-height:36px;color:inherit;text-decoration:none;text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.1em;white-space:nowrap}.entry-instagram svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}.entry-instagram .entry-instagram-dot{fill:currentColor;stroke:none}.entry-instagram span{border-bottom:1px solid currentColor;padding-bottom:2px}.entry-instagram:hover span{border-bottom-width:2px}.entry-instagram:focus-visible{outline:3px solid var(--landing-accent,var(--yellow));outline-offset:4px}@media(max-width:760px){.entry-footer{gap:10px}.entry-instagram{font-size:.62rem;letter-spacing:.08em}.entry-instagram svg{width:20px;height:20px}}.entry:before{z-index:0;background:repeating-linear-gradient(0deg,transparent 0 54px,oklch(22% .018 35 / .78) 54px 59px),repeating-linear-gradient(90deg,transparent 0 118px,oklch(22% .018 35 / .56) 118px 123px);opacity:.3}.entry-copy,.entry form,.entry-footer{z-index:2}.entry h1{color:var(--landing-title);text-shadow:2px 2px 0 oklch(22% .018 35 / .92)}.entry h1 em{color:var(--landing-accent);text-shadow:2px 2px 0 oklch(22% .018 35 / .92)}.entry form{box-shadow:10px 10px 0 var(--landing-accent);border-color:#221815}.entry form input{border-color:#221815b3}.character-preview{background:#f9f0ea}.entry .enter-button{border:2px solid oklch(22% .018 35);font-weight:800}.entry-instagram{background:var(--landing-title);padding:7px 10px;border:1px solid oklch(22% .018 35);color:#221815}.access-gate{--gate-brick:#d95a32;--gate-blue:#73b9f5;--gate-pink:#ff78b4;--gate-ink:#241c1a;--gate-paper:#f5e9df;position:fixed;z-index:400;inset:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:clamp(32px,7vw,112px);overflow:auto;padding:clamp(24px,6vw,88px);background-color:var(--gate-brick);background-image:repeating-linear-gradient(0deg,transparent 0 54px,color-mix(in oklch,var(--gate-ink) 82%,transparent) 54px 59px),repeating-linear-gradient(90deg,transparent 0 118px,color-mix(in oklch,var(--gate-ink) 68%,transparent) 118px 123px);color:var(--gate-ink);transition:opacity .42s var(--ease-out-quart),transform .42s var(--ease-out-quart)}.access-gate[hidden]{display:none}.access-gate.unlocked{opacity:0;transform:translateY(-18px);pointer-events:none}.access-gate-brand{position:relative;display:grid;justify-items:start;align-content:center;filter:drop-shadow(4px 5px 0 color-mix(in oklch,var(--gate-ink) 75%,transparent))}.access-gate-brand strong{font:clamp(6rem,19vw,17rem)/.72 var(--font-display);letter-spacing:-.09em;color:var(--gate-blue)}.access-gate-brand em{position:relative;margin-top:clamp(-12px,-1vw,-4px);margin-left:clamp(8px,7vw,108px);font:clamp(3.2rem,9vw,8rem)/.72 "Against Myself",var(--font-display);font-style:normal;color:var(--gate-pink);transform:rotate(-7deg)}.access-gate-brand small{position:absolute;right:2%;bottom:2%;font:clamp(1rem,2vw,2rem)/1 var(--font-display);color:var(--gate-pink)}.access-gate-form{display:grid;gap:20px;padding:clamp(24px,4vw,48px);border:3px solid var(--gate-ink);background:var(--gate-blue);box-shadow:12px 12px 0 var(--gate-pink)}.access-gate-form>span{font-weight:800;text-transform:uppercase;letter-spacing:.16em}.access-gate-form h2{margin:0;font:clamp(3rem,6vw,6.2rem)/.82 var(--font-display);text-transform:uppercase;letter-spacing:-.055em}.access-gate-form p{max-width:34ch;margin:0;font-weight:700;line-height:1.4}.access-gate-form label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.access-gate-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;border:2px solid var(--gate-ink);background:var(--gate-paper)}.access-gate-form input{min-width:0;height:54px;border:0;background:transparent;padding:10px 14px;color:var(--gate-ink);font-size:1.15rem}.access-gate-form button{min-height:54px;border:0;border-left:2px solid var(--gate-ink);background:var(--gate-pink);padding:10px 18px;font-family:var(--font-display);text-transform:uppercase;cursor:pointer}.access-gate-form button b{margin-left:10px}.access-gate-form button:disabled{cursor:wait;opacity:.55}.access-gate-form output{min-height:1.3em;font-size:.8rem;font-weight:700}.access-gate-form.has-error output{color:#780000;color:oklch(35% .18 28)}html.access-locked .dev-scene-trigger{display:none}@media(max-width:760px){.entry form{box-shadow:6px 6px 0 var(--landing-accent)}.access-gate{grid-template-columns:1fr;align-content:center;gap:24px;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));background-size:auto}.access-gate-brand{justify-self:center}.access-gate-brand strong{font-size:clamp(5.6rem,30vw,8.8rem)}.access-gate-brand em{font-size:clamp(2.7rem,15vw,4.4rem);margin-left:12vw}.access-gate-brand small{right:-2%;bottom:0}.access-gate-form{gap:14px;padding:20px;box-shadow:8px 8px 0 var(--gate-pink)}.access-gate-form h2{font-size:clamp(2.8rem,14vw,4rem)}.access-gate-form>div{grid-template-columns:1fr}.access-gate-form button{border-left:0;border-top:2px solid var(--gate-ink)}}@media(prefers-reduced-motion:reduce){.access-gate{transition:none}}.access-gate-form{min-width:0}@media(max-width:760px){.access-gate-form{width:calc(100% - 8px);justify-self:start}}.access-gate{--gate-blue:#73b9f5;display:grid;grid-template-columns:1fr;place-items:center;align-content:center;gap:clamp(12px,2vh,20px);overflow:auto;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:var(--gate-blue);color:#171717}.access-gate-poster{display:block;width:min(68vh,68vw,680px);height:auto;max-width:100%;object-fit:contain}.access-gate-form{width:min(68vh,68vw,680px);max-width:calc(100vw - 36px);min-width:0;justify-self:center;display:grid;gap:7px;padding:0;border:0;background:transparent;box-shadow:none;box-sizing:border-box}.access-gate-form>.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.access-gate-form>div{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 54px;border:2px solid #171717;background:#fff;box-sizing:border-box}.access-gate-form input{height:52px;padding:10px 14px;background:#fff;color:#171717;font:700 1rem/1 var(--font-body);outline:0}.access-gate-form input::placeholder{color:#6b6b6b;opacity:1}.access-gate-form input:focus-visible{box-shadow:inset 0 0 0 3px var(--gate-blue)}.access-gate-form button{min-height:52px;padding:0;border:0;border-left:2px solid #171717;background:#171717;color:#fff;font:700 1.55rem/1 var(--font-body)}.access-gate-form button:hover{background:#303030}.access-gate-form output{display:none;min-height:0;margin:0;color:#171717;font-size:.78rem;font-weight:800;text-align:center}.access-gate-form.has-error output:not(:empty){display:block}@media(max-width:760px){.access-gate{gap:12px;padding-inline:14px;background:var(--gate-blue)}.access-gate-poster{width:min(72vw,55vh)}.access-gate-form{width:min(72vw,55vh);justify-self:center;padding:0;box-shadow:none}.access-gate-form>div{grid-template-columns:minmax(0,1fr) 50px}.access-gate-form button{border-top:0;border-left:2px solid #171717}.access-gate-form input,.access-gate-form button{height:48px;min-height:48px}}@media(min-width:761px)and (pointer:coarse),(min-width:761px)and (any-pointer:coarse){.desktop-zoom{display:none}.touch-controls{display:block;position:fixed;inset:0;z-index:19;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-controls button{touch-action:none}.touch-controls .touch-direction{display:block;position:fixed;z-index:1;top:22%;bottom:18%;width:40vw;height:auto;padding:0;border:0!important;outline:0;background:transparent!important;color:transparent!important;box-shadow:none!important;pointer-events:auto;appearance:none;-webkit-appearance:none;font-size:0;text-indent:-9999px}.touch-controls .touch-direction:before,.touch-controls .touch-direction:after{content:none!important;display:none!important}.touch-left{left:0}.touch-right{right:0}.touch-controls .touch-run{display:grid;position:fixed;z-index:3;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:58px!important;height:48px!important;transform:translate(-50%);place-content:center;gap:1px;border:1px solid oklch(94% .018 83 / .35)!important;background:#18130d7a!important;color:#f1eaded1!important;font-family:var(--font-display);pointer-events:auto;appearance:none;-webkit-appearance:none}.touch-controls .touch-run span{font-size:1rem;line-height:.8}.touch-controls .touch-run small{font:600 .55rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase}.touch-controls .touch-run[aria-pressed=true]{transform:translate(-50%) scale(.94);background:#ebbf24b3!important;color:var(--ink)!important}.touch-zoom{display:grid;position:fixed;z-index:3;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));grid-template-columns:48px 54px 48px;align-items:center;background:#18130d6b;color:#f1eadedb;pointer-events:auto;touch-action:none}.touch-zoom button{display:grid;width:48px;height:48px;padding:0;border:0;background:transparent;color:inherit;place-items:center;font:1.2rem var(--font-display)}.touch-zoom button:disabled{opacity:.25}.touch-zoom output{text-align:center;font:600 .72rem var(--font-body);font-variant-numeric:tabular-nums}.mobile-ui-toggle{display:grid;position:fixed;z-index:70;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:48px;height:48px;padding:0;place-items:center;border:1px solid oklch(94% .018 83 / .28);background:#18130d52;color:#f1eadec7;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-ui-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-ui-toggle .eye-slash{display:none}.mobile-ui-toggle[aria-pressed=true] .eye-slash{display:block}.mobile-ui-hidden .touch-zoom,.mobile-ui-hidden .touch-run,.mobile-ui-hidden .write-button{opacity:0!important;visibility:hidden;pointer-events:none!important}}.mobile-ui-toggle{display:none}@media(max-width:760px){.mobile-ui-toggle{display:grid;position:fixed;z-index:70;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;padding:0;place-items:center;border:1px solid oklch(94% .018 83 / .28);background:#18130d52;color:#f1eadec7;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity .15s linear,background-color .15s linear}.mobile-ui-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-ui-toggle .eye-slash{display:none}.mobile-ui-toggle[aria-pressed=true]{background:#18130d94;color:var(--cream)}.mobile-ui-toggle[aria-pressed=true] .eye-slash{display:block}.mobile-ui-hidden .touch-zoom,.mobile-ui-hidden .touch-run,.mobile-ui-hidden .write-button{opacity:0!important;visibility:hidden;pointer-events:none!important}.editor{top:auto;bottom:0;width:100%;height:min(270px,34dvh);padding:48px 16px max(16px,env(safe-area-inset-bottom));border-left:0;border-top:2px solid var(--ink);transform:translateY(105%);box-shadow:0 -5px #18130d3d;gap:12px}.editor.open{transform:translateY(0)}.editor-close{top:7px;right:68px;width:38px;height:38px}.editor-heading{min-height:38px;padding:0 112px 7px 0}.mobile-ui-hidden .editor.open{transform:translateY(105%);pointer-events:none}.graffiti-edit-mode .touch-controls,.graffiti-edit-mode .touch-controls button,.graffiti-edit-mode .touch-zoom,.graffiti-edit-mode .touch-run,.graffiti-edit-mode .write-button{pointer-events:none!important;opacity:0!important;visibility:hidden}.graffiti-edit-mode .audio-control{opacity:0;pointer-events:none}}@media(min-width:761px)and (pointer:coarse),(min-width:761px)and (any-pointer:coarse){.mobile-ui-toggle{display:grid!important}.audio-control{top:max(72px,calc(env(safe-area-inset-top) + 64px));right:max(16px,env(safe-area-inset-right))}.audio-compact-toggle{display:grid!important;width:44px!important;height:44px!important;border:1px solid oklch(94% .018 83 / .38)!important;background:#18130d85!important;color:var(--cream)!important;box-shadow:none!important;opacity:.62}.audio-compact-toggle.playing{opacity:.82}.audio-control.expanded .audio-compact-toggle{opacity:1;background:var(--ink)!important}.audio-panel{position:absolute;top:calc(100% + 7px);right:0;width:min(278px,calc(100vw - 32px));grid-template-columns:44px minmax(0,1fr);column-gap:8px;row-gap:5px;padding:8px;border:1px solid var(--line);box-shadow:2px 2px 0 var(--ink);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-7px);transition:opacity .15s linear,transform .2s var(--ease-out-quart),visibility 0s .2s}.audio-control.expanded .audio-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s}.track-art{width:44px;height:44px}.track-info strong{font-size:.78rem}.track-info span{margin-top:2px;font-size:.68rem}.track-actions{grid-column:1/-1;justify-content:flex-end;gap:6px}.audio-control button{width:44px;height:44px}.audio-control input[type=range]{width:88px;height:44px}}@media(min-width:761px)and (pointer:fine){.mobile-ui-toggle{display:grid;position:fixed;z-index:70;top:18px;right:18px;width:38px;height:38px;padding:0;place-items:center;border:1px solid oklch(94% .018 83 / .25);background:#18130d4d;color:#f1eadec7;cursor:pointer;opacity:.42;transition:opacity .15s linear,background-color .15s linear}.mobile-ui-toggle:hover,.mobile-ui-toggle[aria-pressed=true]{opacity:1;background:#18130dad}.mobile-ui-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-ui-toggle .eye-slash{display:none}.mobile-ui-toggle[aria-pressed=true] .eye-slash{display:block}.mobile-ui-hidden .hud,.mobile-ui-hidden .audio-control,.mobile-ui-hidden .write-button,.mobile-ui-hidden .dev-scene-trigger,.mobile-ui-hidden .desktop-zoom,.mobile-ui-hidden .graffiti-index{opacity:0!important;visibility:hidden!important;pointer-events:none!important}}.companion-toggle{position:fixed;z-index:70;top:18px;right:64px;display:grid;width:38px;height:38px;padding:0;border:1px solid oklch(94% .018 83 / .25);background:#18130d4d;color:#f1eadec7;place-items:center;cursor:pointer;opacity:.52;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity .15s linear,background-color .15s linear}.companion-toggle[hidden]{display:none!important}.companion-toggle:hover,.companion-toggle[aria-pressed=true]{opacity:1;background:#18130dad}.companion-toggle[aria-pressed=false]{opacity:.3}.companion-toggle svg{width:20px;height:20px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.companion-toggle .companion-slash{display:none}.companion-toggle[aria-pressed=false] .companion-slash{display:block}.mobile-ui-hidden .companion-toggle,.desktop-zoom-mode .companion-toggle,.segedin-game-open .companion-toggle,.civava-game-open .companion-toggle{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media(max-width:760px),(pointer:coarse),(any-pointer:coarse){.companion-toggle{top:max(12px,env(safe-area-inset-top));right:max(64px,calc(env(safe-area-inset-right) + 64px));width:44px;height:44px;background:#18130d6b}}.segedin-prompt{position:fixed;z-index:64;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;transform:translate(-50%,-50%);touch-action:manipulation}.segedin-prompt[hidden],.segedin-mobile-action{display:none}.segedin-game{--sg-ink:oklch(16% .012 88);--sg-paper:oklch(96% .012 88);--sg-yellow:oklch(86% .18 96);--sg-brick:var(--sg-ink);--sg-cabbage:var(--sg-yellow);--sg-cream:var(--sg-paper);--sg-meat:oklch(34% .012 88);width:min(1080px,calc(100vw - 32px));height:min(760px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:var(--sg-ink);overflow:visible}.segedin-game,.segedin-game *{box-sizing:border-box}.segedin-game *{min-width:0}.segedin-game::backdrop{background:#0c0603e0}.segedin-shell{position:relative;display:grid;height:100%;grid-template-rows:auto 6px minmax(0,1fr);overflow:hidden;border:3px solid var(--sg-ink);background:var(--sg-paper);box-shadow:12px 12px #040201b8;font-family:var(--font-body);container-type:inline-size}.segedin-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;align-items:center;gap:24px;min-height:74px;padding:10px 12px 10px 20px;background:var(--sg-brick);color:var(--sg-paper)}.segedin-topbar>div:first-child{display:grid;gap:2px;min-width:0}.segedin-topbar span{font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.segedin-topbar strong{overflow:hidden;font:700 1.55rem/.95 var(--font-display);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.segedin-topbar dl{display:flex;gap:8px;margin:0}.segedin-topbar dl div{display:grid;min-width:72px;padding:5px 9px;border:1px solid var(--sg-paper);text-align:center}.segedin-topbar dt{font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.segedin-topbar dd{margin:2px 0 0;font:700 1.25rem/1 var(--font-display);font-variant-numeric:tabular-nums}.segedin-close{width:44px;height:44px;padding:0;border:1px solid var(--sg-paper);background:transparent;color:inherit;font:700 1.75rem/1 var(--font-display);cursor:pointer}.segedin-close:hover{background:var(--sg-paper);color:var(--sg-ink)}.segedin-time-track{position:relative;background:var(--sg-ink);overflow:hidden}.segedin-time-track i{position:absolute;inset:0;background:var(--sg-yellow);transform:scaleX(var(--time-ratio,1));transform-origin:left center}.segedin-board{display:grid;min-height:0;grid-template-columns:minmax(270px,.8fr) minmax(400px,1.2fr);grid-template-rows:180px minmax(0,1fr);grid-template-areas:"cast ticket" "pot controls";gap:0;overflow:auto;background-color:var(--sg-paper);background-image:repeating-linear-gradient(0deg,transparent 0 31px,oklch(18% .018 55 / .055) 31px 32px)}.segedin-cast{grid-area:cast;position:relative;display:grid;align-content:end;min-height:180px;overflow:hidden;border-bottom:2px solid var(--sg-ink);background:var(--sg-yellow)}.segedin-cast>div{position:absolute;inset:8px 8px 24px;background-image:url(/assets/scene/1784140337749-segedin.webp);background-size:500% 100%;background-position:50% center;background-repeat:no-repeat;filter:drop-shadow(3px 4px 0 oklch(18% .018 55 / .36));transform-origin:center bottom}.segedin-cast>span{position:relative;z-index:1;padding:6px 10px;background:var(--sg-ink);color:var(--sg-paper);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}.segedin-cast[data-reaction=meat]>div{animation:segedin-cast-left .3s var(--ease-out-quart)}.segedin-cast[data-reaction=cabbage]>div{animation:segedin-cast-up .3s var(--ease-out-quart)}.segedin-cast[data-reaction=cream]>div{animation:segedin-cast-right .3s var(--ease-out-quart)}.segedin-cast[data-reaction=success]{background:var(--sg-cabbage)}.segedin-cast[data-reaction=success]>div{animation:segedin-cast-up .42s var(--ease-out-quart)}.segedin-cast[data-reaction=failure]{background:var(--sg-brick)}.segedin-cast[data-reaction=failure]>div{animation:segedin-cast-shake .32s linear}.segedin-ticket{grid-area:ticket;position:relative;display:grid;align-content:center;gap:8px;padding:24px 44px;border-bottom:2px solid var(--sg-ink);background:var(--sg-yellow)}.segedin-ticket:after{content:"OBJEDNÁVKA";position:absolute;top:12px;right:14px;padding:4px 7px;border:1px solid var(--sg-ink);font:700 .56rem var(--font-body);letter-spacing:.12em;transform:rotate(2deg)}.segedin-ticket>span{font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.segedin-ticket blockquote{max-width:29ch;margin:0;font:700 1.8rem/1.02 var(--font-display)}.segedin-ticket p{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.segedin-pot-zone{grid-area:pot;display:grid;grid-template-rows:minmax(120px,1fr) auto auto;align-items:end;gap:12px;padding:20px;border-right:2px solid var(--sg-ink)}.segedin-pot{position:relative;width:min(230px,80%);height:128px;margin:auto;border:4px solid var(--sg-ink);border-top:0;background:var(--sg-brick);clip-path:polygon(5% 0,95% 0,84% 100%,16% 100%)}.segedin-pot:before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:14px;border:4px solid var(--sg-ink);background:var(--sg-paper)}.segedin-pot:after{content:"";position:absolute;left:50%;bottom:-14px;width:38%;height:14px;background:var(--sg-ink);transform:translate(-50%)}.segedin-stew{position:absolute;inset:14px 10px 8px;background:var(--sg-meat);opacity:calc(.25 + var(--pot-fill,.2));transform:scaleY(var(--pot-fill,.2));transform-origin:center bottom}.segedin-stew i{position:absolute;bottom:12%;width:12px;height:12px;border:2px solid var(--sg-ink);background:var(--sg-cream);opacity:.8}.segedin-stew i:nth-child(1){left:18%;animation:segedin-bubble 1.4s linear infinite}.segedin-stew i:nth-child(2){left:48%;animation:segedin-bubble 1.8s .3s linear infinite}.segedin-stew i:nth-child(3){left:72%;animation:segedin-bubble 1.55s .7s linear infinite}.segedin-meters{display:grid;gap:8px}.segedin-meter{display:grid;grid-template-columns:64px minmax(70px,1fr) 42px;align-items:center;gap:8px;font-size:.68rem;font-weight:800;text-transform:uppercase}.segedin-meter>i{position:relative;height:12px;border:2px solid var(--sg-ink);background:var(--sg-paper);overflow:visible}.segedin-meter>i:before{content:"";position:absolute;inset:0;background:var(--meter-color,var(--sg-brick));transform:scaleX(var(--fill-ratio,0));transform-origin:left}.segedin-meter>i:after{content:"";position:absolute;z-index:1;top:-5px;bottom:-5px;left:var(--target,0%);width:3px;background:var(--sg-ink);transform:translate(-1px)}.segedin-meter[data-meter=meat]{--meter-color:var(--sg-meat)}.segedin-meter[data-meter=cabbage]{--meter-color:var(--sg-cabbage)}.segedin-meter[data-meter=cream]{--meter-color:var(--sg-cream)}.segedin-meter output{text-align:right;font-variant-numeric:tabular-nums}.segedin-feedback{display:block;min-height:34px;padding:8px 10px;background:var(--sg-ink);color:var(--sg-paper);font-size:.72rem;font-weight:750;line-height:1.25}.segedin-controls{grid-area:controls;display:grid;align-content:center;gap:20px;padding:28px}.segedin-ingredients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.segedin-ingredients button{display:grid;min-height:112px;padding:12px;border:2px solid var(--sg-ink);background:var(--sg-paper);color:var(--sg-ink);box-shadow:4px 4px 0 var(--sg-ink);text-align:left;cursor:pointer;transition:transform .1s linear,box-shadow .1s linear,background-color .1s linear}.segedin-ingredients button:nth-child(1):hover{background:color-mix(in oklch,var(--sg-meat) 36%,var(--sg-paper))}.segedin-ingredients button:nth-child(2):hover{background:color-mix(in oklch,var(--sg-cabbage) 45%,var(--sg-paper))}.segedin-ingredients button:nth-child(3):hover{background:color-mix(in oklch,var(--sg-cream) 62%,var(--sg-paper))}.segedin-ingredients button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--sg-ink)}.segedin-ingredients button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.segedin-ingredients kbd,.segedin-how kbd,.segedin-actions kbd{justify-self:start;padding:3px 6px;border:1px solid currentColor;background:transparent;font:700 .65rem var(--font-body)}.segedin-ingredients strong{align-self:end;margin-top:16px;font:700 1.2rem/1 var(--font-display);text-transform:uppercase}.segedin-ingredients small{margin-top:4px;font-size:.62rem;font-weight:700;text-transform:uppercase}.segedin-actions{display:grid;grid-template-columns:minmax(140px,.65fr) minmax(190px,1fr);gap:12px}.segedin-actions button,.segedin-start,.segedin-result button{min-height:52px;padding:10px 14px;border:2px solid var(--sg-ink);font:700 .9rem var(--font-display);text-transform:uppercase;cursor:pointer}.segedin-actions button{display:flex;align-items:center;justify-content:space-between;gap:12px}.segedin-empty{background:var(--sg-paper);color:var(--sg-ink)}.segedin-serve{background:var(--sg-brick);color:var(--sg-paper);box-shadow:4px 4px 0 var(--sg-ink)}.segedin-actions button:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.segedin-cover{position:absolute;z-index:5;inset:80px 0 0;display:none;align-content:center;justify-items:start;gap:24px;padding:clamp(28px,7vw,88px);overflow:auto;background:var(--sg-yellow);color:var(--sg-ink)}.segedin-cover:after{content:"";position:absolute;right:-4%;bottom:-15%;width:42%;aspect-ratio:1;border:26px solid var(--sg-ink);border-radius:50%;opacity:.14}.segedin-cover>*{position:relative;z-index:1}.segedin-cover>span{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.segedin-cover h2{max-width:12ch;margin:0;font:700 clamp(3.6rem,8vw,7.2rem)/.82 var(--font-display);letter-spacing:-.045em;text-transform:uppercase}.segedin-cover p{max-width:52ch;margin:0;font-size:1.1rem;font-weight:700;line-height:1.5}.segedin-intro .segedin-how{display:flex;flex-wrap:wrap;gap:12px}.segedin-how span{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:2px solid var(--sg-ink);font-size:.9rem;font-weight:800;text-transform:uppercase}.segedin-how kbd{padding:5px 8px;font-size:.85rem}.segedin-best-line strong{font:700 1.2rem var(--font-display)}.segedin-start{min-width:220px;background:var(--sg-ink);color:var(--sg-paper);box-shadow:5px 5px #504d46}.segedin-result>strong{font:700 clamp(5rem,12vw,10rem)/.72 var(--font-display);font-variant-numeric:tabular-nums}.segedin-result>div{display:flex;flex-wrap:wrap;gap:12px}.segedin-replay{background:var(--sg-ink);color:var(--sg-paper)}.segedin-return{background:transparent;color:var(--sg-ink)}.segedin-shell[data-state=intro] .segedin-intro,.segedin-shell[data-state=result] .segedin-result{display:grid}.segedin-shell[data-state=intro] .segedin-board,.segedin-shell[data-state=result] .segedin-board{opacity:.18;pointer-events:none}.segedin-game button:focus-visible,.segedin-prompt:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.segedin-game button:focus-visible{outline-color:var(--sg-brick)}.segedin-game-open .hud,.segedin-game-open .audio-control,.segedin-game-open .write-button,.segedin-game-open .mobile-ui-toggle,.segedin-game-open .desktop-zoom,.segedin-game-open .dev-scene-trigger,.segedin-game-open .touch-controls,.segedin-game-open .segedin-mobile-action{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@container (max-width:760px){.segedin-board{grid-template-columns:minmax(220px,.75fr) minmax(330px,1.25fr)}.segedin-ticket{padding-inline:28px}.segedin-controls{padding:20px}.segedin-ingredients{gap:8px}.segedin-ingredients button{min-height:104px;padding:10px}.segedin-ingredients strong{font-size:1rem}}@media(max-width:760px){.segedin-prompt{bottom:max(82px,calc(env(safe-area-inset-bottom) + 68px));min-height:48px;padding:5px 12px 5px 5px}.segedin-prompt-key{display:none}.segedin-prompt strong{font-size:.78rem}.segedin-game{width:100vw;height:100dvh;margin:0}.segedin-shell{width:100%;min-width:0;border:0;box-shadow:none}.segedin-topbar{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto 40px;gap:6px;min-height:64px;padding:8px max(8px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));overflow:hidden}.segedin-topbar strong{font-size:.9rem}.segedin-topbar dl{flex:0 0 auto;gap:3px}.segedin-topbar dl div{width:40px;min-width:40px;padding:4px 2px}.segedin-topbar dl div:nth-child(3){display:none}.segedin-topbar dd{font-size:.82rem}.segedin-close{width:40px;height:40px}.segedin-board{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:112px auto auto auto;grid-template-areas:"cast" "ticket" "pot" "controls";overflow-x:hidden}.segedin-cast{min-height:112px}.segedin-cast>div{inset:5px 5px 20px;background-position:50% center}.segedin-ticket{min-height:132px;padding:20px 18px}.segedin-ticket blockquote{font-size:1.35rem}.segedin-pot-zone{width:100%;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto;padding:16px;border-right:0;border-bottom:2px solid var(--sg-ink)}.segedin-pot{grid-row:1/3;width:100px;height:94px}.segedin-meters{align-self:center}.segedin-meter{grid-template-columns:58px minmax(0,1fr) 38px;gap:5px}.segedin-feedback{grid-column:1/-1}.segedin-controls{width:100%;gap:14px;padding:16px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:hidden}.segedin-ingredients{width:100%;gap:6px}.segedin-ingredients button{width:100%;min-height:82px;padding:7px;box-shadow:2px 2px 0 var(--sg-ink)}.segedin-ingredients strong{margin-top:8px;font-size:.78rem}.segedin-ingredients small{display:none}.segedin-actions{width:100%;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:8px}.segedin-actions button{min-height:48px;padding:8px 6px;font-size:.68rem}.segedin-actions kbd{display:none}.segedin-cover{inset:70px 0 0;align-content:start;padding:clamp(28px,9vh,72px) 22px max(28px,env(safe-area-inset-bottom))}.segedin-cover h2{font-size:clamp(3.2rem,17vw,5rem)}.segedin-cover p{font-size:.9rem}.segedin-how span{padding:5px 7px}.segedin-result>strong{font-size:6rem}}@media(max-height:560px)and (orientation:landscape){.segedin-game{width:100vw;height:100dvh}.segedin-shell{border:0;box-shadow:none}.segedin-topbar{min-height:56px;padding-block:6px}.segedin-topbar>div:first-child span,.segedin-cast{display:none}.segedin-board{grid-template-columns:minmax(270px,.8fr) minmax(390px,1.2fr);grid-template-rows:auto 1fr;grid-template-areas:"ticket controls" "pot controls"}.segedin-ticket{min-height:112px;padding:14px 22px}.segedin-ticket blockquote{font-size:1.25rem}.segedin-pot-zone{padding:12px}.segedin-pot{height:86px}.segedin-controls{padding:14px}.segedin-ingredients button{min-height:78px}.segedin-cover{inset:62px 0 0;padding:22px 40px}.segedin-cover h2{font-size:3.4rem}.segedin-cover p{font-size:.82rem}.segedin-cover:after{display:none}}@media(pointer:coarse){.segedin-game button{min-height:48px}.segedin-close{min-width:44px}.segedin-ingredients button{touch-action:manipulation}}@media(max-width:760px),(pointer:coarse){.segedin-mobile-action{position:fixed;z-index:65;left:50%;bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px));display:grid;min-width:76px;min-height:44px;padding:8px 14px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink);place-items:center;font:700 .82rem var(--font-display);letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%);touch-action:manipulation}.segedin-mobile-action[hidden]{display:none}.segedin-mobile-action:active{transform:translate(-50%,2px);box-shadow:1px 1px 0 var(--ink)}.mobile-ui-hidden .segedin-mobile-action{opacity:0;visibility:hidden;pointer-events:none}}@media(max-width:760px),(pointer:coarse){.segedin-mobile-action{top:max(calc(env(safe-area-inset-top) + 88px),26dvh);bottom:auto;min-width:116px;min-height:52px;padding:12px 20px;box-shadow:4px 4px 0 var(--ink);font-size:1rem}.segedin-mobile-action:active{box-shadow:2px 2px 0 var(--ink)}}.segedin-cover{overflow-x:hidden}.segedin-result h2{max-width:19ch;padding-top:.12em;font:700 clamp(2.75rem,5.4vw,4.6rem)/1.08 var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere}.segedin-meter[data-meter=cream]>i{background:var(--sg-paper)}.segedin-meter[data-meter=cream]>i:before{background:repeating-linear-gradient(135deg,var(--sg-paper) 0 4px,var(--sg-ink) 4px 7px)}.segedin-prompt{bottom:auto;min-height:0;padding:0}@media(max-width:760px){.segedin-cover p{font-size:1rem}.segedin-intro .segedin-how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:390px}.segedin-how span{padding:9px 10px;font-size:.82rem}.segedin-how kbd{font-size:.78rem}}@media(max-width:760px){.segedin-result h2{max-width:15ch;font-size:clamp(2.25rem,9vw,3rem);line-height:1.12;letter-spacing:-.015em}}@media(max-width:760px){.segedin-board{grid-template-rows:auto auto auto auto;align-content:start}.segedin-cast{min-height:clamp(208px,61vw,240px)}.segedin-cast>div{inset:auto 0 26px;width:min(calc(100% - 16px),360px);aspect-ratio:768/450;margin-inline:auto;background-size:500% 100%}.segedin-ticket{min-height:0;align-content:start;gap:6px;padding:16px 18px}.segedin-ticket blockquote{line-height:1.08}}@media(prefers-reduced-motion:reduce){.segedin-cast>div,.segedin-stew i{animation:none!important}.segedin-ingredients button{transition-duration:.01ms!important}}@keyframes segedin-prompt-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes segedin-cast-left{50%{transform:translate(-10px) rotate(-1deg)}}@keyframes segedin-cast-right{50%{transform:translate(10px) rotate(1deg)}}@keyframes segedin-cast-up{50%{transform:translateY(-8px)}}@keyframes segedin-cast-shake{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@keyframes segedin-bubble{0%{opacity:0;transform:translateY(0) scale(.6)}35%{opacity:.8}to{opacity:0;transform:translateY(-58px) scale(1.15)}}.civava-prompt{position:fixed;z-index:64;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);touch-action:manipulation}.civava-prompt[hidden],.civava-mobile-action{display:none}.civava-game{width:min(1100px,calc(100vw - 32px));height:min(760px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:#0f0d08;overflow:visible}.civava-game::backdrop{background:#0c0603e6}.civava-shell{position:relative;display:grid;height:100%;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:3px solid oklch(16% .012 88);background:#f4cf00;background:oklch(86% .18 96);box-shadow:12px 12px #040201b8;font-family:var(--font-body)}.civava-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;align-items:center;gap:24px;min-height:76px;padding:10px 12px 10px 20px;background:#0f0d08;color:#f5f1e9}.civava-topbar>div:first-child{display:grid;gap:2px}.civava-topbar span{font-size:.65rem;font-weight:800;letter-spacing:.16em}.civava-topbar strong{font:700 1.55rem/.95 var(--font-display);text-transform:uppercase}.civava-topbar dl{display:flex;gap:8px;margin:0}.civava-topbar dl div{display:grid;min-width:72px;padding:5px 9px;border:1px solid currentColor;text-align:center}.civava-topbar dt{font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.civava-topbar dd{margin:2px 0 0;font:700 1.25rem/1 var(--font-display);font-variant-numeric:tabular-nums}.civava-close{width:44px;height:44px;padding:0;border:1px solid currentColor;background:transparent;color:inherit;font:700 1.75rem/1 var(--font-display);cursor:pointer}.civava-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:#f4cf00;background:oklch(86% .18 96)}.civava-stage canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none}.civava-rotate-hint{display:none}.civava-status{position:absolute;left:16px;bottom:16px;max-width:min(540px,calc(100% - 32px));margin:0;padding:10px 14px;background:#0f0d08;color:#f5f1e9;font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.civava-cover{position:absolute;z-index:4;inset:76px 0 0;display:grid;align-content:center;justify-items:start;gap:24px;padding:clamp(28px,7vw,88px);overflow:auto;background:#f4cf00;background:oklch(86% .18 96)}.civava-cover[hidden]{display:none}.civava-cover>span{font-size:.7rem;font-weight:800;letter-spacing:.16em}.civava-cover h2{max-width:11ch;margin:0;font:700 clamp(3.4rem,8vw,7rem)/.86 var(--font-display);letter-spacing:-.04em;text-transform:uppercase}.civava-cover p{max-width:52ch;margin:0;font-size:1.05rem;font-weight:700;line-height:1.45}.civava-how{display:grid;grid-template-columns:auto auto auto auto auto auto;align-items:center;gap:8px 12px}.civava-how b{display:grid;width:38px;height:38px;border:2px solid currentColor;place-items:center}.civava-how span{font-weight:800;text-transform:uppercase}.civava-start,.civava-result button{min-height:52px;padding:10px 18px;border:2px solid oklch(16% .012 88);font:700 .9rem var(--font-display);text-transform:uppercase;cursor:pointer}.civava-start,.civava-replay{background:#0f0d08;color:#f5f1e9}.civava-result>strong{font:700 clamp(5rem,12vw,10rem)/.72 var(--font-display);font-variant-numeric:tabular-nums}.civava-result>div{display:flex;flex-wrap:wrap;gap:12px}.civava-return{background:transparent;color:#0f0d08}.civava-how{grid-template-columns:repeat(4,auto auto)}.civava-game button:focus-visible{outline:3px solid oklch(86% .18 96);outline-offset:3px}.civava-cover button:focus-visible{outline-color:#0f0d08}.civava-game-open .hud,.civava-game-open .audio-control,.civava-game-open .write-button,.civava-game-open .mobile-ui-toggle,.civava-game-open .desktop-zoom,.civava-game-open .dev-scene-trigger,.civava-game-open .touch-controls,.civava-game-open .civava-mobile-action{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media(max-width:760px){.civava-game{width:100vw;height:100dvh;margin:0}.civava-shell{border:0;box-shadow:none}.civava-topbar{grid-template-columns:minmax(0,1fr) 48px 44px;gap:5px;min-height:68px;padding:8px max(8px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))}.civava-topbar>div:first-child{min-width:0}.civava-topbar strong{display:block;max-width:100%;overflow:hidden;font-size:clamp(.68rem,3.7vw,.9rem);text-overflow:ellipsis;white-space:nowrap}.civava-topbar dl{display:block;min-width:0}.civava-topbar dl div{min-width:44px;padding:4px}.civava-topbar dl div:first-child{display:none}.civava-topbar dd{font-size:.9rem}.civava-stage{align-content:start}.civava-stage canvas{width:100%;height:auto;aspect-ratio:1000/560;margin-top:clamp(40px,12vh,110px)}.civava-status{bottom:max(14px,env(safe-area-inset-bottom));font-size:.72rem}.civava-cover{inset:68px 0 0;align-content:start;padding:clamp(34px,10vh,78px) 22px max(28px,env(safe-area-inset-bottom))}.civava-cover h2{font-size:clamp(3rem,16vw,4.8rem)}.civava-cover p{font-size:1rem}.civava-how{grid-template-columns:auto 1fr;gap:8px 12px}.civava-result>strong{font-size:6rem}}@media(max-height:560px)and (orientation:landscape){.civava-game{width:100vw;height:100dvh}.civava-shell{border:0;box-shadow:none}.civava-topbar{min-height:58px;padding-block:6px}.civava-stage canvas{width:100%;height:100%;margin:0}.civava-cover{inset:58px 0 0;padding:22px 40px}.civava-cover h2{font-size:3.2rem}.civava-cover p{font-size:.85rem}.civava-how{grid-template-columns:auto auto auto auto auto auto}}@media(max-width:760px),(pointer:coarse){.civava-mobile-action{position:fixed;z-index:65;left:50%;top:max(calc(env(safe-area-inset-top) + 88px),26dvh);display:grid;min-width:116px;min-height:52px;padding:12px 20px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink);place-items:center;font:700 1rem var(--font-display);letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%);touch-action:manipulation}.civava-mobile-action[hidden]{display:none}.mobile-ui-hidden .civava-mobile-action{opacity:0;visibility:hidden;pointer-events:none}}@media(prefers-reduced-motion:reduce){.civava-game button{transition-duration:.01ms!important}}@media(max-width:760px),(pointer:coarse),(any-pointer:coarse){.civava-stage{place-items:center;align-content:center}.civava-stage canvas{width:auto;height:min(100%,56vw);max-width:100%;max-height:100%;aspect-ratio:1000/560;margin:0}.civava-status{left:50%;bottom:max(10px,env(safe-area-inset-bottom));max-width:min(620px,calc(100% - 24px));padding:8px 11px;font-size:.64rem;line-height:1.2;text-align:center;transform:translate(-50%)}}@media(max-width:760px)and (orientation:portrait)and (pointer:coarse){.civava-rotate-hint{position:absolute;z-index:2;top:14px;left:50%;display:block;width:max-content;max-width:calc(100% - 28px);margin:0;padding:8px 11px;border:1px solid oklch(16% .012 88);background:#f5f1e9eb;color:#0f0d08;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-align:center;text-transform:uppercase;transform:translate(-50%)}}@media(max-height:560px)and (orientation:landscape){.civava-status{top:10px;bottom:auto;max-width:min(520px,42vw)}}