:root{--bg:#121318;--panel:#1c1e26;--panel-2:#262934;--line:#353948;--text:#e8e9ee;--muted:#8d91a3;--mine:#4f8cff;--theirs:#ff6b5e;--hl:#f5c542;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:6px;margin:2px;padding:6px 10px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{color:#fff;background:#d7372b;border-color:#d7372b}button.picked{border-color:var(--hl);background:#3a3420}input,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;width:100%;padding:6px 8px}.muted{color:var(--muted)}.error{color:#ff8a80;margin:4px 0}.row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.row.spread{justify-content:space-between}.lobby{background:var(--panel);border-radius:10px;flex-direction:column;gap:12px;max-width:420px;margin:8vh auto;padding:24px;display:flex}.lobby h1,.lobby h2{margin:0}.lobby label{color:var(--muted);flex-direction:column;gap:4px;display:flex}.share{background:var(--panel-2);word-break:break-all;border-radius:6px;padding:8px;display:block}.duel{flex-direction:column;height:100vh;display:flex}.status{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:6px 12px;display:flex}.status .phase{color:var(--hl)}.status .spacer{flex:1}.main{flex:1;grid-template-columns:1fr 360px;min-height:0;display:grid}aside{border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.board{flex-direction:column;gap:6px;padding:8px 12px;display:flex;position:relative;overflow:auto}.player-bar{background:var(--panel);border-radius:6px;justify-content:space-between;padding:4px 8px;display:flex}.player-bar.turn{outline:1px solid var(--hl)}.player-bar .lp{font-variant-numeric:tabular-nums;font-weight:600}.side{border-radius:8px;gap:10px;padding:6px;display:flex}.side.mine{background:#4f8cff12}.side.theirs{background:#ff6b5e12}.side-zones{grid-template-columns:1fr;gap:4px;width:92px;display:grid}.pile{background:var(--panel);border:1px solid var(--line);border-radius:6px;margin:0;padding:4px 6px;font-size:12px}.pile.static{color:var(--muted)}.rows{flex-direction:column;flex:1;gap:6px;display:flex}.row-zones{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.slot{border:1px dashed var(--line);border-radius:6px;justify-content:center;align-items:center;height:104px;display:flex}.side-zones .slot{height:60px}.midline{justify-content:center;align-items:center;min-height:24px;display:flex}.chain{background:var(--panel);border:1px solid var(--hl);border-radius:6px;gap:10px;padding:4px 10px;display:flex}.chain .mine{color:var(--mine)}.chain .theirs{color:var(--theirs)}.hand{flex-wrap:wrap;justify-content:center;gap:6px;min-height:104px;display:flex}.card{color:#1b1b1b;cursor:default;background:#e9dfc7;border:2px solid #0000;border-radius:5px;flex-direction:column;justify-content:space-between;width:72px;height:100px;padding:4px;font-size:11px;line-height:1.2;display:flex;overflow:hidden}.card.def{transform:rotate(90deg)scale(.9)}.card.set{color:#f1e6cf;background:#6d5a3d}.card.back{background:repeating-linear-gradient(45deg,#5a3b2a,#5a3b2a 6px,#4a2f22 6px 12px)}.card.hl{border-color:var(--hl);box-shadow:0 0 0 2px #f5c54259}.card-name{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.card-tag{opacity:.8;font-size:10px}.card-stats{font-variant-numeric:tabular-nums;font-weight:600}.pile-view{background:var(--panel);border:1px solid var(--line);z-index:5;border-radius:10px;padding:12px;position:absolute;inset:40px;overflow:auto}.pile-cards{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.inspector{border-bottom:1px solid var(--line);min-height:120px;max-height:30vh;padding:10px 12px;overflow:auto}.insp-name{font-size:15px;font-weight:700}.insp-desc{white-space:pre-wrap;margin:6px 0 0;line-height:1.4}.prompt-area{border-bottom:1px solid var(--line);max-height:40vh;padding:10px 12px;overflow:auto}.prompt-title{color:var(--hl);margin-bottom:6px;font-weight:700}.prompt.waiting{color:var(--muted)}.prompt-body{flex-direction:column;align-items:stretch;display:flex}.group{flex-direction:column;margin-bottom:6px;display:flex}.group-label{color:var(--muted);margin:2px 2px 0;font-size:12px}.card-link{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.log{color:#c9ccd8;flex:1;padding:8px 12px;font-size:12.5px;line-height:1.5;overflow:auto}.log-turn{color:var(--text);margin-top:8px;font-weight:700}.duel-root{background:#0c0f14;position:fixed;inset:0;overflow:hidden}.duel-canvas{position:absolute;inset:0}.duel-canvas canvas{display:block}.lobby.waiting{z-index:5;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud{transform-origin:0 0;pointer-events:none;color:#e8eaf0;width:1440px;height:900px;font-family:Inter,system-ui,sans-serif;position:absolute;top:0;left:0}.hud button{pointer-events:auto}.hud>*{position:absolute}.preview{flex-direction:column;gap:10px;width:268px;display:flex;top:96px;left:32px}.preview-text{pointer-events:auto;background:#141922;border:1px solid #222a37;border-radius:12px;max-height:220px;padding:10px 12px;overflow:auto}.preview-line{color:#a3a9b8;font-size:12px;font-weight:600}.preview-text p{white-space:pre-wrap;margin:6px 0 0;font-size:12.5px;line-height:1.45}.dom-card{box-sizing:border-box;border-radius:10px;flex:none;padding:6px;box-shadow:0 14px 30px #00000080}.dom-inner{box-sizing:border-box;background:#f2ecdf;border-radius:6px;flex-direction:column;gap:6px;width:100%;height:100%;padding:8px;display:flex}.dom-name{color:#16181d;font-weight:700;line-height:1.15}.dom-stars{color:#9a6a14;letter-spacing:1px;font-size:10px}.dom-art{border-radius:3px;flex:1}.dom-foot{color:#2b2e36;font-family:Space Grotesk,sans-serif;font-weight:700}.dom-card.back{background:#3b2e57}.dom-back-inner{background:#2b2140;border:1px solid #4a3a6b;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dom-back-oval{border:2px solid #6b5797;border-radius:50%;width:54%;height:40%}.life{box-sizing:border-box;background:#161b24;border:1px solid #252d3b;border-radius:14px;align-items:center;gap:12px;width:216px;height:64px;padding:0 14px;display:flex;left:1196px}.life-dot{background:var(--accent);opacity:.9;border-radius:50%;width:40px;height:40px}.life-text{flex-direction:column;display:flex}.life-text span{color:#a3a9b8;font-size:12px}.life-text strong{font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-size:26px;line-height:1}.float{color:#ff5a4f;text-shadow:0 2px 8px #000000b3;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700;animation:1.3s ease-out forwards floatUp;position:absolute;top:-6px;right:16px}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)scale(.7)}15%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-46px)scale(1)}}.turn-pill{box-sizing:border-box;color:#a3a9b8;background:#161b24;border:1px solid #252d3b;border-radius:10px;width:216px;padding:10px 12px;font-size:12px;top:104px;left:1196px}.chain-stack{box-sizing:border-box;background:#161b24;border:1px solid #252d3b;border-radius:14px;flex-direction:column;gap:8px;width:216px;padding:12px;display:flex;top:156px;left:1196px}.chain-label{letter-spacing:1.5px;color:#6f7687;font-size:11px;font-weight:600}.chain-link{border-radius:10px;align-items:center;gap:10px;padding:8px;font-size:13px;font-weight:600;display:flex}.chain-n{background:#0c0f14;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-family:Space Grotesk,sans-serif;font-size:12px;display:flex}.phase-strip{justify-content:space-between;width:216px;display:flex;top:766px;left:1196px}.phase-strip span{white-space:nowrap;color:#9aa1b2;border-radius:6px;padding:4px 5px;font-size:10.5px;font-weight:600}.big-btn{color:#8c93a5;cursor:pointer;text-align:center;background:#2a3140;border:none;border-radius:14px;width:216px;height:60px;margin:0;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;top:800px;left:1196px}.big-btn.primary{color:#15171c;background:#f2c14e;box-shadow:0 0 24px #f2c14e59}.big-btn.primary:hover{background:#ffd36a}.big-btn:disabled{cursor:default;opacity:1}.big-btn.static,.cancel-btn.static{position:static}.small-btn{color:#9aa1b2;cursor:pointer;text-align:center;background:0 0;border:none;width:216px;height:28px;margin:0;font-size:13px;top:864px;left:1196px}.banner{box-sizing:border-box;text-align:center;background:#1a202b;border:1px solid #f2c14e;border-radius:14px;justify-content:center;align-items:center;width:640px;min-height:48px;padding:8px 18px;font-size:15px;display:flex;top:28px;left:420px}.tray{flex-direction:column;gap:6px;width:268px;display:flex;top:640px;left:32px}.tray-label{letter-spacing:1.5px;color:#6f7687;font-size:11px;font-weight:600}.tray button{color:#e8eaf0;background:#1a202b;border:1px solid #f2c14e;border-radius:10px;flex-direction:column;gap:2px;margin:0;padding:8px 10px;font-size:12px;display:flex}.tray button span{color:#a3a9b8}.turn-banner{text-align:center;letter-spacing:2px;color:#fff;text-shadow:0 4px 30px #000c;width:1440px;font-family:Space Grotesk,sans-serif;font-size:64px;font-weight:700;animation:.9s ease-out forwards sweep;top:380px;left:0}@keyframes sweep{0%{opacity:0;transform:translate(-80px)}25%{opacity:1;transform:translate(0)}75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}.toast{text-align:center;background:#2a1a1a;border:1px solid #ff5a4f;border-radius:10px;width:640px;padding:8px;font-size:13px;top:846px;left:420px}.corner-menu{gap:6px;display:flex;top:16px;left:16px}.corner-menu button{color:#a3a9b8;background:#161b24;border:1px solid #252d3b;border-radius:8px;margin:0;padding:6px 10px;font-size:12px}.log-drawer{color:#c9ccd8;pointer-events:auto;z-index:3;background:#12161ef2;border:1px solid #252d3b;border-radius:12px;width:300px;height:560px;padding:10px 12px;font-size:12px;line-height:1.5;top:56px;left:16px;overflow:auto}.overlay{pointer-events:auto;z-index:10;background:#06080cbd;flex-direction:column;justify-content:center;align-items:center;gap:26px;width:1440px;height:900px;display:flex;top:0;left:0}.choice-head{flex-direction:column;align-items:center;gap:6px;display:flex}.choice-sub{letter-spacing:1.5px;color:#8c93a5;font-size:12px;font-weight:600}.choice-title{text-align:center;max-width:900px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700}.choice-row{flex-wrap:wrap;justify-content:center;gap:36px;max-width:1200px;display:flex}.choice{color:#e8eaf0;cursor:pointer;text-align:center;background:#171c26;border:none;border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:280px;min-height:120px;margin:0;padding:22px 16px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 0 0 1px #3a4457,0 20px 40px #0009}.choice:hover{transform:translateY(-4px);box-shadow:0 0 0 3px #f2c14e,0 0 34px #f2c14e73,0 20px 40px #0009}.choice-card{justify-content:center;align-items:center;height:196px;display:flex}.choice-card.sideways .dom-card{transform:rotate(90deg)}.choice-label{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.choice-desc{color:#a3a9b8;font-size:13px;line-height:1.4}.cancel-btn{color:#c9ceda;cursor:pointer;text-align:center;background:#1a202b;border:1px solid #333c4d;border-radius:10px;height:40px;margin:0;padding:0 22px;font-size:14px;font-weight:600}.picker-grid{flex-wrap:wrap;justify-content:center;gap:16px;max-width:1100px;max-height:560px;padding:10px;display:flex;overflow:auto}.pick{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:6px;display:flex}.pick:hover{background:#ffffff10}.pick-where{color:#8c93a5;font-size:11px}.row-center{justify-content:center;align-items:center;gap:12px;display:flex}.fallback{background:#171c26;border-radius:16px;min-width:420px;max-width:640px;max-height:600px;padding:18px;overflow:auto}.overlay.end{background:#06080c99}.end-title{letter-spacing:4px;text-shadow:0 6px 40px #000c;font-family:Space Grotesk,sans-serif;font-size:96px;font-weight:700;animation:.6s ease-out sweep-in}@keyframes sweep-in{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.dom-card.img{object-fit:cover;background:#1a1f29;border-radius:10px;padding:0;display:block}.notice{text-align:center;box-sizing:border-box;color:#dfe7ff;background:#1d222c;border:1px solid #5b9bff;border-radius:12px;width:640px;padding:10px 14px;font-size:14px;animation:.25s ease-out noticeIn;top:92px;left:420px}@keyframes noticeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.pick.static{cursor:default}.pile-viewer{cursor:pointer}.pile-viewer .picker-grid{cursor:default}.pile-empty{color:#8c93a5;padding:40px}.small{font-size:12px}.lobby button.secondary,.lobby button.primary{text-align:center}.end-report{color:#a3a9b8;text-align:center;background:0 0;border:none;font-size:14px;text-decoration:underline;position:static}.report-card,.howto-card{background:#11151d;border:1px solid #252d3b;border-radius:16px;flex-direction:column;gap:16px;padding:28px 32px;display:flex;box-shadow:0 20px 60px #00000080}.report-card{width:560px}.report-card p{margin:0;line-height:1.45}.report-card textarea{font:inherit;color:#e8eaf0;resize:none;background:#0b0e14;border:1px solid #2c3446;border-radius:10px;height:130px;padding:12px;font-size:15px}.report-card textarea:focus{border-color:#f2c14e;outline:none}.report-code{letter-spacing:8px;color:#f2c14e;text-align:center;font-family:Space Grotesk,sans-serif;font-size:56px;font-weight:700}.report-card .big-btn,.howto-card .big-btn{width:auto;height:48px;padding:0 22px;font-size:16px}.howto-card{width:900px}.howto-grid{grid-template-columns:1fr 1fr 1fr;gap:18px 24px;display:grid}.howto-title{color:#f2c14e;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700}.howto-text{color:#c4c9d6;font-size:13.5px;line-height:1.45}.howto-foot{text-align:center}.duel-root,.duel-canvas{background:radial-gradient(80% 70% at 50% 40%,#1c120c 0%,#0d0a08 70%)}.hud{color:#f7f3ee}.life{background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;gap:0;width:180px;height:auto;padding:0;left:1236px}.life.active{box-shadow:none}.life-avatar{background:radial-gradient(circle at 50% 35%,#4a2e1f,#1d120c);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:box-shadow .3s;display:flex;box-shadow:0 0 0 3px #f7f3ee55,0 10px 30px #000000b3}.life.opp .life-avatar{background:radial-gradient(circle at 50% 35%,#7a1e16,#2a0a07)}.life.active .life-avatar{box-shadow:0 0 0 3px #ff4a3a,0 0 36px #ff4a3ab3,0 10px 30px #000000b3}.life-avatar svg{fill:none;stroke:#f7f3ee99;stroke-width:1.5px;width:46px;height:46px}.life-lp{box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;background:#0d0a08;border:2px solid #f7f3ee;border-radius:999px;min-width:104px;margin-top:-16px;padding:3px 16px;font-family:Rajdhani,Space Grotesk,sans-serif;font-size:30px;font-weight:700;line-height:1.1}.life.opp .life-lp{border-color:#d7372b}.life-name{color:#a3978b;text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-top:6px;font-size:13px;overflow:hidden}.float{transform-origin:50%;color:#ff4a3a;margin-left:-40px;font-family:Rajdhani,sans-serif;font-size:40px;top:40px;left:50%;right:auto}.float.good{color:#f7f3ee}.turn-pill{text-align:center;color:#a3978b;background:#1a120d;border:1px solid #3d2c22;border-radius:999px;width:200px;padding:7px 12px;top:186px;left:1226px}.chain-stack{background:#1a120dee;border:1px solid #3d2c22;width:210px;top:236px;left:1216px}.chain-link.mine{background:#241a14;border:1px solid #f7f3ee}.chain-link.theirs{background:#2a0f0b;border:1px solid #d7372b}.chain-n{background:#0d0a08;font-family:Rajdhani,sans-serif}.phase-strip{width:220px;top:620px;left:1206px}.phase-strip span{color:#a3978b;border:1px solid #0000}.phase-strip span.on{color:#fff;background:#d7372b}.big-btn{color:#a3978b;background:radial-gradient(circle at 50% 30%,#4a2e1f 0%,#241610 70%);border:3px solid #f7f3ee;border-radius:50%;width:136px;height:136px;padding:10px;font-family:Rajdhani,sans-serif;font-size:22px;line-height:1.05;transition:transform .12s,box-shadow .2s;top:668px;left:1262px;box-shadow:0 10px 30px #000000b3}.big-btn.primary{color:#fff;text-shadow:0 2px 6px #00000080;background:radial-gradient(circle at 50% 28%,#ff9a86 0%,#d7372b 55%,#5e100a 100%);animation:1.8s ease-in-out infinite orbPulse;box-shadow:0 0 0 7px #d7372b38,0 0 46px #ff4a3aa6,inset 0 -10px 22px #00000059}.big-btn.primary:hover{background:radial-gradient(circle at 50% 28%,#ffb3a3 0%,#ea4434 55%,#6e140c 100%);transform:scale(1.04)}.big-btn.primary:active{transform:scale(.97)}@keyframes orbPulse{0%,to{box-shadow:0 0 0 7px #d7372b38,0 0 40px #ff4a3a8c,inset 0 -10px 22px #00000059}50%{box-shadow:0 0 0 11px #d7372b29,0 0 64px #ff4a3acc,inset 0 -10px 22px #00000059}}.big-btn.static{border-radius:14px;width:auto;height:52px;padding:0 26px;animation:none}.small-btn{color:#a3978b;width:200px;top:818px;left:1230px}.small-btn:hover{color:#fff}.banner{letter-spacing:.2px;background:#1a120dee;border:1px solid #d7372b;border-radius:999px;width:600px;min-height:42px;font-size:15px;font-weight:600;top:128px;left:420px}.banner.error{color:#ffc2b8;border-color:#ff4a3a;top:176px}.notice{color:#f7f3ee;background:#1a120d;border:1px solid #f7f3ee88;width:600px;top:176px;left:420px}.toast{background:#2a0f0b;border-color:#d7372b}.turn-banner{letter-spacing:6px;text-transform:uppercase;color:#fff;text-shadow:0 0 40px #ff4a3acc,0 4px 30px #000000e6;font-family:Rajdhani,sans-serif;font-size:84px}.preview{width:248px;animation:.12s ease-out previewIn;top:70px;left:28px}.preview .dom-card{box-shadow:0 24px 60px #000c;width:248px!important;height:auto!important}.preview-text{pointer-events:none;background:#1a120df2;border:1px solid #3d2c22;max-height:300px;overflow:hidden}.preview-line{color:#ff8a7a}@keyframes previewIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.tray{top:660px}.tray button{background:#1a120d;border-color:#f7f3ee}.corner-menu button{color:#a3978b;background:#1a120d;border-color:#3d2c22}.corner-menu .report-btn{color:#ff8a7a;border-color:#5e1a12}.log-drawer{background:#120c09f2;border-color:#3d2c22}.overlay{background:#080504c7}.choice{background:#1a120d;box-shadow:0 0 0 1px #3d2c22,0 20px 40px #0009}.choice:hover{box-shadow:0 0 0 3px #ff4a3a,0 0 34px #ff4a3a73,0 20px 40px #0009}.choice.primary{box-shadow:0 0 0 2px #f7f3ee88,0 20px 40px #0009}.choice-title,.choice-label,.end-title{font-family:Rajdhani,Space Grotesk,sans-serif}.choice-sub,.choice-desc,.pick-where{color:#a3978b}.cancel-btn{background:#1a120d;border-color:#3d2c22}.pick.on .dom-card{box-shadow:0 0 0 3px #ff4a3a,0 0 26px #ff4a3a99}.report-card,.howto-card{background:#1a120d;border-color:#3d2c22}.report-code,.howto-title{color:#ff4a3a}.report-card textarea:focus{border-color:#ff4a3a}.end-title{text-transform:uppercase;letter-spacing:10px}.phase-strip{gap:4px;width:208px;top:622px;left:1222px}.phase-strip span{text-align:center;border-color:#3d2c22;width:30px;padding:4px 0;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700}.big-btn.primary{border-color:#f7f3ee}.rotate-hint{display:none}@media (orientation:portrait) and (width<=900px){.rotate-hint{z-index:100;color:#f7f3ee;text-align:center;background:#0d0a08;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.rotate-hint svg{fill:none;stroke:#ff4a3a;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:96px;height:96px;animation:2.4s ease-in-out infinite rotateHint}.rotate-hint strong{letter-spacing:1px;font-family:Rajdhani,sans-serif;font-size:30px}.rotate-hint span{color:#a3978b;font-size:15px}}@keyframes rotateHint{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.compact .corner-menu{gap:10px}.compact .corner-menu button{border-radius:12px;padding:12px 18px;font-size:22px}.compact .banner{min-height:60px;font-size:24px}.compact .notice,.compact .toast{font-size:22px}.compact .turn-pill{font-size:20px;top:180px}.compact .life-avatar{width:104px;height:104px}.compact .life-lp{min-width:150px;font-size:42px}.compact .life-name{font-size:20px}.compact .phase-strip{gap:2px;width:240px;left:1196px}.compact .phase-strip span{width:38px;padding:6px 0;font-size:19px}.compact .big-btn{width:172px;height:172px;font-size:30px;top:668px;left:1244px}.compact .small-btn{height:40px;font-size:22px;top:852px}.compact .preview{transform-origin:0 0;top:60px;left:16px;transform:scale(1.45)}.compact .preview-text{font-size:15px}.compact .chain-stack{width:230px;font-size:18px}.compact .tray button{font-size:18px}.compact .choice{transform:scale(1.25)}.compact .choice-title{font-size:40px}.compact .choice-sub{font-size:18px}.compact .big-btn.static{height:64px;font-size:26px}.hud .life,.hud .turn-pill,.hud .chain-stack,.hud .phase-strip,.hud .big-btn:not(.static),.hud .small-btn{margin-left:var(--dx,0px)}.hud .banner,.hud .notice,.hud .toast{margin-left:calc(var(--dx,0px) / 2)}.hud .turn-banner,.hud .overlay{width:calc(1440px + var(--dx,0px))}.compact .turn-pill{top:214px}.compact .phase-strip{top:662px}.compact .big-btn:not(.static){width:160px;height:160px;top:698px;left:1252px}.compact .small-btn{top:862px}.duel-root{width:100vw;height:100dvh}.turn-pill{display:none}.turn-plate{box-sizing:border-box;text-align:center;width:228px;margin-left:var(--dx,0px);background:#1a120df2;border:2px solid #3d2c22;border-radius:14px;padding:12px 14px;transition:border-color .3s,box-shadow .3s;position:absolute;top:196px;left:1206px}.turn-plate.mine{border-color:#f7f3ee;box-shadow:0 0 26px #f7f3ee2e}.turn-plate.theirs{border-color:#d7372b;box-shadow:0 0 26px #d7372b4d}.turn-who{letter-spacing:2px;text-transform:uppercase;font-family:Rajdhani,sans-serif;font-size:26px;font-weight:700;line-height:1.05}.turn-plate.theirs .turn-who{color:#ff6a5a}.turn-phase{color:#f7f3ee;margin-top:4px;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:600}.turn-hint{color:#c9bfb4;margin-top:2px;font-size:13px;line-height:1.3}.turn-num{letter-spacing:1.5px;text-transform:uppercase;color:#8a7f74;margin-top:6px;font-size:11px}.chain-stack{top:338px}.compact .turn-plate{width:240px;padding:10px 12px;top:206px;left:1196px}.compact .turn-who{font-size:32px}.compact .turn-phase{font-size:26px}.compact .turn-hint{font-size:18px}.compact .turn-num{display:none}.compact .chain-stack{top:360px}.turn-banner.theirs{color:#ff6a5a}.phase-flash{width:calc(1440px + var(--dx,0px));text-align:center;letter-spacing:4px;text-transform:uppercase;color:#fff;text-shadow:0 0 30px #000000e6,0 0 50px #f7f3ee40;pointer-events:none;font-family:Rajdhani,sans-serif;font-size:52px;font-weight:700;animation:1.1s ease-out forwards phaseFlash;position:absolute;top:400px;left:0}.phase-flash.theirs{color:#ff6a5a;text-shadow:0 0 30px #000000e6,0 0 50px #ff4a3a66}@keyframes phaseFlash{0%{opacity:0;letter-spacing:12px;transform:scale(1.12)}18%{opacity:1;letter-spacing:4px;transform:scale(1)}75%{opacity:1}to{opacity:0}}.compact .phase-flash{font-size:72px}.overlay.confirm .report-card{max-width:620px}.phase-strip{left:1212px}.turn-step{letter-spacing:1.5px;text-transform:uppercase;color:#ff6a5a;margin-top:2px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700}.compact .turn-step{font-size:22px}.phase-flash-sub{letter-spacing:.5px;text-transform:none;color:#f7f3ee;margin-top:6px;font-family:Inter,sans-serif;font-size:20px;font-weight:600}.compact .phase-flash-sub{font-size:28px}.phase-flash.big>div:first-child{letter-spacing:8px;color:#ff4a3a;text-shadow:0 0 40px #ff4a3ab3,0 4px 30px #000000f2;font-size:96px}.phase-flash.big{animation:2.6s ease-out forwards callout;top:360px}.compact .phase-flash.big>div:first-child{font-size:120px}@keyframes callout{0%{opacity:0;transform:scale(1.5)}12%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}.big-btn.primary.theirs-turn{color:#fff;background:radial-gradient(circle at 50% 28%,#5a3a2a 0%,#2a1a12 60%,#120b07 100%);border-color:#f7f3ee;animation:1.8s ease-in-out infinite orbPulseWhite}.big-btn.primary.theirs-turn:hover{background:radial-gradient(circle at 50% 28%,#6e4836 0%,#33201a 60%,#160d08 100%)}@keyframes orbPulseWhite{0%,to{box-shadow:0 0 0 6px #f7f3ee1f,0 0 30px #f7f3ee59}50%{box-shadow:0 0 0 10px #f7f3ee14,0 0 50px #f7f3ee8c}}.stage-tag{top:max(8px, env(safe-area-inset-top));z-index:9999;pointer-events:none;color:#111;letter-spacing:.18em;text-transform:uppercase;background:#ffd23a;border:2px solid #111;border-radius:4px;padding:3px 12px;font:700 12px/1.2 Rajdhani,system-ui,sans-serif;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000080}.lobby.waiting{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));color:#d8cfc6;background:#15100c;border-radius:0;width:calc(100% - 32px);max-width:520px;padding:28px 32px;font-family:Inter,sans-serif}.lobby.waiting h2{letter-spacing:1px;color:#f7f3ee;text-transform:uppercase;font-family:Rajdhani,sans-serif;font-size:30px}.lobby.waiting .share{color:#f7f3ee;word-break:break-all;background:#0b0908;border:1px solid #33251c;padding:10px 12px;display:block}.lobby.waiting ul{margin:0;padding-left:18px}.mx-label{letter-spacing:5px;color:#d7372b;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700}.mx-sub{color:#d8cfc6;text-align:center;max-width:640px;font-family:Inter,sans-serif;font-size:20px;line-height:1.4}.mx-wait{color:#a3978b;font-family:Inter,sans-serif;font-size:18px;animation:1.6s ease-in-out infinite alternate mx-breathe}@keyframes mx-breathe{0%{opacity:.55}to{opacity:1}}.mx-choose{flex-direction:column;align-items:center;gap:22px;display:flex}.mx-score{color:#f7f3ee;align-items:center;gap:14px;font-family:Rajdhani,sans-serif;font-weight:700;display:flex}.mx-score-num{font-size:56px;line-height:1}.mx-score-dash{color:#a3978b;font-size:40px}.mx-pips{gap:8px;margin-left:18px;display:flex}.mx-pip{border:2px solid #f7f3ee66;width:16px;height:16px;transform:rotate(45deg)}.mx-pip.won{background:#f7f3ee;border-color:#f7f3ee}.mx-pip.lost{background:#d7372b;border-color:#d7372b}.mx-pip.draw{background:#6a5d52}.overlay.end .big-btn.static:not(.primary){color:#f7f3ee;background:#f7f3ee1f;border:none}.overlay.sb{background:#0b0908f7;justify-content:flex-start;align-items:stretch;gap:18px;padding:34px 48px 28px}.sb-head{justify-content:space-between;align-items:flex-end;display:flex}.sb-title{color:#f7f3ee;margin-top:4px;font-family:Rajdhani,sans-serif;font-size:30px;font-weight:700}.sb-head .mx-score-num{font-size:40px}.sb-body{flex:1;grid-template-columns:minmax(0,1fr) 360px;gap:28px;min-height:0;display:grid}.sb-cols{flex-direction:column;gap:18px;padding-right:8px;display:flex;overflow-y:auto}.sb-side{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));background:#15100c;flex-direction:column;gap:14px;padding:18px;display:flex;overflow-y:auto}.sb-pile-title{letter-spacing:3px;color:#a3978b;margin-bottom:10px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700}.sb-pile-title span{color:#f7f3ee;margin-left:6px}.sb-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:12px 10px;display:grid}.sb-side .sb-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.sb-card{cursor:pointer;background:0 0;border:none;border-radius:4px;margin:0;padding:0;transition:transform .12s;position:relative}.sb-card:hover{transform:translateY(-4px)}.sb-card:hover .ea-art{box-shadow:0 0 0 2px #fff,0 0 16px 3px #fff6}.sb-count{color:#0b0908;background:#f7f3ee;border-radius:11px;justify-content:center;align-items:center;min-width:26px;height:22px;padding:0 5px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.sb-empty{color:#a3978b;margin:0;font-family:Inter,sans-serif;font-size:14px;line-height:1.5}.sb-preview{color:#d8cfc6;background:#0b0908;border:1px solid #33251c;padding:12px 14px;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}.sb-preview p{white-space:pre-line;margin:6px 0 0}.sb-preview-name{color:#f7f3ee;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700}.sb-foot{align-items:center;gap:14px;font-family:Inter,sans-serif;font-size:16px;display:flex}.sb-foot .grow{flex:1}.sb-ok{color:#f7f3ee}.sb-bad{color:#ff8a80}.sb-foot .big-btn.static:not(.primary){color:#f7f3ee;background:#f7f3ee1f;border:none}.sb-foot .big-btn:disabled{opacity:.4;cursor:default}.overlay.sb .ea-art{aspect-ratio:421/614;border-radius:4px;width:100%;display:block;position:relative;overflow:hidden}.race{z-index:60;background:#070504;font-family:Rajdhani,sans-serif;animation:.4s ease-out race-in;position:fixed;inset:0;overflow:hidden}@keyframes race-in{0%{opacity:0}to{opacity:1}}.race-scene{width:100%;height:100%;position:absolute;inset:0}.race .rider{transform-box:view-box;transform-origin:0 0}.race .rider.you{transform:translate(560px,830px)scale(1)}.race .rider.opp{transform:translate(900px,830px)scale(1)}.race .rider>g{animation:.18s ease-in-out infinite alternate race-idle}@keyframes race-idle{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.race.racing .rider{animation-duration:2.9s;animation-timing-function:cubic-bezier(.45,0,.35,1);animation-fill-mode:forwards}.race.racing .rider.you.wins{animation-name:race-you-win}.race.racing .rider.you.loses{animation-name:race-you-lose}.race.racing .rider.opp.wins{animation-name:race-opp-win}.race.racing .rider.opp.loses{animation-name:race-opp-lose}@keyframes race-you-win{0%{transform:translate(560px,830px)scale(1)}35%{transform:translate(642px,610px)scale(.64)}70%{transform:translate(706px,450px)scale(.34)}to{transform:translate(772px,364px)scale(.13)}}@keyframes race-you-lose{0%{transform:translate(560px,830px)scale(1)}35%{transform:translate(650px,570px)scale(.56)}70%{transform:translate(712px,470px)scale(.39)}to{transform:translate(738px,418px)scale(.27)}}@keyframes race-opp-win{0%{transform:translate(900px,830px)scale(1)}35%{transform:translate(842px,610px)scale(.64)}70%{transform:translate(792px,450px)scale(.34)}to{transform:translate(772px,364px)scale(.13)}}@keyframes race-opp-lose{0%{transform:translate(900px,830px)scale(1)}35%{transform:translate(836px,570px)scale(.56)}70%{transform:translate(790px,470px)scale(.39)}to{transform:translate(778px,418px)scale(.27)}}.race .rider-tail{animation:.5s steps(2,end) infinite race-blink}@keyframes race-blink{50%{opacity:.45}}.race .rider-glow{opacity:.5}.race.racing .rider-glow{opacity:1}.race-lane{animation:1.2s linear infinite race-lane}.race.racing .race-lane{animation-duration:.22s}@keyframes race-lane{to{stroke-dashoffset:84px}}.race-edge{filter:drop-shadow(0 0 6px #fffa)}.race-edge.red{filter:drop-shadow(0 0 8px #ff4a3a)}.race-chev{animation:.6s ease-in-out infinite alternate race-chev}@keyframes race-chev{0%{opacity:.35}to{opacity:1}}.race-gate-text{letter-spacing:3px;fill:#f7f3ee;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700}.race-streaks line{opacity:0}.race.racing .race-streaks line{animation:.5s linear infinite race-streak}@keyframes race-streak{0%{opacity:0;transform:translateY(40px)}30%{opacity:1}to{opacity:0;transform:translateY(-60px)}}.race-top{text-align:center;letter-spacing:8px;color:#d7372b;font-size:clamp(16px,2vw,22px);font-weight:700;position:absolute;top:5vh;left:0;right:0}.race-names{pointer-events:none;justify-content:center;gap:38vw;display:flex;position:absolute;bottom:4vh;left:0;right:0}.race-name{letter-spacing:2px;color:#f7f3ee;text-transform:uppercase;font-size:clamp(18px,2.4vw,30px);font-weight:700;transition:opacity .4s}.race-name.opp{color:#ff4a3a}.race.racing .race-name{opacity:0}.race-count{text-align:center;color:#f7f3ee;text-shadow:0 0 40px #d7372b;font-size:clamp(120px,18vw,240px);font-weight:700;line-height:1;animation:.7s ease-out forwards race-pop;position:absolute;top:30vh;left:0;right:0}.race-count.go{color:#d7372b;text-shadow:0 0 40px #ff4a3a88;animation-duration:1.2s}@keyframes race-pop{0%{opacity:0;transform:scale(1.6)}25%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.9)}}.race-result{text-align:center;animation:.4s ease-out race-in;position:absolute;top:14vh;left:0;right:0}.race-result-title{color:#f7f3ee;text-transform:uppercase;letter-spacing:2px;text-shadow:0 4px 30px #000;font-size:clamp(36px,5.6vw,76px);font-weight:700}.race-result-sub{color:#d8cfc6;margin-top:6px;font-family:Inter,sans-serif;font-size:clamp(16px,1.8vw,22px)}.race.opp-win .race-result-title{color:#ff4a3a}.race-skip{color:#d8cfc6;letter-spacing:2px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:#f7f3ee1a;border:none;padding:8px 18px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;position:absolute;bottom:22px;right:24px}.race.still .rider.you.wins,.race.still .rider.opp.wins{transform:translate(772px,364px)scale(.13)}.race.still .rider.you.loses,.race.still .rider.opp.loses{transform:translate(745px,418px)scale(.27)}.ea{--ea-bg:#0b0908;--ea-panel:#15100c;--ea-panel-2:#2a1b12;--ea-line:#33251c;--ea-red:#d7372b;--ea-red-hot:#ff4a3a;--ea-white:#f7f3ee;--ea-text:#d8cfc6;--ea-muted:#a3978b;--ea-brown:#3b2418;--ea-head:Rajdhani, "Barlow Condensed", sans-serif;color:var(--ea-text);background:var(--ea-bg);min-height:100dvh;font-family:Inter,system-ui,sans-serif}.ea *{box-sizing:border-box}.ea button{color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;border-radius:0;margin:0;padding:0}.ea button:disabled{opacity:.4;cursor:default}.ea a{color:var(--ea-white)}.ea input,.ea select,.ea textarea{width:100%;font:inherit;color:var(--ea-white);background:var(--ea-bg);border:1px solid var(--ea-line);border-radius:4px;height:44px;padding:0 14px;font-size:15px}.ea textarea{height:auto;padding:10px 14px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.ea input:focus,.ea select:focus,.ea textarea:focus{border-color:var(--ea-red);outline:none}.ea :focus-visible{outline:2px solid var(--ea-red-hot);outline-offset:2px}.ea-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ea-grow{flex-grow:1}.ea-muted{color:var(--ea-muted)}.ea-small{font-size:13px;line-height:1.5}.ea-pad{padding:48px}.ea-loading{display:block}.ea-wordmark{font-family:var(--ea-head);letter-spacing:1px;color:var(--ea-white);white-space:nowrap;font-weight:700}.ea-wordmark span{color:var(--ea-red);margin-left:.18em}.ea-label{font-family:var(--ea-head);letter-spacing:3px;color:var(--ea-muted);text-transform:uppercase;font-size:13px;font-weight:700}.ea-label.red{color:var(--ea-red)}.ea-h1{font-family:var(--ea-head);color:var(--ea-white);margin:0;font-size:84px;font-weight:700;line-height:.9}.ea-h2{font-family:var(--ea-head);letter-spacing:1px;color:var(--ea-white);text-transform:uppercase;margin:0;font-size:40px;font-weight:700}.ea-cut,.ea-corner{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.ea .ea-btn{height:48px;font-family:var(--ea-head);letter-spacing:2px;text-transform:uppercase;text-align:center;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:0 30px;font-size:17px;font-weight:700;transition:filter .15s,transform .15s;display:inline-flex}.ea .ea-btn.primary{background:var(--ea-red);color:#fff}.ea .ea-btn.white{background:var(--ea-white);color:#0b0908}.ea .ea-btn.ghost{color:var(--ea-white);background:#f7f3ee1a}.ea .ea-btn:hover:not(:disabled){filter:brightness(1.15)}.ea .ea-btn.ghost:hover:not(:disabled){filter:none;background:#f7f3ee33}.ea .ea-btn:active:not(:disabled){transform:translateY(1px)}.ea .ea-link{color:var(--ea-white);text-underline-offset:3px;font-size:13px;text-decoration:underline}.ea .ea-link.danger{color:#ff8a80}.ea .ea-icon{color:var(--ea-muted);padding:6px}.ea .ea-icon:hover{color:var(--ea-white)}.ea-field{letter-spacing:1px;color:var(--ea-muted);text-transform:uppercase;flex-direction:column;gap:6px;font-size:12px;display:flex}.ea-field input{text-transform:none;letter-spacing:0}.ea-top{z-index:20;border-bottom:1px solid var(--ea-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0b09f2;align-items:center;gap:28px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.ea-top-brand{text-decoration:none}.ea-tabs{height:100%;display:flex}.ea-tabs a{height:100%;font-family:var(--ea-head);letter-spacing:2px;color:var(--ea-muted);text-transform:uppercase;align-items:center;padding:0 22px;font-size:18px;font-weight:700;text-decoration:none;display:flex;position:relative}.ea-tabs a:hover,.ea-tabs a.on{color:var(--ea-white)}.ea-tabs a.on:after{content:"";background:var(--ea-red);height:3px;position:absolute;bottom:0;left:18px;right:18px}.ea-user{position:relative}.ea .ea-user-btn{color:var(--ea-white);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.ea-avatar{background:var(--ea-brown);width:36px;height:36px;box-shadow:0 0 0 2px var(--ea-red);font-family:var(--ea-head);object-fit:cover;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.ea-guest-tag{letter-spacing:1px;text-transform:uppercase;color:var(--ea-muted);border:1px solid var(--ea-line);border-radius:3px;padding:2px 6px;font-size:11px}.ea-menu{background:var(--ea-panel);border:1px solid var(--ea-line);z-index:30;flex-direction:column;min-width:190px;padding:6px;display:flex;position:absolute;top:46px;right:0}.ea-menu a,.ea .ea-menu button{color:var(--ea-white);text-align:left;padding:10px 12px;font-size:14px;text-decoration:none}.ea-menu a:hover,.ea .ea-menu button:hover{background:var(--ea-panel-2)}.ea-legal-line{color:#8a7e72;max-width:900px;margin:0;font-size:12px;line-height:1.6}.ea-legal-line a{color:var(--ea-muted)}.ea-powered{white-space:nowrap}.ea-foot{grid-column:1/-1;padding:28px 0 8px}.ea-signin{grid-template-columns:minmax(0,1fr) 510px;min-height:100dvh;display:grid;position:relative;overflow:hidden}.ea-signin-glow{pointer-events:none;background:radial-gradient(50% 60% at 28% 70%,#3b241888 0%,#0000 70%);position:absolute;inset:0}.ea-slash{background:var(--ea-red);pointer-events:none;width:140px;position:absolute;top:-40px;bottom:-40px;right:440px;transform:skew(-12deg)}.ea-signin-hero{min-height:760px;padding:92px 80px 40px;position:relative}.ea-kicker{align-items:center;gap:12px;display:flex}.ea-kicker-line{background:var(--ea-red);width:40px;height:2px}.ea-hero-title{font-family:var(--ea-head);color:var(--ea-white);letter-spacing:-2px;margin:18px 0 0;font-size:clamp(84px,10vw,150px);font-weight:700;line-height:.82}.ea-hero-title span{color:var(--ea-red)}.ea-hero-sub{color:var(--ea-text);max-width:520px;margin:26px 0 0;font-size:21px;line-height:1.45}.ea-fan{height:330px;margin-top:48px;margin-left:-10px;position:relative}.ea-fan-card{transform-origin:50% 100%;width:190px;position:absolute}.ea-fan-card .ea-art{width:190px;box-shadow:0 18px 40px #000000a6}.ea-signin-panel{background:var(--ea-panel);clip-path:polygon(96px 0,100% 0,100% 100%,0 100%);flex-direction:column;justify-content:space-between;padding:0 60px 0 130px;display:flex;position:relative}.ea-signin-form{flex-direction:column;gap:18px;max-width:320px;margin-top:22vh;display:flex}.ea-signin-form p{margin:0;font-size:15px;line-height:1.5}.ea .ea-discord{height:56px;font-size:18px}.ea-or{color:var(--ea-muted);align-items:center;gap:12px;font-size:13px;display:flex}.ea-or span{background:var(--ea-line);flex-grow:1;height:1px}.ea-guest-form{flex-direction:column;gap:12px;display:flex}.ea-invite,.ea-notice{background:var(--ea-panel-2);color:var(--ea-white);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);padding:12px 14px;font-size:14px;line-height:1.5}.ea-notice{background:#3a1410}.ea-signin-foot{flex-direction:column;gap:12px;max-width:330px;padding:0 0 32px;display:flex}.ea-powered-big{font-family:var(--ea-head);letter-spacing:2px;text-transform:uppercase;color:var(--ea-muted);font-size:15px;font-weight:600}.ea-powered-big a{color:var(--ea-white);border-bottom:2px solid var(--ea-red);text-decoration:none}.ea-home{grid-template-columns:minmax(0,900px) minmax(300px,396px);justify-content:center;gap:48px;padding:40px 48px 24px;display:grid}.ea-home-main{flex-direction:column;gap:24px;min-width:0;display:flex}.ea-home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.ea-format{font-family:var(--ea-head);letter-spacing:1px;color:var(--ea-white);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:10px;font-size:16px;font-weight:700;display:flex}.ea-deckplate{background:linear-gradient(100deg,#2a1b12 0%,#15100c 70%);align-items:center;gap:32px;min-height:230px;padding:24px 36px 24px 48px;display:flex;position:relative}.ea-deckplate-bar{background:var(--ea-red);width:8px;position:absolute;top:0;bottom:0;left:0}.ea-deckplate-fan{flex-shrink:0;width:230px;height:190px;position:relative}.ea-deckplate-card{width:118px;position:absolute}.ea-deckplate-card .ea-art{width:118px;box-shadow:0 10px 26px #0009}.ea-deckplate-info{flex-direction:column;flex-grow:1;gap:10px;min-width:0;display:flex}.ea-deckplate-name{font-family:var(--ea-head);color:var(--ea-white);overflow-wrap:break-word;font-size:clamp(34px,3.6vw,52px);font-weight:700;line-height:1}.ea-deckplate-meta{color:var(--ea-muted);flex-wrap:wrap;gap:18px;font-size:14px;display:flex}.ea-deckplate-meta .ok{color:var(--ea-white)}.ea-deckplate-meta .bad{color:#ff8a80}.ea-code{max-width:300px}.ea-seg{box-shadow:inset 0 0 0 1px var(--ea-line);margin-left:14px;display:inline-flex}.ea .ea-seg button{height:32px;font-family:var(--ea-head);letter-spacing:1.5px;text-transform:uppercase;color:var(--ea-muted);padding:0 14px;font-size:14px;font-weight:700}.ea .ea-seg button.on{background:var(--ea-white);color:#0b0908}.ea-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.ea-tile{background:var(--ea-panel);flex-direction:column;gap:14px;padding:26px 28px;display:flex}.ea-tile p{margin:0;font-size:14px;line-height:1.5}.ea-tile-title{font-family:var(--ea-head);letter-spacing:1px;color:var(--ea-white);font-size:30px;font-weight:700}.ea-tile-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.ea-tile .ea-btn{align-self:flex-start}.ea-warn{color:#ff8a80;margin:0;font-size:14px}.ea .ea-home-side{border-left:none;flex-direction:column;gap:12px;display:flex}.ea-side-head{justify-content:space-between;align-items:center;display:flex}.ea-side-head a{color:var(--ea-red-hot);font-size:13px;font-weight:600;text-decoration:none}.ea-decklist{flex-direction:column;gap:4px;display:flex}.ea .ea-deckrow{text-align:left;border-radius:6px;align-items:center;gap:14px;padding:10px 12px;display:flex}.ea .ea-deckrow:hover{background:var(--ea-panel)}.ea .ea-deckrow.on{background:var(--ea-panel-2);box-shadow:inset 0 0 0 1px #d7372b88}.ea-deckrow-art .ea-art{width:34px}.ea-deckrow-text{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.ea-deckrow-name{color:var(--ea-white);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.ea-deckrow-meta{color:var(--ea-muted);font-size:12px}.ea-deckrow-meta em{color:#ff8a80;font-style:normal}.ea-art{aspect-ratio:421/614;border-radius:4px;width:100%;display:block;position:relative;overflow:hidden}.ea-art img{object-fit:cover;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.ea-art-standin{flex-direction:column;gap:5%;padding:5%;display:flex;position:absolute;inset:0}.ea-art-name,.ea-art-stat{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;background:#f1ece0;border-radius:2px;padding:2px 4px;font-size:9px;font-weight:700;overflow:hidden}.ea-art-stat{text-align:right}.ea-art.tiny .ea-art-name,.ea-art.tiny .ea-art-stat{display:none}.ea-art-box{background:#00000047;border:1px solid #00000059;flex-grow:1}.ea-decks-index{flex-direction:column;gap:18px;max-width:1340px;margin:0 auto;padding:40px 48px 24px;display:flex}.ea-decktiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;margin-bottom:18px;display:grid}.ea-decktile{background:var(--ea-panel);color:inherit;flex-direction:column;gap:8px;padding:18px;text-decoration:none;transition:background .15s;display:flex}.ea-decktile:hover{background:var(--ea-panel-2)}.ea-decktile-art .ea-art{width:96px;box-shadow:0 10px 22px #00000080}.ea-decktile-name{font-family:var(--ea-head);color:var(--ea-white);font-size:22px;font-weight:700;line-height:1.1}.ea-decktile.new{min-height:230px;box-shadow:inset 0 0 0 2px var(--ea-line);background:0 0;justify-content:center;align-items:flex-start}.ea-plus{font-family:var(--ea-head);color:var(--ea-red);font-size:64px;line-height:1}.ea-builder{grid-template-columns:270px minmax(0,1fr) 380px;gap:28px;height:calc(100dvh - 64px);padding:28px 0 0 28px;display:grid}.ea-preview{flex-direction:column;gap:12px;padding-bottom:24px;display:flex;overflow-y:auto}.ea-preview-card .ea-art{border-radius:8px;width:250px;box-shadow:0 18px 40px #0009}.ea-preview-text{background:var(--ea-panel);border:1px solid var(--ea-line);border-radius:6px;padding:12px 14px;font-size:13px;line-height:1.5}.ea-preview-text p{white-space:pre-line;margin:8px 0 0}.ea-preview-name{font-family:var(--ea-head);color:var(--ea-white);font-size:20px;font-weight:700;line-height:1.1}.ea-preview-type{color:var(--ea-muted);margin-top:4px;font-size:12px}.ea-preview-stats{color:var(--ea-white);margin-top:4px;font-weight:600}.ea-limit-pill{font-family:var(--ea-head);letter-spacing:1px;background:var(--ea-red);color:#fff;margin-top:6px;padding:1px 8px;font-size:13px;font-weight:700;display:inline-block}.ea-limit-pill.l0{color:var(--ea-red-hot);box-shadow:inset 0 0 0 1px var(--ea-red);background:#000}.ea-pool{flex-direction:column;gap:12px;min-width:0;padding:0 8px 40px 0;display:flex;overflow-y:auto}.ea-search{display:block;position:relative}.ea-search svg{color:var(--ea-muted);position:absolute;top:14px;left:16px}.ea .ea-search input{background:var(--ea-panel);height:48px;padding-left:46px}.ea-chips{flex-wrap:wrap;gap:8px;display:flex}.ea .ea-chip{border:1px solid var(--ea-line);height:34px;color:var(--ea-text);border-radius:17px;padding:0 16px;font-size:13px;font-weight:600}.ea .ea-chip.on{background:var(--ea-white);color:#0b0908;border-color:var(--ea-white)}.ea-selects{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ea-select select{background:var(--ea-panel);width:auto;height:34px;padding:0 10px;font-size:13px}.ea-hint{color:var(--ea-muted);margin:0;font-size:12px}.ea-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:20px 16px;padding-top:6px;display:grid}.ea .ea-gridcard{transition:transform .12s;display:block;position:relative}.ea .ea-gridcard:hover{transform:translateY(-4px)}.ea .ea-gridcard:hover .ea-art{box-shadow:0 0 0 2px #fff,0 0 18px 4px #fff6}.ea .ea-gridcard.forbidden .ea-art{opacity:.4;filter:grayscale(.8)}.ea-count{background:var(--ea-white);color:#0b0908;min-width:24px;height:24px;font-family:var(--ea-head);border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0009}.ea-limit{background:var(--ea-red);color:#fff;font-family:var(--ea-head);letter-spacing:1px;padding:1px 7px;font-size:12px;font-weight:700;position:absolute;bottom:8px;left:-5px}.ea-forbidden{color:var(--ea-red-hot);font-family:var(--ea-head);letter-spacing:2px;text-align:center;background:#0b0908ee;padding:3px 0;font-size:12px;font-weight:700;position:absolute;top:40%;left:0;right:0}.ea-more{justify-content:center;padding:18px 0;display:flex}.ea-deckpanel{background:var(--ea-panel);flex-direction:column;gap:10px;min-height:0;margin-top:-28px;padding:22px 26px;display:flex;position:relative}.ea-deckpanel-head{align-items:center;gap:8px;min-height:44px;display:flex}.ea-deckpanel-name{font-family:var(--ea-head);color:var(--ea-white);overflow-wrap:break-word;font-size:30px;font-weight:700;line-height:1}.ea .ea-rename{font-family:var(--ea-head);height:44px;font-size:26px;font-weight:700}.ea-parts{display:flex}.ea .ea-parts button{border-bottom:3px solid var(--ea-line);height:40px;color:var(--ea-muted);font-family:var(--ea-head);letter-spacing:2px;text-align:center;flex-grow:1;font-size:16px;font-weight:700}.ea .ea-parts button.on{border-bottom-color:var(--ea-red);color:var(--ea-white)}.ea-partlist{flex-grow:1;min-height:0;padding-right:4px;overflow-y:auto}.ea-group{font-family:var(--ea-head);letter-spacing:2px;color:var(--ea-muted);justify-content:space-between;padding:10px 0 4px;font-size:14px;font-weight:700;display:flex}.ea-row{border-radius:3px;align-items:center;gap:10px;height:28px;padding-right:2px;display:flex}.ea-row:hover{background:#ffffff0a}.ea-row-bar{flex-shrink:0;width:4px;height:16px}.ea-row-n{width:16px;font-family:var(--ea-head);color:var(--ea-white);font-size:15px;font-weight:700}.ea-row-name{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-size:13px;overflow:hidden}.ea .ea-row-btn{width:24px;height:24px;color:var(--ea-muted);text-align:center;opacity:0;border-radius:3px;font-size:16px;line-height:1}.ea-row:hover .ea-row-btn,.ea .ea-row-btn:focus-visible{opacity:1}.ea .ea-row-btn:hover{background:var(--ea-panel-2);color:var(--ea-white)}.ea-legal{border-top:1px solid var(--ea-line);color:var(--ea-white);align-items:center;gap:8px;padding:10px 0;font-size:13px;display:flex}.ea-legal.bad span:first-child{color:#ff8a80}.ea-deckpanel-actions{flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:6px;display:flex}.ea-toast{background:var(--ea-white);color:#0b0908;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);padding:10px 14px;font-size:14px;font-weight:600;position:absolute;bottom:100px;left:26px;right:26px}.ea-modal{z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ea-modal-box{background:var(--ea-panel);flex-direction:column;gap:12px;width:min(560px,100%);padding:28px;display:flex}.ea-modal-box p{margin:0}.ea-file{cursor:pointer;position:relative;overflow:hidden}.ea-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.ea-legal-page{justify-content:center;padding:48px;display:flex}.ea-legal-page article{flex-direction:column;gap:10px;max-width:760px;display:flex}.ea-legal-page h1{margin:10px 0 18px}.ea-legal-page p{margin:0 0 18px;font-size:15px;line-height:1.65}.ea-legal-page .ea-label{margin-top:6px}@media (width<=1180px){.ea-home{grid-template-columns:minmax(0,1fr)}.ea-builder{grid-template-columns:minmax(0,1fr) 340px}.ea-preview{display:none}}@media (width<=900px){.ea-signin{grid-template-columns:1fr}.ea-slash,.ea-fan{display:none}.ea-signin-hero{min-height:0;padding:48px 28px 12px}.ea-signin-panel{clip-path:none;padding:28px}.ea-signin-form{max-width:none;margin-top:0}.ea-signin-foot{max-width:none;padding-top:28px}.ea-top{gap:10px;padding:0 14px}.ea-top .ea-wordmark{font-size:18px!important}.ea-tabs a{padding:0 12px;font-size:16px}.ea-user-name{display:none}.ea-home,.ea-decks-index{padding:24px 16px}.ea-h1{font-size:56px}.ea-tiles{grid-template-columns:1fr}.ea-deckplate{flex-wrap:wrap;padding:20px 20px 20px 28px}.ea-deckplate-fan{width:200px;height:170px}.ea-deckplate-name{font-size:40px}.ea-builder{flex-direction:column;height:auto;padding:16px;display:flex}.ea-pool{overflow:visible}.ea-deckpanel{max-height:none;margin-top:0}.ea-partlist{max-height:50vh}.ea .ea-row-btn{opacity:1}}
