:root{color-scheme:dark;--bg: #090b0d;--bg-deep: #050607;--surface: #12161a;--surface-soft: #171c21;--surface-raised: #1d2329;--surface-glass: rgb(18 22 26 / 88%);--fg: #f4f0e7;--fg-soft: #c9c1b4;--muted: #918a7d;--border: rgb(255 255 255 / 10%);--border-strong: rgb(255 255 255 / 18%);--primary: #b82235;--primary-strong: #d12b42;--primary-soft: rgb(184 34 53 / 16%);--amber: #c7a260;--amber-soft: rgb(199 162 96 / 14%);--teal: #56c7a4;--danger: #ef4b5d;--shadow: 0 18px 54px rgb(0 0 0 / 34%);--font-display: "Iowan Old Style", "Charter", Georgia, serif;--font-body: "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--radius-lg: 8px;--radius-md: 8px;--radius-sm: 6px;--ease: cubic-bezier(.22, 1, .36, 1);font-family:var(--font-body);background:var(--bg);color:var(--fg)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100dvh;margin:0;background:linear-gradient(180deg,rgb(27 24 20 / 72%) 0,transparent 260px),repeating-linear-gradient(90deg,rgb(255 255 255 / 3%) 0 1px,transparent 1px 78px),linear-gradient(180deg,var(--bg),var(--bg-deep));color:var(--fg);line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}button,a,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.appShell{position:relative;width:min(1320px,calc(100% - 32px));min-height:100dvh;margin:0 auto;padding:0 0 28px}.arenaShell{width:min(1360px,calc(100% - 32px))}.topBar{position:sticky;top:0;z-index:20;display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:16px;margin:0 -16px 24px;padding:10px 16px;border-bottom:1px solid var(--border);background:#090b0de0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brandLockup{display:flex;min-width:0;align-items:center;gap:12px}.brandMark{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--surface-raised),var(--surface));color:var(--amber)}.eyebrow{margin:0 0 2px;color:var(--amber);font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3{margin:0;color:var(--fg);font-family:var(--font-display);font-weight:800;letter-spacing:0;overflow-wrap:break-word;text-wrap:balance}h1{font-size:2.25rem;line-height:1}h2{font-size:3.35rem;line-height:.98}h3{font-size:1.3rem;line-height:1.12}.topActions,.modeNav{display:flex;align-items:center;gap:8px}.topActions{flex-wrap:wrap;justify-content:flex-end}.modeNav{padding:4px;border:1px solid var(--border);border-radius:999px;background:#ffffff08}.modeNav a,.iconButton,.iconLink,.primaryButton,.miniButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);color:var(--fg);font-weight:800;text-decoration:none;transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease)}.modeNav a{min-height:38px;padding:8px 14px;border-radius:999px;color:var(--fg-soft)}.modeNav a.active{color:var(--fg);background:var(--amber-soft);border-color:#c7a26057}.modeNav a:hover,.iconButton:hover,.iconLink:hover,.miniButton:hover{border-color:var(--border-strong);background:#ffffff12}.iconButton,.iconLink{min-height:40px;padding:9px 14px;border:1px solid var(--border);background:var(--surface-glass)}.iconLink{color:var(--amber)}.primaryButton{width:100%;min-height:50px;padding:12px 18px;border:1px solid rgb(255 255 255 / 14%);background:var(--primary);color:#fff;box-shadow:0 16px 34px #b822353d}.primaryButton:hover{background:var(--primary-strong);box-shadow:0 18px 40px #b8223557}.miniButton{min-height:34px;padding:7px 11px;border:1px solid var(--border);background:#ffffff0a;color:var(--fg-soft);font-size:.84rem}.primaryButton:disabled,.iconButton:disabled,.miniButton:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.fullButton{width:100%}.statusGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.statusGrid div,.roomCode,.hpCard,.resultGrid div,.duelResultGrid div{min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-glass)}.statusGrid div{padding:13px 14px}.statusGrid span,.historyItem span,.resultGrid dt,.roomCode span,.hpCard span,.duelResultGrid span{display:block;color:var(--muted);font-family:var(--font-mono);font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.statusGrid strong{display:block;margin-top:6px;color:var(--fg);font-family:var(--font-mono);font-size:1.5rem;line-height:1;overflow-wrap:anywhere}.notice{margin:0 0 18px;padding:12px 14px;border:1px solid rgb(184 34 53 / 42%);border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--fg)}.gameBoard{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);gap:24px;align-items:stretch}.gameBoard>*,.summaryBoard>*,.lobbyBoard>*,.battleHud>*,.metricBoard>*{min-width:0}.mediaPanel,.controlPanel,.summaryHero,.historyItem,.lobbyBoard,.battleWait{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow)}.mediaPanel{position:relative;display:grid;min-height:590px;overflow:hidden;place-items:center;background:linear-gradient(180deg,#0000001a,#0000009e),var(--surface)}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.08) brightness(.38);transform:scale(1.04)}.mediaPanel:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,rgb(0 0 0 / 32%) 0 8%,transparent 8% 92%,rgb(0 0 0 / 32%) 92%),repeating-linear-gradient(90deg,rgb(255 255 255 / 8%) 0 1px,transparent 1px 28px);opacity:.42}.mediaPanel:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,transparent 42%,rgb(0 0 0 / 72%))}.backdropStrip{position:absolute;z-index:2;top:24px;left:24px;display:flex;gap:7px}.backdropStrip span{width:18px;height:26px;border:1px solid var(--border);border-radius:4px;background:#0000006b}.posterFrame{position:relative;z-index:2;width:min(64%,340px);aspect-ratio:2 / 3;overflow:hidden;border:1px solid rgb(199 162 96 / 34%);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgb(184 34 53 / 44%),transparent 42%),var(--surface-soft);box-shadow:0 22px 60px #00000094}.posterFrame img{width:100%;height:100%;object-fit:cover}.posterPlaceholder{display:grid;width:100%;height:100%;place-items:center;color:var(--fg-soft);font-weight:800}.posterMeta{position:absolute;z-index:3;right:24px;bottom:24px;left:24px}.controlPanel{display:grid;min-height:590px;align-content:start;gap:16px;padding:28px}.roundHeader{display:flex;flex-wrap:wrap;gap:8px}.metricBadge,.mediaBadge{display:inline-flex;align-items:center;gap:7px;width:fit-content;min-height:30px;padding:6px 10px;border-radius:999px;font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.metricBadge{border:1px solid rgb(199 162 96 / 34%);background:var(--amber-soft);color:var(--amber)}.mediaBadge{border:1px solid var(--border);background:#ffffff0d;color:var(--fg-soft)}.metaLine,.overview,.summaryHero p,.sourceFooter,.historyItem p,.lobbyIntro p,.battleWait p,.duelResultGrid p{color:var(--fg-soft)}.metaLine,.overview,.duelResultGrid p{margin:0}.overview{max-width:68ch;line-height:1.62}.metricBoard{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:stretch;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft)}.metricReadout{display:grid;min-height:150px;place-items:center;border-radius:var(--radius-md);background:linear-gradient(180deg,rgb(199 162 96 / 10%),transparent),#0003;text-align:center}.metricReadout small{display:block;color:var(--amber);font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.metricReadout strong{display:block;margin-top:8px;color:var(--fg);font-family:var(--font-display);font-size:3rem;line-height:1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sliderBlock{display:grid;gap:16px;min-width:0;align-content:center}.sliderRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.sliderBlock label,.lobbyForm label{color:var(--fg-soft);font-weight:800}.sliderBlock output{min-width:90px;color:var(--amber);font-family:var(--font-mono);font-size:1.25rem;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{width:100%;min-height:44px;accent-color:var(--amber)}.rangeScale,.resultGrid{display:flex;justify-content:space-between;gap:12px;color:var(--fg-soft);font-family:var(--font-mono);font-size:.76rem;font-variant-numeric:tabular-nums}.loadingState,.revealCard,.battleVictory{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;justify-items:start}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.resultGrid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.resultGrid div,.duelResultGrid div{padding:14px}.resultGrid dd{margin:5px 0 0;color:var(--fg);font-family:var(--font-mono);font-size:1.15rem;font-weight:800;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.summaryBoard{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(360px,1fr);gap:24px}.summaryHero{display:flex;flex-direction:column;gap:16px;padding:28px}.summaryHero p{margin:0}.historyList{display:grid;gap:10px}.historyItem{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;box-shadow:none}.historyItem img{width:54px;aspect-ratio:2 / 3;border-radius:var(--radius-sm);object-fit:cover}.historyItem strong{display:block;margin:3px 0;overflow-wrap:anywhere}.historyItem p{margin:0;line-height:1.45}.historyItem b{color:var(--amber);font-family:var(--font-mono);font-size:1.1rem;font-variant-numeric:tabular-nums}.sourceFooter{display:flex;gap:8px;align-items:flex-start;margin-top:24px;font-size:.85rem}.sourceFooter svg{flex:0 0 16px;margin-top:2px}.lobbyBoard{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,.64fr) minmax(260px,.64fr);gap:18px;align-items:end;padding:28px}.lobbyIntro,.lobbyForm{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.lobbyIntro h2{max-width:12ch;font-size:2.75rem}.lobbyIntro p{margin:0}.lobbyForm input{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000003d;color:var(--fg);font-weight:800}.lobbyForm input::placeholder{color:var(--muted)}.battleHud{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,210px) minmax(0,1fr);gap:12px;align-items:stretch;margin-bottom:18px}.hpCard,.roomCode{padding:13px}.hpCard{display:grid;gap:8px}.hpCard.alignRight{text-align:right}.hpCard strong,.roomCode strong{display:block;color:var(--fg);font-family:var(--font-mono);font-size:1.08rem;overflow-wrap:anywhere}.hpTrack{position:relative;height:11px;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:#00000052}.hpTrack div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--amber),var(--teal))}.hpCard small,.roomCode small{color:var(--fg-soft);font-weight:800;font-variant-numeric:tabular-nums}.roomCode{display:grid;gap:6px;place-items:center;text-align:center}.roomCode strong{color:var(--amber);font-size:1.4rem}.battleBoard{grid-template-columns:minmax(320px,.92fr) minmax(380px,1fr)}.battleControlPanel{background:linear-gradient(180deg,#242026,var(--surface))}.battleWait{display:grid;min-height:320px;place-items:center;padding:30px;text-align:center}.battleWait h2,.battleWait p{margin:0}.shareLinkBox{display:grid;width:min(100%,620px);grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000038;text-align:left}.shareLinkBox span{min-width:0;color:var(--fg);font-weight:800;overflow-wrap:anywhere}.battleMediaPanel:before{z-index:2}.duelResultGrid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.duelResultGrid strong{display:block;margin:5px 0;color:var(--fg);font-family:var(--font-mono);font-size:1.15rem;font-variant-numeric:tabular-nums}.duelResultGrid b,.damageText{color:var(--danger);font-family:var(--font-mono)}.battleReveal,.battleVictory{width:100%}.rematchState{width:100%;margin:0;padding:13px;border:1px solid rgb(86 199 164 / 38%);border-radius:var(--radius-sm);background:#56c7a41f;color:var(--fg);font-weight:800;text-align:center}@media (max-width: 1120px){.gameBoard,.battleBoard{grid-template-columns:1fr}.mediaPanel,.controlPanel{min-height:auto}.mediaPanel{min-height:420px}.posterFrame{width:min(42%,230px)}}@media (max-width: 900px){.appShell,.arenaShell{width:min(100% - 24px,760px)}.topBar{align-items:flex-start;flex-direction:column;margin:0 0 18px;padding-right:0;padding-left:0}.topActions{width:100%;justify-content:flex-start}.modeNav{max-width:100%;overflow-x:auto}.summaryBoard,.lobbyBoard{grid-template-columns:1fr}}@media (max-width: 620px){.appShell,.arenaShell{width:min(100% - 24px,420px);padding-bottom:22px}.topBar{min-height:auto;gap:12px;margin:0 0 12px;padding:10px 0;border-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.brandMark{width:36px;height:36px}.eyebrow{font-size:.68rem}h1{font-size:1.28rem;line-height:1.08}h2{font-size:1.64rem;line-height:1.03}.topActions{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px}.topActions>.iconButton,.topActions>.iconLink{width:100%;min-height:42px;padding:0}.topActions>.iconButton span,.topActions>.iconLink span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.modeNav{width:100%}.modeNav a{flex:1 1 0}.statusGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.statusGrid div{padding:9px 10px}.statusGrid strong{font-size:1rem}.gameBoard,.battleBoard{gap:12px}.mediaPanel{min-height:124px}.backdropStrip{display:none}.posterFrame{justify-self:start;width:62px;margin-left:12px}.posterMeta{top:12px;right:12px;bottom:auto;left:86px}.posterMeta .roundHeader{align-content:start}.controlPanel,.summaryHero,.lobbyBoard,.battleWait{padding:14px}.controlPanel{gap:9px}.overview{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.battleControlPanel .overview{display:none}.metricBadge,.mediaBadge{white-space:normal}.metricBoard{grid-template-columns:minmax(104px,.42fr) minmax(0,1fr);gap:8px;padding:10px}.metricReadout{min-height:96px}.metricReadout strong{font-size:1.55rem}.metricReadout small{font-size:.66rem}.sliderBlock{gap:8px}.sliderRow{grid-template-columns:1fr;gap:6px}.sliderBlock label{font-size:.94rem}.sliderBlock output{min-width:0;font-size:1.05rem;text-align:left}.rangeScale{font-size:.68rem}.resultGrid,.duelResultGrid,.shareLinkBox{grid-template-columns:1fr}.primaryButton{min-height:50px}.summaryBoard{grid-template-columns:1fr}.historyItem{grid-template-columns:46px minmax(0,1fr)}.historyItem b{grid-column:2}.lobbyBoard{gap:16px}.lobbyIntro h2{max-width:none;font-size:2.05rem}.battleHud{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.roomCode{grid-column:1 / -1;order:-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 10px;place-items:center stretch;padding:10px;text-align:left}.roomCode strong{font-size:1.14rem;text-align:center}.roomCode small{grid-column:1 / 2}.roomCode .miniButton{grid-row:1 / 3;grid-column:3}.hpCard{gap:6px;padding:9px}.hpCard.alignRight{text-align:left}.hpCard strong{font-size:.95rem}.hpTrack{height:8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}