:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7ff;--panel:#121a2b;--line:#29344b;--accent:#ffb84d;--accent-dark:#7d4c08;--muted:#91a0b8;background:#080d18;font-family:Inter,Pretendard,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#243558 0,#0000 35rem),#080d18;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.shell{width:min(100% - 2rem,42rem);margin:0 auto;padding:2rem 0 3rem}.lobby-shell{flex-direction:column;justify-content:center;gap:1rem;min-height:100vh;display:flex}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}h1{margin:0;font-size:clamp(2rem,9vw,3.5rem);line-height:1}h2{font-size:1rem}.lead,.muted{color:var(--muted)}label{color:var(--muted);gap:.5rem;font-size:.85rem;display:grid}input,button{border:1px solid var(--line);color:inherit;border-radius:.8rem}input{background:#0c1322;min-width:0;padding:.9rem 1rem}button{background:var(--panel);padding:.85rem 1rem}.primary{color:#171006;background:linear-gradient(135deg,#f5a528,#ce7211);border-color:#c67c14;font-weight:900}.join-row{grid-template-columns:1fr auto;gap:.6rem;display:grid}.room-code{letter-spacing:.12em;font-size:1.6rem;font-weight:900}.room-code span{color:var(--muted);letter-spacing:0;font-size:.7rem}.secondary{color:var(--muted);align-self:flex-start}.error{color:#ff7f86}.phase-header,.budget{justify-content:space-between;align-items:center;gap:1rem;display:flex}.phase-header{margin-bottom:1.5rem}.phase-header h1{margin-top:.4rem;font-size:clamp(1.8rem,8vw,2.7rem)}.timer{border:1px solid var(--accent-dark);color:var(--accent);border-radius:50%;padding:.7rem}.budget{border:1px solid var(--line);background:#0d1423;border-radius:.8rem;margin-bottom:1rem;padding:.8rem 1rem}.budget strong{color:var(--accent)}.unit-shop{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.unit-card{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.65rem;display:grid}.unit-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #ffb84d33}.unit-card span:nth-child(2){display:grid}.unit-card small{color:var(--muted)}.unit-card b{color:var(--accent);font-size:.8rem}.unit-avatar{background:#24324b;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.unit-guide-trigger{white-space:nowrap;padding:.55rem .7rem}.unit-guide-dialog{border:1px solid var(--line);width:min(36rem,100% - 2rem);max-height:min(88dvh,48rem);color:inherit;background:var(--panel);border-radius:1rem;margin:auto;padding:1rem;overflow:auto}.unit-guide-dialog::backdrop{background:#020611cc}.unit-guide-header{background:var(--panel);justify-content:space-between;align-items:center;gap:1rem;margin:-1rem -1rem .75rem;padding:1rem;display:flex;position:sticky;top:-1rem}.unit-guide-header h2{margin:0}.unit-guide-list{gap:.6rem;display:grid}.unit-guide-card{border:1px solid var(--line);background:#0c1322;border-radius:.75rem;padding:.65rem .8rem}.unit-guide-card h3{margin:0 0 .4rem;font-size:.95rem}.unit-guide-card p{color:var(--muted);margin:.2rem 0;font-size:.82rem}.unit-guide-card p strong{color:var(--accent)}.deployment-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.deployment-grid button{aspect-ratio:1;color:var(--muted);border-style:dashed;place-content:center;gap:.2rem;display:grid}.deployment-grid button strong{color:#fff}.deployment-grid button small{color:var(--accent)}.deployment-grid button.deployed-unit{color:var(--text);background:#131d30;border-style:solid}.deployment-grid .piece-icon{width:1.35rem;font-size:1rem}.deployment-grid button .deployment-vitals{color:#e5ecf5;font-size:.68rem}.deployment-grid button progress{accent-color:#ff6472;width:min(90%,6rem);height:.3rem;margin:0 auto}.ready-button{width:100%;margin-top:1rem}.preset-row{align-items:center;gap:.4rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.preset-row span{color:var(--muted);flex:none;font-size:.75rem}.preset-row button{flex:none;padding:.55rem .65rem;font-size:.75rem}.direction-guide{border:1px solid var(--line);background:linear-gradient(90deg,#153d62cc 0 34%,#101827 50%,#5a2028cc 66% 100%);border-radius:.7rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:.55rem;margin:.55rem 0 .7rem;padding:.55rem .7rem;font-size:.75rem;display:grid}.direction-guide span{color:var(--accent);text-align:center;white-space:nowrap;font-weight:900}.direction-guide strong{font-size:.72rem}.home-label{color:#7dc9ff;text-align:left}.enemy-label{color:#ff929d;text-align:right}.battle-direction{border-radius:.7rem .7rem 0 0;margin-top:0;margin-bottom:-.55rem}.battle-shell{gap:1rem;display:grid}.connection-banner{color:#ffd9dc;background:#5b1f2a;border:1px solid #b94d5a;border-radius:.7rem;margin:0;padding:.65rem .8rem;font-size:.8rem;font-weight:800}.battle-tutorial{z-index:10;border:1px solid var(--accent-dark);background:#121a2bf5;border-radius:1rem;width:min(26rem,100% - 2rem);margin:auto;padding:1rem;position:fixed;inset:auto 1rem 1rem;box-shadow:0 1rem 3rem #0009}.battle-tutorial h2{margin:.35rem 0;font-size:1.25rem}.battle-tutorial p:not(.eyebrow){color:var(--muted);margin:0 0 1rem;line-height:1.5}.battle-tutorial>div{justify-content:flex-end;gap:.5rem;display:flex}.battle-header,.battle-meta{justify-content:space-between;align-items:center;display:flex}.battle-header h1{margin-top:.35rem;font-size:clamp(1.65rem,7vw,2.4rem)}.turn-clock{border:2px solid var(--accent);width:3.2rem;height:3.2rem;color:var(--accent);border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.battle-meta{color:var(--muted);font-size:.8rem}.battle-board{border:1px solid var(--line);background:linear-gradient(90deg,#15324b77 0 50%,#4b1f2577 50%);border-radius:1rem;grid-template:repeat(3,minmax(0,1fr))/repeat(6,minmax(0,1fr));gap:.3rem;width:min(100%,42rem);padding:.45rem;display:grid}.battle-board.air-support-cast{animation:.8s ease-out air-support-cast;position:relative}.battle-board.air-support-cast:after{content:"🛩️";z-index:3;pointer-events:none;text-shadow:0 0 .8rem #ff9c32;font-size:1.5rem;animation:.8s ease-in forwards air-support-fly;position:absolute;top:-.5rem;left:50%}.battle-board.air-support-miss{animation:.8s ease-out air-support-miss;position:relative}.battle-board.air-support-miss:after{content:"❌";z-index:3;pointer-events:none;text-shadow:0 0 .8rem #ff5364;font-size:2rem;animation:.8s ease-out forwards air-support-fail;position:absolute;top:38%;left:50%}.battle-cell{aspect-ratio:.82;background:#111a2a99;border-radius:.55rem;place-content:center;gap:.1rem;min-width:0;padding:.2rem;display:grid;position:relative;overflow:hidden}.battle-cell.ally{border-color:#4ba6df}.battle-cell.enemy{border-color:#dc6370}.battle-cell.support-target{border-color:#71e6ff;animation:1s ease-in-out infinite alternate support-pulse}.battle-cell.selected-piece{border-color:var(--accent);transform:translateY(-.18rem);box-shadow:0 .35rem 1rem #0008,0 0 0 2px #ffb84d66}.battle-cell.reachable{border-color:var(--accent);box-shadow:inset 0 0 0 2px #ffb84d55}.move-arrow{color:var(--accent);text-shadow:0 0 .7rem #ffb84d;font-size:1.35rem;font-weight:900;animation:.8s ease-in-out infinite alternate arrow-pulse;display:block}.battle-cell.attack-target{box-shadow:inset 0 0 0 2px #ff647277}.battle-cell.air-target{border-color:#ff9c32;box-shadow:inset 0 0 0 2px #ff9c3255}.attack-marker{z-index:1;filter:drop-shadow(0 0 .25rem #ff6472);font-size:.7rem;animation:.65s ease-in-out infinite alternate attack-marker-pulse;position:absolute;top:.08rem;right:.08rem}.battle-cell strong{text-overflow:ellipsis;font-size:clamp(.52rem,2.2vw,.8rem);overflow:hidden}.battle-cell small{color:var(--muted);white-space:nowrap;font-size:clamp(.48rem,1.8vw,.68rem)}.piece-icon{aspect-ratio:1;background:#273955;border-radius:50%;place-items:center;width:clamp(1.1rem,5vw,1.8rem);margin:auto;font-size:clamp(.9rem,4vw,1.35rem);display:grid}.unit-buffs{color:#ffd166;text-shadow:0 1px 3px #000;justify-content:center;gap:.15rem;font-size:.58rem;font-weight:900;display:flex;position:absolute;top:.08rem;left:.12rem;right:.12rem}.unit-buffs span[aria-label*=방어막]{color:#68dfff}.unit-buffs .poison-badge{color:#9ce66b}.unit-vitals{gap:.05rem;min-width:0;display:grid}.vitals-label{text-overflow:clip;overflow:hidden;font-size:clamp(.39rem,1.35vw,.58rem)!important}.unit-vitals progress{accent-color:#ff6472;width:100%;height:.28rem}.selected-actions{border:1px solid var(--line);background:#0c1322dd;border-radius:.75rem;gap:.2rem;padding:.7rem .85rem;display:grid}.selected-actions h2{margin:0 0 .15rem;font-size:.95rem}.selected-actions p,.selected-actions small{color:var(--muted);margin:0;font-size:.78rem}.selected-actions p strong{width:2.5rem;color:var(--accent);display:inline-block}.selected-actions small{color:#c1ccdc}.cell-dot{background:#627089;border-radius:50%;width:.25rem;height:.25rem;margin:auto}.defeat-ghost{color:#ff7f86;font-size:1.6rem}.action-row{gap:.5rem;display:flex;overflow-x:auto}.action-row button.selected{border-color:var(--accent);color:var(--accent)}.event-toast{border:1px solid var(--line);min-height:2.7rem;color:var(--accent);background:#0c1322dd;border-radius:.7rem;place-items:center;margin:0;font-weight:800;display:grid}.event-toast.initiative-rolling{animation:.3s ease-in-out infinite alternate initiative-roll}.battle-history{border:1px solid var(--line);color:var(--muted);background:#0c1322dd;border-radius:.75rem;padding:.7rem .85rem;font-size:.82rem}.battle-history h2{color:var(--text);margin:0;font-size:.9rem}.battle-history summary{color:var(--text);cursor:pointer;font-weight:800}.battle-history details{margin-top:.6rem}.battle-history>ol,.battle-history details>ol{gap:.7rem;max-height:18rem;margin:.7rem 0 0;padding-left:1.25rem;display:grid;overflow-y:auto}.battle-history li{padding-left:.15rem}.battle-history-heading{color:var(--text);font-size:.78rem}.battle-history-events{gap:.3rem;margin:.35rem 0 .1rem;padding-left:1.15rem;line-height:1.45;display:grid}.end-turn{width:100%}.result-shell{text-align:center;align-content:center;gap:1rem;min-height:100vh;display:grid}.result-stats{border:1px solid var(--line);background:#0c1322dd;border-radius:.8rem;grid-template-columns:repeat(3,1fr);gap:.45rem;padding:.8rem;display:grid}.result-stats span{gap:.2rem;min-width:0;display:grid}.result-stats strong{font-size:.8rem}.result-stats small{color:var(--muted);font-size:.65rem}.result-actions{gap:.5rem;display:grid}.unit-move{animation:.7s ease-out unit-move}.move-origin{animation:.7s ease-out move-origin}.unit-attack,.scout-strike{animation:.6s ease-out unit-attack}.driver-charge{animation:.6s ease-out driver-charge}.unit-hit{animation:.6s ease-out unit-hit}.unit-defeated{animation:.6s ease-in forwards unit-defeated}.buff-applied{animation:.6s ease-out buff-applied}.communication-ready{animation:.9s ease-in-out infinite alternate communication-ready}.communication-cast{animation:.8s ease-out communication-cast}.communication-buff{animation:.8s ease-out communication-buff}.instructor-cast{animation:.8s ease-out instructor-cast}.instructor-buff{animation:.8s ease-out instructor-buff}.chemical-cast{animation:.8s ease-out chemical-cast}.medic-cast{animation:.8s ease-out medic-cast}.medic-heal,.medic-revive{animation:.8s ease-out medic-heal}.poison{animation:.6s ease-out poison}.smoke{animation:.6s ease-out smoke}.air-strike{animation:.8s ease-out air-strike}.damage-pop{z-index:2;color:#ff6573;text-shadow:0 2px 6px #000;font-size:1.1rem;font-weight:900;animation:.6s ease-out damage-pop;position:absolute}.buff-callout{z-index:3;color:#ffd166;white-space:nowrap;text-shadow:0 1px 3px #000;background:#101827;border:1px solid;border-radius:999px;padding:.12rem .35rem;font-size:.72rem;font-weight:900;animation:.8s ease-out buff-callout;position:absolute;top:.08rem;left:50%;transform:translate(-50%)}.buff-callout.shield{color:#68dfff}@keyframes move-origin{50%{transform:scale(.9);box-shadow:inset 0 0 0 3px #ffb84d,0 0 1rem #ffb84d99}}@keyframes arrow-pulse{to{opacity:.65;transform:translateY(-.16rem)}}@keyframes attack-marker-pulse{to{transform:scale(1.2)}}@keyframes unit-move{0%{opacity:.35;transform:scale(.72)}70%{transform:scale(1.08)}}@keyframes unit-attack{40%{z-index:2;transform:translate(var(--attack-x), var(--attack-y)) scale(1.08);filter:brightness(1.25);box-shadow:0 0 1.25rem #ffb84ddd}}@keyframes driver-charge{40%{z-index:2;transform:translate(var(--attack-x), var(--attack-y)) scale(1.16);filter:brightness(1.5);box-shadow:0 0 1.5rem #ff853ddd}}@keyframes unit-hit{25%,75%{background:#b52f3f;transform:translate(.25rem)}50%{transform:translate(-.25rem)}}@keyframes damage-pop{0%{opacity:0;transform:translateY(.5rem)scale(.6)}to{opacity:1;transform:translateY(-1rem)scale(1.2)}}@keyframes buff-callout{20%{transform:translate(-50%,-.25rem)scale(1.15)}75%{opacity:1}to{opacity:0}}@keyframes unit-defeated{to{opacity:0;transform:scale(.35)}}@keyframes buff-applied{50%{filter:brightness(1.8);box-shadow:0 0 1.5rem #68b8ff}}@keyframes communication-ready{to{filter:brightness(1.3);box-shadow:0 0 1.3rem #68dfff}}@keyframes communication-cast{40%{filter:brightness(1.7);box-shadow:0 0 1.4rem #68dfff}}@keyframes communication-buff{45%{filter:brightness(1.5);box-shadow:inset 0 0 1.2rem #68dfff,0 0 1rem #68dfff}}@keyframes instructor-cast{45%{filter:brightness(1.7);transform:scale(1.08);box-shadow:0 0 1.5rem #ffd166}}@keyframes instructor-buff{45%{filter:brightness(1.5);box-shadow:inset 0 0 1.2rem #ffd166,0 0 1rem #ffd166}}@keyframes chemical-cast{45%{filter:hue-rotate(35deg)brightness(1.5);box-shadow:0 0 1.4rem #8ee36f}}@keyframes medic-cast{45%{filter:brightness(1.6);box-shadow:0 0 1.4rem #7ef0b2}}@keyframes medic-heal{45%{filter:brightness(1.6);box-shadow:inset 0 0 1.2rem #7ef0b2,0 0 1rem #7ef0b2}}@keyframes air-support-cast{30%{filter:brightness(1.8);box-shadow:0 0 1.5rem #ff9c32}}@keyframes air-support-fly{0%{opacity:0;transform:translate(-50%,-1rem)rotate(-15deg)}45%{opacity:1;transform:translate(-50%,3rem)rotate(0)scale(1.2)}to{opacity:0;transform:translate(-50%,5rem)rotate(15deg)}}@keyframes air-support-miss{35%,65%{border-color:#ff5364;transform:translate(-.15rem)}50%{transform:translate(.15rem)}}@keyframes air-support-fail{25%{opacity:1;transform:translate(-50%,-.4rem)scale(1.35)}to{opacity:0;transform:translate(-50%,.3rem)scale(.8)}}@keyframes poison{50%{box-shadow:inset 0 0 1.5rem #83e65a}}@keyframes smoke{50%{filter:blur(3px)grayscale()}}@keyframes air-strike{20%{background:#fff}45%{background:#ff9c32;transform:scale(1.06)}}@keyframes support-pulse{to{box-shadow:inset 0 0 1rem #71e6ff66,0 0 .6rem #71e6ff55}}@keyframes initiative-roll{to{color:#fff;border-color:#ffb84d;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:390px){.shell{width:min(100% - 1rem,42rem);padding-top:1rem}.unit-shop{gap:.4rem}.unit-card{gap:.35rem;font-size:.78rem}.direction-guide{gap:.25rem;padding-inline:.45rem;font-size:.66rem}.direction-guide strong{font-size:.65rem}}