.app-shell{width:100%;min-height:100%;display:block}.battle-layout{width:100%;max-width:1680px;height:calc(100dvh - var(--safe-top) - var(--safe-bottom));margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;padding-top:.15rem}.global-menu-button{position:fixed;top:calc(var(--safe-top) + 1rem);left:calc(var(--safe-left) + 1rem);z-index:40;display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:999px;border:1px solid rgb(117 145 176 / .24);background:#080e18e6;box-shadow:0 18px 34px #00000040}.global-menu-button__icon{font-size:1.1rem}.global-menu-sheet{position:fixed;top:calc(var(--safe-top) + 4.4rem);left:calc(var(--safe-left) + 1rem);z-index:39;width:min(280px,calc(100vw - var(--safe-left) - var(--safe-right) - 2rem));display:grid;gap:.5rem}.global-menu-sheet button{text-align:left;border:1px solid rgb(117 145 176 / .2);border-radius:14px;background:#0e1723eb;padding:.8rem .9rem}.battle-topbar{display:flex;align-items:center;min-height:0;padding:.55rem .8rem .55rem 5rem;background:#0a121dd6}.battle-topbar__summary{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.84rem}.battle-topbar__summary span,.mobile-panel__phase{display:inline-flex;align-items:center;min-height:0;padding:.18rem .48rem;border-radius:999px;border:1px solid rgb(117 145 176 / .16);background:#101a28e6;color:#d7e1ece0}.viewpoint-toggle{display:inline-flex;align-items:center;gap:.2rem;padding:.12rem;border-radius:999px;border:1px solid rgb(117 145 176 / .16);background:#101a28e6}.viewpoint-toggle__button{border:0;border-radius:999px;background:transparent;color:#c4cfddd6;padding:.22rem .5rem;font:inherit;font-size:.78rem;cursor:pointer}.viewpoint-toggle__button--active{background:linear-gradient(135deg,#f5bf5338,#dd852c24);color:#fbdc92}.battle-main{display:grid;grid-template-columns:minmax(560px,2.1fr) minmax(320px,380px);gap:1rem;align-items:stretch;min-height:0}.battle-scene{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.65rem;min-height:0}.selection-strip{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.65rem .8rem;border-radius:16px;border:1px solid rgb(117 145 176 / .16);background:#080e18b8}.selection-strip strong,.selection-strip span{margin:0;line-height:1.2}.selection-strip span{color:#c4cfddc7;font-size:.9rem}.battle-sidebar{display:grid;gap:1rem}.battle-card{min-height:0}.battle-card--log{max-height:32rem;overflow:auto}.phase-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.phase-pill,.mobile-panel__tab{border-radius:14px;border:1px solid rgb(117 145 176 / .2);background:#101a28e6;padding:.7rem .8rem}.phase-pill--active,.mobile-panel__tab--active{border-color:#f5bf5370;background:linear-gradient(135deg,#f5bf5338,#dd852c24);color:#fbdc92}.mobile-panel{display:none}.mobile-panel__header{display:grid;gap:.45rem}.mobile-panel__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:0}.mobile-panel__body{display:grid;gap:.65rem}.panel,.board-shell{background:#0a121dd6;border:1px solid rgb(117 145 176 / .18);border-radius:24px;padding:1rem;box-shadow:0 18px 40px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.panel-header h2,.inspector h3,.roster h3{margin:0}.eyebrow{margin:0 0 .2rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;color:#f5bf53d6}.panel-note{margin:0;color:#c4cfddb3;font-size:.92rem}.board-shell--battlefield{background:radial-gradient(circle at top,rgb(255 228 180 / .08),transparent 28%),linear-gradient(180deg,#150e0af5,#080a10);border:2px solid rgb(34 30 24 / .9);box-shadow:inset 0 0 0 2px #efe2c614,0 24px 40px #00000047}.board-frame{display:grid;align-content:center;gap:.42rem;min-height:100%}.board-body{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.4rem;align-items:stretch}.board-guides{display:grid}.board-guides--top{grid-template-columns:1rem repeat(5,minmax(0,1fr));align-items:end}.board-guides--top:before{content:""}.board-guides--left{grid-template-rows:repeat(6,minmax(0,1fr))}.board-guide{display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#ede0bad1;text-shadow:0 1px 2px rgb(0 0 0 / .35)}.board-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.14rem;padding:.12rem;background:#ebe7dfd1;border-radius:18px}.board-cell{position:relative;aspect-ratio:1 / 1;min-height:0;overflow:visible;border-radius:0;border:0;display:flex;align-items:center;justify-content:center}.board-cell--player-a{background:radial-gradient(circle at 50% 40%,rgb(152 55 25 / .2),transparent 48%),linear-gradient(180deg,#802512,#5b130e)}.board-cell--player-b{background:radial-gradient(circle at 50% 35%,rgb(49 95 196 / .2),transparent 48%),linear-gradient(180deg,#103a8e,#081c5b)}.board-cell--item-lane{background:radial-gradient(circle at 50% 45%,rgb(239 214 127 / .16),transparent 40%),linear-gradient(180deg,#535938,#3a3e26)}.board-cell--occupied{box-shadow:inset 0 0 0 2px #ffe9a661}.board-cell__item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.board-cell__item:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 35%,rgb(0 0 0 / .18))}.board-cell__item img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 8px 12px rgb(0 0 0 / .28))}.board-cell__item--attack img{transform:rotate(-8deg) scale(1.02)}.board-cell__item--defense img{transform:rotate(7deg) scale(.98)}.unit-chip{position:relative;z-index:2;width:86%;height:86%;min-height:0;overflow:visible;border:6px solid transparent;border-radius:10px;padding:0;color:#fff;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;box-shadow:0 10px 16px #00000047,inset 0 0 0 1px #ffffff24;background:#0b0f18}.unit-chip__frame{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.unit-chip:hover{transform:translateY(-1px) scale(1.01)}.unit-chip--A,.unit-chip--B{background:#0b0f18}.unit-chip--A{border-color:#ff5c45;box-shadow:0 10px 16px #00000047,inset 0 0 0 1px #ffd6d61a}.unit-chip--B{border-color:#409cff;box-shadow:0 10px 16px #00000047,inset 0 0 0 1px #ffffff1a}.unit-chip--selected{box-shadow:0 12px 18px #0000004d,inset 0 0 0 1px #ffffff2e}.unit-chip--A.unit-chip--selected{box-shadow:0 0 0 2px #ff78627a,0 12px 18px #0000004d,inset 0 0 0 1px #ffffff2e}.unit-chip--B.unit-chip--selected{box-shadow:0 0 0 2px #68b8ff7a,0 12px 18px #0000004d,inset 0 0 0 1px #ffffff2e}.unit-chip__art,.unit-chip__scrim{position:absolute;inset:0}.unit-chip__art{width:100%;height:100%;object-fit:cover;object-position:center 0%;transform:scale(1.25)}.unit-chip__scrim{background:linear-gradient(180deg,#060a120f,#060a1205 44%,#060a12c7),linear-gradient(180deg,transparent 0%,transparent 52%,rgb(9 12 20 / .76) 78%,rgb(9 12 20 / .94) 100%)}.unit-chip__dir-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.unit-chip__dir-layer--enemy{transform:rotate(180deg);transform-origin:center}.unit-chip__dir{position:absolute;z-index:1;width:0;height:0;opacity:.96;pointer-events:none;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .55))}.unit-chip__dir--move1,.unit-chip__dir--move2{border-left:.42rem solid transparent;border-right:.42rem solid transparent;border-bottom:.8rem solid rgb(255 232 167 / .98)}.unit-chip__dir--move2{border-bottom-color:#ffaa4cfa}.unit-chip__dir--move2:after{content:"";position:absolute;top:.18rem;left:-.42rem;width:0;height:0;border-left:.42rem solid transparent;border-right:.42rem solid transparent;border-bottom:.8rem solid rgb(255 170 76 / .92)}.unit-chip__dir--weak{width:.74rem;height:.74rem;border:1px solid rgb(255 118 118 / .95);background:#890f19f2;transform:rotate(45deg);border-radius:.08rem}.unit-chip__dir--n{top:-.68rem;left:50%;transform:translate(-50%)}.unit-chip__dir--ne{top:-.46rem;right:-.46rem;transform:rotate(45deg)}.unit-chip__dir--e{top:50%;right:-.62rem;transform:translateY(-50%) rotate(90deg)}.unit-chip__dir--se{right:-.46rem;bottom:-.46rem;transform:rotate(135deg)}.unit-chip__dir--s{bottom:-.68rem;left:50%;transform:translate(-50%) rotate(180deg)}.unit-chip__dir--sw{bottom:-.46rem;left:-.46rem;transform:rotate(225deg)}.unit-chip__dir--w{top:50%;left:-.62rem;transform:translateY(-50%) rotate(270deg)}.unit-chip__dir--nw{top:-.46rem;left:-.46rem;transform:rotate(315deg)}.unit-chip__dir--weak.unit-chip__dir--n{top:-.52rem;left:calc(50% - .37rem);transform:rotate(45deg)}.unit-chip__dir--weak.unit-chip__dir--ne{top:-.26rem;right:-.26rem}.unit-chip__dir--weak.unit-chip__dir--e{top:calc(50% - .37rem);right:-.34rem}.unit-chip__dir--weak.unit-chip__dir--se{right:-.26rem;bottom:-.26rem}.unit-chip__dir--weak.unit-chip__dir--s{bottom:-.52rem;left:calc(50% - .37rem)}.unit-chip__dir--weak.unit-chip__dir--sw{bottom:-.26rem;left:-.26rem}.unit-chip__dir--weak.unit-chip__dir--w{top:calc(50% - .37rem);left:-.34rem}.unit-chip__dir--weak.unit-chip__dir--nw{top:-.26rem;left:-.26rem}.unit-chip__hp{position:absolute;right:.3rem;bottom:.28rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;padding:.2rem .44rem;border-radius:999px;background:#090c14d6;border:1px solid rgb(255 255 255 / .24);color:#fff4f4;font-size:.78rem;font-weight:800;letter-spacing:.01em;text-shadow:0 1px 2px rgb(0 0 0 / .72)}.inspector__body{display:grid;gap:.45rem}.inspector__body p{margin:0}.inspector__pill{display:inline-flex;width:fit-content;border-radius:999px;padding:.2rem .7rem;background:#f5bf5329;color:#fad27d}.roster__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.roster ul,.timeline-list{margin:0;padding-left:1.1rem}.roster li+li,.timeline-list li+li{margin-top:.45rem}.roster button{color:inherit;background:none;border:0;padding:0;cursor:pointer}.log-editor{padding:0;background:transparent;border:0;box-shadow:none}.log-editor__textarea{width:100%;min-height:220px;resize:vertical;border-radius:18px;border:1px solid rgb(117 145 176 / .22);background:#060c14eb;color:#ecf2f8;padding:1rem;font:inherit;line-height:1.55}.log-editor__actions{display:flex;gap:.75rem;margin-top:1rem}.button{border-radius:999px;padding:.7rem 1.1rem;border:1px solid transparent;cursor:pointer;font:inherit}.button--primary{background:linear-gradient(135deg,#f5bf53,#dd852c);color:#161310}.button--ghost{background:transparent;color:#e1e7ee;border-color:#7591b03d}.timeline-list li span{display:block;color:#f5bf53d1;font-size:.82rem}.timeline-list li p{margin:.15rem 0 0}@media(max-width:980px){.battle-layout{grid-template-rows:auto 1fr auto;gap:.45rem;overflow:visible;padding-top:0}.global-menu-button{top:calc(var(--safe-top) + .4rem);left:calc(var(--safe-left) + .45rem);gap:.35rem;padding:.52rem .72rem}.global-menu-button__label{font-size:.78rem}.global-menu-sheet{top:calc(var(--safe-top) + 3.5rem);left:calc(var(--safe-left) + .45rem);width:min(260px,calc(100vw - var(--safe-left) - var(--safe-right) - .9rem))}.battle-topbar{position:fixed;top:calc(var(--safe-top) + .4rem);left:calc(var(--safe-left) + 7rem);right:calc(var(--safe-right) + .45rem);z-index:35;min-height:2.25rem;padding:.28rem .4rem}.battle-topbar__summary{width:100%;justify-content:flex-end;gap:.22rem;font-size:.7rem}.battle-topbar__summary span,.mobile-panel__phase{padding:.1rem .3rem;font-size:.64rem}.viewpoint-toggle{gap:.14rem;padding:.1rem}.viewpoint-toggle__button{padding:.16rem .36rem;font-size:.6rem}.battle-main{grid-template-columns:1fr;min-height:0;padding-top:calc(var(--safe-top) + 3.15rem)}.battle-sidebar{display:none}.panel,.board-shell{border-radius:16px;padding:.6rem}.battle-scene{gap:.45rem;min-height:0}.selection-strip{gap:.45rem;padding:.45rem .55rem;font-size:.78rem}.selection-strip strong,.selection-strip span{font-size:.78rem}.board-grid{gap:.12rem;padding:.1rem;border-radius:12px}.board-frame{gap:.26rem}.board-body{grid-template-columns:.8rem minmax(0,1fr);gap:.24rem}.board-guides--top{grid-template-columns:.8rem repeat(5,minmax(0,1fr))}.board-guide{font-size:.52rem}.board-cell__item img{width:70%;height:70%}.unit-chip{width:88%;height:88%;border-width:5px;border-radius:7px}.unit-chip__hp{right:.16rem;bottom:.14rem;min-width:1.7rem;padding:.08rem .22rem;font-size:.38rem}.unit-chip__name,.unit-chip__meta{left:.2rem;right:.2rem}.unit-chip__name{bottom:.8rem;font-size:.46rem;line-height:1}.unit-chip__meta{bottom:.16rem;font-size:.38rem}.mobile-panel{display:grid;gap:.45rem;padding:.55rem;padding-bottom:calc(var(--safe-bottom) + .35rem)}.mobile-panel__header{gap:.35rem}.mobile-panel__tabs{gap:.3rem}.mobile-panel__tab{padding:.38rem .2rem;font-size:.72rem}.mobile-panel__body{gap:.35rem;max-height:14dvh;overflow:auto;font-size:.76rem}.log-editor__textarea{min-height:88px}}.card-preview-overlay{position:fixed;inset:0;z-index:70;background:transparent}.card-preview-dialog{position:absolute;width:min(75vw,420px);max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 3rem);pointer-events:auto}.card-preview-dialog--top-left{top:calc(var(--safe-top) + 5.2rem);left:calc(var(--safe-left) + 1.5rem)}.card-preview-dialog--top-right{top:calc(var(--safe-top) + 5.2rem);right:calc(var(--safe-right) + 1.5rem)}.card-preview-dialog--bottom-left{bottom:calc(var(--safe-bottom) + 8.8rem);left:calc(var(--safe-left) + 1.5rem)}.card-preview-dialog--bottom-right{right:calc(var(--safe-right) + 1.5rem);bottom:calc(var(--safe-bottom) + 8.8rem)}.card-preview-image{width:100%;display:block;border-radius:16px;box-shadow:0 22px 38px #0000005c}@media(max-width:980px){.unit-chip__dir--move1,.unit-chip__dir--move2{border-left-width:.28rem;border-right-width:.28rem;border-bottom-width:.54rem}.unit-chip__dir--move2:after{top:.12rem;left:-.28rem;border-left-width:.28rem;border-right-width:.28rem;border-bottom-width:.54rem}.unit-chip__dir--weak{width:.5rem;height:.5rem}.unit-chip__dir--n{top:-.42rem}.unit-chip__dir--ne{top:-.28rem;right:-.28rem}.unit-chip__dir--e{right:-.38rem}.unit-chip__dir--se{right:-.28rem;bottom:-.28rem}.unit-chip__dir--s{bottom:-.42rem}.unit-chip__dir--sw{bottom:-.28rem;left:-.28rem}.unit-chip__dir--w{left:-.38rem}.unit-chip__dir--nw{top:-.28rem;left:-.28rem}.unit-chip__dir--weak.unit-chip__dir--n{top:-.34rem;left:calc(50% - .25rem)}.unit-chip__dir--weak.unit-chip__dir--ne{top:-.16rem;right:-.16rem}.unit-chip__dir--weak.unit-chip__dir--e{top:calc(50% - .25rem);right:-.22rem}.unit-chip__dir--weak.unit-chip__dir--se{right:-.16rem;bottom:-.16rem}.unit-chip__dir--weak.unit-chip__dir--s{bottom:-.34rem;left:calc(50% - .25rem)}.unit-chip__dir--weak.unit-chip__dir--sw{bottom:-.16rem;left:-.16rem}.unit-chip__dir--weak.unit-chip__dir--w{top:calc(50% - .25rem);left:-.22rem}.unit-chip__dir--weak.unit-chip__dir--nw{top:-.16rem;left:-.16rem}.unit-chip__hp{right:.18rem;bottom:.16rem;min-width:1.45rem;padding:.08rem .22rem;font-size:.38rem}.card-preview-dialog{width:min(75vw,300px);max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 2.2rem)}.card-preview-dialog--top-left{top:calc(var(--safe-top) + 4.4rem);left:calc(var(--safe-left) + 1.1rem)}.card-preview-dialog--top-right{top:calc(var(--safe-top) + 4.4rem);right:calc(var(--safe-right) + 1.1rem)}.card-preview-dialog--bottom-left{bottom:calc(var(--safe-bottom) + 6.6rem);left:calc(var(--safe-left) + 1.1rem)}.card-preview-dialog--bottom-right{right:calc(var(--safe-right) + 1.1rem);bottom:calc(var(--safe-bottom) + 6.6rem)}}.lobby-layout{width:min(1080px,100%);min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));margin:0 auto;display:grid;align-content:start;gap:1rem;padding:calc(var(--safe-top) + 1rem) 1rem calc(var(--safe-bottom) + 1rem)}.lobby-hero{display:grid;gap:.8rem}.lobby-hero h1{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:.95}.lobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.lobby-card{display:grid;gap:1rem;align-content:start}.lobby-status-row{display:flex;flex-wrap:wrap;gap:.6rem}.lobby-chip{display:inline-flex;align-items:center;min-height:0;padding:.22rem .58rem;border-radius:999px;border:1px solid rgb(117 145 176 / .16);background:#101a28e6;color:#d7e1ece0}.lobby-chip--ready{border-color:#55c2784d;color:#adf3c0}.lobby-field{display:grid;gap:.45rem}.lobby-field span{color:#d7e1ece0;font-size:.92rem}.lobby-input{width:100%;border-radius:14px;border:1px solid rgb(117 145 176 / .22);background:#060c14eb;color:#ecf2f8;padding:.85rem 1rem;font:inherit;text-transform:uppercase}.lobby-feedback{color:#ffcfb8;border-color:#a8543352;background:#22100ad6}.room-session-banner{position:fixed;top:calc(var(--safe-top) + 1rem);right:calc(var(--safe-right) + 1rem);z-index:30;display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border-radius:999px;border:1px solid rgb(117 145 176 / .18);background:#080e18e0}.room-session-banner span{display:inline-flex;align-items:center;padding:.14rem .46rem;border-radius:999px;background:#101a28e6;color:#d7e1ece0}.room-session-banner .button{padding:.4rem .72rem}@media(max-width:980px){.room-session-banner{display:none}.lobby-layout{gap:.7rem;padding:calc(var(--safe-top) + .7rem) .7rem calc(var(--safe-bottom) + .7rem)}.lobby-grid{grid-template-columns:1fr;gap:.7rem}.room-session-banner{top:calc(var(--safe-top) + .45rem);right:calc(var(--safe-right) + .45rem);gap:.3rem;padding:.3rem}.room-session-banner span{font-size:.68rem;padding:.1rem .34rem}.room-session-banner .button{padding:.3rem .55rem;font-size:.68rem}}.room-connection{display:inline-flex;align-items:center;padding:.14rem .46rem;border-radius:999px;border:1px solid rgb(117 145 176 / .16);background:#101a28e6;color:#d7e1ece0}.room-connection--connecting{border-color:#f5bf5342;color:#fbdc92}.room-connection--connected{border-color:#55c2784d;color:#adf3c0}.room-connection--error{border-color:#d25b4a57;color:#ffc3b6}:root{font-family:Segoe UI,Hiragino Sans,sans-serif;line-height:1.5;font-weight:400;color:#eff2f6;background:radial-gradient(circle at top,rgb(71 109 145 / .35),transparent 30%),linear-gradient(180deg,#050a12,#0b1522 45%,#0a111c);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%}html,body{overflow:hidden;overscroll-behavior:none;background:#080e18}body{margin:0;position:fixed;inset:0}button,textarea{font:inherit}button{color:inherit}#root{display:block;overflow:hidden;min-height:100dvh;background:radial-gradient(circle at top,rgb(71 109 145 / .35),transparent 30%),linear-gradient(180deg,#050a12,#0b1522 45%,#0a111c);padding:max(1rem,var(--safe-top)) max(1rem,var(--safe-right)) max(1rem,var(--safe-bottom)) max(1rem,var(--safe-left))}@media(max-width:980px){#root{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}}