:root{--mars:#c1440e;--mars-2:#e2703a;--sand:#f3c9a0;--ink:#2a1208;--panel:#200e0ae0;--panel-2:#3c180eeb;--edge:#ff9a5c;--text:#fff4ea;--muted:#e2b89a;--good:#59e36b;--bad:#ff4d4d;--blue:#49b6ff;--radius:18px;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#1a0a06;margin:0;font-family:Nunito,system-ui,sans-serif;font-size:16px;overflow:hidden}canvas#view,canvas#cine{width:100vw;height:100vh;display:block;position:fixed;inset:0}canvas#cine{z-index:30}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;-webkit-user-select:text;user-select:text}[hidden]{display:none!important}h1,h2,h3,.logo,.code{letter-spacing:.02em;font-family:Bungee,Nunito,sans-serif;font-weight:400}.screen{padding:max(16px, var(--safe-t)) max(16px, var(--safe-r)) max(16px, var(--safe-b)) max(16px, var(--safe-l));z-index:10;touch-action:pan-y;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.panel{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:3px solid var(--edge);border-radius:var(--radius);padding:22px;box-shadow:0 16px 50px #0000008c}.btn{color:#fff;text-shadow:0 2px #00000040;background:linear-gradient(#ff8a4c,#c1440e);border:0;border-radius:14px;min-height:56px;padding:14px 22px;font-size:1.15rem;font-weight:900;transition:transform 60ms,filter .1s;box-shadow:0 5px #7a2406,0 8px 16px #00000059}.btn:active{transform:translateY(4px);box-shadow:0 1px #7a2406}.btn:disabled{filter:grayscale(.8)brightness(.7)}.btn.blue{background:linear-gradient(#5cc5ff,#1f74c9);box-shadow:0 5px #0f3f73,0 8px 16px #00000059}.btn.green{background:linear-gradient(#6ff07c,#23a536);box-shadow:0 5px #0f5c1a,0 8px 16px #00000059}.btn.ghost{box-shadow:none;background:#ffffff14;border:2px solid #ffffff40}.btn.small{min-height:44px;padding:8px 16px;font-size:1rem}.iconbtn{background:#14080499;border:2px solid #ffffff4d;border-radius:16px;place-items:center;width:56px;height:56px;padding:0;font-size:26px;display:grid}.fine{color:var(--muted);font-size:.92rem}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#title .panel{text-align:center;background:linear-gradient(#3c180ed1,#200e0ad1);width:min(560px,100%)}.logo{color:#ffd2a8;text-shadow:0 4px #7a2406,0 0 30px #ff783299;margin:0;font-size:clamp(2.4rem,7vw,4rem);line-height:1}.tag{margin:8px 0 16px;font-weight:800}#title .field{justify-content:center;align-items:center;gap:10px;margin:6px 0 14px;font-weight:800;display:flex}#title input#name{border:2px solid var(--edge);color:#fff;background:#2a120a;border-radius:12px;width:220px;padding:10px 14px;font-size:1.1rem;font-weight:800}.menu-btns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.menu-btns .btn{min-height:72px;font-size:1.25rem}.menu-btns .solo{grid-column:1/-1;min-height:80px;font-size:1.45rem}.joinrow{justify-content:center;gap:10px;margin-top:14px;display:flex}.joinrow input{text-align:center;text-transform:uppercase;letter-spacing:.2em;border:3px solid var(--blue);color:#fff;background:#0e2236;border-radius:14px;width:170px;padding:8px;font-family:Bungee,sans-serif;font-size:1.8rem}.titlelinks{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:14px;display:flex}.linkbtn{color:var(--muted);background:0 0;border:0;padding:8px;font-weight:800;text-decoration:underline}.wip{color:#8a4b00;background:#ffe2b0;border-radius:999px;margin-bottom:10px;padding:2px 12px;font-size:.8rem;font-weight:800;display:inline-block}#lobby .panel{width:min(1100px,100%)}.lobby-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;display:flex}.lobby-head h2{flex:1;margin:0;font-size:1.6rem}.codebox{text-align:center}.codebox .kicker{color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:900}.code{color:#9fe0ff;letter-spacing:.15em;font-size:2.6rem;line-height:1}.chars{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.char{text-align:center;cursor:pointer;background:#0000004d;border:4px solid #0000;border-radius:18px;padding:10px 12px 14px;transition:transform 80ms;position:relative}.char:active{transform:scale(.98)}.char canvas{width:100%;height:130px;display:block}.char h3{margin:4px 0 0;font-size:1.35rem}.char .sub{color:var(--muted);font-size:.9rem;font-weight:800}.char p{min-height:3.6em;margin:6px 0 8px;font-size:.88rem}.char .moves{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.char .moves span{background:#ffffff1a;border-radius:999px;padding:3px 9px;font-size:.8rem;font-weight:800}.char.mine{border-color:var(--good);background:#59e36b26}.char.taken{opacity:.5;filter:grayscale(.7);cursor:not-allowed}.char .who{background:var(--good);color:#062;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:900;position:absolute;top:8px;right:8px}.char.taken .who{color:#222;background:#999}.lobby-foot{flex-wrap:wrap;align-items:center;gap:18px;margin-top:16px;display:flex}.players{flex-wrap:wrap;flex:1;gap:8px;display:flex}.players .pl{background:#ffffff14;border-radius:12px;padding:6px 12px;font-weight:800}.diff{align-items:center;gap:8px;display:flex}.diff .btn.sel{outline:4px solid #fff}.diffnote{width:100%;margin:6px 0 0}#start{min-width:200px;min-height:68px;font-size:1.4rem}#hud{z-index:5;pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}#team{top:max(10px, var(--safe-t));left:max(10px, var(--safe-l));pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute}.tm{background:#1408048c;border-radius:12px;align-items:center;gap:8px;min-width:200px;padding:4px 10px 4px 4px;display:flex}.tm canvas{width:38px;height:38px}.tm .nm{font-size:.92rem;font-weight:900;line-height:1.1}.tm .bar{background:#00000080;border-radius:6px;width:140px;height:10px;margin-top:3px;overflow:hidden}.tm .bar i{background:linear-gradient(90deg,#39d353,#8ff09a);height:100%;transition:width .15s;display:block}.tm.low .bar i{background:linear-gradient(90deg,#ff3b3b,#ff9a6a)}.tm.dead{opacity:.55}.tm.dead .nm:after{content:" · OUT";color:var(--bad)}.tm.me{outline:2px solid #ffffff80}#objective{top:max(10px, var(--safe-t));pointer-events:none;white-space:nowrap;text-align:center;background:#1408048c;border-radius:12px;padding:6px 14px;font-size:.9rem;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}#objective .reg{color:var(--muted);font-size:.78rem;display:block}#bossbar{top:calc(max(10px, var(--safe-t)) + 52px);text-align:center;pointer-events:none;width:min(560px,54vw);position:absolute;left:50%;transform:translate(-50%)}#bossbar .name{text-shadow:0 2px 4px #000;font-family:Bungee,sans-serif;font-size:1.05rem}#bossbar .bar{background:#0009;border:2px solid #ffb3b3;border-radius:10px;height:16px;position:relative;overflow:hidden}#bossbar .bar i{background:linear-gradient(90deg,#b3122a,#ff4d6d);height:100%;transition:width .15s;display:block}#bossbar .bar b{background:#ffffffb3;width:2px;position:absolute;top:0;bottom:0}#bossbar.shield .bar{border-color:#8ad7ff}#bossbar.shield .bar i{background:linear-gradient(90deg,#4a6a8a,#9fb8cf)}#bossbar .state{color:#cde;min-height:1em;font-size:.8rem;font-weight:900}#topright{top:max(10px, var(--safe-t));right:max(10px, var(--safe-r));align-items:flex-start;gap:8px;display:flex;position:absolute}#minimap{background:#000;border:2px solid #ffffff59;border-radius:12px;width:168px;height:126px}#topright .col{flex-direction:column;gap:8px;display:flex}#banner{text-align:center;color:#fff;text-shadow:0 4px #7a2406,0 0 24px #0009;pointer-events:none;opacity:0;padding:0 20px;font-family:Bungee,sans-serif;font-size:clamp(1.6rem,4.5vw,3rem);transition:opacity .3s;position:absolute;top:28%;left:0;right:0}#banner.show{opacity:1}#banner small{text-shadow:0 2px 4px #000;font-family:Nunito,sans-serif;font-size:.42em;font-weight:900;display:block}#feed{left:max(12px, var(--safe-l));pointer-events:none;flex-direction:column;gap:4px;max-width:40vw;display:flex;position:absolute;bottom:46%}#feed div{background:#14080499;border-radius:10px;padding:4px 10px;font-size:.9rem;font-weight:800;transition:opacity .6s}#feed div.bad{color:#ffb0b0}#feed div.fade{opacity:0}#spectate{pointer-events:none;text-align:center;background:#140804b3;border-radius:12px;padding:8px 18px;font-weight:900;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}#stickzone{touch-action:none;width:45vw;height:70vh;position:absolute;bottom:0;left:0}#stick{pointer-events:none;background:#ffffff1a;border:3px solid #ffffff59;border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;transition:opacity .2s;position:absolute}#stick .knob{background:radial-gradient(circle at 35% 35%,#fff,#ffb27a 60%,#c1440e);border-radius:50%;width:66px;height:66px;margin:-33px 0 0 -33px;position:absolute;top:50%;left:50%;box-shadow:0 4px 10px #0006}#stick.idle{opacity:.45}#buttons{right:max(18px, var(--safe-r));bottom:max(18px, var(--safe-b));pointer-events:none;width:330px;height:300px;position:absolute}.abtn{pointer-events:auto;touch-action:none;color:#fff;text-shadow:0 2px 2px #0009;border:4px solid #ffffffbf;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;overflow:hidden;box-shadow:0 6px 16px #00000073}.abtn .ic{font-size:40px;line-height:1}.abtn .lb{text-align:center;width:100%;padding:0 12%;font-size:11px;line-height:1.05;position:absolute;bottom:13%}.abtn.held{filter:brightness(1.25);transform:scale(.94)}.abtn .cdw{background:conic-gradient(#0000009e var(--p,0%), transparent 0);pointer-events:none;position:absolute;inset:0}.abtn .cdt{font-family:Bungee,sans-serif;font-size:26px;position:absolute}.abtn.ready{animation:1s ease-in-out infinite alternate ready}@keyframes ready{0%{box-shadow:0 0 6px 2px #fff6}to{box-shadow:0 0 22px 8px #ffe678d9}}.abtn.main{background:radial-gradient(circle at 40% 35%,#ff9b5c,#c1440e);width:150px;height:150px;bottom:0;right:0}.abtn.main .ic{font-size:54px}.abtn.second{background:radial-gradient(circle at 40% 35%,#ffd76a,#c98a0e);width:110px;height:110px;bottom:6px;right:162px}.abtn.spec{background:radial-gradient(circle at 40% 35%,#b98cff,#5b2bc9);width:116px;height:116px;bottom:166px;right:24px}.abtn.spec.twothree{bottom:132px;right:140px}.modal{z-index:20;background:#0a040299;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal .panel{text-align:center;touch-action:pan-y;max-width:min(640px,100%);max-height:100%;overflow-y:auto}.modal h2{margin:0 0 12px}.modal .stack{flex-direction:column;gap:12px;margin-top:14px;display:flex}.check{text-align:left;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;font-weight:800;display:flex}.check input[type=checkbox]{width:30px;height:30px}.check select{font:inherit;border-radius:10px;padding:8px;font-weight:800}.keys{text-align:left;color:var(--muted);margin-top:10px;font-size:.9rem}#mapview{background:#0a0402d9;flex-direction:column}#bigmap{border:3px solid var(--edge);border-radius:16px;width:min(96vw,140vh);height:min(72vw,105vh);max-height:calc(100vh - 90px)}#mapview .row{justify-content:center;margin-top:10px}#wipe{z-index:15;text-align:center;pointer-events:none;background:radial-gradient(circle,#50000073,#140000d9);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#wipe h1{color:#ffb0b0;text-shadow:0 4px #400;margin:0;font-size:clamp(2rem,6vw,3.6rem)}#wipe p{font-size:1.2rem;font-weight:900}#pauseov{z-index:14;background:#00000059;position:fixed;inset:0}#results .panel{max-width:min(720px,100%)}#results table{border-collapse:collapse;width:100%;margin:10px 0;font-weight:800}#results td,#results th{border-bottom:1px solid #ffffff1f;padding:6px}#skipcine{z-index:31;position:fixed;bottom:16px;right:16px}#toast{z-index:40;border:2px solid var(--edge);text-align:center;background:#140804eb;border-radius:14px;max-width:90vw;padding:12px 20px;font-weight:800;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#rotate{z-index:50;color:#fff;text-align:center;background:#1a0a06;flex-direction:column;justify-content:center;align-items:center;font-size:1.3rem;font-weight:900;display:none;position:fixed;inset:0}#rotate div{font-size:64px}@media (orientation:portrait) and (pointer:coarse){body.ingame #rotate{display:flex}}@media (height<=500px){.abtn.main{width:116px;height:116px}.abtn.second{width:86px;height:86px;right:124px}.abtn.spec{width:88px;height:88px;bottom:128px;right:14px}.abtn.spec.twothree{bottom:102px;right:108px}.abtn .ic{font-size:30px}.abtn.main .ic{font-size:40px}#minimap{width:120px;height:90px}.tm{min-width:150px}.tm .bar{width:100px}.chars{gap:8px}.char canvas{height:80px}.char p{display:none}.code{font-size:2rem}.menu-btns .btn{min-height:56px}}@media (width<=760px){.chars{grid-template-columns:repeat(3,1fr)}.char p{display:none}}