:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14161b;--panel:#1c1f26;--panel2:#252932;--line:#353a46;--ink:#efe9da;--muted:#a29b8c;--yolk:#f2b632;--teal:#5cc0cf;--bad:#e5604f;--good:#7ccf6a;--mana:#6aa0ea;--combo:#ef8f3c;--on-accent:#16130c;--tc:var(--yolk);--display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--ink);margin:0}html{scrollbar-gutter:stable}body{font-family:var(--body);padding-block:16px;padding-inline:16px;font-size:15px;line-height:1.45}#app{flex-direction:column;gap:16px;max-width:1180px;margin:0 auto;display:flex}#app[data-screen=game]{gap:10px;max-width:none}@media (width<=520px){.brand h1{font-size:26px}.brand span{display:none}.top{gap:6px}}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:400}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--yolk);outline-offset:2px}code{background:var(--panel2);border-radius:4px;padding:1px 5px;font-size:.92em}.num{font-variant-numeric:tabular-nums}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.brand h1{color:var(--yolk);font-size:clamp(28px,5vw,40px)}.brand span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px}#turnInfo{color:var(--muted);font-size:14px}.top-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.pads{flex-wrap:wrap;justify-content:flex-end;gap:6px;font-size:12px;display:flex}.pad{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px}.pad.on{color:var(--ink);border-color:var(--good)}#turnInfo b{color:var(--ink)}.tag{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:9em;font-family:var(--display);background:var(--tc);color:var(--on-accent);vertical-align:1px;border-radius:6px;margin-right:6px;padding:1px 8px;font-size:13px;display:inline-block;overflow:hidden}details.rules{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px}details.rules summary{font-family:var(--display);cursor:pointer;font-size:17px}details.rules ul{color:var(--muted);flex-direction:column;gap:4px;max-width:75ch;margin:8px 0 0;padding-left:20px;font-size:13.5px;display:flex}details.rules b{color:var(--ink)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#setup{flex-direction:column;gap:16px;display:flex}.back-btn{font-family:var(--display);cursor:pointer;background:var(--panel);color:var(--ink,#fff);border:2px solid var(--line);border-radius:10px;align-self:flex-start;padding:6px 14px;font-size:16px}.back-btn:hover,.back-btn:focus-visible{border-color:var(--yolk);color:var(--yolk)}#setupCols{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;display:grid}.pcol{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--tc);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.pcol h2{font-size:22px}.ready-btn{width:100%;margin-top:12px;padding:12px;font-size:20px}.ready-btn.on{color:var(--tc);border:2px solid var(--tc);box-shadow:none;background:0 0;font-size:16px}.ready-btn:disabled{opacity:.45;cursor:not-allowed}.ready-note{text-align:center}.ready-mark{color:var(--tc);vertical-align:middle;margin-left:8px;font-size:14px}.pcol.locked .pcol-body{opacity:.55;pointer-events:none}.pick-clock{background:var(--panel);font-variant-numeric:tabular-nums;border-radius:6px;margin-left:6px;padding:0 8px;display:inline-block}.pick-clock.urgent{color:#ff6b6b}.lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:4px;font-size:12px}.lbl b{color:var(--ink)}.chars{grid-template-columns:1fr 1fr;gap:8px;display:grid}.charcard{text-align:left;background:var(--panel2);border:2px solid #0000;border-radius:10px;flex-direction:column;gap:2px;padding:10px;display:flex}.charcard strong{font-family:var(--display);font-size:17px;font-weight:400}.charcard span,.charcard small{color:var(--muted)}.charcard span{font-size:13px}.charcard small{font-variant-numeric:tabular-nums;font-size:12px}.charcard.on{border-color:var(--tc)}.charcard:disabled{cursor:default}.charcard:disabled:not(.on){opacity:.5}.charcard.pad-focus{border-color:var(--tc);border-style:dashed}.pick-status{color:var(--muted);margin:0;font-size:14px}.pick-status.now{color:var(--tc);font-weight:700}.charcard .taken{color:var(--ink);font-size:12px;font-style:normal;font-weight:700}.spells{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sp{background:var(--panel2);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:8px;min-width:0;padding:8px;display:flex}.sp.on{border-color:var(--tc)}.sp input{accent-color:var(--yolk);margin-top:3px}.sp span{flex-direction:column;min-width:0;display:flex}.sp strong{font-size:14px}.sp small{color:var(--muted);font-size:11.5px}.sp em{color:var(--muted);font-size:12px;font-style:normal}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px}.chip.on{border-color:var(--tc);background:color-mix(in srgb, var(--tc) 18%, var(--panel2))}.note{color:var(--muted);margin:0;font-size:13px}.cta{font-family:var(--display);background:var(--yolk);color:var(--on-accent);border:0;border-radius:12px;align-self:center;padding:10px 28px;font-size:20px}.cta:disabled{opacity:.4;cursor:not-allowed}@media (width<=520px){.spells,.chars{grid-template-columns:1fr}}.title-screen{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-block:clamp(8px,4vh,48px);display:flex}.title-hero{place-items:center;width:min(100%,448px,52vh);display:grid;position:relative}.title-hero:before{content:"";filter:blur(4px);background:radial-gradient(circle,#f2b63247 0%,#f2b63214 45%,#0000 70%);border-radius:50%;position:absolute;inset:4% 8% 18%}#titleArt{image-rendering:pixelated;position:relative}.title-logo{--pixel:max(3px, .05em);font-family:"Pixelify Sans", var(--display);letter-spacing:.02em;flex-wrap:wrap;justify-content:center;gap:0 .32em;margin-top:4px;font-size:clamp(44px,10vw,92px);font-weight:700;line-height:1;display:flex}.title-logo .word{display:inline-flex}.title-logo i{--ink:#24160a;color:#ffd25a;text-shadow:0 calc(var(--pixel) * -1) var(--ink), calc(var(--pixel) * -1) 0 var(--ink), var(--pixel) 0 var(--ink), calc(var(--pixel) * -1) calc(var(--pixel) * -1) var(--ink), var(--pixel) calc(var(--pixel) * -1) var(--ink), calc(var(--pixel) * -1) var(--pixel) var(--ink), var(--pixel) var(--pixel) #c98a12, calc(var(--pixel) * 2) calc(var(--pixel) * 2) #8a5a10, calc(var(--pixel) * 3) calc(var(--pixel) * 3) #5e3d0a, calc(var(--pixel) * 4) calc(var(--pixel) * 3) var(--ink), calc(var(--pixel) * 3) calc(var(--pixel) * 4) var(--ink);font-style:normal;display:inline-block}.title-logo .of i{color:#9fe0f7;text-shadow:0 calc(var(--pixel) * -1) var(--ink), calc(var(--pixel) * -1) 0 var(--ink), var(--pixel) 0 var(--ink), calc(var(--pixel) * -1) calc(var(--pixel) * -1) var(--ink), var(--pixel) calc(var(--pixel) * -1) var(--ink), calc(var(--pixel) * -1) var(--pixel) var(--ink), var(--pixel) var(--pixel) #4fa6c6, calc(var(--pixel) * 2) calc(var(--pixel) * 2) #2f7392, calc(var(--pixel) * 3) calc(var(--pixel) * 3) #1c4a60, calc(var(--pixel) * 4) calc(var(--pixel) * 3) var(--ink), calc(var(--pixel) * 3) calc(var(--pixel) * 4) var(--ink)}@media (prefers-reduced-motion:no-preference){.title-logo{animation:.6s steps(6,end) both logo-drop}.title-logo i{animation:2.8s steps(2,end) infinite letter-hop}.title-logo i:nth-child(2){animation-delay:.12s}.title-logo i:nth-child(3){animation-delay:.24s}.title-logo i:nth-child(4){animation-delay:.36s}.title-logo i:nth-child(5){animation-delay:.48s}.title-logo i:nth-child(6){animation-delay:.6s}.title-logo .of i{animation-delay:.75s}.title-logo .of i+i{animation-delay:.87s}.title-logo .word:last-child i{animation-delay:1s}.title-logo .word:last-child i:nth-child(2){animation-delay:1.12s}.title-logo .word:last-child i:nth-child(3){animation-delay:1.24s}.title-logo .word:last-child i:nth-child(4){animation-delay:1.36s}.title-logo .word:last-child i:nth-child(5){animation-delay:1.48s}@keyframes logo-drop{0%{opacity:0;transform:translateY(-24px)}}@keyframes letter-hop{0%,12%{transform:translateY(-.08em)}13%,to{transform:none}}}.brand{align-items:center}.brand-icon{width:39px;height:43px;image-rendering:pixelated;align-self:center}#app[data-screen=title] .brand{visibility:hidden}.title-tag{color:var(--muted);margin:0}.cta.play{margin-top:12px;padding:12px 56px;font-size:30px;transition:transform .1s,box-shadow .1s;box-shadow:0 5px #8a5a10}.cta.play:hover{transform:translateY(-2px);box-shadow:0 7px #8a5a10}.cta.play:active{transform:translateY(3px);box-shadow:0 2px #8a5a10}.title-hint{color:var(--muted);margin:0;font-size:13px}@media (prefers-reduced-motion:no-preference){.cta.play{animation:2.4s ease-in-out infinite play-pulse}@keyframes play-pulse{50%{filter:brightness(1.12)}}}.spawn-pick{align-items:center;gap:14px;display:flex}.minimap{grid-template-columns:repeat(var(--cols), 12px);image-rendering:pixelated;background:#3a3a2e;border-radius:4px;flex:none;gap:1px;padding:3px;display:grid}.minimap i,.minimap .spawn-cell{width:12px;height:12px;display:block}.minimap .spawn-cell{outline:2px dashed var(--tc);outline-offset:-2px;border:0;padding:0}.minimap .spawn-cell.on{outline:3px solid var(--tc);outline-offset:-1px;z-index:1;position:relative;box-shadow:0 0 0 2px #14161b}.lan-lobby{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.lan-lobby h3{font-family:"Pixelify Sans", var(--display);color:var(--yolk);letter-spacing:.04em;margin:0;font-size:20px}.lan-seats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lan-seat{background:var(--panel);min-width:120px;color:var(--ink,#fff);border:2px solid var(--line);border-left:6px solid var(--tc);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;display:flex;box-shadow:0 4px #00000059}.lan-seat b{font-family:"Pixelify Sans", var(--display);color:var(--tc);font-size:22px}.lan-seat span{color:var(--muted);font-size:13px}.lan-seat.on{border-color:var(--tc);background:color-mix(in srgb, var(--tc) 18%, var(--panel))}.lan-seat.on span{color:var(--tc);font-weight:600}.lan-seat:disabled{opacity:.45;cursor:not-allowed}.lan-body{display:contents}.lan-nick{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.lan-nick input{width:11em;font:inherit;color:var(--ink,#fff);background:var(--panel);border:2px solid var(--line);border-radius:8px;padding:7px 10px;font-size:16px}.lan-nick input:focus{border-color:var(--yolk);outline:none}.lan-nick input:disabled{opacity:.55}.lan-code{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.lan-code label{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.lan-code input{width:9em;font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--ink,#fff);background:var(--panel);border:2px solid var(--line);border-radius:8px;padding:7px 10px;font-size:18px}.lan-code input:focus{border-color:var(--yolk);outline:none}.lan-seat b{text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}.lan-status{color:var(--muted);text-align:center;max-width:32em;margin:0;font-size:14px}#coinToss{font-family:"Pixelify Sans", var(--display);margin-top:4px;padding:10px 28px;font-size:20px}.mode-pick{flex-direction:column;align-items:center;gap:10px;display:flex}.mode-kinds{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mode-size{align-items:center;gap:12px;display:flex}.mode-size span{min-width:13em;color:var(--muted);flex-direction:column;align-items:center;font-size:13px;display:flex}.mode-size span b{font-family:"Pixelify Sans", var(--display);color:var(--ink,#fff);font-size:17px}.mode-step{width:40px;height:40px;font-family:"Pixelify Sans", var(--display);background:var(--panel);color:var(--yolk);border:2px solid var(--line);cursor:pointer;border-radius:10px;font-size:22px;line-height:1;box-shadow:0 4px #00000059}.mode-step:disabled{opacity:.35;cursor:default}.mode-pick:empty{display:none}.mode-btn{background:var(--panel);min-width:140px;color:var(--ink,#fff);border:2px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;display:flex;box-shadow:0 4px #00000059}.mode-btn b{font-family:"Pixelify Sans", var(--display);font-size:17px}.mode-btn span{color:var(--muted);font-size:12.5px}.mode-btn.on{border-color:var(--yolk);background:color-mix(in srgb, var(--yolk) 16%, var(--panel))}.mode-btn.on b{color:var(--yolk)}.mode-btn:disabled{opacity:.5;cursor:default}.lan-side{flex-direction:column;align-items:center;gap:6px;display:flex}.lan-side h4{font-family:"Pixelify Sans", var(--display);color:var(--tc);letter-spacing:.04em;margin:0;font-size:16px}.lan-ready{margin-top:4px;padding:10px 22px;font-size:18px}#game{grid-template-columns:minmax(0,1fr) clamp(300px,24vw,380px);align-items:start;gap:16px;display:grid}@media (width<=900px){#game{grid-template-columns:minmax(0,1fr)}}.boardCol{flex-direction:column;gap:8px;min-width:0;display:flex}#boardWrap{justify-content:center;width:100%;display:flex}#board{touch-action:manipulation;image-rendering:pixelated;filter:drop-shadow(0 18px 24px #00000080);display:block}.camera{align-items:center;gap:10px;display:flex}.camera button{background:var(--panel2);border:1px solid var(--line);border-radius:999px;flex:none;padding:4px 12px;font-size:13px}.camera kbd{color:var(--muted);border:1px solid var(--line);border-radius:4px;margin-left:2px;padding:0 4px;font-family:inherit;font-size:11px}#hoverInfo{min-width:0;min-height:22px;color:var(--muted);text-align:center;flex:1;font-size:13px}#hoverInfo b{color:var(--ink)}.legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px;font-size:12px;display:flex}.legend i{vertical-align:-2px;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}#panel{flex-direction:column;gap:12px;min-width:0;display:flex}.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.box h3{color:var(--muted);margin-bottom:6px;font-size:15px}.score{grid-template-columns:1fr 1fr;gap:8px;display:grid}.score .s{flex-direction:column;gap:4px;font-size:13px;display:flex}.bar{background:#0d0f13;border-radius:6px;height:10px;position:relative;overflow:hidden}.bar i{background:var(--good);border-radius:6px;position:absolute;inset:0 auto 0 0}.bar.mid i{background:var(--yolk)}.bar.low i{background:var(--bad)}.actor{border-left:4px solid var(--tc);flex-direction:column;gap:8px;display:flex}.who{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.who strong{font-family:var(--display);font-size:20px;font-weight:400}.who .kind{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.res{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:16px;display:flex}.res b{font-size:20px;font-family:var(--display);font-weight:400}.pips{flex-wrap:wrap;gap:3px;display:flex}.pips i{background:#0d0f13;border:1px solid #4a6a9a;border-radius:50%;width:12px;height:12px}.pips i.f{background:var(--mana);border-color:var(--mana)}.combo{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.combo span{color:var(--muted);font-variant-numeric:tabular-nums}.combo-pips{gap:3px;display:inline-flex}.combo-pips i{background:#0d0f13;border:1px solid #8a6a3a;width:12px;height:12px;transform:rotate(45deg)}.combo-pips i.f{background:var(--combo);border-color:var(--combo)}.combo-pips i.c{border:2px solid var(--combo);background:0 0}.stats{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.st-chips{flex-wrap:wrap;gap:4px;display:flex}.st{background:var(--panel2);border:1px solid;border-radius:999px;padding:1px 8px;font-size:12px}.gear{color:var(--muted);font-size:12.5px}.gear s{color:var(--bad)}#actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.act{text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:1px;min-width:0;padding:7px 9px;display:flex}.act strong{font-size:13.5px}.act small{color:var(--muted);font-size:11.5px}.act.on{border-color:var(--tc);background:color-mix(in srgb, var(--tc) 16%, var(--panel2))}.act:disabled{opacity:.42;cursor:not-allowed}.act.wide{grid-column:1/-1}.act.pad-focus{outline:3px solid var(--tc);outline-offset:1px}.pad-help{text-align:center;color:var(--muted);margin:0;font-size:12px}#turnInfo .rain{color:#8fc3e8}#hint{color:var(--muted);margin:0;font-size:13px}#endTurn{font-family:var(--display);background:var(--tc);color:var(--on-accent);border:0;border-radius:10px;padding:9px;font-size:18px}#log{flex-direction:column;gap:3px;max-height:220px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex;overflow:auto}#log li{color:var(--muted)}#log li.turn{color:var(--ink);margin-top:4px;font-weight:600}#log li.round{color:var(--yolk);font-family:var(--display);font-size:14px}#log li.bad{color:#f08b7d}#log li.dmg{color:var(--ink)}#tip{z-index:9;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--tc);pointer-events:none;opacity:0;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;transition:opacity .16s,transform .16s;display:flex;position:fixed;transform:translateY(6px);box-shadow:0 10px 24px #00000073}#tip.show{opacity:1;transform:none}#tip strong{font-family:var(--display);font-size:16px;font-weight:400}#tip p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}@media (prefers-reduced-motion:reduce){#tip{transition:none;transform:none}}#boardWrap{position:relative}.weather{background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--line);border-left:4px solid var(--tc);pointer-events:none;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;max-width:calc(100% - 16px);padding:6px 14px;font-size:13px;animation:.35s both weather-in;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000059}.weather b{font-family:var(--display);color:var(--tc);font-size:16px;font-weight:400}.weather b:before{content:"";background:#a6d4f2;width:3px;height:9px;margin-right:20px;display:inline-block;transform:skew(-20deg);box-shadow:5px 3px #a6d4f2,10px -1px #a6d4f2}.rain-chip{color:#a6d4f2}@keyframes weather-in{0%{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.weather{animation:none}}@media (width>=901px){#panel{scrollbar-width:thin;max-height:calc(100dvh - 32px);padding-right:4px;position:sticky;top:16px;overflow-y:auto}}@media (width<=900px){.boardCol{top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);margin-inline:-16px;padding-bottom:6px;position:sticky;box-shadow:0 14px 14px -12px #000000bf}.camera{gap:8px;padding-inline:12px}.camera .cam-label,.camera kbd{display:none}.camera button{padding:4px 14px;font-size:16px}#hoverInfo{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.legend{display:none}.pad-help{padding-inline:12px}#panel{gap:10px}.act{padding:6px 8px}.act strong{font-size:13px}.act small{font-size:11px}#log{max-height:160px}#endTurn{bottom:max(8px, env(safe-area-inset-bottom,0px));z-index:4;position:sticky;box-shadow:0 6px 18px #0000008c}}.unit-cards{pointer-events:none;justify-content:space-between;align-items:flex-end;padding-inline:4px;display:flex;position:absolute;inset:auto 0 6px}.team-cards{flex-direction:column-reverse;gap:6px;display:flex}.team-cards.t0{align-items:flex-start}.team-cards.t1{align-items:flex-end}.ucard{pointer-events:auto;background:color-mix(in srgb, var(--panel) 90%, transparent);border:1px solid var(--line);border-left:4px solid var(--tc);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 9px 6px 6px;display:flex;box-shadow:0 6px 16px #0006}.t1 .ucard{text-align:right;border-left-width:1px;border-right:4px solid var(--tc);flex-direction:row-reverse;padding:6px 6px 6px 9px}.ucard.hero{width:clamp(190px,15vw,240px)}.ucard.summon{opacity:.95;width:clamp(150px,11vw,180px);padding-block:4px}.ucard .pt{background:var(--panel2);border-radius:8px;flex:none;width:48px;height:48px}.ucard.summon .pt{width:32px;height:32px}.ucard.current{box-shadow:0 0 0 2px var(--tc), 0 6px 16px #0006}.uc-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.uc-name{align-items:center;gap:6px;font-size:13px;display:flex}.t1 .uc-name{flex-direction:row-reverse}.uc-name b{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:400;overflow:hidden}.ucard.summon .uc-name b{font-size:13px}.ucard .tag{padding:0 6px;font-size:11px}.ucard .bar{height:7px}.uc-nums{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px}.uc-st{flex-wrap:wrap;gap:3px;display:flex}.t1 .uc-st{justify-content:flex-end}.uc-st:empty{display:none}.uc-st span{cursor:help;background:var(--panel2);border:1px solid;border-radius:999px;padding:0 5px;font-size:10.5px;line-height:1.4}.unit-strip:empty{display:none}.unit-strip{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.unit-strip .team-cards{flex-flow:wrap;align-items:flex-end}.unit-strip .team-cards.t1{flex-direction:row-reverse}.cards-phone:empty{display:none}.cards-phone{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cards-phone .team-cards{flex-direction:column;align-items:stretch}.cards-phone .ucard.hero,.cards-phone .ucard.summon{width:auto}.turn-order{scrollbar-width:none;align-items:center;gap:6px;padding:2px 2px 4px;display:flex;overflow-x:auto}.turn-order::-webkit-scrollbar{display:none}.to-round{font-family:var(--display);color:var(--muted);flex:none;padding:0 4px;font-size:13px}.to-round.next{border-left:1px dashed var(--line);margin-left:4px;padding-left:10px}.to-chip{background:var(--panel);border:1px solid var(--line);border-bottom:3px solid var(--tc);opacity:.78;border-radius:8px;flex:none;align-items:center;gap:6px;padding:3px 9px 3px 4px;font-size:12.5px;display:flex}.to-chip .pt{width:28px;height:28px}.to-chip span{flex-direction:column;line-height:1.15;display:flex}.to-chip small{text-transform:uppercase;letter-spacing:.08em;color:var(--tc);font-size:10px}.to-chip.now{opacity:1;border-color:var(--tc);box-shadow:0 0 0 1px var(--tc);background:color-mix(in srgb, var(--tc) 14%, var(--panel))}@media (width<=900px){.turn-order{padding-inline:12px}.to-chip .pt{width:22px;height:22px}.to-chip{font-size:11.5px}}.st-chips .st{cursor:help}.skill-banner{z-index:6;pointer-events:none;max-width:calc(100% - 24px);position:absolute;top:10px;left:50%;transform:translate(-50%)}.sb-box{box-shadow:0 0 0 2px #0c0d10, 0 0 0 4px var(--tc), 0 0 0 6px #0c0d10, inset 0 0 0 2px #ffffff14, 6px 6px 0 6px #00000073;transform-origin:50%;background:#1a1d24;align-items:center;gap:10px;padding:8px 18px 8px 10px;display:flex;position:relative;overflow:hidden}.skill-banner.open .sb-box{animation:.32s steps(6,end) both sb-open}.skill-banner.closing .sb-box{animation:.26s steps(4,end) both sb-close}.sb-box:after{content:"";background:linear-gradient(100deg,#0000 35%,#fff7c838 45% 52%,#0000 62%);animation:.7s steps(10,end) .95s both sb-shine;position:absolute;inset:0;transform:translate(-120%)}.sb-icon{width:39px;height:43px;image-rendering:pixelated;flex:none;animation:.5s steps(3,end) .3s both sb-hop}.sb-text{flex-direction:column;gap:1px;min-width:0;display:flex}.sb-who{font-family:"Pixelify Sans", var(--display);letter-spacing:.04em;color:var(--tc);text-transform:uppercase;font-size:13px;font-weight:500}.sb-name{font-family:"Pixelify Sans", var(--display);color:#fff7dc;text-shadow:2px 2px #0c0d10,0 2px #8a5a10;white-space:nowrap;font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.05}.sb-name i{opacity:0;font-style:normal;display:inline-block}.skill-banner.open .sb-name i{animation:sb-letter .12s steps(2, end) calc(.3s + var(--i) * 35ms) both}@keyframes sb-open{0%{transform:scaleX(0)scaleY(.25)}60%{transform:scaleX(1)scaleY(.25)}to{transform:scale(1)}}@keyframes sb-close{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scaleX(1.04)scaleY(0)}}@keyframes sb-letter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes sb-shine{to{transform:translate(120%)}}@keyframes sb-hop{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.skill-banner.open .sb-box,.skill-banner.closing .sb-box,.sb-box:after,.sb-icon{animation:none}.skill-banner.open .sb-name i{opacity:1;animation:none}}@media (width<=900px){.skill-banner{top:6px}.sb-box{gap:8px;padding:6px 12px 6px 8px}.sb-icon{width:26px;height:29px}.sb-who{font-size:11px}}@media (orientation:landscape) and (height<=540px){body:has(#app[data-screen=game]){padding:0 max(8px, env(safe-area-inset-right,0px)) 0 max(8px, env(safe-area-inset-left,0px))}#app[data-screen=game]{gap:0}#app[data-screen=game]>.top{display:none}#game{grid-template-columns:minmax(0,1fr) clamp(230px,32vw,300px);align-items:stretch;gap:8px}.boardCol{height:100dvh;box-shadow:none;justify-content:center;gap:4px;margin-inline:0;padding:4px 0;position:sticky;top:0}.turn-order{gap:4px;padding-inline:0}.to-chip{padding:2px 6px 2px 2px;font-size:11px}.to-chip .pt{width:20px;height:20px}.camera{padding-inline:0}.camera button{padding:2px 12px}.legend,.pad-help{display:none}#panel{overscroll-behavior:contain;gap:8px;max-height:100dvh;padding-block:8px;position:sticky;top:0;overflow-y:auto}#panel .box{padding:10px}#log{max-height:120px}}.rotate-hint{color:var(--muted);text-align:center;margin:0;padding-inline:12px;font-size:12px;display:none}@media (width<=900px) and (orientation:portrait){.rotate-hint{display:block}}#game [data-tip],#actions [data-tip]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.camera .sound-btn{padding:4px 10px;font-size:16px;line-height:1}.unit-strip{flex-wrap:wrap}.unit-strip .team-cards:not(.t1){flex-direction:row}.camera .sound-btn.off{opacity:.45;text-decoration:line-through}#overlay,#help{z-index:10;background:#08090cd1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ovbox{background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--tc);text-align:center;border-radius:14px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:24px;display:flex}.ovbox h2{color:var(--tc);font-size:30px}.ovbox p{color:var(--muted);margin:0}.ovbox button{font-family:var(--display);background:var(--tc);color:var(--on-accent);border:0;border-radius:10px;padding:10px;font-size:20px}.ovbox .ov-cancel{color:var(--muted);border:2px solid var(--line);background:0 0;font-size:17px}#help{z-index:11}.help-box{text-align:left;max-width:520px;max-height:calc(100dvh - 32px);overflow-y:auto}.help-box h2{text-align:center;font-size:24px}.help-box dl{grid-template-columns:minmax(0,auto) 1fr;align-items:baseline;gap:8px 14px;margin:0;display:grid}.help-box dt{text-align:right}.help-box dd{color:var(--muted);margin:0;font-size:14px}.help-box kbd{color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-family:inherit;font-size:13px;font-weight:700}@media (width<=480px){.help-box dl{grid-template-columns:1fr;gap:2px}.help-box dt{text-align:left;margin-top:8px}}#coin{z-index:12;background:#08090cdb;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.coin-box{max-width:440px}.coin-box h2{font-size:26px}.coin-stage{perspective:700px;place-items:end center;height:260px;padding-bottom:28px;display:grid;position:relative}.coin-arc{z-index:1;position:relative}.coin{width:120px;height:120px;transform-style:preserve-3d;position:relative}.coin-face,.coin-edge{border-radius:50%;position:absolute;inset:0}.coin-edge{background:#b37810}.coin-face{backface-visibility:hidden;background:radial-gradient(circle at 35% 30%,#fff1b8 0%,#ffd668 30%,#f2b632 60%,#c98a12 100%);place-items:center;display:grid;box-shadow:inset 0 0 0 6px #d99b1c,inset 0 0 0 9px #a86d0c,inset 0 0 18px #502d0073}.coin-face svg{width:74%;height:74%}.coin-face.heads{transform:translateZ(4px)}.coin-face.tails{transform:rotateX(180deg)translateZ(4px)}.coin-shadow{opacity:.5;filter:blur(4px);background:#000;border-radius:50%;width:110px;height:22px;position:absolute;bottom:16px}.coin-burst{z-index:0;width:0;height:0;position:absolute;bottom:88px;left:50%}.coin-burst:before{content:"";border:4px solid var(--tc);opacity:0;border-radius:50%;width:140px;height:140px;position:absolute;top:-70px;left:-70px}.coin-burst i{background:var(--tc);opacity:0;border-radius:50%;width:10px;height:10px;margin:-5px;position:absolute}.landed .coin-burst:before{animation:.7s ease-out forwards coin-ring}.landed .coin-burst i{animation:.8s cubic-bezier(.2,.7,.3,1) forwards coin-spark}.coin-burst i:first-child{--a:0deg}.coin-burst i:nth-child(2){--a:45deg}.coin-burst i:nth-child(3){--a:90deg}.coin-burst i:nth-child(4){--a:135deg}.coin-burst i:nth-child(5){--a:180deg}.coin-burst i:nth-child(6){--a:225deg}.coin-burst i:nth-child(7){--a:270deg}.coin-burst i:nth-child(8){--a:315deg}@keyframes coin-ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}@keyframes coin-spark{0%{transform:rotate(var(--a)) translateX(30px) scale(1);opacity:1}to{transform:rotate(var(--a)) translateX(120px) scale(.3);opacity:0}}.coin-calls{gap:10px;display:flex}.coin-calls button{font-family:var(--display);background:var(--panel2);color:var(--ink);border:2px solid var(--line);border-radius:10px;flex:1;padding:10px;font-size:20px}.coin-calls button:hover,.coin-calls button:focus-visible{border-color:var(--tc);background:color-mix(in srgb, var(--tc) 18%, var(--panel2));outline:none}.coin-result{min-height:1.2em;font-family:var(--display);color:var(--tc);opacity:0;margin:0;font-size:28px;transform:scale(.6)}.coin-result span{font-family:var(--body);color:var(--ink);font-size:16px;display:block}.coin-result.show{animation:.45s cubic-bezier(.3,1.6,.5,1) forwards coin-pop}@keyframes coin-pop{to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.landed .coin-burst:before,.landed .coin-burst i{animation:none}.coin-result.show{opacity:1;animation:none;transform:none}}