:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080806;color:#f4efe3;--bg: #080806;--surface: #11100d;--surface-raised: #181713;--surface-strong: #201d18;--line: rgba(224, 203, 160, .18);--line-strong: rgba(224, 203, 160, .34);--muted: #aaa294;--ivory: #f4efe3;--gold: #d8ae54;--teal: #8fb8b2;--ember: #c98954;--crimson: #b45e68;--violet: #9b85b6;--blue: #7f9cc7;--shadow: 0 24px 70px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#12110e33,#080806f5),linear-gradient(135deg,#0d0c0a,#111521 58%,#090806)}button,input{border:0;font:inherit}button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.5}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) calc(28px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(28px + env(safe-area-inset-left))}.mode-screen,.deck-select-screen,.queue-screen,.join-screen,.battle-screen{display:grid;align-content:start;gap:22px}.mode-screen{min-height:100vh;align-content:start;padding-top:calc(64px + env(safe-area-inset-top))}.select-header,.join-hero,.battle-topbar,.score-row,.command-row{display:grid;gap:16px}.select-header,.join-hero,.battle-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--line)}.mode-hero{grid-template-columns:1fr;max-width:980px}.eyebrow,.player-kicker{margin:0 0 8px;color:var(--teal);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.15rem,5vw,5.2rem);line-height:.95;letter-spacing:0}h2{margin-bottom:8px;font-size:clamp(1.35rem,2vw,2rem);line-height:1.05}.battle-topbar h1{font-size:clamp(1.9rem,3.4vw,3.4rem)}.deck-select-screen .select-header h1{max-width:none;font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.02}.deck-select-screen .select-header{grid-template-columns:1fr}.deck-select-screen .mode-tabs{width:100%;min-width:0}.primary-action,.secondary-action,.mini-action,.icon-action{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:7px;cursor:pointer;font-weight:800;letter-spacing:0;transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-action{border:1px solid rgba(214,179,90,.68);background:linear-gradient(180deg,#e4bf63,#9b692b);color:#1b1008;padding:0 18px;box-shadow:0 12px 34px #d6b35a33}.secondary-action,.mini-action,.icon-action{border:1px solid var(--line);background:#f6efe314;color:#f6efe3;padding:0 13px}.icon-action{width:42px;padding:0}.primary-action:not(:disabled):hover,.secondary-action:not(:disabled):hover,.mini-action:not(:disabled):hover,.icon-action:not(:disabled):hover{transform:translateY(-1px)}.wide{width:100%}.mode-switch,.mode-tabs{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:min(620px,100%);border:1px solid var(--line);border-radius:8px;padding:6px;background:#0c0b09c7}.mode-tabs{width:min(1020px,100%);min-width:0;align-items:stretch}.mode-screen .mode-tabs{justify-self:start;gap:12px;padding:10px;background:linear-gradient(180deg,#e0cba014,#ffffff05),#0c0b09eb}.mode-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-weight:850}.mode-card{display:grid;min-height:148px;align-content:start;gap:10px;border:1px solid transparent;border-radius:7px;padding:16px;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.mode-card.selected{border-color:var(--line-strong);color:var(--ivory);background:linear-gradient(180deg,#d8ae5421,#7f9cc70f),#181713e0}.mode-card-topline,.mode-card-title{display:flex;align-items:center;gap:8px}.mode-card-topline{justify-content:space-between}.mode-card-title{min-width:0;color:var(--ivory);font-weight:900}.mode-card-description{color:var(--muted);font-size:.86rem;line-height:1.35}.mode-card-cta{align-self:end;width:fit-content;min-height:30px;border:1px solid rgba(216,174,84,.42);border-radius:999px;padding:6px 10px;color:var(--gold);background:#d8ae5414;font-size:.78rem;font-weight:900}.mode-button.selected{border-color:var(--line-strong);color:var(--ivory);background:linear-gradient(180deg,#d8ae5424,#7f9cc714)}.mode-pill,.model-identity,.status-badge{display:inline-flex;min-height:40px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 13px;color:var(--gold);background:#d8ae5414;font-size:.86rem;font-weight:850}.status-badge{min-height:28px;border-radius:999px;padding:0 10px;font-size:.78rem;white-space:nowrap}.status-live{border-color:#8fb8b25c;color:var(--teal);background:#8fb8b214}.status-model{border-color:#7f9cc76b;color:var(--blue);background:#7f9cc71a}.status-mock{border-color:#d8ae546b;color:var(--gold);background:#d8ae541a}.status-locked,.status-soon{border-color:#aaa2943d;color:var(--muted);background:#aaa29412}.model-identity{color:var(--gold);background:#d8ae541a}.start-flow{width:fit-content}.flow-cue{display:flex;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;border:1px solid rgba(224,203,160,.2);border-radius:8px;padding:10px;background:linear-gradient(135deg,rgba(216,174,84,.08),transparent 44%),#11100ddb}.flow-step{display:inline-flex;min-height:34px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:0 11px 0 5px;color:var(--muted);background:#ffffff09;font-size:.84rem;font-weight:850;white-space:nowrap}.flow-step span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#17110a;background:var(--gold);font-size:.78rem}.flow-step.active{border-color:#d8ae5480;color:var(--ivory);background:#d8ae541a}.flow-step.complete{color:#d6d0c2}.challenge-panel,.room-panel,.challenge-summary,.picker-panel,.hand-panel,.side-panel,.arena,.trap-window{border:1px solid var(--line);border-radius:8px;background:#13110ee6;box-shadow:var(--shadow)}.challenge-panel,.room-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:18px;align-items:center;padding:18px}.challenge-copy p,.room-panel-copy p,.challenge-summary p{margin-bottom:0;color:var(--muted);line-height:1.45}.challenge-tools,.room-panel-actions{display:grid;gap:10px}.screen-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.mode-flow-panel{align-items:start}.side-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.side-assignment-grid span,.source-badge{border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:#e8ddc7;background:#ffffff0b;font-size:.82rem;font-weight:800;line-height:1.3}.source-badge{display:inline-flex;color:var(--gold);background:#d8ae5412;font-size:.76rem;font-weight:750}.diagnostics-panel{border:1px solid rgba(170,162,148,.22);border-radius:7px;padding:9px 11px;color:var(--muted);background:#0000002e}.diagnostics-panel summary{cursor:pointer;color:#e8ddc7;font-size:.82rem;font-weight:850}.diagnostics-panel div,.diagnostics-panel.compact{display:grid;gap:7px}.diagnostics-panel span,.diagnostics-panel p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.35}.model-identity-badge{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 9px;align-items:center;border:1px solid rgba(216,174,84,.28);border-radius:8px;padding:10px;background:#d8ae5414}.model-identity-badge>span:not(.status-badge){color:var(--ivory);font-weight:900}.model-identity-badge small{grid-column:2;color:var(--muted);font-size:.78rem}.model-identity-badge.compact{grid-template-columns:1fr}.model-identity-badge.compact small{grid-column:1}.model-panel,.agent-panel{border-color:#e0cba03d;background:linear-gradient(145deg,rgba(216,174,84,.08),transparent 48%),#12110eeb}.route-select-label{color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase}.route-select,.agent-payload-box textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:#00000047;color:var(--ivory)}.route-select{min-height:42px;padding:0 11px;font:inherit}.agent-payload-box{display:grid;gap:8px}.agent-contract-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.agent-contract-grid span{display:grid;min-height:34px;place-items:center;border:1px solid rgba(143,184,178,.26);border-radius:7px;color:#e8ddc7;background:#8fb8b212;font-size:.76rem;font-weight:850;text-align:center}.payload-header{display:flex;align-items:center;gap:8px;color:var(--teal);font-size:.78rem;font-weight:850;text-transform:uppercase}.agent-payload-box textarea{min-height:154px;resize:vertical;padding:11px;color:#e8ddc7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.4}.agent-actions{display:flex;flex-wrap:wrap;gap:10px}.agent-ready-line,.copy-status{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:.84rem;font-weight:800}.agent-ready-line{color:var(--teal)}.link-output{display:grid;gap:8px;color:var(--muted);font-size:.86rem}.link-output input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:7px;background:#0000003d;color:#f6efe3;padding:0 10px}.join-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.challenge-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px}.deck-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.deck-grid.single{grid-template-columns:minmax(0,980px)}.focus-grid{justify-content:start}.queue-lineup{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;align-items:start}.picker-panel{display:grid;gap:16px;padding:18px}.selected-deck-panel .deck-option{min-height:0}.selected-deck-panel .deck-select-button{min-height:148px}.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:.92rem}.picker-heading strong{color:#f6efe3}.deck-options{display:grid;gap:14px}.deck-selector .deck-options{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:10px}.focus-grid .deck-selector .deck-options{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.deck-option{display:grid;gap:12px;min-height:238px;padding:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(150deg,rgba(224,203,160,.08),transparent 45%),#171410;color:var(--ivory)}.deck-selector .deck-option{min-height:0;gap:8px;padding:10px}.deck-option[data-deck=yugi]{border-color:#d8ae5457}.deck-option[data-deck=kaiba]{border-color:#c989545c}.deck-option[data-deck=warrior]{border-color:#8fb8b257}.deck-option[data-deck=fiend]{border-color:#9b85b661}.deck-option[data-deck=dragon]{border-color:#7f9cc761}.deck-option.selected{outline:2px solid var(--gold);outline-offset:3px}.deck-select-button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;width:100%;min-height:164px;padding:0;background:transparent;color:var(--ivory);text-align:left;cursor:pointer}.deck-selector .deck-select-button{grid-template-columns:60px minmax(0,1fr);min-height:116px;gap:9px}.focus-grid .deck-selector .deck-select-button{grid-template-columns:72px minmax(0,1fr);min-height:140px;gap:12px}.deck-copy{display:grid;gap:9px}.deck-selector .deck-copy{gap:4px}.deck-name{font-size:clamp(1.2rem,2vw,1.85rem);font-weight:900;line-height:1.04}.deck-selector .deck-name{font-size:1.02rem;line-height:1.08}.focus-grid .deck-selector .deck-name{font-size:1.16rem}.deck-copy span:not(.deck-name){color:var(--muted);font-size:1rem}.deck-archetype{display:inline-flex;width:fit-content;min-height:26px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 9px;color:var(--gold);background:#d8ae5414;font-size:.78rem;font-weight:900}.deck-archetype.accent-ember{color:var(--ember);background:#c9895417}.deck-archetype.accent-jade{color:var(--teal);background:#8fb8b214}.deck-archetype.accent-violet{color:var(--violet);background:#9b85b614}.deck-archetype.accent-blue{color:var(--blue);background:#7f9cc714}.deck-selector .deck-copy span:not(.deck-name){font-size:.74rem;line-height:1.2}.focus-grid .deck-selector .deck-copy span:not(.deck-name){font-size:.8rem}.deck-pick-cta{display:inline-flex;width:fit-content;min-height:28px;align-items:center;gap:5px;border:1px solid rgba(216,174,84,.38);border-radius:999px;padding:0 9px;color:var(--gold);background:#d8ae5417;font-size:.78rem;font-weight:900}.deck-selector .deck-pick-cta{min-height:24px;padding:0 7px;font-size:.68rem}.focus-grid .deck-selector .deck-pick-cta{min-height:28px;padding:0 9px;font-size:.74rem;white-space:nowrap}.deck-preview-header .source-badge{width:fit-content;margin-top:8px}.deck-preview-action{width:fit-content}.deck-selector .deck-preview-action{min-height:30px;padding:0 9px;font-size:.74rem}.deck-select-button.static{cursor:default}.deck-samples{position:relative;display:grid;width:132px;height:146px;flex:0 0 auto}.deck-selector .deck-samples{width:60px;height:86px}.focus-grid .deck-selector .deck-samples{width:72px;height:98px}.sample-card-image{position:absolute;width:78px;height:114px;border:1px solid rgba(248,251,255,.28);border-radius:6px;object-fit:cover;background:#060812;box-shadow:0 12px 30px #0000005c}.deck-selector .sample-card-image{width:42px;height:62px;border-radius:5px}.focus-grid .deck-selector .sample-card-image{width:48px;height:70px}.sample-card-image:nth-child(1){left:28px;top:0;z-index:3}.deck-selector .sample-card-image:nth-child(1){left:11px}.sample-card-image:nth-child(2){left:0;top:24px;z-index:2;transform:rotate(-7deg)}.deck-selector .sample-card-image:nth-child(2){top:18px}.sample-card-image:nth-child(3){right:0;top:28px;z-index:1;transform:rotate(7deg)}.deck-selector .sample-card-image:nth-child(3){top:20px}.card-image-fallback{display:grid;place-items:center;gap:4px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);background:#ffffff0a;text-align:center}.card-image-fallback span{padding:0 6px;font-size:.72rem;font-weight:850}.card-image-fallback small{color:var(--crimson);font-size:.68rem}.deck-sigil{display:inline-grid;width:86px;height:86px;flex:0 0 auto;place-items:center;border-radius:50%;border:1px solid rgba(246,239,227,.2);color:var(--gold);background:linear-gradient(145deg,#d6b35a3d,#43c6b714),#120d14}.deck-sigil[data-deck=kaiba]{color:var(--ember);background:linear-gradient(145deg,#ef85433d,#d854541f),#140e0d}.deck-sigil[data-deck=warrior]{color:var(--teal);background:linear-gradient(145deg,#8fb8b23d,#d8ae541a),#0b1515}.deck-sigil[data-deck=fiend]{color:var(--violet);background:linear-gradient(145deg,#9a7cff40,#d854541a),#111021}.deck-sigil[data-deck=dragon]{color:var(--blue);background:linear-gradient(145deg,#7f9cc73d,#8fb8b214),#081421}.deck-sigil.small{width:34px;height:34px}.deck-preview-overlay{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#050407b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.deck-preview-sheet{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1320px,100%);max-height:min(86vh,900px);overflow:hidden;border:1px solid rgba(246,239,227,.2);border-radius:8px;background:linear-gradient(155deg,rgba(214,179,90,.1),transparent 34%),#151018;box-shadow:var(--shadow)}.deck-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:20px}.deck-preview-header h2{margin-bottom:8px}.deck-total{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--gold);font-weight:850}.deck-preview-body{display:grid;gap:18px;overflow:auto;padding:18px 20px 22px}.preview-command-wall{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.42fr);gap:18px;align-items:start}.preview-groups{display:grid;gap:18px}.preview-group{display:grid;gap:10px}.preview-group h3{margin-bottom:0;color:var(--teal);font-size:.9rem;text-transform:uppercase}.preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-card-tile{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:start;border:1px solid rgba(246,239,227,.12);border-radius:8px;padding:10px;background:linear-gradient(135deg,rgba(216,174,84,.08),transparent 44%),#ffffff0b;color:var(--ivory);cursor:pointer;text-align:left}.preview-card-tile.selected{border-color:#d8ae54b3;box-shadow:0 0 0 1px #d8ae543d,0 18px 44px #00000047}.preview-card-image{width:82px;height:120px;border:1px solid rgba(248,251,255,.24);border-radius:6px;object-fit:cover;background:#050813}.copy-count,.preview-stat{color:var(--gold);font-weight:900}.preview-card-copy{display:grid;gap:5px;min-width:0}.preview-card-tile h4{margin-bottom:3px;overflow-wrap:anywhere;font-size:.98rem}.preview-card-tile p{margin-bottom:0;color:var(--muted);font-size:.86rem;line-height:1.35}.preview-stat{grid-column:2;justify-self:start;color:#f6efe3;font-size:.86rem;text-align:right}.set-source{color:var(--teal);font-size:.75rem;line-height:1.25}.card-detail-panel{position:sticky;top:0;display:grid;gap:14px;border:1px solid rgba(216,174,84,.28);border-radius:8px;padding:14px;background:linear-gradient(180deg,rgba(216,174,84,.1),transparent 42%),#050813eb}.detail-card-image{width:min(100%,310px);max-height:430px;justify-self:center;border:1px solid rgba(248,251,255,.26);border-radius:8px;object-fit:contain;background:#050813;box-shadow:0 18px 54px #0000005c}.detail-copy{display:grid;gap:10px}.detail-copy h3{margin-bottom:0;overflow-wrap:anywhere;font-size:clamp(1.3rem,2vw,2rem);line-height:1.08}.detail-badges{display:flex;flex-wrap:wrap;gap:7px}.detail-badges span,.source-line{border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:.78rem;font-weight:800}.official-text,.shadow-text,.metadata-note{margin-bottom:0;color:#e8ddc7;font-size:.9rem;line-height:1.45}.shadow-text{border-left:2px solid var(--gold);padding-left:10px;color:var(--muted)}.source-line{display:flex;align-items:center;gap:7px;border-radius:7px;color:var(--teal)}.metadata-note{color:var(--muted);font-size:.76rem}.battle-screen{gap:18px}.topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.initiative-pill{display:inline-flex;min-height:40px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 14px;color:var(--gold);background:#d6b35a1a;font-weight:800}.initiative-pill.ember{color:var(--ember);background:#ef85431f}.initiative-pill.jade{color:var(--teal);background:#8fb8b21a}.initiative-pill.violet{color:var(--violet);background:#9a7cff1a}.initiative-pill.blue{color:var(--blue);background:#7f9cc71a}.notice,.trap-window{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px}.notice{border:1px solid var(--line);border-radius:8px;color:#f6efe3}.notice.error{border-color:#d854548c;background:#d854541f}.notice.target,.notice.victory{border-color:#43c6b773;background:#43c6b71a}.trap-window h2{margin-bottom:0}.trap-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.score-row{grid-template-columns:repeat(2,minmax(0,1fr))}.player-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;min-height:132px;border:1px solid var(--line);border-radius:8px;padding:18px;background:#f6efe30d}.player-banner.active{border-color:#43c6b794;background:#43c6b714}.player-banner h2{margin-bottom:0;font-size:clamp(1.35rem,2.2vw,2rem)}.life-total{color:var(--gold);font-size:clamp(2.1rem,4vw,3.5rem);font-weight:950;line-height:1}.banner-meta,.stat-bar{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted)}.banner-meta span,.stat-bar span{border:1px solid var(--line);border-radius:999px;padding:5px 9px}.arena{display:grid;gap:10px;padding:16px}.field-row{display:grid;gap:10px}.field-label,.section-title{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.86rem;font-weight:850;text-transform:uppercase}.monster-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.zone{min-height:218px}.empty-zone{display:grid;min-height:218px;place-items:center;border:1px dashed rgba(246,239,227,.2);border-radius:8px;color:#f6efe36b;background:#ffffff06;font-weight:800}.field-divider{display:flex;align-items:center;gap:12px;color:#f6efe370;font-size:.78rem;font-weight:800;text-transform:uppercase}.field-divider:before,.field-divider:after{content:"";height:1px;flex:1;background:var(--line)}.battle-card,.hand-card{border:1px solid rgba(246,239,227,.16);border-radius:8px;background:linear-gradient(160deg,rgba(246,239,227,.08),transparent 52%),var(--surface-strong)}.battle-card[data-deck=yugi],.hand-card[data-deck=yugi]{border-color:#d6b35a4d}.battle-card[data-deck=kaiba],.hand-card[data-deck=kaiba]{border-color:#ef854352}.battle-card[data-deck=warrior],.hand-card[data-deck=warrior]{border-color:#8fb8b24d}.battle-card[data-deck=fiend],.hand-card[data-deck=fiend]{border-color:#9a7cff52}.battle-card[data-deck=dragon],.hand-card[data-deck=dragon]{border-color:#7f9cc752}.battle-card.selected,.hand-card.selected{outline:2px solid var(--teal);outline-offset:2px}.battle-card{display:grid;min-height:218px;grid-template-columns:minmax(0,1fr) 96px;grid-template-rows:auto auto auto minmax(36px,auto);gap:7px;padding:12px}.battle-art{grid-column:2;grid-row:1 / 4;display:flex;justify-content:flex-end}.battle-card-image{width:96px;height:136px;border:1px solid rgba(248,251,255,.24);border-radius:5px;object-fit:cover;background:#050813}.battle-card h3,.hand-card h3{margin-bottom:0;overflow-wrap:break-word;font-size:1rem;line-height:1.1}.hand-card h3{font-size:.95rem}.battle-card h3,.battle-card .attack-line,.battle-card .status-line,.battle-card .battle-actions{grid-column:1}.attack-line,.status-line,.card-rules{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--muted)}.attack-line strong{color:#f6efe3;font-size:1.25rem}.status-line span,.type-pill{border:1px solid var(--line);border-radius:999px;padding:3px 8px;color:var(--muted)}.battle-actions,.card-actions{display:flex;flex-wrap:wrap;align-items:end;gap:7px}.mini-action{min-height:32px;padding:0 10px;font-size:.82rem}.mini-action.warning{border-color:#d854548c;background:#d8545429}.command-row{grid-template-columns:minmax(0,1fr) 330px}.hand-panel,.side-panel{display:grid;align-content:start;gap:14px;padding:16px}.hand-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.hand-card{display:grid;min-height:238px;grid-template-rows:auto minmax(92px,1fr) auto;gap:10px;padding:12px}.card-frame{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:center}.hand-card-image{width:74px;height:104px;border:1px solid rgba(248,251,255,.24);border-radius:5px;object-fit:cover;background:#050813}.card-frame p{margin-bottom:0;color:var(--muted);font-size:.85rem}.card-rules{align-content:start;font-size:.85rem}.compact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.compact-stats span{display:grid;min-height:54px;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#ffffff09;font-size:.82rem;font-weight:800;text-align:center}.rules-note{margin-bottom:0;border-left:2px solid rgba(214,179,90,.55);padding-left:10px;color:var(--muted);font-size:.85rem;line-height:1.35}.battle-agent-contract{display:grid;gap:7px;border:1px solid rgba(143,184,178,.28);border-radius:8px;padding:10px;background:#8fb8b212}.battle-agent-contract p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.35}.action-log{display:grid;gap:8px}.action-log p{margin:0;border-left:2px solid rgba(67,198,183,.55);padding-left:10px;color:var(--muted);font-size:.86rem;line-height:1.35}@media(max-width:1060px){.hand-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.preview-list{grid-template-columns:1fr}}@media(max-width:980px){.app-shell{padding:calc(20px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}.select-header,.join-hero,.battle-topbar,.challenge-panel,.room-panel,.deck-grid,.queue-lineup,.score-row,.command-row,.preview-command-wall{grid-template-columns:1fr}.topbar-actions,.join-actions,.screen-actions{justify-content:start}.mode-switch,.mode-tabs{width:100%;min-width:0}.card-detail-panel{position:static}.hand-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:680px){.app-shell{padding:calc(22px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}h1{font-size:1.85rem;line-height:1.02}.deck-select-screen .select-header h1{font-size:1.75rem}.select-header,.join-hero,.battle-topbar{gap:12px;padding-bottom:10px}.flow-cue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:8px}.flow-step{justify-content:center;min-width:0;padding-right:7px;font-size:.78rem}.challenge-panel,.room-panel,.picker-panel,.challenge-summary,.hand-panel,.side-panel,.arena,.trap-window{box-shadow:0 16px 44px #0000004d}.deck-option{min-height:198px}.deck-selector .deck-options{grid-auto-columns:100%;grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding:3px 2px 9px;scroll-padding-inline:2px;scroll-snap-type:x mandatory;scrollbar-width:none}.focus-grid .deck-selector .deck-options{grid-auto-columns:100%;grid-auto-flow:column;grid-template-columns:none}.deck-selector .deck-options::-webkit-scrollbar{display:none}.deck-selector .deck-option{min-height:0;padding:8px;scroll-snap-align:start}.deck-option.selected{outline-offset:-2px}.deck-select-button,.challenge-summary{grid-template-columns:1fr}.deck-selector .deck-select-button,.focus-grid .deck-selector .deck-select-button{grid-template-columns:56px minmax(0,1fr);min-height:112px;gap:8px}.deck-selector .deck-name,.focus-grid .deck-selector .deck-name{font-size:1rem}.deck-selector .deck-copy span:not(.deck-name){font-size:.72rem}.focus-grid .deck-selector .deck-copy span:not(.deck-name){font-size:.72rem}.deck-selector .deck-subtitle{display:none}.deck-selector .deck-pick-cta,.focus-grid .deck-selector .deck-pick-cta{font-size:.7rem}.deck-selector .deck-preview-action{width:100%;font-size:.68rem}.mode-switch,.mode-tabs,.side-assignment-grid,.agent-contract-grid{grid-template-columns:1fr}.preview-card-tile{grid-template-columns:72px minmax(0,1fr)}.preview-card-image{width:72px;height:104px}.preview-stat{justify-self:start;text-align:left}.deck-samples{width:112px;height:126px}.deck-selector .deck-samples,.focus-grid .deck-selector .deck-samples{width:56px;height:76px}.sample-card-image{width:68px;height:98px}.deck-selector .sample-card-image,.focus-grid .deck-selector .sample-card-image{width:38px;height:56px}.deck-selector .sample-card-image:nth-child(1){left:8px}.deck-selector .sample-card-image:nth-child(2){top:15px}.deck-selector .sample-card-image:nth-child(3){top:16px}.deck-sigil{width:66px;height:66px}.deck-preview-overlay{padding:10px}.deck-preview-sheet{max-height:92vh}.deck-preview-header{padding:16px}.deck-preview-body{padding:14px 16px 18px}.monster-zones{grid-template-columns:1fr}.zone,.empty-zone,.battle-card{min-height:168px}.empty-zone{min-height:140px;border-color:#bbe5ff47;background:linear-gradient(135deg,rgba(143,184,178,.04),transparent 42%),#ffffff09}.hand-grid{grid-auto-columns:100%;grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.hand-card{min-height:182px;grid-template-rows:auto auto auto;scroll-snap-align:start}.card-frame{grid-template-columns:58px minmax(0,1fr)}.hand-card-image{width:58px;height:82px}.battle-card h3,.hand-card h3{font-size:1.05rem}.card-frame p,.card-rules,.action-log p{font-size:.9rem}.notice,.trap-window{align-items:stretch;flex-direction:column}}