*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#11160e;font-family:Trebuchet MS,system-ui,sans-serif;color:#f4efd8;touch-action:none;user-select:none;-webkit-user-select:none}#app,#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hidden{display:none!important}.panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:max(18px,env(safe-area-inset-top)) 16px 24px;text-align:center;background:radial-gradient(ellipse at top,#4c5c30eb,#11160ef5);z-index:10}.stamp{display:inline-block;border:2px dashed #e0b84a;color:#e0b84a;padding:4px 10px;font-size:11px;letter-spacing:2px;transform:rotate(-2deg)}h1{font-size:clamp(34px,8vw,64px);margin:10px 0 4px;letter-spacing:3px;text-shadow:3px 3px 0 #000}h1 span{color:#e0b84a}h2{font-size:42px;text-shadow:3px 3px 0 #000}h3{margin:14px 0 8px;color:#c9d6a3;letter-spacing:3px;font-size:14px}.brief{opacity:.85;margin:0}#chars{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin:0 auto}.char{width:84px;padding:6px 4px;background:#2c3822;border:3px solid #4f6035;border-radius:10px;color:#f4efd8;cursor:pointer;font:inherit;font-size:11px}.char img{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto 3px}.char.sel{border-color:#e0b84a;background:#4a5a2c;box-shadow:0 0 14px #e0b84a88}.missions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mission{width:min(300px,44vw);min-width:150px;padding:16px 10px;border-radius:14px;border:3px solid #e0b84a;background:linear-gradient(#5d6f37,#36431f);color:#fff;font:inherit;cursor:pointer}.mission b{display:block;font-size:20px;letter-spacing:1px}.mission small{display:block;opacity:.85;margin-top:4px}.mission i{display:block;color:#e0b84a;margin-top:6px;font-style:normal;font-size:13px}.ctl{font-size:12px;opacity:.7;margin-top:16px}.big{display:block;margin:10px auto;width:240px;padding:14px;font:inherit;font-size:20px;font-weight:700;border-radius:12px;border:3px solid #e0b84a;background:#5d6f37;color:#fff;cursor:pointer}.big.alt{background:#3a2a1a}#hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:0;right:0;text-align:center;z-index:5;pointer-events:none}#score{font-size:56px;font-weight:900;text-shadow:3px 3px 0 #000}#sub{font-size:15px;text-shadow:2px 2px 0 #000}#topbtns{position:absolute;top:max(10px,env(safe-area-inset-top));right:10px;z-index:6;display:flex;gap:8px}#topbtns button{width:46px;height:46px;border-radius:10px;border:2px solid #e0b84a;background:#000a;color:#fff;font-size:20px}#touch{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 max(14px,env(safe-area-inset-left));z-index:6;pointer-events:none}#touch .tg{display:flex;gap:12px;align-items:flex-end;pointer-events:auto}#touch button{width:88px;height:88px;border-radius:50%;border:3px solid #e0b84a;background:#000a;color:#fff;font-size:22px;font-weight:900;touch-action:none;user-select:none;-webkit-user-select:none}#touch button:active{background:#e0b84a66}#touch button.sm{width:66px;height:66px;font-size:13px}#kbar{position:absolute;left:50%;transform:translate(-50%);bottom:max(118px,calc(env(safe-area-inset-bottom) + 110px));width:min(320px,60vw);z-index:5;display:flex;align-items:center;gap:8px;font:800 14px system-ui;color:#fff;text-shadow:1px 1px 0 #000;pointer-events:none}#kbar div{flex:1;height:14px;border:2px solid #e0b84a;border-radius:8px;background:#0008;overflow:hidden}#kbar i{display:block;height:100%;width:0;background:#22c55e;transition:width .1s}@media (pointer:fine){#kbar{bottom:24px}}#kcount{position:absolute;top:34%;width:100%;text-align:center;font:900 clamp(48px,12vw,110px) system-ui;color:#ffe28a;text-shadow:0 5px 0 #000;opacity:0;pointer-events:none;z-index:7}#kcount.show{animation:kc .9s ease-out}@keyframes kc{0%{opacity:1;transform:scale(1.6)}80%{opacity:1;transform:scale(1)}to{opacity:0}}.kt.on{background:#e0b84a;color:#111}#ready{position:absolute;top:58%;width:100%;text-align:center;font-size:26px;font-weight:700;text-shadow:2px 2px 0 #000;z-index:5;pointer-events:none;animation:bl 1s infinite}@keyframes bl{50%{opacity:.35}}#pop{position:fixed;left:50%;top:22%;transform:translate(-50%) scale(.6);font:900 clamp(20px,5vw,40px)/1.1 system-ui,sans-serif;text-shadow:0 3px 0 #000,0 0 12px #000;opacity:0;pointer-events:none;text-align:center;z-index:20;transition:opacity .2s,transform .2s;max-width:90vw}#pop.show{opacity:1;transform:translate(-50%) scale(1)}.snd{display:flex;gap:8px;align-items:center;justify-content:center;margin:8px 0;color:#e8e2c8}.snd input{width:160px;accent-color:#c9a227}.mini{padding:4px 10px;border-radius:6px;border:1px solid #c9a227;background:#2a3420;color:#ffe28a;font-weight:700}.pilotsel{display:flex;gap:12px;max-width:860px;margin:0 auto;align-items:stretch}.pvbox{flex:0 0 200px;background:radial-gradient(circle at 50% 40%,#5a6a3a,#1f2a14);border:3px solid #e0b84a;border-radius:14px;display:flex;flex-direction:column}#preview{width:100%;height:220px;display:block}#pvName{font-weight:900;color:#e0b84a;padding:4px 0 8px}#chars{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;max-height:420px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:4px}.char{width:auto}.char span{display:block;line-height:1.1;min-height:2.2em}#diffs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.diff.sel{background:#c9a227;color:#1f2a1a}@media (max-width:600px){.pilotsel{flex-direction:column}.pvbox{flex-basis:auto}#preview{height:180px}#chars{max-height:230px;grid-template-columns:repeat(4,1fr)}.char img{width:52px;height:52px}}.row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:6px}.pc.sel,.slot.sel,.view.sel{background:#c9a227;color:#1f2a1a}.hint{font-size:12px;opacity:.85;margin:2px 0 6px}#pvBio{font-size:11px;padding:0 8px 8px;line-height:1.3;opacity:.9}#lvlSel{font:inherit;padding:6px;border-radius:8px;background:#2c3822;color:#f4efd8;border:2px solid #4f6035;max-width:90vw}.info{max-width:760px;margin:10px auto;text-align:left;font-size:13px;line-height:1.4}.info h3{text-align:center}#snacks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}#snacks div{background:#2c3822;border-radius:8px;padding:4px 6px;font-size:12px}#board{max-width:260px;margin:0 auto;font-weight:700}#board li{display:flex;justify-content:space-between}#intro{position:absolute;left:50%;top:22%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;text-align:center;background:#0009;border:3px solid #e0b84a;border-radius:14px;padding:10px 22px;color:#fff;transition:all .35s;max-width:86vw}#intro.show{opacity:1;transform:translate(-50%)}#intro small{display:block;color:#e0b84a;font-weight:900;letter-spacing:2px}#intro b{display:block;font-size:30px}#intro i{display:block;font-size:13px;opacity:.85}#initials{margin:8px 0}#ini{width:60px;font:inherit;text-transform:uppercase;text-align:center}#sub{font-size:14px;line-height:1.3}@media (max-width:600px){#chars{max-height:none;overflow:visible}.panel{-webkit-overflow-scrolling:touch}}button,input,select,#pop{font-family:inherit}.mini{min-height:44px;padding:8px 14px;font-size:14px}.hint{font-size:13px;opacity:1;color:#e8e2c8}.ctl{font-size:13px;opacity:.9}.char{font-size:12px}.char img{width:64px;height:64px;object-fit:contain;padding:2px}#pvBio{font-size:13px}.brief{font-size:15px}.missions{position:sticky;bottom:0;z-index:3;margin:12px -16px 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#11160ef2 22%);flex-wrap:nowrap}.mission{min-width:0;flex:1;max-width:320px;padding:10px 8px}.mission b{font-size:17px}.mission small{font-size:13px}.settings{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;align-items:flex-end;max-width:860px;margin:0 auto}.settings label{display:flex;flex-direction:column;gap:4px;font-size:12px;letter-spacing:2px;color:#c9d6a3;font-weight:700}.settings .row{margin:0}#lvlSel{min-height:44px}#hud{top:calc(env(safe-area-inset-top) + 8px);padding:0 66px}#score{font-size:52px;line-height:1}#sub{display:inline-block;margin-top:6px;background:#000b;border-radius:999px;padding:5px 14px;font-size:15px;line-height:1.35;text-shadow:none}#topbtns{top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px);flex-direction:column;gap:6px}#topbtns button{width:46px;height:46px;font-size:18px}#intro{top:max(32%,180px);padding:8px 18px}#intro b{font-size:24px}#intro i{font-size:14px}#over{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}#over h2{margin:0 0 4px;font-size:36px}#overTxt p{margin:2px 0}.oscore{font-size:48px;font-weight:900;color:#ffe28a;text-shadow:3px 3px 0 #000;line-height:1.1}.ohigh{font-size:16px;font-weight:700}.joke{font-size:15px;opacity:.95;max-width:340px}.why{font-size:16px;color:#ff9a8a;font-weight:700}#initials{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:8px 0}#initials span{width:100%;font-weight:900;color:#e0b84a;letter-spacing:1px}#ini{width:96px;height:48px;font-size:24px;font-weight:900;background:#141a10;color:#ffe28a;border:3px solid #e0b84a;border-radius:10px;letter-spacing:4px}#saveIni{height:48px;min-width:96px;font-size:18px;font-weight:900;border-radius:10px;border:3px solid #e0b84a;background:#c9a227;color:#1f2a1a}#over .big{margin:6px auto}#bossbar{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top) + 118px);width:min(420px,80vw);z-index:6;display:none;text-align:center;pointer-events:none}#bossbar b{display:block;color:#ffd34d;font-size:15px;letter-spacing:2px;text-shadow:0 2px 4px #000}#bossbar span{display:block;height:14px;border-radius:8px;background:#000000a6;border:2px solid #ffd34d;overflow:hidden}#bossbar i{display:block;height:100%;background:linear-gradient(90deg,#ef4444,#f97316);transition:width .1s}#vol{height:44px;min-height:44px}