.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-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.lobby-description,.lobby-desktop-status,.lobby-card-copy,.lobby-card--desktop-only,.lobby-desktop-meta{display:block}.lobby-footer-actions--mobile{display:none}.lobby-subtitle{margin:0;justify-self:end;text-align:right;color:#c4cfddb8;font-size:.88rem;line-height:1}.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}.waiting-layout{width:min(1180px,100%);min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));margin:0 auto;display:grid;align-content:start;gap:1rem}.waiting-grid{display:grid;grid-template-columns:.9fr 1.1fr .95fr;gap:1rem;align-items:stretch}.waiting-card{display:grid;align-content:start;gap:1rem}.waiting-card--hero{gap:.8rem}.waiting-card--wide{grid-column:span 1}.waiting-card--qr{justify-items:center}.waiting-url{word-break:break-all;font-size:.95rem}.waiting-actions{display:flex;gap:.75rem}.waiting-qr-frame{width:min(100%,320px);aspect-ratio:1 / 1;display:grid;place-items:center;padding:.9rem;border-radius:20px;border:1px solid rgb(117 145 176 / .18);background:#060c14e0}.waiting-qr-image{width:100%;height:auto;display:block}.waiting-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.deck-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)}.deck-hero{display:grid;gap:.65rem}.deck-header-row{display:flex;justify-content:space-between;align-items:start;gap:1rem}.deck-hero h1{margin:0}.deck-status-row{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.deck-opponent-row{display:grid;grid-template-columns:1fr;gap:.5rem}.deck-opponent-card{display:grid;gap:.3rem;padding:.9rem 1rem;border-radius:18px;border:1px solid rgb(117 145 176 / .18);background:#080e18db}.deck-opponent-card--line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:.4rem .75rem;justify-content:space-between;width:100%}.deck-opponent-card--line strong{font-weight:700}.deck-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:1rem}.deck-card{display:grid;gap:.9rem}.deck-copy{margin:0;color:#ccd6e2d6;line-height:1.6}.deck-actions{display:grid;gap:.75rem}.deck-config-card,.deck-selected-card,.deck-catalog-card{display:grid;gap:.9rem;align-content:start}.deck-config-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.deck-config-row h2{margin:0}.deck-config-inline{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem}.deck-config-inline__label{color:#e5ecf4;font-size:1rem;font-weight:700}.deck-config-summary{color:#d2dce8c7;font-size:.88rem}.deck-faction-select{width:100%;padding:.88rem 1rem;border-radius:16px;border:1px solid rgb(117 145 176 / .24);background:#0a121ef5;color:#eef3f9}.deck-selected-list{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:0;min-height:0;align-content:start}.deck-selected-item{position:relative;width:100%;aspect-ratio:.72 / 1;overflow:hidden;display:block;padding:0;border-radius:14px;border:1px solid rgb(117 145 176 / .18);background:#0a121ed1;color:#e5ecf4}.deck-selected-item--art{box-shadow:0 10px 18px #0000002e}.deck-selected-placeholder{width:100%;aspect-ratio:.72 / 1;border-radius:14px;border:1px solid rgb(117 145 176 / .12);background:#0a121e42}.deck-selected-item__art{width:100%;height:100%;display:block;object-fit:contain;object-position:center center;transform:none;background:#080e18f0}.deck-selected-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;pointer-events:none}.deck-selected-item__cost{position:absolute;right:.22rem;bottom:.2rem;padding:.08rem .24rem;border-radius:999px;background:#090c14d6;border:1px solid rgb(255 255 255 / .18);font-size:.64rem;font-weight:700}.deck-catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:.24rem;min-height:0;align-content:stretch;overflow:hidden}.deck-thumb{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:14px;border:2px solid rgb(117 145 176 / .18);background:#080e18e6;padding:0}.deck-thumb--selected{border-color:#f5bf53eb;box-shadow:0 0 0 1px #f5bf534d;opacity:.42;filter:grayscale(.8)}.deck-thumb:disabled{opacity:.28;filter:grayscale(.9)}.deck-thumb__art{width:100%;height:100%;object-fit:cover;object-position:center 0%;transform:scale(1.24);display:block}.deck-thumb__cost{position:absolute;right:.2rem;bottom:.18rem;padding:.12rem .3rem;border-radius:999px;background:#090c14d6;border:1px solid rgb(255 255 255 / .18);color:#f8fbff;font-size:.96rem;font-weight:700;line-height:1}.deck-actions-bar{display:flex;justify-content:space-between;gap:.8rem;align-self:start}.deck-actions-bar>.button{flex:1}.deck-detail-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--safe-top) + 1rem) calc(var(--safe-right) + 1rem) calc(var(--safe-bottom) + 1rem) calc(var(--safe-left) + 1rem);background:transparent}.deck-detail-dialog{width:min(420px,82vw);box-shadow:0 22px 42px #00000057}.deck-detail-body{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:1rem;align-items:start}.deck-detail-body--compact{grid-template-columns:1fr;gap:.8rem}.deck-detail-flip{display:block;width:100%;padding:0;border:0;background:transparent;perspective:1200px}.deck-detail-flip__inner{position:relative;display:block;width:100%;aspect-ratio:.72 / 1;transform-style:preserve-3d;transition:transform .36s ease}.deck-detail-flip--back .deck-detail-flip__inner{transform:rotateY(180deg)}.deck-detail-flip__face{position:absolute;inset:0;display:block;overflow:hidden;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.deck-detail-flip__face--back{transform:rotateY(180deg)}.deck-detail-art-frame{border-radius:18px;overflow:hidden;border:1px solid rgb(117 145 176 / .2);background:#080e18eb}.deck-detail-art{width:100%;height:100%;display:block;object-fit:contain;background:#080e18f5}.deck-detail-meta{display:grid;gap:.7rem}.deck-detail-meta h2{margin:0}.deck-detail-actions{display:grid;gap:.75rem}.deck-detail-actions--single{grid-template-columns:1fr}@media(max-width:980px){.deck-layout{--mobile-deck-shell-width: calc(100vw - var(--safe-left) - var(--safe-right) - .72rem);--mobile-deck-section-gap: .08rem;--mobile-deck-header-height: 1.44rem;--mobile-panel-padding-y: .12rem;--mobile-deck-card-width: calc(var(--mobile-deck-shell-width) / 4);--mobile-deck-card-height: calc(var(--mobile-deck-card-width) * 400 / 283);--mobile-deck-list-height: calc(var(--mobile-deck-card-height) * 2);--mobile-deck-area-height: calc( var(--mobile-deck-header-height) + var(--mobile-deck-list-height) + var(--mobile-deck-section-gap) + (var(--mobile-panel-padding-y) * 2) );--mobile-catalog-thumb-width: calc(var(--mobile-deck-shell-width) / 6);--mobile-catalog-area-height: calc(var(--mobile-catalog-thumb-width) * 3)}.deck-layout{height:100%;gap:var(--mobile-deck-section-gap);padding:calc(var(--safe-top) + .04rem) .18rem calc(var(--safe-bottom) + .04rem);overflow:hidden;grid-template-rows:auto auto var(--mobile-deck-area-height) minmax(0,1fr) auto;align-content:start;justify-content:stretch}.deck-header-row{display:flex;align-items:center;justify-content:space-between;gap:.24rem}.deck-header-row .eyebrow{margin-bottom:.04rem;font-size:.5rem}.deck-hero h1{font-size:1.16rem;line-height:1.02}.deck-status-row{justify-content:flex-end;gap:.18rem}.deck-status-row .lobby-chip,.deck-status-row .room-connection{font-size:.64rem;padding:.08rem .24rem}.deck-opponent-row{gap:0}.deck-grid{grid-template-columns:1fr;gap:.55rem}.deck-hero{gap:.06rem;padding:.12rem .18rem}.deck-opponent-card{padding:.08rem .18rem;font-size:.7rem;border-radius:10px}.deck-opponent-card--line{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:.08rem .22rem;white-space:nowrap;overflow:hidden}.deck-config-card,.deck-selected-card,.deck-catalog-card{gap:.08rem;min-height:0;padding:var(--mobile-panel-padding-y) .18rem}.deck-selected-card{height:var(--mobile-deck-area-height);min-height:var(--mobile-deck-area-height);max-height:var(--mobile-deck-area-height);grid-template-rows:var(--mobile-deck-header-height) var(--mobile-deck-list-height);gap:var(--mobile-deck-section-gap);overflow:hidden;box-sizing:border-box}.deck-selected-card .deck-config-row{min-height:var(--mobile-deck-header-height);align-items:center}.deck-config-card h2,.deck-selected-card h2,.deck-catalog-card h2{font-size:.92rem}.deck-faction-select{padding:.34rem .5rem;font-size:.88rem;border-radius:10px}.deck-config-inline{gap:.5rem}.deck-config-inline__label{font-size:.92rem}.deck-selected-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,var(--mobile-deck-card-height));grid-auto-rows:var(--mobile-deck-card-height);grid-auto-flow:row;column-gap:0;row-gap:0;overflow:hidden;padding:0;height:var(--mobile-deck-list-height);min-height:var(--mobile-deck-list-height);max-height:var(--mobile-deck-list-height);width:100%;align-items:start;box-sizing:border-box;align-content:start}.deck-selected-item{width:100%;height:100%;border-radius:10px;margin:0;justify-self:stretch}.deck-selected-item__cost{right:.14rem;bottom:.12rem;padding:.05rem .16rem;font-size:.44rem}.deck-selected-list>.panel-note{grid-column:1 / -1;grid-row:1 / span 2;align-self:stretch;display:flex;align-items:center;justify-content:center;height:var(--mobile-deck-list-height);min-height:var(--mobile-deck-list-height);max-height:var(--mobile-deck-list-height)}.deck-catalog-card{display:grid;grid-template-rows:auto 1fr;min-height:0;padding-bottom:.12rem;overflow:hidden}.deck-catalog-grid{height:min(100%,var(--mobile-catalog-area-height));grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:unset;gap:0;align-content:stretch;padding:0;align-items:stretch;overflow:hidden;align-self:start}.deck-thumb{border-radius:8px;border-width:1px;width:100%;height:auto}.deck-thumb__cost{right:.12rem;bottom:.1rem;padding:.08rem .22rem;font-size:.66rem}.deck-actions-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem}.deck-actions-bar .button{padding:.52rem .42rem;font-size:.82rem}.deck-detail-overlay{align-items:flex-start;justify-content:center;padding:calc(var(--safe-top) + .55rem) .55rem calc(var(--safe-bottom) + .55rem)}.deck-detail-body{grid-template-columns:1fr;gap:.55rem}.deck-detail-dialog{width:min(82vw,320px)}.waiting-layout{gap:.7rem;padding:calc(var(--safe-top) + .7rem) .7rem calc(var(--safe-bottom) + .7rem)}.waiting-grid{grid-template-columns:1fr;gap:.7rem}.waiting-card--wide{grid-column:auto}.waiting-qr-frame{width:min(100%,280px)}.waiting-toolbar{display:grid;gap:.6rem}}.lobby-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.qr-scanner-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1rem;background:#02060eb8}.qr-scanner-dialog{width:min(520px,100%);display:grid;gap:1rem}.qr-scanner-stage{overflow:hidden;border-radius:20px;border:1px solid rgb(117 145 176 / .18);background:#060c14eb;aspect-ratio:1 / 1}.qr-scanner-video{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:980px){.lobby-actions{grid-template-columns:1fr;gap:.55rem}.qr-scanner-overlay{padding:.7rem}.qr-scanner-dialog{gap:.7rem}}.lobby-title-block{display:grid;justify-items:start;gap:0}.lobby-hero h1{margin:0;width:100%;text-align:left;font-size:clamp(1.55rem,3.2vw,2.35rem);line-height:.98;letter-spacing:-.04em;white-space:nowrap}.lobby-subtitle{margin:-.05rem 0 0;text-align:left;color:#c4cfddb8;font-size:.74rem;line-height:1}.lobby-card{display:grid;gap:.9rem}.lobby-card--wide{grid-column:span 1}.lobby-card>.panel-header{margin-bottom:0}.lobby-cta,.lobby-footer-button{width:100%;display:flex;justify-content:center}.lobby-field{display:grid;width:100%;gap:.45rem}.lobby-field--manual{margin-top:.2rem}.lobby-field-label{display:block;color:#e0e7f1e0;font-size:.95rem}.lobby-input{width:100%;min-width:0;display:block;padding:.88rem 1rem;border-radius:16px;border:1px solid rgb(117 145 176 / .24);background:#0a121ef5;color:#eef3f9;box-shadow:inset 0 1px #ffffff08}.lobby-input::placeholder{color:#afbbc9b3}.lobby-public-list-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.lobby-refresh-button{padding:.4rem .75rem;font-size:.84rem}.lobby-public-list{display:grid;gap:.5rem;max-height:13rem;overflow:auto}.lobby-public-room{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.78rem .9rem;border-radius:14px;border:1px solid rgb(117 145 176 / .18);background:#0a121ed1;color:#e5ecf4;text-align:left}.lobby-public-room strong,.lobby-public-room span{pointer-events:none}.lobby-public-room span{color:#c4cfddb8;font-size:.84rem}@media(max-width:980px){.lobby-title-block{justify-items:center}.lobby-grid{grid-template-columns:1fr;gap:.75rem}.lobby-description,.lobby-desktop-status,.lobby-card-copy,.lobby-card--desktop-only,.lobby-desktop-meta{display:none}.lobby-footer-actions--mobile{display:block}.lobby-hero{padding-top:1.05rem;padding-bottom:1rem}.lobby-hero h1{text-align:center;font-size:1.46rem;letter-spacing:-.03em}.lobby-subtitle{margin-top:.05rem;text-align:center;font-size:.68rem}.lobby-card{gap:.75rem}.lobby-public-list{max-height:10.5rem}.lobby-field{gap:.3rem}.lobby-field-label{font-size:.82rem}.lobby-input{padding:.92rem 1rem;font-size:1rem}}.lobby-layout--list-only{width:min(880px,100%);height:calc(100dvh - var(--safe-top) - var(--safe-bottom));min-height:0;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.lobby-layout--list-only .lobby-hero{gap:.9rem}.lobby-layout--list-only .lobby-title-block{justify-items:center}.lobby-layout--list-only .lobby-hero h1,.lobby-layout--list-only .lobby-subtitle{text-align:center}.lobby-room-name-row,.lobby-user-row{display:grid}.lobby-create-button{width:100%}.lobby-room-list-card{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.9rem}.lobby-room-list-card h2{margin:0}.lobby-public-list--full{max-height:none;min-height:0}.lobby-public-room{justify-content:space-between;align-items:center}.lobby-public-room__main{display:grid;gap:.14rem;text-align:left}.lobby-public-room__main strong{font-size:1rem}.lobby-public-room:disabled{opacity:.72}@media(max-width:980px){.lobby-layout--list-only{width:100%;height:100%;padding:calc(var(--safe-top) + .12rem) .18rem calc(var(--safe-bottom) + .12rem);gap:.32rem;grid-template-rows:auto minmax(0,1fr) auto}.lobby-layout--list-only .lobby-hero{gap:.36rem;padding:.42rem}.lobby-layout--list-only .lobby-hero h1{font-size:1.6rem;line-height:1;white-space:nowrap}.lobby-layout--list-only .lobby-subtitle{margin-top:.02rem;font-size:.72rem}.lobby-input{padding:.72rem .82rem}.lobby-room-list-card{padding:.42rem;gap:.4rem}.lobby-public-list--full{overflow:auto;padding-right:.12rem}.lobby-public-room{padding:.56rem .64rem}.lobby-public-room__main strong{font-size:.95rem}.lobby-public-room__main span,.lobby-public-room .room-connection{font-size:.74rem}}.lobby-room-list-card{min-height:0}.lobby-public-list--full{height:20rem;max-height:20rem;overflow:auto;align-content:start}@media(max-width:980px){.lobby-layout--list-only{grid-template-rows:auto minmax(0,1fr) auto}.lobby-public-list--full{height:100%;max-height:none;min-height:0}}.lobby-host-status{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.lobby-host-status__main{min-width:0;display:flex;align-items:center;gap:.5rem}.lobby-host-status__main strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.lobby-inline-button{flex:0 0 auto;width:auto}.app-dialog-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:calc(var(--safe-top) + .8rem) calc(var(--safe-right) + .8rem) calc(var(--safe-bottom) + .8rem) calc(var(--safe-left) + .8rem);background:#02061038}.app-dialog{width:min(540px,calc(100vw - var(--safe-left) - var(--safe-right) - 1.6rem))}.app-dialog-actions{display:flex;justify-content:space-between;gap:.8rem}.app-dialog-actions>.button{flex:1}.lobby-approval-dialog{width:min(540px,100%)}.lobby-approval-body{display:grid;gap:.9rem}.lobby-approval-body h2{margin:0}@media(max-width:980px){.lobby-host-status{gap:.45rem}.app-dialog-overlay{padding:calc(var(--safe-top) + .55rem) .55rem calc(var(--safe-bottom) + .55rem)}.app-dialog{width:min(88vw,420px)}}.app-shell{height:100%;min-height:0;display:grid;align-content:start;overflow:hidden}.lobby-layout,.deck-layout,.waiting-layout{height:100%;min-height:0}@media(min-width:981px){.deck-layout{--desktop-deck-aspect-width: 500;--desktop-deck-aspect-height: 812;--desktop-deck-frame-width: min( calc(100vw - var(--safe-left) - var(--safe-right) - 1rem), calc( (100dvh - var(--safe-top) - var(--safe-bottom) - 1rem) * var(--desktop-deck-aspect-width) / var(--desktop-deck-aspect-height) ) );--desktop-deck-shell-width: calc(var(--desktop-deck-frame-width) - .36rem);--desktop-deck-section-gap: .08rem;--desktop-deck-header-height: 1.44rem;--desktop-panel-padding-y: .12rem;--desktop-deck-card-width: calc(var(--desktop-deck-shell-width) / 4);--desktop-deck-card-height: calc(var(--desktop-deck-card-width) * 400 / 283);--desktop-deck-list-height: calc(var(--desktop-deck-card-height) * 2);--desktop-deck-area-height: calc( var(--desktop-deck-header-height) + var(--desktop-deck-list-height) + var(--desktop-deck-section-gap) + (var(--desktop-panel-padding-y) * 2) );--desktop-catalog-thumb-width: calc(var(--desktop-deck-shell-width) / 6);--desktop-catalog-area-height: calc(var(--desktop-catalog-thumb-width) * 3);width:var(--desktop-deck-frame-width);aspect-ratio:var(--desktop-deck-aspect-width) / var(--desktop-deck-aspect-height);min-height:0;height:auto;gap:var(--desktop-deck-section-gap);padding:calc(var(--safe-top) + .04rem) .18rem calc(var(--safe-bottom) + .04rem);overflow:hidden;grid-template-rows:auto auto var(--desktop-deck-area-height) minmax(0,1fr) auto;align-content:start;justify-content:stretch}.deck-header-row{align-items:center;gap:.24rem}.deck-hero{gap:.06rem;padding:.12rem .18rem}.deck-hero h1{font-size:1.16rem;line-height:1.02}.deck-status-row{justify-content:flex-end;gap:.18rem}.deck-status-row .lobby-chip,.deck-status-row .room-connection{font-size:.64rem;padding:.08rem .24rem}.deck-opponent-row{gap:0}.deck-opponent-card{padding:.08rem .18rem;font-size:.7rem;border-radius:10px}.deck-opponent-card--line{grid-template-columns:repeat(4,auto);gap:.08rem .22rem;white-space:nowrap;overflow:hidden}.deck-config-card,.deck-selected-card,.deck-catalog-card{gap:.08rem;min-height:0;padding:var(--desktop-panel-padding-y) .18rem}.deck-selected-card{height:var(--desktop-deck-area-height);min-height:var(--desktop-deck-area-height);max-height:var(--desktop-deck-area-height);grid-template-rows:var(--desktop-deck-header-height) var(--desktop-deck-list-height);gap:var(--desktop-deck-section-gap);overflow:hidden;box-sizing:border-box}.deck-selected-card .deck-config-row{min-height:var(--desktop-deck-header-height);align-items:center}.deck-config-card h2,.deck-selected-card h2,.deck-catalog-card h2{font-size:.92rem}.deck-faction-select{padding:.34rem .5rem;font-size:.88rem;border-radius:10px}.deck-config-inline{gap:.5rem}.deck-config-inline__label{font-size:.92rem}.deck-selected-list{grid-template-rows:repeat(2,var(--desktop-deck-card-height));grid-auto-rows:var(--desktop-deck-card-height);gap:0;height:var(--desktop-deck-list-height);min-height:var(--desktop-deck-list-height);max-height:var(--desktop-deck-list-height)}.deck-selected-item,.deck-selected-placeholder{border-radius:10px}.deck-selected-note{height:var(--desktop-deck-list-height);min-height:var(--desktop-deck-list-height);max-height:var(--desktop-deck-list-height)}.deck-catalog-card{display:grid;grid-template-rows:auto 1fr;min-height:0;padding-bottom:.12rem;overflow:hidden}.deck-catalog-grid{height:min(100%,var(--desktop-catalog-area-height));gap:0;padding:0;align-items:stretch;align-self:start}.deck-thumb{border-radius:8px;border-width:1px}.deck-thumb__cost{right:.12rem;bottom:.1rem;padding:.08rem .22rem;font-size:.66rem}.deck-actions-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem;align-self:start}.deck-actions-bar .button{padding:.52rem .42rem;font-size:.82rem}.deck-detail-overlay{align-items:flex-start;justify-content:center;padding:calc(var(--safe-top) + .55rem) .55rem calc(var(--safe-bottom) + .55rem)}.deck-detail-body{grid-template-columns:1fr;gap:.55rem}.deck-detail-dialog{width:min(82vw,320px)}}: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:0}html,body{overflow:hidden;overscroll-behavior:none;background:#080e18}body{margin:0}button,textarea{font:inherit}button{color:inherit}#root{display:block;overflow:hidden;height:100%;background:radial-gradient(circle at top,rgb(71 109 145 / .35),transparent 30%),linear-gradient(180deg,#050a12,#0b1522 45%,#0a111c)}