@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-ext-400-normal-DxX3B4s6.woff2) format("woff2"),url(/assets/lilita-one-latin-ext-400-normal-QROd2hfm.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--yellow: #ffd23f;--orange: #ff8a1f;--brown: #3b2208;--green: #2fbf5a;--cream: #fff7e3;--ink: #2a1a0c;--display: "Lilita One", "Arial Black", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#8fcff5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);touch-action:manipulation;user-select:none;-webkit-user-select:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(70,35,0,.28) 100%);z-index:1}#ui>*{pointer-events:auto}.chunky{font-family:var(--display);color:var(--yellow);-webkit-text-stroke:2px var(--brown);paint-order:stroke fill;text-shadow:0 3px 0 var(--brown),0 5px 0 rgba(0,0,0,.25);letter-spacing:.5px}.f1-loading,.f1-start{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 30%,#ffe89a,#ffb347 35%,#e8582c);text-align:center;padding:24px;z-index:30}.f1-loading .bar{width:min(320px,80vw);height:16px;border-radius:10px;background:#3b220840;overflow:hidden;border:3px solid var(--brown)}.f1-loading .fill{height:100%;width:0;background:var(--yellow);transition:width .2s}.f1-title{font-size:clamp(34px,9vw,64px);line-height:1}.f1-phase{font-family:var(--display);color:var(--cream);font-size:22px;letter-spacing:3px;text-shadow:0 2px 0 rgba(0,0,0,.3)}.f1-start p{max-width:360px;margin:0;color:var(--cream);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.35)}.f1-start.out{animation:fadeOut .5s forwards}.btn-big{font-family:var(--display);font-size:28px;color:var(--brown);background:linear-gradient(#ffe36b,#ffc21f);border:4px solid var(--brown);border-radius:22px;padding:14px 40px;min-height:56px;box-shadow:0 6px 0 var(--brown);cursor:pointer;animation:pulse 1.4s ease-in-out infinite}.btn-big:active{transform:translateY(4px);box-shadow:0 2px 0 var(--brown)}.btn-small{font-family:var(--display);font-size:16px;color:var(--brown);background:var(--cream);border:3px solid var(--brown);border-radius:14px;padding:8px 14px;min-height:44px;cursor:pointer;box-shadow:0 3px 0 var(--brown)}.btn-small:active{transform:translateY(2px);box-shadow:0 1px 0 var(--brown)}.btn-small:disabled{opacity:.45}.credit{position:absolute;bottom:14px;font-size:12px;color:#fff7e3d9}.hud{position:fixed;left:0;right:0;top:0;padding:max(10px,env(safe-area-inset-top)) 12px 0;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:10;transition:opacity .4s}.hud.hidden{opacity:0}.hud .who{display:flex;align-items:center;gap:8px}.portrait{width:58px;height:58px;border-radius:50%;border:4px solid var(--orange);background:#fbe3c7 center/cover no-repeat;box-shadow:0 3px 0 var(--brown)}.hud .name{font-size:24px}.hud .clock{font-size:28px;margin-top:8px}.hud .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.counter{display:flex;align-items:center;gap:6px;font-size:24px}.counter .icon{width:30px;height:30px}.counter.bump{animation:bump .35s cubic-bezier(.34,1.56,.64,1)}.minimap{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:104px;height:104px;border-radius:16px;border:4px solid var(--orange);background:#7cc456;box-shadow:0 3px 0 var(--brown);z-index:10;pointer-events:none;transition:opacity .4s}.minimap.hidden{opacity:0}.mute{position:fixed;left:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:12;width:44px;height:44px;border-radius:50%;border:3px solid var(--brown);background:var(--cream);font-size:20px;box-shadow:0 3px 0 var(--brown)}.bars:before,.bars:after{content:"";position:fixed;left:0;right:0;height:0;background:#000;z-index:9;transition:height .5s ease;pointer-events:none}.bars:before{top:0}.bars:after{bottom:0}.bars.on:before,.bars.on:after{height:9vh}.subtitle{position:fixed;left:50%;bottom:calc(12vh + env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,560px);text-align:center;z-index:15;pointer-events:none}.subtitle .speaker{font-family:var(--display);font-size:16px;color:var(--yellow);-webkit-text-stroke:1px var(--brown);paint-order:stroke fill}.subtitle .line{font-family:var(--display);font-size:clamp(22px,6vw,32px);color:#fff;-webkit-text-stroke:2px #1b1b1b;paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.35);line-height:1.15}.subtitle .w{display:inline-block;opacity:0;transform:scale(.3) translateY(10px);animation:wordPop .35s cubic-bezier(.34,1.7,.64,1) forwards;margin:0 .12em}.subtitle .pt{margin-top:4px;font-size:14px;color:var(--cream);text-shadow:0 1px 2px #000;font-weight:600}.balloon{position:fixed;z-index:14;transform:translate(-50%,-100%);background:#3ddc6b;color:#fff;border:4px solid #136b2d;border-radius:22px;padding:10px 18px;font-family:var(--display);font-size:clamp(20px,5.4vw,28px);white-space:nowrap;box-shadow:0 4px #136b2d;animation:popIn .45s cubic-bezier(.34,1.7,.64,1);pointer-events:none}.balloon:after{content:"";position:absolute;left:50%;bottom:-16px;transform:translate(-50%);border:10px solid transparent;border-top-color:#136b2d}.balloon .w.miss{color:#ffdf5e;text-decoration:underline wavy #c62828}.balloon .say{display:block;font-size:13px;letter-spacing:1px;opacity:.85;font-family:system-ui,sans-serif;font-weight:800}.balloon.danger{background:#ff9d2e;border-color:#8a4300;box-shadow:0 4px #8a4300}.balloon.danger:after{border-top-color:#8a4300}.speak-bar{position:fixed;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;z-index:16;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1)}.speak-row{display:flex;align-items:center;gap:14px}.mic{width:86px;height:86px;border-radius:50%;border:5px solid var(--brown);background:radial-gradient(circle at 35% 30%,#ff8a80,#e53935);color:#fff;font-size:38px;box-shadow:0 6px 0 var(--brown);cursor:pointer;position:relative}.mic.listening{animation:micPulse .9s ease-in-out infinite;background:radial-gradient(circle at 35% 30%,#a5ffb6,#2fbf5a)}.mic:active{transform:translateY(4px);box-shadow:0 2px 0 var(--brown)}.heard{min-height:22px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000;text-align:center;max-width:90vw}.hint{font-weight:700;color:var(--cream);text-shadow:0 1px 3px #000;text-align:center;max-width:90vw;font-size:15px}.typebox{display:flex;gap:8px}.typebox input{font-size:18px;padding:10px 12px;border-radius:12px;border:3px solid var(--brown);min-width:210px;font-family:system-ui,sans-serif;user-select:text;-webkit-user-select:text}.banner{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:20;text-align:center;pointer-events:none}.banner .big{font-size:clamp(44px,13vw,84px);line-height:.95;animation:elastic .7s cubic-bezier(.34,1.9,.5,1) both}.banner .small{font-size:clamp(26px,7vw,40px);color:#fff;animation:elastic .7s .12s cubic-bezier(.34,1.9,.5,1) both}.banner .rays{position:absolute;left:50%;top:50%;width:120vmin;height:120vmin;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,230,120,.35) 0 10deg,transparent 10deg 20deg);border-radius:50%;mask:radial-gradient(circle,#000 20%,transparent 62%);-webkit-mask:radial-gradient(circle,#000 20%,transparent 62%);animation:spin 6s linear infinite,fadeIn .3s;z-index:-1}.banner.out{animation:fadeOut .4s forwards}.float{position:fixed;z-index:19;font-size:30px;transform:translate(-50%,-50%);pointer-events:none;animation:floatUp 1.1s ease-out forwards}.flycoin{position:fixed;z-index:19;width:26px;height:26px;pointer-events:none;transition:transform .7s cubic-bezier(.5,-.3,.7,.4),opacity .7s}.choice{position:fixed;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;z-index:16;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.choice .row{display:flex;gap:12px}.arrow-btn{font-family:var(--display);font-size:clamp(17px,4.6vw,22px);color:var(--brown);background:linear-gradient(#e7b277,#c98a4b);border:4px solid var(--brown);border-radius:16px;padding:12px 14px;min-width:150px;min-height:64px;box-shadow:0 5px 0 var(--brown);cursor:pointer}.arrow-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--brown)}.arrow-btn.glow{animation:pulse .9s ease-in-out infinite;background:linear-gradient(#ffe36b,#ffc21f)}.write{position:fixed;left:50%;top:34%;transform:translate(-50%,-50%);width:min(92vw,420px);background:var(--cream);border:5px solid var(--orange);border-radius:22px;box-shadow:0 6px 0 var(--brown);padding:16px;z-index:17;text-align:center;animation:popIn .45s cubic-bezier(.34,1.7,.64,1)}.write .q{font-family:var(--display);font-size:clamp(28px,8vw,40px);color:var(--brown);display:flex;align-items:center;justify-content:center;gap:10px}.write .blank{display:inline-block;min-width:110px;border-bottom:5px solid var(--brown);color:var(--orange)}.write .timer{height:14px;border-radius:8px;background:#f0d9b5;border:3px solid var(--brown);overflow:hidden;margin:12px 0}.write .timer div{height:100%;background:linear-gradient(90deg,#ff5d5d,#ffd23f);width:100%}.write input{font-family:var(--display);font-size:30px;text-transform:uppercase;text-align:center;width:100%;border:4px solid var(--brown);border-radius:14px;padding:8px;letter-spacing:6px;user-select:text;-webkit-user-select:text}.write .door{width:64px;height:84px}.write.shake{animation:shake .4s}.panel{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(94vw,460px);background:var(--cream);border:5px solid var(--orange);border-radius:22px;box-shadow:0 6px 0 var(--brown);padding:14px;z-index:17;animation:slideUp .45s cubic-bezier(.34,1.56,.64,1)}.panel h2{margin:0 0 8px;font-size:30px;text-align:center}.panel .coins-line{font-family:var(--display);font-size:22px;text-align:center;color:var(--brown);margin-bottom:8px}.upgrade{display:flex;align-items:center;gap:10px;background:#fff;border:3px solid #e6c79a;border-radius:16px;padding:10px;margin:8px 0}.upgrade .t{flex:1}.upgrade .t b{font-family:var(--display);font-size:19px;color:var(--brown);font-weight:400}.upgrade .t small{display:block;color:#6b5134}.upgrade.done{opacity:.6}.rewards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:8px 0 4px}.reward{width:30%;min-width:92px;background:#fff;border:4px solid var(--yellow);border-radius:18px;padding:10px 6px;text-align:center;box-shadow:0 4px 0 var(--brown);animation:elastic .6s cubic-bezier(.34,1.9,.5,1) both}.reward .ico{font-size:40px;line-height:1.1}.reward .lbl{font-family:var(--display);color:var(--brown);font-size:14px}.tap-hint{position:fixed;left:50%;bottom:22vh;transform:translate(-50%);z-index:17;font-size:30px;animation:pulse 1s ease-in-out infinite;pointer-events:none}.invade{position:fixed;inset:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#140a008c;animation:fadeIn .3s;padding:16px}.invade .card{width:min(94vw,440px);background:#f4e2b8;border:6px solid #7a4a1d;border-radius:18px;padding:14px;transform:rotate(-2deg);animation:slam .55s cubic-bezier(.34,1.7,.64,1);box-shadow:0 10px 30px #0006}.invade .johnny{font-family:var(--display);font-size:20px;color:#7a4a1d}.invade svg{width:100%;height:auto;display:block}.toast{position:fixed;left:50%;top:22%;transform:translate(-50%);z-index:40;background:var(--brown);color:var(--cream);font-weight:700;padding:12px 18px;border-radius:14px;animation:popIn .35s cubic-bezier(.34,1.7,.64,1);text-align:center;max-width:90vw}.flash{position:fixed;inset:0;background:#fff;z-index:18;pointer-events:none;animation:flash .5s forwards}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes micPulse{0%,to{box-shadow:0 6px 0 var(--brown),0 0 #2fbf5a99}50%{box-shadow:0 6px 0 var(--brown),0 0 0 18px #2fbf5a00}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes wordPop{to{opacity:1;transform:none}}@keyframes popIn{0%{transform:translate(-50%,-100%) scale(.2);opacity:0}}@keyframes slideUp{0%{transform:translateY(140%)}}@keyframes elastic{0%{transform:scale(.1) rotate(-8deg);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.25)}to{opacity:0;transform:translate(-50%,-190%) scale(1)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes shake{20%,60%{transform:translate(-54%,-50%)}40%,80%{transform:translate(-46%,-50%)}}@keyframes slam{0%{transform:scale(2.2) rotate(8deg);opacity:0}to{transform:rotate(-2deg);opacity:1}}@keyframes flash{0%{opacity:.9}to{opacity:0}}