*{margin:0;padding:0}html,body,#root{height:100%}body{background:#0b1120}.announcer{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}.menu.war-room{--menu-gold:#d9bd88;--menu-pad-x:max(40px, 5.5vw);--menu-pad-y:clamp(18px, 4vh, 44px);--menu-col:clamp(400px, 34vw, 500px);--menu-world-left:calc(var(--menu-pad-x) + var(--menu-col) + 16px);padding:var(--menu-pad-y) var(--menu-pad-x);text-align:left;color:#f1eee4;isolation:isolate;background:#0c1720;flex-direction:row;justify-content:flex-start;align-items:safe center;display:flex;position:relative;overflow:hidden auto}.menu-world{z-index:-3;top:0;bottom:0;left:var(--menu-world-left);background:radial-gradient(ellipse 47% 49% at 50% 50%, color-mix(in srgb, var(--faction,#758da3) 9%, #213444) 0%, #182836 45%, #0c172000 100%);position:absolute;right:0}.menu-world-fallback{background:radial-gradient(#3a4f62,#0000 65%)}.war-room-vignette{z-index:-2;pointer-events:none;background:linear-gradient(#0c172066,#0000 16% 78%,#0c1720 100%);position:absolute;inset:0}.war-room-content{width:var(--menu-col);flex-direction:column;display:flex}.menu-brand{margin:0 0 clamp(16px,3.2vh,30px)}.menu-eyebrow{color:#b4a17e;letter-spacing:2.5px;align-items:center;gap:10px;margin-bottom:clamp(8px,1.6vh,14px);font-size:10px;font-weight:600;display:flex}.menu-eyebrow span{background:var(--menu-gold);width:7px;height:7px;transform:rotate(45deg)}.war-room .menu-title{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;color:#efe6d2;text-shadow:0 2px #0008,0 8px 40px #0007;margin:0;font-size:clamp(36px,min(4.3vw,8.4vh),66px);font-weight:700;line-height:1.04}.war-room .menu-title span{color:var(--menu-gold)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.war-room .menu-title{background:linear-gradient(#fbf4e4 30%,#cbbb99 95%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px #000a)drop-shadow(0 10px 28px #0009);-webkit-background-clip:text;background-clip:text}.war-room .menu-title span{background:linear-gradient(#f7e4b6 22%,#b58f57 92%);-webkit-background-clip:text;background-clip:text}}.war-room .menu-subtitle{text-wrap:balance;color:#a8b5bf;border-top:1px solid;border-image:linear-gradient(90deg,#d9bd8890,#d9bd8800 75%) 1;margin:clamp(10px,1.8vh,16px) 0 0;padding-top:clamp(10px,1.8vh,14px);font-size:13px;line-height:1.5}.war-room .menu-section{text-align:left;width:100%;margin:0 0 clamp(14px,2.6vh,24px)}.war-room .menu-section h2{color:#c6cbd0;letter-spacing:2.1px;margin:0 0 10px;font-size:10px;font-weight:500}.menu-step{color:#b19b72;margin-right:8px;font-size:9px}.war-room .faction-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.war-room .faction-card{text-align:center;background:linear-gradient(#1b2831d9,#141f27d9);border:1px solid #849aaa22;border-radius:4px;gap:5px;padding:11px 3px 10px;transition:background .2s,transform .2s,border-color .2s;box-shadow:inset 0 1px #ffffff08}.war-room .faction-card:hover{border-color:color-mix(in srgb, var(--faction) 30%, transparent);background:#25323f;transform:translateY(-3px)}.war-room .faction-card:focus-visible{outline:2px solid var(--menu-gold);outline-offset:2px}.war-room .faction-card.selected{background:linear-gradient(180deg, #232f3a, color-mix(in srgb, var(--faction) 16%, #1d2833));border-color:color-mix(in srgb, var(--faction) 55%, transparent);box-shadow:inset 0 -2px 0 var(--faction), 0 6px 24px color-mix(in srgb, var(--faction) 18%, transparent)}.faction-sigil{width:28px;height:28px;color:var(--faction);opacity:.78;margin:1px auto 4px;transition:opacity .2s,transform .2s;display:block}.war-room .faction-card:hover .faction-sigil,.war-room .faction-card.selected .faction-sigil{opacity:1}.war-room .faction-card.selected .faction-sigil{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--faction) 55%, transparent));transform:scale(1.08)}.war-room .faction-name{letter-spacing:.3px;color:var(--faction);font-size:10px;font-weight:600}.war-room .faction-blurb{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chosen-faction-note{color:#99a9b6;margin:10px 0 0;font-size:11px;line-height:1.5}.deck-picker{margin-top:10px}.deck-chips{flex-wrap:wrap;gap:5px;display:flex}.deck-chip{color:#bfc9d0;max-width:100%;height:30px;font:inherit;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#17232cb0;border:1px solid #849aaa30;border-radius:4px;align-items:center;gap:6px;padding:0 11px;font-size:11.5px;font-weight:600;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex;overflow:hidden}.deck-chip:hover{color:#e6ebee;background:#22303b;border-color:#849aaa60}.deck-chip:focus-visible{outline:2px solid var(--menu-gold);outline-offset:2px}.deck-chip .ui-icon{flex:none;width:13px;height:13px}.deck-chip[aria-pressed=true]{color:#f3ead6;border-color:color-mix(in srgb, var(--faction) 60%, transparent);background:linear-gradient(180deg, #232f3a, color-mix(in srgb, var(--faction) 16%, #1d2833));box-shadow:inset 0 -2px 0 var(--faction), 0 4px 16px color-mix(in srgb, var(--faction) 16%, transparent)}.deck-chip.unfinished{color:#8597a4;border-style:dashed;font-weight:500}.deck-chip-count{color:#6f8290;font-variant-numeric:tabular-nums;font-size:10.5px}.deck-chip-build{color:#d9c49a;background:#d9bd8808;border-style:dashed;border-color:#d9bd8855}.deck-chip-build:hover{color:#f1dca8;background:#d9bd8814;border-color:#d9bd88a0}.deck-picker-note{color:#99a9b6;margin:8px 0 0;font-size:11px;line-height:1.5;animation:.3s cubic-bezier(.2,.7,.2,1) both gate-rise}.deck-picker-note strong{color:#efe6d2;font-weight:600}.deck-picker-note .link-button{font-size:11px}.menu-sync-note{color:var(--warn);margin:8px 0 0;font-size:11px}.war-room .menu-modes{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.war-room .menu-opponent .mode-option{color:#bfc9d0;letter-spacing:.2px;background:#17232cb0;border:1px solid #849aaa28;border-radius:4px;justify-content:center;gap:8px;padding:9px 10px;font-size:12.5px;font-weight:600;position:relative}.war-room .menu-opponent .mode-option:hover{background:#22303b;border-color:#849aaa55}.war-room .menu-opponent .mode-option .ui-icon{width:15px;height:15px}.war-room .menu-opponent .mode-option.selected{color:#f3ead6;box-shadow:inset 0 -2px 0 var(--menu-gold), 0 4px 18px #d9bd8814;background:linear-gradient(#2c3843,#212c36);border-color:#d9bd8890}.war-room .menu-opponent .mode-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.war-room .menu-opponent .mode-option:has(input:focus-visible){outline:2px solid var(--menu-gold);outline-offset:2px}.war-room .menu-opponent-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:10px;display:flex}.war-room .difficulty-radio{grid-template-columns:repeat(3,auto);gap:4px;margin:0;display:inline-grid}.war-room .difficulty-radio .mode-option{padding:6px 13px;font-size:11.5px;font-weight:500}.war-room .opponent-row{gap:8px;margin:0;display:inline-flex}.war-room .opponent-label{color:#8da0ad;font-size:11px}.war-room select{color:#e3e7ea;background:#17232c;border:1px solid #849aaa40;border-radius:4px;padding:6px 9px;font-size:11.5px}.war-room select:focus-visible{outline:2px solid var(--menu-gold);outline-offset:1px}.war-room .menu-actions{grid-template-columns:repeat(3,1fr);justify-content:stretch;gap:8px;display:grid}.war-room .menu-actions .btn{color:#bdc7ce;background:#17232c;border:1px solid #849aaa30;border-radius:4px;padding:10px 6px;font-size:11.5px}.war-room .menu-actions .btn:hover{color:#e6ebee;background:#22303b;border-color:#c5af7970}.war-room .menu-actions .btn .ui-icon{width:15px;height:15px}.war-room .menu-actions .btn-start,.war-room .online-panel .btn-start,.war-room .deck-hub .btn-start{color:#19242b;letter-spacing:.7px;background:linear-gradient(105deg,#e8d2a5,#bca371);border:1px solid #e2cda3;align-items:center;font-weight:650;display:flex;box-shadow:inset 0 1px #fff5,0 5px 25px #ccb4771c}.war-room .menu-actions .btn-start{grid-column:1/-1;justify-content:space-between;margin-bottom:2px;padding:15px 21px;font-size:15px}.war-room .btn-start:hover{color:#19242b;background:#ecd7b0}.war-room .btn-start span{font-size:22px;line-height:1}.menu-rule-strip{letter-spacing:.4px;color:#80939f;white-space:nowrap;border-top:1px solid #849aaa22;justify-content:space-between;gap:12px;margin-top:clamp(12px,2.4vh,20px);padding-top:clamp(10px,1.8vh,14px);font-size:10px;display:flex}.deck-hub{flex-direction:column;gap:12px;animation:.35s cubic-bezier(.2,.7,.2,1) both gate-rise;display:flex}.deck-hub-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.deck-hub-back{align-items:center;gap:6px;padding:7px 10px 7px 6px;font-size:12px;display:inline-flex}.deck-hub .btn .ui-icon{width:15px;height:15px}.deck-hub-title{font-family:var(--font-display);letter-spacing:.03em;color:#efe6d2;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;font-size:22px;font-weight:700;display:flex}.deck-hub-count{letter-spacing:.3px;color:#8da0ad;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500}.war-room .deck-hub-collection,.war-room .deck-hub-own{color:#bdc7ce;background:#17232c;border:1px solid #849aaa30;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:11.5px;display:inline-flex}.war-room .deck-hub-collection:hover,.war-room .deck-hub-own:hover{color:#e6ebee;background:#22303b;border-color:#c5af7970}.deck-hub-new{background:linear-gradient(#16222bf0,#101a22f2);border:1px solid #849aaa2e;border-radius:6px;padding:14px 14px 13px;position:relative;box-shadow:0 18px 44px #0008,inset 0 1px #ffffff0a}.deck-hub-new:before{content:"";background:linear-gradient(90deg, #d9bd8800, var(--menu-gold), #d9bd8800);height:1px;position:absolute;top:-1px;left:12%;right:12%}.deck-hub-new-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.deck-hub-eyebrow{letter-spacing:2.1px;text-transform:uppercase;color:#b4a17e;font-size:10px;font-weight:600}.deck-hub-new-head .link-button{color:#8da0ad;font-size:11.5px}.deck-hub-blurb{color:#99a9b6;margin:10px 0 12px;font-size:11.5px;line-height:1.5}.deck-hub-new-actions{grid-template-columns:1.25fr 1fr;gap:8px;display:grid}.war-room .deck-hub .deck-hub-build{border-radius:4px;justify-content:center;gap:8px;padding:12px 14px;font-size:13.5px}.war-room .deck-hub .deck-hub-build .ui-icon{width:17px;height:17px}.war-room .deck-hub-own{padding:12px;font-size:12.5px}.deck-hub-note{color:#8597a4;margin:11px 0 0;font-size:11px;line-height:1.55}.deck-hub-add{color:#d9c49a;letter-spacing:.3px;cursor:pointer;background:#d9bd8808;border:1px dashed #d9bd8855;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:flex}.deck-hub-add:hover{color:#f1dca8;background:#d9bd8814;border-color:#d9bd88a0}.deck-hub-add:focus-visible{outline:2px solid var(--menu-gold);outline-offset:2px}.deck-hub-add .ui-icon{width:16px;height:16px}.deck-hub-list{flex-direction:column;gap:6px;max-height:min(430px,54vh);margin:0 -6px;padding:2px 6px 6px;list-style:none;display:flex;overflow-y:auto}.deck-banner{isolation:isolate;border:1px solid #849aaa26;border-left:3px solid var(--faction);background:linear-gradient(90deg, color-mix(in srgb, var(--faction) 14%, #16222b), #141f27 55%);width:100%;height:62px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:5px;align-items:center;gap:12px;padding:0 14px 0 12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.deck-banner-art{z-index:-1;opacity:.5;background-position:50% 24%;background-size:cover;width:64%;transition:opacity .25s,transform .5s;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.deck-banner:hover{border-color:color-mix(in srgb, var(--faction) 45%, transparent);box-shadow:0 8px 24px #0006, inset 0 0 0 1px color-mix(in srgb, var(--faction) 16%, transparent);transform:translate(3px)}.deck-banner:hover .deck-banner-art{opacity:.78;transform:scale(1.04)}.deck-banner:focus-visible{outline:2px solid var(--menu-gold);outline-offset:2px}.deck-banner-sigil{width:26px;height:26px;color:var(--faction);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--faction) 45%, transparent));flex:none}.deck-banner-text{flex-direction:column;gap:3px;min-width:0;display:flex}.deck-banner-name{color:#efe6d2;font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #000c;font-size:16px;font-weight:700;overflow:hidden}.deck-banner-meta{color:color-mix(in srgb, var(--faction) 70%, #c6cbd0);letter-spacing:.3px;text-shadow:0 1px 3px #000c;align-items:center;gap:8px;font-size:10.5px;display:flex}.deck-banner-status{color:#8da0ad}.deck-banner-status:before{content:"";vertical-align:middle;background:#849aaa80;border-radius:50%;width:3px;height:3px;margin-right:8px;display:inline-block}.deck-banner.ready .deck-banner-status{color:var(--menu-gold)}.menu-rule-strip b{font-family:var(--font-display);color:#d6cdb8;margin-right:5px;font-size:13px;font-weight:700}.war-room .menu-opponent>.online-note{text-align:left;margin:12px 0 0;font-size:12.5px}.war-room .online-panel .btn{border-radius:4px}.war-room .online-panel{align-items:stretch;gap:10px;margin-top:12px}.war-room .online-panel .online-note,.war-room .online-panel .online-error{text-align:left;max-width:none;margin:0;font-size:12.5px}.war-room .online-identity{color:#99a9b6;justify-content:flex-start;font-size:12px}.war-room .online-panel>.auth-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.war-room .online-panel .btn-start{justify-content:center;gap:9px;padding:13px 18px;font-size:14.5px}.war-room .online-panel>.auth-actions>.btn:not(.btn-start){padding:0 18px}.war-room .online-search{background:#17232c99;border:1px solid #849aaa28;border-radius:4px;justify-content:space-between;padding:8px 8px 8px 14px}.war-room .online-search .online-status{font-size:13px}.war-room .online-resume{border-radius:4px;align-items:flex-start}.war-room .online-panel .name-form{align-items:flex-start}.war-room .lobby{margin-top:2px;padding-top:12px}.war-room .menu-opponent{flex-direction:column;display:flex}.war-room .lobby-list{max-height:110px}.menu-world-caption{pointer-events:none;left:var(--menu-world-left);text-align:center;position:absolute;bottom:clamp(14px,4.2vh,44px);right:0}.menu-world-caption>span{letter-spacing:3px;color:#a38e68;margin-bottom:8px;font-size:9px;display:block}.menu-world-caption strong{font-family:var(--font-display);letter-spacing:.04em;color:#dfd4bb;text-shadow:0 2px 18px #000a;font-size:clamp(26px,4.2vh,36px);font-weight:700;display:block}.menu-world-caption p{color:#798e9c;margin:8px 0 0;font-size:10px}.menu-account{z-index:1;top:var(--menu-pad-y);right:var(--menu-pad-x);align-items:center;gap:8px;display:flex;position:absolute}.menu-account.signed-in{background:#17232cd9;border:1px solid #849aaa30;border-radius:26px;gap:10px;padding:6px 14px 6px 6px}.menu-account-avatar{border:1px solid var(--menu-gold);width:34px;height:34px;color:var(--menu-gold);font-family:var(--font-display);background:radial-gradient(circle at 35% 30%,#2d3b47,#141e26);border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid}.menu-account-who{flex-direction:column;gap:2px;display:flex}.menu-account-name{color:#efe6d2;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:650;overflow:hidden}.menu-account-links{gap:12px;font-size:11px;display:flex}.menu-account-links .link-button{color:#b4a17e}.menu-account-links .link-button:hover{color:var(--menu-gold)}.gate-panel{background:linear-gradient(#16222bf0,#101a22f2);border:1px solid #849aaa2e;border-radius:6px;padding:clamp(20px,3.4vh,30px) 30px clamp(18px,3vh,26px);animation:.45s cubic-bezier(.2,.7,.2,1) both gate-rise;position:relative;box-shadow:0 30px 70px #0009,inset 0 1px #ffffff0a}.gate-panel:before{content:"";background:linear-gradient(90deg, #d9bd8800, var(--menu-gold), #d9bd8800);height:1px;position:absolute;top:-1px;left:12%;right:12%}.gate-panel .auth-form{align-items:stretch;gap:12px;margin-top:0}.gate-panel .auth-field{background:#0d161dcc;border-color:#849aaa40;border-radius:4px;width:100%;padding:11px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.gate-panel .auth-field:focus{border-color:var(--menu-gold);outline:none;box-shadow:0 0 0 3px #d9bd8826}.gate-panel .auth-actions .btn{flex:1;justify-content:center;padding:13px 18px;font-size:15px}.gate-panel .online-note{text-align:center;font-size:13px;line-height:1.55}.gate-panel .auth-forgot{align-self:flex-end}.gate-panel .name-form{align-items:stretch;margin-top:14px}.gate-panel .online-error{max-width:none}@keyframes gate-rise{0%{opacity:0;transform:translateY(10px)}}.auth-card .auth-form{margin-top:0}.auth-card .online-note{text-align:center}.auth-title{text-align:center;font-family:var(--font-display);letter-spacing:.03em;color:var(--accent-bright);margin:0 0 4px;font-size:24px;font-weight:700}.auth-card .name-form{align-items:center;margin-top:12px}@media (width>=1500px){.war-room .faction-name{font-size:11.5px}.war-room .menu-subtitle{font-size:14px}}@media (width<=850px){.menu.war-room{--menu-pad-x:24px;--menu-pad-y:28px;align-items:flex-start}.war-room-content{width:min(440px,100%);margin:0 auto}.menu-account{justify-content:flex-end;margin:0 0 22px;position:relative;top:auto;right:auto}.menu-account.signed-in{width:fit-content;margin-left:auto}.menu-world{opacity:.38;pointer-events:none;width:125%;height:540px;inset:-75px -36% auto auto}.war-room-vignette{background:linear-gradient(#0c172070,#0c1720a0 25%,#0c1720 55%)}.war-room .menu-title{font-size:clamp(32px,11.4vw,52px)}.menu-world-caption{display:none}}@media (width<=400px){.menu.war-room{--menu-pad-x:18px}.war-room .faction-name{font-size:9px}.war-room .menu-opponent .mode-option{gap:6px;padding:9px 6px}.war-room .difficulty-radio .mode-option{padding:6px 10px}.menu-rule-strip{font-size:9px}}@media (prefers-reduced-motion:reduce){.war-room .faction-card,.deck-banner,.deck-banner-art,.deck-chip{transition:none}.gate-panel,.deck-hub,.deck-picker-note{animation:none}.deck-banner:hover,.deck-banner:hover .deck-banner-art{transform:none}}.card-detail-ruling{color:#b8c8d4;background:#bda5770c;border-left:2px solid #bda577;margin:8px 0;padding:9px 11px;font-size:12px;line-height:1.6}.card-detail-ruling strong{color:#d7bd8c;letter-spacing:.7px;margin-bottom:3px;font-size:10px;display:block}.menu-corner{z-index:1;top:var(--menu-pad-y);right:var(--menu-pad-x);align-items:center;gap:10px;display:flex;position:absolute}.friends-button{color:#d8cfba;cursor:pointer;background:#17232cd9;border:1px solid #849aaa30;border-radius:26px;align-items:center;gap:8px;height:48px;padding:0 16px 0 14px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s,color .2s;display:flex;position:relative}.friends-button .ui-icon{width:18px;height:18px;color:var(--menu-gold)}.friends-button:hover,.friends-button.open{color:#f1dca8;background:#1d2c37e6;border-color:#d9bd8870}.friends-button:focus-visible{outline:2px solid var(--menu-gold);outline-offset:2px}.friends-button-online{min-width:22px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;background:#849aaa22;border-radius:10px;padding:2px 7px;font-size:11px}.friends-button-online.some{color:var(--ok);background:#7fd1a01f}.friends-button-badge{color:#1a1208;background:linear-gradient(#f1dca8,#c9a961);border:2px solid #0c1720;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;animation:.35s cubic-bezier(.2,.9,.3,1.4) both friends-badge-in;display:grid;position:absolute;top:-5px;right:-4px}@keyframes friends-badge-in{0%{opacity:0;transform:scale(.2)}}.menu-corner .menu-account{position:static}.friends-drawer{z-index:40;background:radial-gradient(120% 40% at 50% 0,#d9bd8814,#0000 70%),linear-gradient(#131f28,#0c151c);border-left:1px solid #d9bd8840;flex-direction:column;gap:12px;width:min(380px,100vw);padding:22px 20px 16px;animation:.32s cubic-bezier(.2,.7,.2,1) both friends-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-30px 0 70px #0009,inset 1px 0 #ffffff08}.friends-drawer:before{content:"";background:linear-gradient(180deg, #d9bd8800, var(--menu-gold), #d9bd8800);width:1px;position:absolute;top:12%;bottom:12%;left:-1px}@keyframes friends-in{0%{opacity:0;transform:translate(40px)}}.friends-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.friends-head h2{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent-bright);outline:none;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.friends-head h2 .ui-icon{width:20px;height:20px;color:var(--menu-gold)}.friends-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #849aaa30;border-radius:50%;place-items:center;transition:color .2s,border-color .2s;display:grid}.friends-close:hover{color:var(--text);border-color:#d9bd8870}.friends-close .ui-icon{width:14px;height:14px}.friends-add{gap:8px;display:flex}.friends-add .auth-field{background:#0d161dcc;border-color:#849aaa40;border-radius:4px;flex:1;min-width:0;padding:10px 12px;font-size:14px}.friends-add .auth-field:focus{border-color:var(--menu-gold);outline:none;box-shadow:0 0 0 3px #d9bd8826}.friends-add .btn{gap:6px;padding:9px 14px}.friends-add .btn .ui-icon{width:16px;height:16px}.friends-notice{color:var(--text);background:#849aaa14;border-radius:4px;margin:0;padding:8px 12px;font-size:13px;line-height:1.45}.friends-notice.ok{border-left:2px solid var(--ok);background:#7fd1a012}.friends-notice.error{border-left:2px solid var(--danger);color:#ffd2c8;background:#e0634f14}.friends-notice.lobby-said{border-left:2px solid var(--menu-gold)}.lobby .friends-notice{margin-top:8px}.friends-scroll{flex-direction:column;flex:1;gap:18px;min-height:0;margin:0 -6px;padding:2px 6px;display:flex;overflow-y:auto}.friends-group h3{letter-spacing:2.1px;text-transform:uppercase;color:#9aa8b3;align-items:center;gap:8px;margin:0 0 8px;font-size:10px;font-weight:500;display:flex}.friends-group h3 span{color:#6f7f8b;letter-spacing:0}.friends-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.friend-row{background:#17232c8c;border:1px solid #849aaa1f;border-radius:6px;align-items:center;gap:11px;min-height:52px;padding:6px 8px;transition:border-color .2s,background .2s;display:flex}.friend-row:hover{background:#1b2933a8;border-color:#849aaa40}.friend-row.offline{opacity:.62}.friend-row.offline:hover{opacity:.9}.friend-row.request.incoming{background:linear-gradient(90deg,#d9bd8814,#17232c8c 60%);border-color:#d9bd8855}.friend-row.confirming{background:#2a15119c;border-color:#e0634f55;justify-content:space-between;font-size:13px}.friend-avatar{color:#d8cfba;width:36px;height:36px;font-family:var(--font-display);background:radial-gradient(circle at 35% 30%,#2d3b47,#141e26);border:1px solid #849aaa50;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid;position:relative}.friend-avatar:after{content:"";background:#5b6a75;border:2px solid #121d25;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.friend-avatar.available{border-color:var(--menu-gold);color:var(--menu-gold)}.friend-avatar.available:after{background:var(--ok);box-shadow:0 0 6px color-mix(in srgb, var(--ok) 60%, transparent)}.friend-avatar.searching:after{background:var(--warn)}.friend-avatar.in_game:after{background:var(--danger)}.friend-avatar.request{border-style:dashed}.friend-avatar.request:after{display:none}.friend-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friend-name{color:#efe6d2;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.friend-status{color:var(--muted);font-size:11.5px}.friend-status.available{color:var(--ok)}.friend-status.searching{color:var(--warn)}.friend-status.in_game{color:#e8a090}.friend-actions{flex:none;align-items:center;gap:6px;display:flex}.friend-action{padding:6px 11px;font-size:12px}.friend-challenge{gap:5px}.friend-challenge .ui-icon{width:14px;height:14px}.friend-more{color:#6f7f8b;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;place-items:center;width:26px;height:26px;transition:opacity .15s,color .15s,background .15s;display:grid}.friend-row:hover .friend-more,.friend-more:focus-visible{opacity:1}.friend-more:hover{color:#ffd2c8;background:#e0634f22}.friend-more .ui-icon{width:11px;height:11px}.friend-confirm{color:#efd8cf}.friend-confirm strong{color:#fff0e8}.friends-empty{text-align:center;margin:8px 0 0;line-height:1.6}.friends-foot{color:var(--muted);text-align:center;border-top:1px solid #849aaa1f;margin:0;padding-top:10px;font-size:12px}.lobby-tie{color:#c9b58b;letter-spacing:.3px;background:#d9bd881a;border-radius:9px;padding:1px 7px;font-size:10.5px}.lobby-add{color:#b4a17e;cursor:pointer;background:0 0;border:1px solid #849aaa30;border-radius:50%;place-items:center;width:30px;height:30px;transition:color .2s,border-color .2s,background .2s;display:grid}.lobby-add:hover:not(:disabled){color:var(--accent-bright);background:#d9bd8812;border-color:#d9bd8870}.lobby-add:disabled{opacity:.45;cursor:default}.lobby-add .ui-icon{width:15px;height:15px}.friend-message{color:#b4a17e;cursor:pointer;background:0 0;border:1px solid #849aaa30;border-radius:50%;place-items:center;width:30px;height:30px;transition:color .2s,border-color .2s,background .2s;display:grid;position:relative}.friend-message:hover{color:var(--accent-bright);background:#d9bd8812;border-color:#d9bd8870}.friend-message:focus-visible{outline:2px solid var(--menu-gold);outline-offset:2px}.friend-message .ui-icon{width:15px;height:15px}.friend-message.unread{color:var(--accent-bright);border-color:var(--menu-gold);background:#d9bd881c;box-shadow:0 0 12px #d9bd8833}.friend-unread{color:#1a1208;background:linear-gradient(#f1dca8,#c9a961);border:2px solid #121d25;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;animation:.35s cubic-bezier(.2,.9,.3,1.4) both friends-badge-in;display:grid;position:absolute;top:-6px;right:-7px}.friend-chat{flex-direction:column;flex:1;gap:10px;min-height:0;animation:.24s cubic-bezier(.2,.7,.2,1) both chat-in;display:flex}@keyframes chat-in{0%{opacity:0;transform:translate(16px)}}.chat-head{border-bottom:1px solid #849aaa1f;align-items:center;gap:10px;padding:4px 0 12px;display:flex}.chat-back{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #849aaa30;border-radius:50%;flex:none;place-items:center;transition:color .2s,border-color .2s;display:grid}.chat-back:hover{color:var(--text);border-color:#d9bd8870}.chat-back:focus-visible{outline:2px solid var(--menu-gold);outline-offset:2px}.chat-back .ui-icon{width:15px;height:15px}.chat-log{outline:none;flex-direction:column;flex:1;gap:14px;min-height:0;margin:0 -6px;padding:6px;display:flex;overflow-y:auto}.chat-log:focus-visible{border-radius:6px;box-shadow:inset 0 0 0 1px #d9bd8855}.chat-note{text-align:center;margin:auto 0;line-height:1.6}.chat-empty strong{color:var(--accent-bright)}.chat-run{flex-direction:column;align-items:flex-start;gap:3px;max-width:86%;display:flex}.chat-run.mine{align-self:flex-end;align-items:flex-end}.chat-meta{color:#6f7f8b;font-variant-numeric:tabular-nums;align-items:baseline;gap:7px;padding:0 4px;font-size:10.5px;display:flex}.chat-author{color:#9aa8b3;letter-spacing:.02em;font-weight:600}.chat-bubble{color:#efe6d2;white-space:pre-wrap;overflow-wrap:anywhere;background:#1b2833;border:1px solid #849aaa26;border-radius:4px 12px 12px;margin:0;padding:8px 12px;font-size:14px;line-height:1.45;animation:.2s ease-out both bubble-in}.chat-run.mine .chat-bubble{color:#f6ecd6;background:linear-gradient(#d9bd8826,#c9a96114);border-color:#d9bd884d;border-radius:12px 4px 12px 12px}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)}}.chat-run.outgoing .chat-bubble{opacity:.6}.chat-run.failed .chat-bubble{opacity:1;background:#2a15119c;border-color:#e0634f80}.chat-state{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:4px 10px;padding:0 4px;font-size:11px;display:flex}.chat-run.failed .chat-state{color:#ffd2c8}.chat-state .link-button{font-size:11px}.chat-compose{border-top:1px solid #849aaa1f;grid-template-columns:1fr auto;align-items:end;gap:8px;padding-top:10px;display:grid}.chat-field{min-height:42px;max-height:132px;color:var(--text);font:inherit;resize:none;background:#0d161dcc;border-color:#849aaa40;border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.4;overflow-y:auto}.chat-field:focus{border-color:var(--menu-gold);outline:none;box-shadow:0 0 0 3px #d9bd8826}.chat-send{place-items:center;width:42px;height:42px;padding:0;display:grid}.chat-send .ui-icon{width:17px;height:17px}.chat-limit{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;grid-column:1/-1;margin:0;font-size:11px}.chat-limit.over{color:#ffb4a6}.message-toasts{--menu-gold:#d9bd88;z-index:90;pointer-events:none;flex-direction:column;gap:10px;width:min(330px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.message-toasts.beside-drawer{right:calc(min(380px,100vw) + 16px)}.message-toast{pointer-events:auto;background:radial-gradient(120% 70% at 0 0,#d9bd881c,#0000 65%),linear-gradient(#151e29fa,#090e14fa);border:1px solid #d9bd8855;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:start;gap:10px 12px;padding:12px 12px 12px 14px;animation:.3s cubic-bezier(.2,.8,.2,1) both message-in;display:grid;box-shadow:inset 0 1px #f1dca824,0 18px 44px #0000008c}@keyframes message-in{0%{opacity:0;transform:translate(24px)}}.message-toast-text{min-width:0}.message-toast-text strong{color:var(--accent-bright);font-size:14px}.message-toast-text p{-webkit-line-clamp:2;color:#d8cfba;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:3px 0 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.message-toast-close{color:#6f7f8b;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:24px;height:24px;transition:color .15s,background .15s;display:grid}.message-toast-close:hover{color:var(--text);background:#849aaa22}.message-toast-close .ui-icon{width:10px;height:10px}.message-toast-reply{grid-column:2/-1;justify-self:end;gap:6px;padding:6px 12px;font-size:12px}.message-toast-reply .ui-icon{width:14px;height:14px}.message-toast-actions{grid-column:2/-1;justify-content:flex-end;gap:8px;display:flex}.message-toast-actions .btn{gap:6px;padding:6px 12px;font-size:12px}.message-toast-actions .ui-icon{width:14px;height:14px}.message-toast-text .message-toast-error{color:var(--danger);-webkit-line-clamp:3}.message-toast.friend-news{border-color:#d9bd8888}.message-toast.friend-news.friends{animation:.3s cubic-bezier(.2,.8,.2,1) both message-in,1.4s ease-out .25s both friend-made}@keyframes friend-made{0%{box-shadow:inset 0 1px #f1dca824,0 18px 44px #0000008c,0 0 #d9bd8866}to{box-shadow:inset 0 1px #f1dca824,0 18px 44px #0000008c,0 0 0 14px #d9bd8800}}@media (width<=820px){.message-toasts.beside-drawer{display:none}}@media (width<=480px){.message-toasts{width:auto;bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.friend-chat,.chat-bubble,.message-toast,.message-toast.friend-news.friends,.friend-unread{animation:none}}@media (hover:none){.friend-more{opacity:1}}@media (width<=850px){.menu-corner{justify-content:flex-end;margin:0 0 22px;position:relative;top:auto;right:auto}.menu-corner .menu-account{margin:0}}@media (width<=480px){.friends-button-label{display:none}.friends-drawer{border-left:0;width:100vw;padding:18px 16px 14px}.friends-drawer:before{display:none}}@media (prefers-reduced-motion:reduce){.friends-drawer,.friends-button-badge{animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1119;--panel:#0d151eeb;--border:#c9a96133;--text:#efe6d2;--muted:#9aa8b3;--accent:#d9bd88;--accent-bright:#f1dca8;--accent-deep:#9c7f4a;--danger:#e0634f;--ok:#7fd1a0;--warn:#e8b454;--font-display:"Cinzel", Georgia, "Times New Roman", serif}[data-faction=Graveyard]{--faction:#a38ad6}[data-faction=Jungle]{--faction:#6fbf73}[data-faction=Squad]{--faction:#d9a04e}[data-faction=Wonderland]{--faction:#e0719f}[data-faction=Alice]{--faction:#5fc3d6}.ui-icon{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{position:fixed;inset:0}.menu{background:radial-gradient(at 50% 30%,#1e293b 0%,#0b1120 70%);flex-direction:column;justify-content:safe center;align-items:center;gap:18px;height:100%;padding:24px;display:flex;overflow-y:auto}.menu-title{letter-spacing:1px;margin:0;font-size:44px}.menu-subtitle{color:var(--muted);margin:0 0 8px}.menu-section{text-align:center}.menu-section h2{color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin:0 0 10px;font-size:15px}.faction-grid{grid-template-columns:repeat(2,minmax(220px,260px));gap:10px;display:grid}.faction-card{background:var(--panel);cursor:pointer;text-align:left;color:var(--text);border:2px solid #0000;border-radius:12px;flex-direction:column;gap:6px;padding:14px;transition:transform .12s,border-color .12s;display:flex}.faction-card:hover{transform:translateY(-2px)}.faction-card.selected{background:#1e293bf2}.faction-name{font-size:17px;font-weight:700}.faction-blurb{color:var(--muted);font-size:12.5px;line-height:1.4}.opponent-row{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.mode-radio{justify-content:center;gap:8px;display:flex}.mode-option{cursor:pointer;border:1px solid var(--border);background:#1e293b8c;border-radius:8px;align-items:center;gap:7px;padding:7px 13px;font-size:14px;transition:border-color .12s,background .12s;display:flex}.mode-option.selected{border-color:var(--accent);background:#1e293bf2}.mode-option .ui-icon{color:var(--accent-deep);transition:color .12s}.mode-option.selected .ui-icon{color:var(--accent-bright)}.mode-option input[type=radio]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px;margin:0}.difficulty-radio{margin-top:8px}.difficulty-radio .mode-option{padding:5px 11px;font-size:13px}.opponent-label{color:var(--muted);font-size:14px}.online-panel,.auth-form{flex-direction:column;align-items:center;gap:10px;margin-top:12px;display:flex}.online-note{color:var(--muted);text-align:center;margin:12px 0 0;font-size:14px}.auth-form .online-note{margin:0}.online-error{color:#fca5a5;text-align:center;max-width:420px;margin:0;font-size:13.5px}.auth-field{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;width:260px;padding:8px 12px;font-size:14px}.auth-actions{gap:8px;display:flex}.online-resume{border:1px solid var(--border);background:#1e293b8c;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px 16px;display:flex}.online-resume .online-note{margin:0}.online-search{align-items:center;gap:12px;display:flex}.online-status{color:var(--muted);font-size:14px}.link-button{color:var(--accent);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:disabled{color:var(--muted);cursor:default;text-decoration:none}.auth-switch{font-size:13px}.auth-forgot{margin-top:-4px;font-size:12.5px}.name-form{flex-direction:column;align-items:center;gap:10px;display:flex}.online-identity{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 14px;margin:0;font-size:14px;display:flex}.online-identity strong{color:var(--accent-bright);font-weight:650}.lobby{border-top:1px solid #849aaa29;flex-direction:column;gap:8px;width:100%;margin-top:6px;padding-top:14px;display:flex}.lobby-title{letter-spacing:2.1px;text-transform:uppercase;color:#c6cbd0;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:500;display:flex}.lobby-title .ui-icon{width:14px;height:14px;color:var(--accent)}.lobby-count{min-width:18px;color:var(--accent-bright);letter-spacing:0;text-align:center;background:#d9bd8824;border-radius:9px;padding:1px 6px;font-size:10px}.lobby .online-note{text-align:left;margin:0;font-size:13px}.lobby .online-error{text-align:left;max-width:none}.lobby-list{flex-direction:column;gap:4px;max-height:232px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lobby-row{background:#17232ca0;border:1px solid #849aaa25;border-radius:4px;align-items:center;gap:10px;min-height:40px;padding:5px 6px 5px 12px;font-size:13px;display:flex}.lobby-row.me{border-color:#c9a9614d}.lobby-dot{background:var(--muted);border-radius:50%;flex:none;width:7px;height:7px}.lobby-dot.available{background:var(--ok);box-shadow:0 0 6px color-mix(in srgb, var(--ok) 60%, transparent)}.lobby-dot.searching{background:var(--warn)}.lobby-dot.in_game{background:var(--danger)}.lobby-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lobby-you{color:var(--muted)}.lobby-status{letter-spacing:.3px;color:var(--muted);font-size:11px}.lobby-challenge{padding:5px 10px;font-size:12px}.lobby-outgoing{color:var(--muted);border:1px dashed #c9a96159;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.lobby-outgoing strong{color:var(--text)}.lobby-clock,.challenge-toast-clock{font-variant-numeric:tabular-nums;color:var(--accent)}.challenge-toasts{z-index:90;pointer-events:none;flex-direction:column;gap:10px;width:min(340px,100vw - 32px);display:flex;position:fixed;top:20px;right:20px}.challenge-toast{pointer-events:auto;background:radial-gradient(120% 70% at 50% 0,#d9bd881f,#0000 65%),linear-gradient(#151e29fa,#090e14fa);border:1px solid #c9a9618c;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px 16px;animation:.28s ease-out challenge-in;display:grid;box-shadow:inset 0 1px #f1dca824,0 18px 44px #0000008c}.challenge-toast-icon{width:26px;height:26px;color:var(--accent-bright)}.challenge-toast-text{flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:14px;display:flex}.challenge-toast-text strong{color:var(--accent-bright)}.challenge-toast .auth-actions{grid-column:1/-1;justify-content:flex-end}@keyframes challenge-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.challenge-toast{animation:none}}@media (width<=480px){.challenge-toasts{width:auto;top:16px;left:16px;right:16px}}select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px}.btn{color:var(--text);cursor:pointer;background:linear-gradient(#243241,#17222d);border:1px solid #c9a96147;border-radius:6px;padding:7px 14px;font-size:13px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.btn:hover:not(:disabled){background:linear-gradient(#2d3e50,#1c2935);border-color:#d9bd888c}.btn:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#1b140a;background:linear-gradient(#ecd6a4,#c2a266);border-color:#f1dca8;font-weight:650;box-shadow:inset 0 1px #ffffff59,0 4px 14px #00000059}.btn-primary:hover:not(:disabled){background:linear-gradient(#f5e3ba,#cfb076);border-color:#f8e8c2}.btn-active{border-color:var(--accent);color:var(--accent-bright);background:linear-gradient(#3b3223,#262017)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text);background:#d9bd8814;border-color:#0000}.btn-start{padding:12px 34px;font-size:17px}.btn-danger{color:#ffd2c8;border-color:#e0634f99}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:linear-gradient(#4a231d,#2a1511)}.btn:has(>.ui-icon){justify-content:center;align-items:center;gap:7px;display:inline-flex}.btn>.ui-icon{color:var(--accent)}.btn-primary>.ui-icon{color:inherit}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}html[data-ui-modal] .hud,html[data-ui-modal] .hud *{pointer-events:none}html[data-ui-modal] .hud .pile{visibility:hidden}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:12px}.app:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 45%, transparent 45%, var(--phase-accent,transparent) 160%);opacity:.22;transition:opacity .5s,background .5s;position:absolute;inset:0}.app:not([data-phase]):after{opacity:0}.hud{z-index:1}.statuses{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.status-chip{background:#c9a9611f;border-radius:4px;padding:1px 6px;font-size:11px}.scene-loading{z-index:5;background:#0b1120;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scene-loading-inner{color:var(--muted);font-size:15px;animation:1.4s ease-in-out infinite pulse}.scene-loading-failed{text-align:center;max-width:420px;padding:0 24px}.scene-loading-failed h2{margin:0 0 10px;font-size:20px}.scene-loading-failed p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.scene-loading-actions{justify-content:center;gap:10px;margin-top:22px;display:flex}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hand{pointer-events:none;position:absolute;inset:0}.hand-card{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;background:0 0;border:none;padding:0;position:absolute}.hand-card[data-pick]{cursor:pointer}.hand-card:focus-visible{outline-offset:3px;outline:3px solid #7dd3fc}body.card-dragging{-webkit-user-select:none;user-select:none}.app canvas{touch-action:none!important}.hand-card-ghost{z-index:80;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.hand-card-name{opacity:0;font-size:11.5px;position:absolute;inset:0;overflow:hidden}.hand-card-skirt{position:absolute;top:100%;left:0;right:0}.hand-empty{pointer-events:auto;background:var(--panel);border:1px solid var(--border);max-width:340px;color:var(--muted);border-radius:10px;padding:10px 14px;font-size:12.5px;line-height:1.45;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hand-empty strong{color:var(--text)}.overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04070bcc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-card{outline-offset:-6px;text-align:center;background:radial-gradient(120% 55% at 50% 0,#d9bd8817,#0000 62%),linear-gradient(#151e29f7,#090e14f7);border:1px solid #c9a96173;border-radius:10px;outline:1px solid #c9a96129;padding:40px 56px;position:relative;box-shadow:inset 0 1px #f1dca824,0 0 0 1px #0009,0 28px 70px #0009}.overlay-card h1{font-family:var(--font-display);letter-spacing:.03em;color:var(--accent-bright);text-shadow:0 2px 12px #0009;margin:0 0 8px;font-size:34px;font-weight:700}.overlay-card p{color:var(--muted);margin:0 0 22px}.card-detail-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;justify-content:flex-start;padding-left:calc(50% + 18px)}.card-detail{text-align:left;flex-direction:column;gap:10px;width:min(420px,44vw);max-height:80vh;padding:22px 24px;display:flex;position:relative;overflow-y:auto}.card-detail-spotlight{pointer-events:none;border-radius:5.5%;position:fixed;box-shadow:0 0 0 100vmax #020617d1}.card-detail-slot{z-index:51;cursor:pointer;background:0 0;border:none;border-radius:5.5%;padding:0;position:fixed}.card-detail-slot:focus-visible{outline:2px solid var(--accent,#7dd3fc);outline-offset:4px}@media (width<=700px){.card-detail-overlay{justify-content:center;align-items:flex-end;padding:0 0 10px}.card-detail{width:min(420px,94vw);max-height:44vh}}@media (height<=500px) and (aspect-ratio>=3/2){.card-detail-overlay{justify-content:flex-start;align-items:center;padding:0 0 0 calc(50% + 18px)}.card-detail{width:min(420px,44vw);max-height:80vh}}.card-detail-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;transition:color .12s,border-color .12s,background .12s;display:grid;position:absolute;top:10px;right:10px}.card-detail-close .ui-icon{width:16px;height:16px}.card-detail-close:hover{color:var(--accent-bright);background:#c9a96114;border-color:#c9a96166}.card-detail-close:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.card-detail-head{padding-right:22px}.card-detail-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--accent-bright);font-size:22px;font-weight:700;line-height:1.15}.card-detail-sub{letter-spacing:.04em;color:var(--faction,var(--muted));align-items:center;gap:6px;margin-top:5px;font-size:12px;display:flex}.card-detail-sigil{flex:none;width:16px;height:16px}.card-detail-head:after{content:"";background:linear-gradient(90deg,#0000,#c9a96180 20% 80%,#0000);height:1px;margin-top:12px;display:block}.card-detail-stats{color:var(--text);flex-wrap:wrap;gap:6px;font-size:12.5px;display:flex}.card-detail-stats>span{font-variant-numeric:tabular-nums;background:#c9a96112;border:1px solid #c9a96133;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 7px;display:inline-flex}.card-detail-stats .ui-icon{color:var(--accent);width:14px;height:14px}.card-detail-passives{flex-direction:column;gap:5px;display:flex}.card-detail-passives .status-chip{border-left:2px solid var(--accent-deep);color:var(--accent-bright);padding:5px 9px;font-weight:600;line-height:1.35;display:block}.card-detail-passives .status-chip.inert{color:var(--muted);background:#94a3b81a;border-left-color:#94a3b866}.passive-meaning{color:var(--muted);margin-top:1px;font-size:11px;font-style:normal;font-weight:400;display:block}.card-detail-stats .stat-up{color:var(--ok)}.card-detail-stats .stat-down{color:var(--danger)}.card-detail-live-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.card-detail-passives .status-chip.live{border-left-color:var(--warn);color:#f3cf86;background:#e8b45424}.card-detail-abilities{flex-direction:column;gap:9px;display:flex}.card-detail-ability{border-left:2px solid #c9a96173;padding-left:10px}.card-detail-ability-name{color:var(--accent-bright);font-size:13px;font-weight:650}.card-detail-ability-text{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4}.card-detail-ability-cost{color:var(--accent,#7dd3fc);margin-top:3px;font-size:11.5px}.card-detail-ability-inert{color:#9aa8b3cc;margin-top:3px;font-size:11px;font-style:italic}.card-detail-empty{color:var(--muted);margin:0;font-size:12px}.card-detail-flavor{color:#b9a98a;margin:0;font-family:Georgia,Times New Roman,serif;font-size:12.5px;font-style:italic;line-height:1.5}.btn-help{padding:7px 11px;font-weight:700}.btn-speed{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:4px;width:62px;padding:7px 0;font-weight:700;display:inline-flex}.btn-speed>span{font-size:.9em;line-height:1}.help-overlay{cursor:pointer;padding:24px;overflow-y:auto}.help-card{cursor:default;text-align:left;max-width:640px;max-height:82vh;margin:auto;padding:28px 32px;position:relative;overflow-y:auto}.help-card h1{margin:0 0 4px;font-size:26px}.help-heading{text-transform:uppercase;letter-spacing:1.8px;color:var(--accent);align-items:center;gap:10px;margin:24px 0 10px;font-size:11.5px;font-weight:650;display:flex}.help-heading:after{content:"";background:linear-gradient(90deg,#c9a96166,#0000);flex:1;height:1px}.help-list{flex-direction:column;gap:8px;margin:0;display:flex}.help-row{grid-template-columns:150px 1fr;align-items:baseline;gap:12px;display:grid}.help-row dt{color:var(--accent-bright);font-size:13px;font-weight:600}.help-row dd{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.help-note{color:var(--muted);margin:0 0 8px;font-size:12.5px;line-height:1.45}.help-card .btn-primary{margin-top:24px}.menu-actions{align-items:center;gap:10px;display:flex}.btn-mute{padding:7px 11px}.sound-controls{color:var(--muted);align-items:center;gap:16px;margin-top:14px;font-size:13px;display:flex}.sound-slider{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.sound-slider input[type=range]{width:110px;accent-color:var(--accent)}.coach-replay{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.coach-replay .help-note{margin:0}.btn-settings{padding:7px 11px}.settings-card{max-width:540px}.settings-card .sound-controls{flex-wrap:wrap;margin-top:0}.settings-card .mode-radio{flex-wrap:wrap;justify-content:flex-start}@media (width<=620px){.help-row{grid-template-columns:1fr;gap:2px}}.replays-card{text-align:left;width:min(560px,100vw - 32px);max-height:82vh;padding:26px 30px;overflow-y:auto}.replays-card h2,.discard-browse h2{font-family:var(--font-display);color:var(--accent-bright);letter-spacing:.03em;font-weight:700}.replays-card h2{margin:0 0 12px;font-size:22px}.replays-card .online-note{text-align:left;margin:8px 0}.replays-card .online-error{text-align:left;max-width:none;margin:8px 0 0}.replays-card .auth-actions{justify-content:flex-end;margin-top:14px}.replays-list{flex-direction:column;gap:8px;max-height:52vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.replays-row{border:1px solid var(--border);background:#0f172a80;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.replays-row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.replays-row-title{font-size:14px;font-weight:600}.replays-row-sub{color:var(--muted);font-size:12px}.account-card{text-align:left;width:min(560px,100vw - 32px);max-height:86vh;padding:28px 32px 24px;overflow-y:auto}.account-head h2{font-family:var(--font-display);letter-spacing:.03em;color:var(--accent-bright);margin:0;font-size:26px;font-weight:700}.overlay-card .account-email{margin:4px 0 0;font-size:13px}.account-email span{opacity:.7}.account-section{margin-top:22px}.account-section h3{letter-spacing:2.1px;text-transform:uppercase;color:#c6cbd0;margin:0 0 10px;font-size:10px;font-weight:500}.account-section .online-note{text-align:left;margin:0}.account-section .online-error{text-align:left;max-width:none;margin-top:8px}.account-tiles{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;display:grid}.account-tiles div{text-align:center;background:#17232ca0;border:1px solid #849aaa25;border-radius:4px;padding:10px 8px}.account-tiles dt{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-size:10px}.account-tiles dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:22px;font-weight:700;line-height:30px}.account-tiles dd.empty{color:var(--muted);white-space:nowrap;font-family:inherit;font-size:12.5px;font-weight:600}.overlay-card .account-streak{margin:10px 0 0;font-size:13px}.account-factions{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.account-factions li{grid-template-columns:96px 1fr auto;align-items:center;gap:10px;font-size:12.5px;display:grid}.account-faction-name{color:var(--faction);font-weight:600}.account-faction-bar{background:#849aaa26;border-radius:3px;height:6px;overflow:hidden}.account-faction-bar>span{border-radius:inherit;background:var(--faction);height:100%;display:block}.account-faction-count{color:var(--muted);font-variant-numeric:tabular-nums}.account-battles{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.account-battle{border:1px solid #849aaa25;border-left:3px solid var(--muted);background:#17232ca0;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.account-battle.won{border-left-color:var(--ok)}.account-battle.lost{border-left-color:var(--danger)}.account-battle-info{flex-direction:column;gap:2px;min-width:0;display:flex}.account-battle-title{font-size:14px;font-weight:600}.account-battle-ending{opacity:.85;font-size:12.5px}.account-battle-sub{color:var(--muted);font-size:12px}.account-card .name-form{align-items:flex-start}.account-card .auth-actions{flex-wrap:wrap}.overlay-card .account-notice{color:var(--ok);margin-top:10px}.account-close{justify-content:flex-end;margin-top:24px}.overlay-card .account-danger-zone{border-top:1px solid #e0634f40;margin:18px 0 0;padding-top:14px}.overlay-card .account-danger-zone .online-note{margin:0 0 10px}.account-danger-zone .link-button{color:#e8a090;font-size:13px}@media (width<=480px){.account-card{padding:22px 18px}.account-tiles{grid-template-columns:repeat(2,1fr)}.account-factions li{grid-template-columns:80px 1fr auto}}.pile{font:inherit;color:var(--muted);background:0 0;border:none;padding:0;position:absolute}.pile-empty{color:#7b8798;background:#060a14d1;border:2px dashed #33415b;border-radius:10px;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0;box-shadow:inset 0 2px 10px #0009}.pile-count{background:var(--panel);border:1px solid var(--border);min-width:22px;height:22px;color:var(--text);border-radius:11px;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.pile-label{text-align:center;letter-spacing:.04em;text-shadow:0 1px 2px #000000e6,0 0 6px #000c;margin-top:4px;font-size:11px;position:absolute;top:100%;left:0;right:0}.pile-openable{cursor:pointer}.pile-openable:hover{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.pile-openable:hover .pile-label{color:var(--text)}.discard-browse{text-align:left;width:min(720px,92vw);max-width:720px;max-height:80vh;padding:24px 28px;position:relative;overflow-y:auto}.discard-browse h2{margin:0 0 4px;font-size:20px}.discard-browse-sub{color:var(--muted);margin:0 0 16px;font-size:13px}.discard-browse-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.discard-browse-card{cursor:pointer;background:0 0;border:none;border-radius:12px;padding:0;transition:transform .12s,box-shadow .12s;overflow:hidden}.discard-browse-card:hover{box-shadow:0 0 0 2px var(--accent);transform:translateY(-4px)}.discard-browse-name{color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#020617e6);padding:14px 6px 5px;font-size:11px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@keyframes legendary-ring{to{background-position:0 0,300% 0}}.builder{--side-width:clamp(280px, 25vw, 368px);grid-template-columns:minmax(0, 1fr) var(--side-width);background:var(--bg);color:var(--text);grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.builder-stage{background:radial-gradient(70% 65% at 38% 55%,#2a1d13 0%,#140d08 60%,#080504 100%);grid-area:1/1/-1/-1;min-width:0;min-height:0;position:relative}.builder-vignette{pointer-events:none;background:linear-gradient(#05070ae6 0,#05070a73 70px,#0000 140px),radial-gradient(90% 85% at 38% 55%,#0000 62%,#03040680 100%);position:absolute;inset:0}.book-loading{z-index:1;padding-right:var(--side-width);color:var(--accent);font-family:var(--font-display);letter-spacing:.12em;background:radial-gradient(70% 65% at 38% 55%,#21170f 0%,#0d0906 70%);flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:15px;display:flex;position:absolute;inset:0}.book-loading-mark{border:1.5px solid var(--accent);width:28px;height:28px;animation:1.8s ease-in-out infinite book-loading-turn;box-shadow:0 0 18px #d9bd8859}@keyframes book-loading-turn{0%{opacity:.4;transform:rotate(45deg)}50%{opacity:1;transform:rotate(225deg)}to{opacity:.4;transform:rotate(405deg)}}@media (prefers-reduced-motion:reduce){.book-loading-mark{animation:none;transform:rotate(45deg)}}.builder-top{z-index:2;grid-area:1/1/2/2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:14px 24px 10px;display:grid;position:relative}.builder-lead{align-items:center;gap:16px;min-width:0;display:flex}.builder-back{color:var(--text);letter-spacing:.02em;background:#0a0e1399;border-color:#c9a96138;align-items:center;gap:6px;padding:7px 13px 7px 9px;font-size:13.5px;display:inline-flex}.builder-back span{color:var(--accent);font-size:20px;line-height:12px}.builder-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--accent);text-shadow:0 2px 12px #000000b3;white-space:nowrap;margin:0;font-size:19px;font-weight:700;display:none}.builder-tabs{background:#070a0e9e;border:1px solid #c9a96129;border-radius:8px;grid-column:2;gap:5px;min-width:0;padding:4px;display:flex;box-shadow:0 6px 24px #00000073}.builder-tab{color:var(--muted);font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;padding:7px 12px 8px;font-size:12.5px;font-weight:600;transition:color .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.builder-tab-sigil{width:16px;height:16px;color:var(--faction);opacity:.7;flex:none;transition:opacity .15s}.builder-tab:hover{color:var(--text);background:#d9bd880f}.builder-tab:hover .builder-tab-sigil{opacity:1}.builder-tab:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px}.builder-tab[aria-pressed=true]{color:var(--accent-bright);box-shadow:inset 0 -2px 0 var(--faction), 0 0 16px #d9bd8829;background:linear-gradient(#3b3122,#211a11);border-color:#d9bd88bf}.builder-tab[aria-pressed=true] .builder-tab-sigil{opacity:1;filter:drop-shadow(0 0 3px var(--faction))}@media (width>=1600px){.builder-title{display:block}}@media (width<=1099px){.builder-top{grid-template-columns:auto minmax(0,1fr)}.builder-tabs{justify-self:center}.builder-tab{padding:7px 9px 8px}.builder-tab:not([aria-pressed=true]) .builder-tab-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.builder-pool{z-index:1;scrollbar-width:thin;scrollbar-color:#c9a96159 transparent;grid-area:2/1/3/2;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));align-content:start;gap:14px 12px;min-height:0;padding:4px 24px 24px;display:grid;position:relative;overflow-y:auto}.builder-pool-head{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);grid-column:1/-1;align-items:center;gap:12px;margin:10px 0 0;font-size:14px;font-weight:700;display:flex}.builder-pool-head:after{content:"";background:linear-gradient(90deg,#c9a96166,#0000);flex:1;height:1px}.builder-tile{position:relative}.builder-tile-add{cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:0;transition:transform .14s,filter .14s;display:block}.builder-tile-add:hover:not(:disabled){filter:drop-shadow(0 8px 14px #0000008c)brightness(1.06);transform:translateY(-3px)}.builder-tile-add:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.builder-tile-add:disabled{cursor:not-allowed;filter:grayscale(.45)brightness(.72)}.builder-tile-count{pointer-events:none;justify-content:center;gap:6px;height:24px;padding-top:8px;display:flex}.builder-tile-count i{border:1px solid #d9bd888c;width:8px;height:8px;transform:rotate(45deg)}.builder-tile-count i.on{background:linear-gradient(135deg,#f4e2b0,#b8914f);border-color:#f1dca8;box-shadow:0 0 6px #f1dca899}.builder-tile-info{width:22px;height:22px;color:var(--accent-bright);font-family:var(--font-display);cursor:pointer;background:radial-gradient(circle at 35% 30%,#4a3622,#1f150c);border:1px solid #d9bd88a6;border-radius:50%;place-items:center;padding:0;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:0;right:2px;box-shadow:0 2px 6px #0000008c}.builder-tile-info:hover{border-color:var(--accent-bright);box-shadow:0 0 10px #f1dca873}.builder-tile-info:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.builder-side{z-index:2;background:radial-gradient(ellipse 130% 36% at 50% 0%, color-mix(in srgb, var(--faction,#d9bd88) 15%, transparent), transparent 72%), linear-gradient(180deg, #131c26 0%, #0b1117 100%);border-left:1px solid #c9a96161;flex-direction:column;grid-area:1/2/3/3;min-height:0;display:flex;position:relative;box-shadow:-18px 0 42px #00000080}.builder-side:before{content:"";pointer-events:none;background:linear-gradient(#0000,#d9bd8833 12% 88%,#0000);width:1px;position:absolute;top:0;bottom:0;left:4px}.builder-drawer-bar{display:none}.builder-side-body{flex-direction:column;flex:1;min-height:0;display:flex}.builder-side-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;padding:18px 20px 12px 22px;display:grid}.builder-eyebrow{font-family:var(--font-display);letter-spacing:.22em;color:var(--accent);font-size:11.5px;font-weight:700}.builder-picker{appearance:none;min-width:0;max-width:100%;color:var(--text);text-overflow:ellipsis;cursor:pointer;background:#05080cb3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23d9bd88' stroke-width='1.5'/%3E%3C/svg%3E") right 9px center no-repeat;border:1px solid #c9a96140;border-radius:5px;justify-self:end;padding:5px 26px 5px 10px;font-size:12.5px}.builder-picker:hover{border-color:#d9bd8880}.builder-picker:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px}.builder-picker option{color:var(--text);background:#111a22}.builder-name{width:100%;color:var(--accent-bright);font-family:var(--font-display);letter-spacing:.03em;background:0 0;border:0;border-bottom:1px solid #c9a9614d;border-radius:0;grid-column:1/-1;padding:4px 2px 6px;font-size:18px;font-weight:700}.builder-name:hover{border-bottom-color:#d9bd888c}.builder-name:focus{border-bottom-color:var(--accent-bright);outline:none}.builder-meter{background:#03060973;border:1px solid #c9a96129;border-radius:6px;gap:8px;margin:0 20px 0 22px;padding:14px 14px 12px;font-size:12.5px;display:grid}.builder-count{align-items:baseline;gap:8px;display:flex}.builder-count strong{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.builder-count strong span{color:var(--muted);margin-left:2px;font-size:16px}.builder-meter.ok .builder-count strong{color:var(--accent-bright);text-shadow:0 0 14px #f1dca859}.builder-count-label{color:var(--muted);letter-spacing:.08em;font-size:12px}.builder-bar{background:#ffffff0f;border-radius:3px;height:6px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.builder-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent-deep), var(--accent));transition:width .25s;position:absolute;top:0;bottom:0;left:0}.builder-meter.ok .builder-bar i{background:linear-gradient(90deg,#c9a45c,#f4e2b0);box-shadow:0 0 10px #f1dca899}.builder-chars{color:var(--muted);justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.builder-chars strong{color:var(--text);font-size:14px}.builder-chars-rule{font-size:11.5px}.builder-track{background:#ffffff0f;border-radius:2px;height:4px;position:relative}.builder-track-band{background:#7fd1a04d;border-radius:2px;position:absolute;top:0;bottom:0}.builder-track-tick{background:var(--warn);border-radius:2px;width:3px;height:12px;margin-left:-1.5px;transition:left .25s;position:absolute;top:-4px;box-shadow:0 0 6px #e8b454b3}.builder-track.legal .builder-track-tick{background:var(--ok);box-shadow:0 0 6px #7fd1a0b3}.builder-ready{color:var(--ok);font-family:var(--font-display);letter-spacing:.1em;margin:4px 0 0;font-size:13px;font-weight:700}.builder-errors{color:#f0c77a;gap:4px;margin:2px 0 0;padding:0;font-size:12px;line-height:1.35;list-style:none;display:grid}.builder-errors li{padding-left:14px;position:relative}.builder-errors li:before{content:"";background:var(--warn);width:5px;height:5px;position:absolute;top:.45em;left:2px;transform:rotate(45deg)}.builder-autofill{color:var(--accent-bright);border-color:#d9bd8880;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.builder-autofill .ui-icon{width:16px;height:16px}.builder-fill-note{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:2px 0 0;font-size:12px;line-height:1.4;display:flex}.builder-deck{scrollbar-width:thin;scrollbar-color:#c9a96159 transparent;flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 14px 14px 22px;display:flex;overflow-y:auto}.builder-empty{color:var(--muted);text-align:center;margin:26px 10px 0;font-size:13px;line-height:1.7}.builder-deck-group{flex-direction:column;gap:3px;display:flex}.builder-deck-head{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent);align-items:center;gap:10px;margin:0 0 4px;font-size:12px;font-weight:700;display:flex}.builder-deck-head:after{content:"";background:linear-gradient(90deg,#c9a96159,#0000);flex:1;order:1;height:1px}.builder-deck-head span{color:var(--muted);letter-spacing:.04em;order:2;font-size:12px}.builder-row{--rarity:#7d8a9b;isolation:isolate;min-height:38px;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(90deg,#1b2531,#111820);border:1px solid #c9a96124;border-radius:5px;align-items:center;gap:10px;padding:0 8px 0 0;font-size:13px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;position:relative;overflow:hidden}.builder-row[data-rarity=uncommon]{--rarity:#b4c3d6}.builder-row[data-rarity=rare]{--rarity:#e39a3b}.builder-row[data-rarity=legendary]{--rarity:#f2c94c}.builder-row:before{content:"";z-index:3;background:var(--rarity);width:3px;position:absolute;top:0;bottom:0;left:0}.builder-row[data-rarity=legendary]:before{box-shadow:0 0 8px var(--rarity)}.builder-row:hover{border-color:#e0634fb3;box-shadow:0 4px 14px #00000073}.builder-row:active{transform:translateY(1px)}.builder-row:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px}.builder-row.flash{animation:.6s ease-out builder-row-flash}@keyframes builder-row-flash{0%{border-color:var(--accent-bright);box-shadow:0 0 0 1px var(--accent-bright), 0 0 22px #f1dca88c}to{box-shadow:none;border-color:#c9a96124}}.deck-flight{z-index:5;pointer-events:none;position:fixed;top:0;left:0}.deck-flight canvas{will-change:transform, opacity;position:absolute;top:0;left:0;box-shadow:0 14px 30px #0000008c,0 0 18px #f1dca84d}.builder-row-cost{z-index:2;background:linear-gradient(#2a3847,#151e28);border-right:1px solid #c9a96140;flex:none;justify-content:center;align-self:stretch;align-items:baseline;gap:1px;width:38px;padding:0 0 0 3px;line-height:36px;display:flex;position:relative}.builder-row-cost b{font-family:var(--font-display);color:var(--accent-bright);font-size:16px}.builder-row-cost small{color:var(--muted);font-size:9.5px;font-weight:700}.builder-row-art{z-index:0;opacity:.6;background-position:50% 28%;background-size:cover;width:64%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 50%);mask-image:linear-gradient(90deg,#0000,#000 50%)}.builder-row-name{z-index:1;text-overflow:ellipsis;text-shadow:0 1px 2px #000,0 0 8px #000000e6;white-space:nowrap;flex:1;min-width:0;font-weight:600;position:relative;overflow:hidden}.builder-row-copies{z-index:1;min-width:28px;color:var(--accent-bright);font-variant-numeric:tabular-nums;text-align:center;background:#0009;border:1px solid #c9a9614d;border-radius:4px;flex:none;padding:2px 6px;font-size:12px;font-weight:700;position:relative}.builder-row:hover .builder-row-copies:after{content:" −1";color:#f59a8b}.builder-row.foreign{border-color:#e8b4548c}.builder-row.foreign .builder-row-art{opacity:.3;filter:grayscale()}.builder-row.foreign .builder-row-name{color:#f0c77a}.builder-row-foreign{z-index:1;width:16px;height:16px;color:var(--faction);filter:drop-shadow(0 0 3px #000000e6);flex:none;position:relative}.builder-actions{background:#04070a66;border-top:1px solid #c9a96129;gap:8px;padding:12px 20px 16px 22px;display:flex}.builder-save{font-family:var(--font-display);letter-spacing:.08em;flex:1;padding:11px 14px;font-size:14px}.builder-save:disabled{opacity:1;box-shadow:none;color:var(--accent);cursor:default;background:0 0;border-color:#c9a9614d}.builder-delete{color:#f59a8b;background:linear-gradient(#3a1d19,#22110e);border-color:#e0634fbf}.builder-delete:hover:not(:disabled){border-color:var(--danger);background:linear-gradient(#4a231d,#2a1511)}@media (width<=900px),(height<=560px){.builder{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.builder-top{padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 8px max(14px, env(safe-area-inset-left));grid-area:1/1/2/2;grid-template-columns:auto minmax(0,1fr);gap:10px}.builder-tabs{scrollbar-width:none;overflow-x:auto}.builder-pool{padding:4px max(14px, env(safe-area-inset-right)) 16px max(14px, env(safe-area-inset-left));grid-area:2/1/3/2;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px 10px}.builder-side{max-height:78dvh;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #c9a96161;border-left:0;grid-area:3/1/4/2;box-shadow:0 -14px 32px #0000008c}.builder-side:before{display:none}.builder-drawer-bar{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.builder-drawer-bar:focus-visible{outline:2px solid var(--accent-bright);outline-offset:-2px}.builder-drawer-count{font-family:var(--font-display);color:var(--accent-bright);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.builder-drawer-count span{color:var(--muted);font-size:13px}.builder-drawer-name{min-width:0;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.builder-drawer-chevron{color:var(--accent);font-size:13px}.builder-side-body{display:none}.builder-side.open .builder-side-body{display:flex}.builder-side-head{padding-top:4px}}@media (height<=560px) and (aspect-ratio>=4/3){.builder{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(240px,36vw,320px)}.builder-side{max-height:none;padding-right:env(safe-area-inset-right);border-top:0;border-left:1px solid #c9a96161;grid-area:1/2/3/3;box-shadow:-18px 0 42px #00000080}.builder-drawer-bar{display:none}.builder-side-body{display:flex}.builder-side-head{padding-top:12px}.builder-meter{gap:6px;padding:10px 12px}.builder-count strong{font-size:24px}}@media (width<=700px),(height<=500px){.hand-empty{bottom:max(10px, env(safe-area-inset-bottom));font-size:11.5px}.pile-count{min-width:18px;height:18px;font-size:10.5px;top:-6px;right:-6px}.pile-label{font-size:10.5px}}@media (width<=700px){.menu{gap:14px}.menu-title{font-size:30px}.faction-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:460px}.mode-radio,.opponent-row{flex-wrap:wrap;justify-content:center}}.card-face{width:100%;display:block;position:relative}.card-face-canvas{width:100%;height:auto;display:block}.card-face-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}