:root{--bg:#10131c;--bg2:#171c2b;--panel:#1f2538;--line:#313a57;--ink:#f4f1e8;--dim:#aab2cc;--accent:#ffb347;--accent-ink:#2a1a05;--cyan:#5ef2ff;--red:#ff5d5d;--green:#7be07b;--r:14px;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-text-size-adjust:100%;margin:0;font-size:clamp(14px,1.1vw + 10px,17px);line-height:1.4;overflow:hidden}#app{height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}h1,h2,p{margin:0}.banner{color:#ffe9b8;border-bottom:2px solid var(--accent);background:#3a2a08;flex:none;align-items:center;gap:8px;padding:6px 10px;font-size:.86em;font-weight:600;display:flex}.banner-t{flex:1;min-width:0}.banner-x{width:44px;height:44px;color:inherit;background:0 0;border:0;flex:none;margin:-6px -6px -6px 0;font-size:1.1em}.host{flex-direction:column;flex:1 1 0;min-height:0;display:flex;position:relative;overflow:hidden}.screen{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden auto}.btn{border-radius:var(--r);min-height:46px;color:var(--ink);letter-spacing:.02em;background:#3a4466;border:2px solid #0b0d14;padding:8px 18px;font-weight:800;transition:transform 60ms,box-shadow 60ms,filter .1s;box-shadow:0 4px #0b0d14}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(3px);box-shadow:0 1px #0b0d14}.btn:disabled{opacity:.5}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.accent{background:var(--cyan);color:#04262b}.btn.ghost{box-shadow:none;color:var(--dim);background:0 0;border-color:#0000;padding:8px 10px}.btn.big{min-height:54px;font-size:1.15em}.btn.small{min-height:44px;padding:4px 12px}.title{justify-content:center;align-items:center;position:relative}.title-bg{object-fit:cover;opacity:.55;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.title-inner{text-align:center;flex-direction:column;align-items:stretch;gap:10px;width:min(92vw,430px);margin:auto;padding:14px 0;display:flex;position:relative}.logo{letter-spacing:.02em;color:#fff3d6;text-shadow:0 3px #b8651b,0 6px #1a1423,0 10px 18px #00000080;flex-direction:column;font-size:clamp(40px,13vw,78px);font-weight:900;line-height:.92;display:flex}.logo2{color:var(--accent)}.tag{color:#fff;text-shadow:0 2px 4px #000c;font-weight:700}.menu{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.menu .big{grid-column:span 2}.live{color:#dfffe0;text-shadow:0 1px 3px #000c;font-size:.88em;font-weight:700}@media (max-height:480px) and (orientation:landscape){.title-inner{gap:6px;width:min(94vw,640px)}.logo{flex-direction:row;justify-content:center;gap:.25em;font-size:clamp(30px,9vh,48px)}.menu{grid-template-columns:repeat(4,1fr)}.menu .big{grid-column:span 2;min-height:46px}.tag{display:none}}.panel{width:100%;max-width:880px;margin:0 auto;padding:0 12px}.head{background:var(--bg);z-index:2;flex:none;align-items:center;gap:8px;padding:8px 0;display:flex;position:sticky;top:0}.head h1{font-size:clamp(20px,4vw,28px);font-weight:900}.form{flex-direction:column;flex:1 0 auto;gap:12px;padding:4px 0 14px;display:flex}.form.center{text-align:center;justify-content:center;align-items:center}.foot{background:linear-gradient(transparent, var(--bg) 30%);flex:none;justify-content:flex-end;gap:10px;padding:10px 0 12px;display:flex;position:sticky;bottom:0}.foot.wrap{flex-wrap:wrap;justify-content:center}.field{flex-direction:column;gap:4px;display:flex}.field-l{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:.82em;font-weight:800}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg-b{border:2px solid var(--line);background:var(--panel);border-radius:12px;flex:auto;min-width:56px;min-height:44px;padding:6px 12px;font-weight:700}.seg-b.on{background:var(--accent);color:var(--accent-ink);border-color:#0b0d14}.text{border:2px solid var(--line);background:var(--panel);-webkit-user-select:text;user-select:text;border-radius:12px;width:100%;max-width:320px;min-height:46px;padding:8px 12px}.note{color:var(--dim);font-size:.88em}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:2px solid var(--line);background:#8fc7ee;border-radius:12px;place-items:center;width:52px;height:46px;padding:0;display:grid}.swatch.on{box-shadow:0 0 0 3px var(--accent);border-color:#fff}.swatch-c{width:36px;height:28px}.range{width:100%;min-height:34px;accent-color:var(--accent)}.toggle{align-items:center;gap:10px;min-height:44px;font-weight:600;display:flex}.check{width:24px;height:24px;accent-color:var(--accent)}.big-num{color:var(--accent);font-size:clamp(48px,16vw,96px);font-weight:900;line-height:1}.draft-status{background:var(--panel);color:var(--accent);border-radius:10px;flex:none;padding:6px 10px;font-weight:800}.picks{flex-direction:column;flex:none;gap:3px;padding:6px 0;font-size:.85em;display:flex}.pick-row{border-radius:8px;align-items:center;gap:6px;min-height:24px;padding:2px 6px;display:flex}.pick-row.on{background:#2c3552}.pick-n{text-overflow:ellipsis;white-space:nowrap;flex:0 0 9.5em;font-weight:800;overflow:hidden}.pick-i{flex-wrap:wrap;flex:1;gap:1px;min-width:0;display:flex}.pick-k{color:var(--dim);font-variant-numeric:tabular-nums}.cards{flex:1 0 auto;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));align-content:start;gap:8px;padding-bottom:8px;display:grid}.card{text-align:left;border:2px solid var(--line);border-radius:var(--r);background:var(--panel);align-items:center;gap:10px;min-height:72px;padding:8px 10px;display:flex;position:relative}.card:not(:disabled):hover{border-color:var(--accent);transform:translateY(-1px)}.card.r2{border-color:#3f6f8f}.card.r3{background:#2a2444;border-color:#a77bff}.card:disabled{opacity:.75}.card.gone{opacity:.3}.card.flash{animation:.5s flash}@keyframes flash{0%{background:#fff3b0}}.card-b{flex:1;min-width:0}.card-n{font-weight:900}.card-d{color:var(--dim);font-size:.8em;line-height:1.25}.card-c{color:var(--accent);font-weight:900;position:absolute;top:4px;right:8px}.card-r{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-size:.66em;position:absolute;bottom:3px;right:8px}.bar{background:#0b0d14;border-radius:3px;width:70%;height:5px;margin-top:5px;overflow:hidden}.bar-f{background:var(--red);height:100%;display:block}.w1{width:10%}.w2{width:20%}.w3{width:30%}.w4{width:40%}.w5{width:50%}.w6{width:60%}.w7{width:70%}.w8{width:80%}.w9{width:90%}.w10{width:100%}.wicon{flex:none;display:block}.battle{background:#07090f;position:relative;overflow:hidden}.stage{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.world{touch-action:none;cursor:crosshair;background:#000;display:block}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:6px;padding:5px;font-size:clamp(10px,1.5vw + 5px,14px);font-weight:800;display:flex;position:absolute;top:0;left:0;right:0}.hud-players{flex-direction:column;gap:3px;min-width:0;display:flex}.pc{background:#0d1018b8;border:2px solid #0000;border-radius:999px;align-items:center;gap:5px;max-width:44vw;padding:1px 7px;display:flex}.pc.on{border-color:#fff}.pc.dead{opacity:.45;text-decoration:line-through}.pc-n{text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}.pc-s{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.hud-mid{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.wind,.hud-round,.hud-turn:not(:empty),.hud-fps:not(:empty),.hud-live:not(:empty){white-space:nowrap;background:#0d1018b8;border-radius:999px;padding:1px 8px}.wind{align-items:center;gap:5px;display:flex}.wind-l{color:var(--dim)}.wind-a{color:var(--cyan);font-size:1.2em;line-height:1;display:inline-block}.wind-a.l{transform:scaleX(-1)}.wind-a.none{opacity:.25}.wind-bar{background:#0b0d14;border-radius:4px;width:clamp(34px,8vw,80px);height:7px;overflow:hidden}.wind-f{background:var(--cyan);width:0;height:100%;display:block}.wind-n{text-align:right;font-variant-numeric:tabular-nums;min-width:2.2em}.hud-turn.warn{color:var(--red)}.hud-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.hud-live{color:#dfffe0}.icon-b{pointer-events:auto;background:#1f2538d9;border:2px solid #0b0d14;border-radius:12px;width:44px;height:44px;font-size:18px;line-height:1}@media (max-width:520px){.hud-live,.wind-l{display:none}}.controls{flex:none;grid-template-columns:auto auto auto minmax(0,1fr);grid-template-areas:"angle power move fire""weapons weapons weapons weapons";align-items:center;gap:8px;width:100%;max-width:1100px;margin:0 auto;padding:8px;display:grid}.controls.idle .grp,.controls.idle .g-weapons{opacity:.55}.grp{border-radius:var(--r);background:var(--panel);align-items:center;gap:4px;padding:3px;display:flex}.g-angle{grid-area:angle}.g-power{grid-area:power}.g-move{grid-area:move}.g-weapons{grid-area:weapons;min-width:0;position:relative}.grp-l{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;padding:0 4px 0 6px;font-size:.72em;font-weight:800}.step{background:#3a4466;border:2px solid #0b0d14;border-radius:12px;flex:none;width:46px;height:46px;font-size:18px;font-weight:900;box-shadow:0 3px #0b0d14}.step:active{transform:translateY(2px);box-shadow:0 1px #0b0d14}.step:disabled{opacity:.4}.val{min-width:58px;height:46px;color:var(--accent);font-variant-numeric:tabular-nums;text-align:center;background:#0b0d14;border:0;border-radius:10px;flex:1 0 auto;place-items:center;padding:0 4px;font-size:1.25em;font-weight:900;display:grid}.val.small{min-width:36px;color:var(--ink)}.val-in{color:#111;text-align:center;-webkit-user-select:text;user-select:text;background:#fff;border:0;border-radius:8px;width:54px;height:40px;font-weight:900}.fire{color:#fff;letter-spacing:.08em;text-shadow:0 2px #00000059;background:linear-gradient(#ff7a59,#e23b3b);border:3px solid #1a0505;border-radius:18px;grid-area:fire;justify-self:end;min-width:150px;min-height:54px;padding:6px 26px;font-size:1.5em;font-weight:900;box-shadow:0 5px #1a0505}.fire:active{transform:translateY(4px);box-shadow:0 1px #1a0505}.fire:disabled{filter:grayscale(.8);opacity:.6}.tipline{height:1.7em;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;padding:0 4px 4px;font-size:.82em;overflow:hidden}.chips{scrollbar-width:thin;flex-wrap:wrap;align-content:flex-start;gap:6px;height:104px;padding:2px;display:flex;overflow-y:auto}.chip,.weapon-b{border:2px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:12px;flex:none;align-items:center;gap:6px;min-height:46px;padding:3px 10px 3px 6px;font-size:.86em;font-weight:700;display:flex}.chip.on{box-shadow:0 0 0 2px var(--accent);background:#37415f;border-color:#fff}.chip-c{color:var(--accent);font-weight:900}.weapon-b{display:none}.wb-caret{color:var(--dim)}.rotate-tip{background:#24304f;flex:none;justify-content:space-between;align-items:center;padding:0 4px 0 12px;font-size:.82em;font-weight:700;display:none}.coach{border-radius:var(--r);border:2px solid var(--accent);z-index:3;background:#0d1018ed;align-items:center;gap:10px;width:min(94%,520px);padding:8px 10px;font-size:.88em;font-weight:700;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.coach span{flex:1}@media (orientation:portrait){.stage{aspect-ratio:16/9;flex:none}.controls{min-height:0;padding-bottom:max(8px, env(safe-area-inset-bottom));flex:1 1 0;grid-template:"angle power""weapons weapons"minmax(0,1fr)"move fire"/minmax(0,1fr) minmax(0,1fr);align-content:stretch;align-items:stretch}.grp{justify-content:space-between}.grp-l{display:none}.g-weapons{flex-direction:column;min-height:60px;display:flex}.chips-wrap{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.chips{flex:1 1 0;align-content:flex-start;height:auto;min-height:0}.fire{justify-self:stretch;min-width:0;min-height:58px;padding:6px 8px}.grp{min-width:0}.val{flex:1 1 0;min-width:34px}.step{width:44px;height:44px}}@media (orientation:portrait) and (max-width:600px){.rotate-tip{display:flex}.chips{overscroll-behavior-x:contain;grid-template-rows:repeat(auto-fill,46px);grid-auto-columns:max-content;grid-auto-flow:column;display:grid;overflow:auto hidden}}@media (orientation:landscape) and (max-height:500px){.controls{max-width:none;padding:4px max(6px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(3px);z-index:2;background:#0d10188c;grid-template-columns:auto auto auto minmax(0,1fr) auto;grid-template-areas:"angle power move weapons fire";gap:5px;position:absolute;bottom:0;left:0;right:0}.grp{background:#1f2538cc;gap:2px;padding:2px}.grp-l{display:none}.step{width:44px;height:44px}.val{min-width:46px;height:44px;font-size:1.1em}.val.small{min-width:26px}.fire{min-width:0;min-height:46px;padding:2px 16px;font-size:1.2em}.weapon-b{background:#1f2538e6;width:100%;min-width:0;display:flex;overflow:hidden}.weapon-b .chip-n{text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.chips-wrap{left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));border-radius:var(--r);border:2px solid var(--line);background:#0d1018f5;padding:6px;display:none;position:fixed;bottom:58px}.g-weapons.open .chips-wrap{display:block}.chips{height:auto;max-height:calc(100dvh - 130px)}.coach{bottom:62px}.hud{padding-left:max(5px, env(safe-area-inset-left));padding-right:max(5px, env(safe-area-inset-right))}}.modal{z-index:20;background:#05070cb8;place-items:center;padding:12px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-card{border:2px solid var(--line);background:var(--bg2);border-radius:18px;width:min(100%,460px);max-height:calc(100dvh - 24px);padding:16px;overflow-y:auto}.stack{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.toasts{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:6px;padding:0 10px;display:flex;position:fixed}.toast{border:2px solid var(--accent);background:#0d1018;border-radius:12px;max-width:520px;padding:10px 14px;font-weight:700;animation:.25s ease-out rise}.toast.out{opacity:0;transition:opacity .3s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.howto-c{aspect-ratio:5/3;background:linear-gradient(#3fa9f5,#bfe6ff);border-radius:12px;align-self:center;width:100%;max-width:420px}.howto-t{min-height:5.6em}.dots{justify-content:center;gap:6px;display:flex}.dot{background:var(--line);border-radius:50%;width:9px;height:9px}.dot.on{background:var(--accent)}.verdict{text-shadow:0 4px #1a1423,0 8px 16px #00000080;font-size:clamp(40px,12vw,84px);font-weight:900;line-height:1;animation:.7s cubic-bezier(.2,1.6,.4,1) pop}.v-win{color:var(--accent)}.v-lose{color:#9aa3bf}.v-draw{color:var(--cyan)}@keyframes pop{0%{opacity:0;transform:scale(.2)rotate(-8deg)}}.results .tag{text-shadow:none}.verify{background:var(--panel);border-radius:10px;padding:6px 12px;font-weight:700}.verify.ok{color:var(--green)}.verify.bad{color:#ffc9a8}.table-wrap{width:100%;overflow-x:auto}.stats,.lb-t{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9em}.stats th,.stats td,.lb-t th,.lb-t td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 8px}.stats th:first-child,.stats td:first-child,.lb-t th:nth-child(2),.lb-t td:nth-child(2){text-align:left}.stats th,.lb-t th{color:var(--dim);text-transform:uppercase;font-size:.8em}.stats tr.win td{color:var(--accent);font-weight:800}.lb{overflow-x:auto}.reduced *,.reduced :before,.reduced :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (orientation:landscape) and (max-height:500px) and (max-width:660px){.controls{gap:3px}.grp{gap:1px;padding:1px}.val{min-width:34px;font-size:.95em}.val.small{min-width:20px}.fire{letter-spacing:.03em;padding:2px 8px;font-size:1em}.weapon-b{min-width:46px;padding:3px 4px}}.grid-opts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 12px;display:grid}.select{-webkit-user-select:none;user-select:none;cursor:pointer;max-width:none;min-height:46px;font-weight:700}.menu .wide{grid-column:1/-1}@media (min-width:700px){.panel .form>.field,.panel .form>.grid-opts{gap:4px 12px}.panel .form{gap:9px}}.link{min-height:44px;color:var(--cyan);background:0 0;border:0;padding:0 4px;font-weight:800;text-decoration:underline}.title-hint{color:#fff;text-shadow:0 1px 3px #000000e6;font-size:.82em;font-weight:700}