:root{--ink:#231c1a;--paper:#fbf0d9;--paper-shade:#ead6ad;--accent:#c8452f;--accent-ink:#fff4e0;--gold:#f2b733;--sky:#7fc3e8;--display:"Lilita One", system-ui, sans-serif;--hand:"Gaegu", "Comic Sans MS", system-ui, sans-serif;color:var(--ink);background:var(--sky);font-family:var(--hand)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--sky);-webkit-user-select:none;user-select:none}#app{touch-action:none;position:relative}#game-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#title-screen{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .5s;display:flex;position:absolute;inset:0}#title-screen.gone{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}#title-word{font:400 clamp(56px, 13vw, 168px)/.9 var(--display);letter-spacing:.02em;color:var(--paper);pointer-events:auto;margin:0;display:flex}.title-letter{transform:rotate(var(--tilt));-webkit-text-stroke:clamp(4px, .9vw, 10px) var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);animation:.7s cubic-bezier(.3,1.6,.5,1) both letter-in;animation-delay:calc(.9s + var(--i) * 70ms);display:inline-block}.title-letter.flip{animation:.7s cubic-bezier(.3,1.6,.5,1) letter-flip}@keyframes letter-in{0%{transform:translateY(40px) scale(.3) rotate(var(--tilt));opacity:0}}@keyframes letter-flip{50%{transform:rotateX(180deg) rotate(var(--tilt))}}.title-sub{font:700 clamp(20px, 3vw, 30px)/1.1 var(--hand);color:var(--ink);text-align:center;background:var(--paper);border:3px solid var(--ink);border-radius:8px;margin:4px 0 22px;padding:4px 14px 7px;animation:.6s 1.7s both fade-in;transform:rotate(-1deg)}#begin{pointer-events:auto;font:400 clamp(24px, 3.4vw, 34px)/1 var(--display);color:var(--ink);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:#f2c14e;border-radius:10px;padding:12px 34px 14px;transition:transform .12s,box-shadow .12s;animation:.6s 2s both fade-in;transform:rotate(-1.5deg)}#begin:disabled{filter:grayscale(.6);opacity:.7;cursor:wait}#begin:hover{transform:rotate(1deg)scale(1.05)}#begin:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.title-hint{margin-top:14px;font-size:18px;animation:.6s 2.3s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}#wipe{background:var(--paper);pointer-events:none;clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%);position:absolute;inset:-10%}#wipe.in{animation:.65s cubic-bezier(.7,0,.3,1) forwards wipe-in}#wipe.in.out{animation:.9s cubic-bezier(.7,0,.3,1) forwards wipe-out}@keyframes wipe-in{0%{clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%)}to{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}}@keyframes wipe-out{0%{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}to{clip-path:polygon(130% 0,130% 0,100% 100%,100% 100%)}}#zone-title{text-align:center;pointer-events:none;font:400 clamp(40px, 7.5vw, 92px)/1 var(--display);color:var(--paper);white-space:nowrap;position:absolute;top:11vh;left:0;right:0}#zone-title span{opacity:0;transform:rotate(var(--tilt)) scale(0);-webkit-text-stroke:clamp(4px, .7vw, 8px) var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink);display:inline-block}#zone-title.show span{animation:.5s steps(3,end) forwards zone-in,.5s steps(2,end) infinite boil;animation-delay:calc(var(--i) * 55ms), calc(var(--i) * 55ms + .5s)}#zone-title.hide span{animation:.35s ease-in forwards zone-out;animation-delay:calc(var(--i) * 20ms)}@keyframes zone-in{to{opacity:1;transform:rotate(var(--tilt)) scale(1)}}@keyframes boil{50%{opacity:1;transform:rotate(calc(var(--tilt) * -.6)) scale(1.02)}0%,to{opacity:1;transform:rotate(var(--tilt)) scale(1)}}@keyframes zone-out{0%{opacity:1;transform:rotate(var(--tilt)) scale(1)}to{opacity:0;transform:rotate(var(--tilt)) scale(.6) translateY(-20px)}}#talk-prompt{pointer-events:none;background:var(--paper);border:3px solid var(--ink);font:700 20px/1 var(--hand);box-shadow:0 3px 0 var(--ink);opacity:0;border-radius:12px;align-items:center;gap:6px;padding:3px 10px 4px 5px;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}#talk-prompt.on{opacity:1}#talk-prompt kbd{font:400 15px/1 var(--display);background:var(--ink);color:var(--paper);border-radius:6px;padding:4px 7px 5px}#dialogue{--speaker:var(--accent);opacity:0;pointer-events:none;background:var(--paper);border:4px solid var(--ink);width:min(620px,100vw - 32px);box-shadow:0 7px 0 var(--ink);border-radius:6px 14px 10px 12px;padding:26px 26px 22px;transition:transform .3s cubic-bezier(.3,1.5,.5,1),opacity .2s;position:absolute;bottom:max(28px,5vh);left:50%;transform:translate(-50%,30px)rotate(-.6deg)}#dialogue.open{opacity:1;pointer-events:auto;transform:translate(-50%)rotate(-.6deg)}#dialogue-name{font:400 22px/1 var(--display);color:var(--accent-ink);background:var(--speaker);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:8px;padding:4px 14px 6px;position:absolute;top:-22px;left:18px;transform:rotate(-2deg)}#dialogue-text{min-height:2.6em;font:700 clamp(19px, 2.4vw, 25px)/1.3 var(--hand);max-width:60ch;margin:0}#dialogue-next{width:42px;height:42px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:8px;font-size:16px;animation:.9s ease-in-out infinite nudge;position:absolute;bottom:-14px;right:-12px}@keyframes nudge{50%{transform:translate(3px)}}#side{flex-direction:column;gap:10px;display:flex;position:absolute;top:16px;right:16px}#side button{width:48px;height:48px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:10px;place-items:center;display:grid}#side svg{fill:none;width:26px;height:26px;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}#side svg path:first-child{fill:var(--ink)}#mute .cross{display:none}#mute.muted .cross{display:inline}#mute.muted .wave{display:none}#controls-hint{white-space:nowrap;pointer-events:none;font:700 18px/1 var(--hand);color:var(--ink);opacity:0;background:#fbf4e6cc;border-radius:10px;padding:6px 12px 8px;transition:opacity .6s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#controls-hint.on{opacity:1}#stick{pointer-events:none;opacity:0;background:#fbf4e640;border:3px solid #2c283380;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute}#stick.on{opacity:1}#stick-knob{background:var(--paper);border:3px solid var(--ink);border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}@media (width<=640px){#controls-hint{display:none}#zone-title{top:9vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.coin{vertical-align:-.12em;background:radial-gradient(circle at 35% 30%, #ffe28a, var(--gold) 55%, #b9821c);border:2px solid var(--ink);border-radius:50%;width:1em;height:1em;display:inline-block}#hud{pointer-events:none;flex-direction:column;gap:10px;max-width:min(360px,100vw - 96px);display:flex;position:absolute;top:16px;left:16px}#coins{font:400 26px/1 var(--display);background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px 7px 10px;display:flex}#coins.bump{animation:.45s cubic-bezier(.3,1.8,.5,1) bump}@keyframes bump{40%{transform:scale(1.18)rotate(-3deg)}}#tracker{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}#tracker li{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);font:700 17px/1.15 var(--hand);background:#fbf0d9ed;border-radius:8px;padding:6px 10px 8px}#tracker li b{font:400 15px/1.1 var(--display);color:#6a5a3e;display:block}#tracker li.main{border-left:9px solid var(--accent)}#tracker li.main b{color:var(--accent)}#tracker li.side{border-left:9px solid #4f7a3a}#tracker em{font-style:normal;font-family:var(--display);color:var(--accent)}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.toast{background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:center;border-radius:10px;padding:7px 18px 9px;transition:opacity .4s,transform .4s;animation:.35s cubic-bezier(.3,1.6,.5,1) both toast-in}.toast b{font:400 22px/1.05 var(--display);display:block}.toast span{font:700 17px/1.1 var(--hand)}.toast.quest{background:var(--accent);color:var(--accent-ink)}.toast.coin b{color:#8a5d0b}.toast.out{opacity:0;transform:translateY(-14px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)scale(.8)}}#markers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mk{white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.mk.quest,.mk.turnin{font:400 30px/1 var(--display);color:var(--gold);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;animation:1s ease-in-out infinite hop}.mk.turnin{color:#7fd36a}@keyframes hop{50%{margin-top:-6px}}.mk.shop{font:400 14px/1 var(--display);color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:999px;padding:4px 9px 5px}.mk.name{font:700 16px/1 var(--hand);color:var(--ink);background:#fbf0d9e0;border-radius:6px;padding:1px 6px 3px}.mk.bubble{white-space:normal;text-align:center;max-width:220px;font:700 17px/1.1 var(--hand);color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:14px;padding:5px 10px 7px}.mk.bubble.shout{background:var(--gold);font-size:18px}.mk.sparkle{font:400 22px/1 var(--display);color:#fff6c8;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;animation:.8s ease-in-out infinite hop}.overlay{opacity:0;visibility:hidden;background:#231c1a61;place-items:center;padding:16px;transition:opacity .2s,visibility 0s .2s;display:grid;position:absolute;inset:0}.overlay.open{opacity:1;visibility:visible;transition:opacity .2s}.panel{background:var(--paper);border:4px solid var(--ink);width:min(760px,100%);max-height:calc(100vh - 32px);box-shadow:0 8px 0 var(--ink);border-radius:12px;padding:44px 20px 22px;transition:transform .25s cubic-bezier(.3,1.5,.5,1);overflow:auto;transform:translateY(20px)rotate(-.4deg)}.overlay.open .panel{transform:rotate(-.4deg)}.panel header{align-items:center;gap:12px;margin-bottom:6px;display:flex;position:relative}.panel h2{font:400 clamp(26px, 4vw, 36px)/1 var(--display);flex:1;margin:0}.panel .tab{font:400 18px/1 var(--display);color:var(--accent-ink);background:var(--speaker,var(--accent));border:3px solid var(--ink);border-radius:8px;padding:3px 12px 5px;position:absolute;top:-34px;left:0;transform:rotate(-2deg)}.panel .purse{font:400 22px/1 var(--display);align-items:center;gap:6px;display:flex}.panel .x{width:38px;height:38px;font:400 26px/1 var(--display);color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:8px}.panel .greet{font:700 20px/1.2 var(--hand);color:#5b4a35;margin:0 0 14px}.panel h4{font:400 18px/1 var(--display);color:#6a5a3e;margin:16px 0 6px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.card{text-align:center;border:3px solid var(--ink);background:#fff8e8;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 10px 12px;display:flex}.card.on{background:#f3ffd9}.card.owned{opacity:.75}.card img{object-fit:contain;filter:drop-shadow(0 3px #231c1a59);width:96px;height:96px}.card h3{font:400 18px/1.05 var(--display);margin:0}.card h3 small{font-family:var(--hand)}.card p{font:700 15px/1.1 var(--hand);color:#6a5a3e;flex:1;margin:0 0 6px}.card button{font:400 18px/1 var(--display);color:var(--ink);background:var(--gold);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:8px;align-items:center;gap:6px;padding:6px 10px 7px;display:flex}.card button em{opacity:.8;font-size:14px;font-style:normal}.card button:disabled{background:var(--paper-shade);cursor:not-allowed;box-shadow:none;transform:translateY(3px)}.card button:not(:disabled):active{box-shadow:none;transform:translateY(3px)}.q{border:3px solid var(--ink);background:#fff8e8;border-radius:10px;margin-bottom:8px;padding:8px 12px 10px}.q.main{border-left:9px solid var(--accent)}.q.done{opacity:.6}.q h3{font:400 20px/1 var(--display);margin:0 0 4px}.q h3 small{font:700 15px var(--hand);color:#6a5a3e;margin-left:6px}.q ol{font:700 17px/1.25 var(--hand);margin:0;padding-left:22px}.q li.done{opacity:.55;text-decoration:line-through}.q li.now{color:var(--accent)}.q li.later{opacity:.45}#teaser{background:#140e0cb8}.teaser-card{text-align:center;color:#fbf0d9;background:#1d1714;border:4px solid #fbf0d9;border-radius:14px;width:min(560px,100%);padding:34px 26px 28px;transition:transform .4s cubic-bezier(.3,1.6,.5,1);transform:scale(.9);box-shadow:0 0 0 4px #1d1714,0 0 60px #f2b73373}#teaser.open .teaser-card{transform:none}.teaser-card .kicker{font:700 20px/1 var(--hand);color:var(--gold);margin:0}.teaser-card h2{font:400 clamp(48px, 10vw, 84px)/.95 var(--display);color:#fbf0d9;-webkit-text-stroke:3px #c8452f;paint-order:stroke fill;letter-spacing:.03em;margin:6px 0 10px}.teaser-card p{font:700 20px/1.25 var(--hand);max-width:40ch;margin:0 auto 14px}#teaser-count{font:400 clamp(26px, 5vw, 38px)/1 var(--display);color:var(--gold);font-variant-numeric:tabular-nums;margin:6px 0 8px}.teaser-card .small{opacity:.75;font-size:16px}#teaser-close{font:400 22px/1 var(--display);color:var(--ink);background:var(--gold);border:3px solid #fbf0d9;border-radius:10px;padding:10px 20px 12px}#side svg .line{fill:none}@media (width<=640px){#tracker li{font-size:15px}#tracker li:nth-child(n+2){display:none}.grid{grid-template-columns:repeat(2,1fr)}}#hud{opacity:0;transition:opacity .6s}#hud.on{opacity:1}#hp{--hp:1;border:3px solid var(--ink);width:220px;height:26px;box-shadow:0 3px 0 var(--ink);background:#3a2a26;border-radius:8px;transition:opacity .4s;position:relative;overflow:hidden}#hp.full{opacity:.75}#hp i{transform-origin:0;transform:scaleX(var(--hp));background:linear-gradient(#e2513b,#b52c22);transition:transform .2s;position:absolute;inset:0}#hp.low i{animation:.6s ease-in-out infinite hp-pulse}@keyframes hp-pulse{50%{filter:brightness(1.5)}}#hp span{text-align:center;font:400 15px/20px var(--display);color:#fff4e0;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;display:block;position:relative}#boss{pointer-events:none;text-align:center;width:min(560px,100vw - 140px);transition:transform .5s cubic-bezier(.3,1.4,.5,1);position:absolute;top:18px;left:50%;transform:translate(-50%,-140%)}#boss.on{transform:translate(-50%)}#boss b{font:400 24px/1 var(--display);color:#fff4e0;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;letter-spacing:.06em}#boss .bar{--hp:1;border:3px solid var(--ink);height:18px;box-shadow:0 3px 0 var(--ink);background:#2b2228;border-radius:6px;margin-top:4px;overflow:hidden}#boss i{transform-origin:0;height:100%;transform:scaleX(var(--hp));background:linear-gradient(#5be36f,#2a9a3c);transition:transform .15s;display:block}#boss .bar{--hp:inherit}#death{background:#1e06089e}#death h2{font:400 clamp(56px, 12vw, 120px)/1 var(--display);color:#ff4b3e;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-align:center;margin:0;transform:rotate(-4deg)}#death p{font:700 22px/1.2 var(--hand);color:#fff4e0;text-align:center}#death.open h2{animation:.5s cubic-bezier(.3,1.8,.5,1) stamp}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-12deg)}}.mk.alert{font:400 30px/1 var(--display);color:#ff4b3e;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;animation:.5s ease-in-out infinite hop}.mk.bubble.judge{background:#e8eef6}.mk.bubble.snitch{color:#fff;background:#ff4b3e;font-size:20px}#attack-btn{width:74px;height:74px;font:400 34px/1 var(--display);color:var(--ink);background:var(--gold);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:50%;display:none;position:absolute;bottom:26px;right:22px}@media (pointer:coarse){#attack-btn{display:block}}body:has(#boss.on) #toasts{top:92px}:root{--text:"Geist", system-ui, sans-serif;--brand:"Grenze Gotisch", serif;--flame:#9edcff}#fade{opacity:0;pointer-events:none;background:#000;transition:opacity .9s;position:absolute;inset:0}#fade.on{opacity:1}#studio{--bone:#ece6da;--ash:#9a948a;--rule:#ece6da29;pointer-events:none;opacity:0;visibility:hidden;font-family:var(--text);color:var(--bone);-webkit-font-smoothing:antialiased;transition:opacity .8s;position:absolute;inset:0}#studio.open{opacity:1;visibility:visible}.st-split{opacity:0;pointer-events:none;text-align:center;will-change:transform, opacity;transform-origin:50%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.st-split-line{white-space:nowrap;font:700 clamp(40px, 5.4vw, 84px)/.98 var(--brand);color:var(--bone);text-shadow:0 6px 40px #0009;margin:0}.st-split-line span{will-change:transform;margin:0 .11em;display:inline-block}.st-sec{opacity:0;will-change:opacity, transform;width:min(30rem,100vw - 48px);margin-top:-10rem;position:absolute;top:50%}.st-sec.live{pointer-events:auto}.st-left{left:clamp(24px,7vw,128px)}.st-right{right:clamp(64px,9vw,150px)}.st-center{text-align:center;margin-left:auto;margin-right:auto;left:0;right:0}.st-center p,.st-center .st-form{margin-left:auto;margin-right:auto}.st-sec h2{font:600 clamp(38px, 4.4vw, 60px)/1.02 var(--text);color:var(--bone);text-wrap:balance;margin:0 0 1.1rem}.st-sec p{max-width:40ch;font:400 18px/1.6 var(--text);color:var(--ash);text-wrap:pretty;margin:0 0 .9rem}.st-small{font-size:14px!important;line-height:1.5!important}.st-reveal{width:min(46rem,100vw - 48px);margin-top:-11rem;left:clamp(24px,7vw,128px)}.st-rv-line{padding-bottom:.04em;overflow:hidden;max-width:none!important;margin:0!important}.st-rv-line span{will-change:transform;display:inline-block;transform:translateY(110%)}.st-rv-big span{font:800 clamp(88px, 12.5vw, 196px)/.8 var(--brand);color:var(--bone);padding-bottom:.08em}.st-rv-studio span{font:300 clamp(26px, 3vw, 44px)/1 var(--text);color:var(--bone);letter-spacing:.02em;margin:.2em 0 0 .08em}.st-rv-tag span{font:400 clamp(17px, 1.4vw, 20px)/1.5 var(--text);color:var(--ash);margin-top:1.4rem}.st-rv-rule{width:min(320px,60vw);height:1px;margin:1.6rem 0 0!important}.st-rv-rule i{background:linear-gradient(90deg, var(--bone), #ece6da00);transform-origin:0;height:1px;display:block;transform:scaleX(0)}.st-count{font-variant-numeric:tabular-nums;letter-spacing:.01em;font:300 clamp(40px, 4.6vw, 64px)/1 var(--text)!important;color:var(--flame)!important;margin:1.6rem 0 .4rem!important}.st-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.st-list li{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;align-items:baseline;gap:18px;padding:14px 0 15px;display:grid}.st-list b{font:500 21px/1.2 var(--text);color:var(--bone)}.st-list span{font:400 15px/1.4 var(--text);color:var(--ash);text-align:right;max-width:24ch}.st-form{gap:10px;max-width:26rem;margin:1.6rem 0 .9rem;display:flex}.st-form input{min-width:0;font:400 16px var(--text);height:54px;color:var(--bone);background:#ece6da0f;border:1px solid #ece6da47;border-radius:14px;flex:1;padding:0 18px}.st-form input::placeholder{color:#ece6da6b}.st-form input:focus{border-color:var(--flame);background:#9edcff12;outline:none}.st-form button,#studio-back{font:600 16px/1 var(--text);cursor:pointer;background:var(--bone);color:#0d0b09;border:0;border-radius:14px;height:54px;padding:0 24px;transition:background .18s,transform .18s cubic-bezier(.2,.8,.2,1)}.st-form button:hover,#studio-back:hover{background:var(--flame);transform:translateY(-1px)}#studio-back{margin-top:.8rem}#studio :focus-visible{outline:2px solid var(--flame);outline-offset:3px}#studio-rail{opacity:0;pointer-events:none;flex-direction:column;gap:16px;transition:opacity .6s;display:flex;position:absolute;top:50%;right:26px;transform:translateY(-50%)}#studio-rail.on{opacity:1;pointer-events:auto}#studio-rail button{cursor:pointer;background:0 0;border:1px solid #ece6da8c;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s;position:relative}#studio-rail button:after{content:"";position:absolute;inset:-10px}#studio-rail button.now{background:var(--bone);transform:scale(1.25)}#studio-rail button span{white-space:nowrap;font:500 13px var(--text);color:var(--bone);opacity:0;transition:opacity .2s;position:absolute;top:50%;right:22px;transform:translateY(-50%)}#studio-rail button:hover span,#studio-rail button.now span{opacity:1}#studio-hint{font:500 14px var(--text);color:#ece6dabf;opacity:0;margin:0;transition:opacity .6s;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}#studio-hint.on{opacity:1}@media (width<=760px){.st-left,.st-right,.st-reveal{width:auto;left:22px;right:22px}.st-sec{margin-top:-7rem}#studio-rail{right:10px}#studio-rail button span{display:none}.st-form{flex-direction:column}}#studio .st-sec:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#000000b8,#00000059 60%,#0000);position:absolute;inset:-18% -22%}#studio{--ash:#bdb6aa}#studio .st-sec p,#studio .st-list span{text-shadow:0 1px 12px #000c}.st-count{white-space:nowrap;font-size:clamp(34px,3.6vw,52px)!important}#skip-studio{pointer-events:auto;font:700 17px/1 var(--hand);color:var(--ink);text-underline-offset:3px;opacity:.7;background:0 0;border:0;margin-top:18px;padding:4px 6px;text-decoration:underline;animation:.6s 2.5s both fade-in}#skip-studio:hover{opacity:1}#skip-studio:disabled{opacity:.3;cursor:wait}#studio .st-oath{font:700 clamp(40px, 4.6vw, 66px)/1 var(--brand)}#studio .st-join.joined .st-form,#studio .st-join.joined #studio-join-msg{display:none}#studio .st-join.joined h2{color:#ffd9a8;text-shadow:0 0 40px #ff8c3c8c}.st-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}#studio .st-form.bad input{border-color:#ff8a6a}.st-form button:disabled{opacity:.6;cursor:progress}#studio-mute{pointer-events:auto;cursor:pointer;width:40px;height:40px;color:var(--bone);background:#ece6da14;border:1px solid #ece6da40;border-radius:12px;padding:9px;position:absolute;bottom:22px;left:22px}#studio-mute svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}#studio-mute svg path:first-child{fill:currentColor;stroke:none}#studio-mute .cross{display:none}#studio-mute[aria-pressed=true] .cross{display:inline}#studio-mute[aria-pressed=true] .wave{display:none}#studio-gate{pointer-events:auto;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:14vh;left:50%;transform:translate(-50%)}#studio-gate[hidden]{display:none}#gate-sound{font:700 clamp(30px, 3vw, 44px)/1 var(--brand);color:#0d0b09;background:var(--bone);cursor:pointer;border:0;border-radius:16px;padding:18px 34px 20px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;box-shadow:0 0 60px #ff8c3c40}#gate-sound:hover{transform:translateY(-2px);box-shadow:0 0 80px #ff8c3c73}#gate-silent{font:500 14px var(--text);color:#ece6dab3;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}#studio .st-credit{margin:1.4rem auto 0;color:#ece6da80!important;font-size:12px!important}#studio .st-credit a{color:inherit}