.online-page{min-height:100vh;color:var(--paper);background:radial-gradient(circle at 50% -10%,#24291a 0,#0a0b08 45%);padding-bottom:70px}.online-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090a07f2;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;display:grid;position:sticky;top:0}.online-header>div{text-align:center}.online-header>div small,.online-header>div b{display:block}.online-header>div small{color:var(--acid);letter-spacing:.18em;font-size:7px}.online-header>div b{margin-top:3px;font-size:12px}.online-home{color:var(--muted);justify-self:end;font-size:10px;font-weight:900;text-decoration:none}.online-home:hover{color:var(--acid)}.online-profile-strip{border:1px solid var(--line);background:#11130e;grid-template-columns:repeat(4,1fr);width:min(1120px,92vw);margin:28px auto 0;display:grid}.online-profile-strip div{border-right:1px solid var(--line);padding:13px 18px}.online-profile-strip div:last-child{border-right:0}.online-profile-strip small,.online-profile-strip b{display:block}.online-profile-strip small{color:var(--muted);letter-spacing:.12em;font-size:7px}.online-profile-strip b{color:var(--acid);margin-top:3px;font-size:18px}.online-setup,.online-battle{width:min(1120px,92vw);margin:22px auto}.online-setup-heading{border:1px solid var(--line);background:linear-gradient(130deg,#1b2014,#0d0f0b);padding:34px}.online-setup-heading small{color:var(--acid);letter-spacing:.2em;font-size:8px;font-weight:900}.online-setup-heading h1{letter-spacing:-.08em;margin:12px 0;font-size:clamp(48px,7vw,84px);line-height:.9}.online-setup-heading h1 span{color:#0000;-webkit-text-stroke:1px var(--orange)}.online-setup-heading p{color:var(--muted);font-size:11px}.online-setup-heading .online-guest-note{color:#cbd0bd;background:#d7ff3f0b;border:1px solid #3e4630;margin-top:14px;padding:8px 10px;font-size:8px;line-height:1.6;display:inline-block}.online-mode-switch{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.online-mode-switch button{border:1px solid var(--line);background:#11130e;min-height:50px;font-size:11px;font-weight:900}.online-mode-switch button.selected{border-color:var(--acid);color:var(--acid);background:#d7ff3f12}.online-decks{border:1px solid var(--line);background:#10120e;padding:20px}.online-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.online-section-title small,.online-section-title h2{display:block}.online-section-title small{color:var(--acid);letter-spacing:.16em;font-size:7px}.online-section-title h2{margin-top:2px;font-size:15px}.online-section-title>.online-edit,.online-section-title>span{color:var(--muted);font-size:9px}.online-deck-tabs{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.online-deck-tabs button{border:1px solid var(--line);text-align:left;background:#0a0c08;min-height:55px;padding:10px}.online-deck-tabs b,.online-deck-tabs span{display:block}.online-deck-tabs b{font-size:10px}.online-deck-tabs span{color:var(--muted);margin-top:4px;font-size:7px}.online-deck-tabs button.selected{border-color:var(--acid)}.online-deck-tabs button.selected b{color:var(--acid)}.online-deck-cards{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px;display:grid}.online-deck-cards article{background:linear-gradient(145deg,#181b13,#0b0d09);border:1px solid #35382d;min-height:112px;padding:11px;position:relative}.online-deck-cards small,.online-deck-cards b,.online-deck-cards span,.online-deck-cards em{display:block}.online-deck-cards small{color:var(--acid);font-size:6px}.online-deck-cards b{margin-top:10px;font-size:12px}.online-deck-cards span{color:var(--muted);margin-top:6px;font-size:7px;line-height:1.5}.online-deck-cards em{color:#888b80;font-size:6px;font-style:normal;position:absolute;bottom:9px}.online-entry{border:1px solid var(--line);background:#151810;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding:18px 20px;display:flex}.online-entry>div>small{color:var(--muted);font-size:8px}.online-wagers{gap:6px;margin-top:7px;display:flex}.online-wagers button,.online-wagers>b{border:1px solid var(--line);min-width:88px;color:var(--paper);text-align:center;background:#090b08;padding:10px;font-size:10px}.online-wagers button.selected{border-color:var(--acid);color:var(--acid)}.online-start{background:var(--acid);color:#080907;min-width:280px;min-height:58px;font-size:12px;font-weight:900}.online-start:disabled{opacity:.35}.online-waiting,.online-finished,.online-auth-card{border:1px solid var(--line);text-align:center;background:#11140e;width:min(680px,90vw);margin:12vh auto 0;padding:55px}.search-ring{border:3px solid #d7ff3f22;border-top-color:var(--acid);border-radius:50%;width:76px;height:76px;margin:0 auto 28px;animation:1s linear infinite online-spin}@keyframes online-spin{to{transform:rotate(360deg)}}.online-waiting small,.online-finished small,.online-auth-card small{color:var(--acid);letter-spacing:.2em;font-size:8px}.online-waiting h1,.online-finished h1,.online-auth-card h1{margin:12px 0;font-size:40px;line-height:1.1}.online-waiting p,.online-finished p,.online-auth-card p{color:var(--muted);font-size:11px}.online-waiting button,.online-finished button,.online-auth-card button{border:1px solid var(--line);margin-top:24px;padding:13px 22px;font-size:10px}.online-finished.win h1{color:var(--acid)}.online-finished.lose h1{color:var(--orange)}.online-finished{width:min(860px,92vw);margin-top:5vh}.online-finish-cause{text-align:left;background:#ff69380b;border:1px solid #ff693855;margin:22px 0 0;padding:16px}.online-finish-cause small,.online-finish-cause b,.online-finish-cause span{display:block}.online-finish-cause small{color:var(--orange)}.online-finish-cause b{margin-top:6px;font-size:15px}.online-finish-cause span{color:#d7b6aa;margin-top:8px;font-size:10px}.online-finished.win .online-finish-cause{background:#d7ff3f08;border-color:#d7ff3f55}.online-finished.win .online-finish-cause small{color:var(--acid)}.online-finished>.online-history{text-align:left}.online-round{border:1px solid var(--line);background:#11140e;grid-template-columns:1fr 1fr auto;align-items:center;padding:10px 15px;display:grid}.online-round span{font-size:10px}.online-round b{color:var(--acid);font-size:10px}.online-round em{border:1px solid var(--line);min-width:78px;color:var(--paper);text-align:center;padding:8px;font-size:20px;font-style:normal}.online-round em small{margin-left:3px;font-size:8px}.online-round em.urgent{border-color:var(--orange);color:var(--orange)}.online-battle-visibility{border:1px solid var(--line);background:#0d100b;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;display:grid}.online-attack-order{align-items:center;gap:9px;display:flex}.online-attack-order>small{color:var(--muted);letter-spacing:.13em;font-size:7px}.online-attack-order>b{border:1px solid var(--line);padding:7px 10px;font-size:9px}.online-attack-order>b.you{color:var(--acid);border-color:#d7ff3f77}.online-attack-order>b.opponent{color:var(--orange);border-color:#ff693877}.online-attack-order>i{color:#777a70;font-style:normal}.online-shields{gap:6px;display:flex}.online-shields>span{color:#6f7168;border:1px solid #3a3d31;align-items:center;gap:7px;min-width:120px;padding:7px 9px;display:flex}.online-shields small{letter-spacing:.1em;font-size:6px}.online-shields b{font-size:16px}.online-shields>span.active{color:#9ae7ff;background:#68d8ff12;border-color:#68d8ff}.online-shields>span.opponent.active{color:#ffb097;background:#ff693812;border-color:#ff9b78}.online-fighters{border:1px solid var(--line);background:#0f110d;grid-template-columns:1fr 60px 1fr;align-items:center;gap:16px;margin-top:10px;padding:28px;display:grid}.online-fighters article{text-align:center}.online-fighters article>small{color:var(--acid);letter-spacing:.16em;font-size:8px}.online-fighters article.opponent>small{color:var(--orange)}.online-fighters h2{margin:6px 0 12px;font-size:18px}.online-vs{color:#777a70;text-align:center;font-size:24px;font-weight:900}.online-hp b{color:var(--acid);font-size:32px;display:block}.opponent .online-hp b{color:var(--orange)}.online-hp span{border:1px solid #4b503d;height:13px;padding:2px;display:block}.online-hp i{background:var(--acid);height:100%;display:block}.opponent .online-hp i{background:var(--orange)}.online-stats{justify-content:center;gap:5px;margin:10px 0;display:flex}.online-stats span{border:1px solid var(--line);color:var(--muted);padding:5px 8px;font-size:7px}.online-dice{letter-spacing:5px;margin:12px 0;font-size:42px}.online-fighters article>strong{border:1px solid var(--line);padding:6px 12px;font-size:9px;display:inline-block}.online-message{border:1px solid var(--line);color:var(--paper);background:#151810;margin-top:10px;padding:14px 16px;font-size:10px}.online-hand,.online-history{border:1px solid var(--line);background:#10120e;margin-top:14px;padding:18px}.online-hand>.online-section-title+div{gap:8px;display:flex;overflow-x:auto}.online-skill{text-align:left;background:linear-gradient(145deg,#191c14,#0c0e0a);border:1px solid #3b3e32;flex:0 0 180px;min-height:145px;padding:13px}.online-skill small,.online-skill b,.online-skill span{display:block}.online-skill small{color:var(--acid);font-size:6px}.online-skill b{margin-top:15px;font-size:14px}.online-skill span{color:var(--muted);margin-top:7px;font-size:8px;line-height:1.55}.online-skill.selected{border-color:var(--acid);box-shadow:inset 0 -3px var(--acid)}.online-skill:disabled{opacity:.4}.online-skill.discard.selected{border-color:var(--orange);box-shadow:inset 0 -3px var(--orange)}.online-hand footer{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.online-hand footer button{border:1px solid var(--line);min-width:150px;padding:12px;font-size:9px}.online-hand footer .confirm{background:var(--acid);color:#080907;font-weight:900}.online-hand footer span{color:var(--muted);font-size:9px}.online-hand footer button:disabled{opacity:.35}.online-target-picker{background:#d7ff3f08;border:1px solid #465032;margin-top:12px;padding:12px;display:block!important;overflow:visible!important}.online-target-picker>small{color:var(--acid);letter-spacing:.08em;margin-bottom:9px;font-size:8px;display:block}.online-target-picker>div{flex-wrap:wrap;gap:7px;display:flex}.online-target-picker button{border:1px solid var(--line);text-align:left;background:#090b08;min-width:145px;padding:10px}.online-target-picker button b,.online-target-picker button span{display:block}.online-target-picker button b{font-size:10px}.online-target-picker button span{color:var(--muted);margin-top:3px;font-size:7px}.online-target-picker button.selected{border-color:var(--acid);color:var(--acid)}.online-target-picker button:disabled{opacity:.4}.online-history ol{max-height:300px;overflow:auto}.online-history li{border-top:1px solid #292c24;grid-template-columns:42px 72px 150px 1fr;align-items:center;gap:9px;min-height:44px;font-size:9px;display:grid}.online-history li small{color:#777a70}.online-history li b{color:var(--acid)}.online-history li span{color:var(--muted)}.online-history>p{color:var(--muted);font-size:9px}.online-forfeit{color:var(--orange);margin:20px auto 0;font-size:9px;text-decoration:underline;display:block}.online-forfeit:disabled{opacity:.4}@media (max-width:760px){.online-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.online-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));grid-template-columns:1fr auto}.online-header>div{display:none}.online-profile-strip,.online-setup,.online-battle{width:calc(100% - 28px)}.online-profile-strip{grid-template-columns:repeat(2,1fr);margin-top:14px}.online-profile-strip div{min-width:0;padding:11px 12px}.online-profile-strip div:nth-child(2){border-right:0}.online-profile-strip b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.online-setup{margin-top:14px}.online-setup-heading{padding:22px 18px}.online-setup-heading h1{font-size:48px}.online-mode-switch,.online-deck-tabs{grid-template-columns:1fr}.online-mode-switch button,.online-deck-tabs button{min-height:52px}.online-deck-cards{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:8px;display:flex;overflow-x:auto}.online-deck-cards article{scroll-snap-align:center;flex:0 0 min(72vw,230px)}.online-entry{z-index:35;bottom:max(8px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#151810f2;flex-direction:column;align-items:stretch;padding:12px;position:sticky}.online-wagers button,.online-wagers>b{flex:1;min-width:0;min-height:44px}.online-start{width:100%;min-width:0;min-height:54px}.online-battle{margin-top:12px}.online-battle-visibility{grid-template-columns:1fr}.online-attack-order{grid-template-columns:1fr auto 1fr;gap:5px;display:grid}.online-attack-order>small{grid-column:1/-1}.online-attack-order>b{text-align:center;padding:6px 4px;font-size:8px}.online-shields>span{flex:1;min-width:0}.online-round{z-index:34;grid-template-columns:1fr auto;position:sticky;top:58px;box-shadow:0 8px 22px #000b}.online-round b{grid-column:1}.online-round em{grid-area:1/2/3}.online-fighters{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:7px;padding:15px 10px}.online-vs{border:0;padding:0;font-size:16px}.online-fighters h2{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.online-hp b{font-size:26px}.online-dice{letter-spacing:1px;min-height:36px;font-size:26px}.online-hand{padding:14px 10px}.online-hand>.online-section-title+div{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin:0 -10px;padding:0 10px 8px}.online-skill{scroll-snap-align:center;flex-basis:min(72vw,230px);min-height:160px}.online-hand footer{z-index:33;bottom:max(8px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10120ef2;flex-direction:column;align-items:stretch;padding:8px;position:sticky}.online-hand footer button{width:100%;min-height:48px}.online-history{padding:14px 10px}.online-history li{grid-template-columns:35px 60px 1fr}.online-history li span{grid-column:2/4}.online-waiting,.online-finished,.online-auth-card{margin-top:6vh;padding:35px 22px}.online-waiting h1,.online-finished h1,.online-auth-card h1{font-size:32px}}