:root{--bg:#0b0d10;--bg-deep:#05070a;--panel:#14181e;--panel-2:#1b2029;--line:#ffffff14;--line-soft:#ffffff0b;--gold:#e8a33d;--gold-dim:#8a6122;--teal:#4fb3a8;--danger:#d4553c;--friend:#4f8fd4;--enemy:#d4553c;--text:#ece7dd;--muted:#ece7dd85;--faint:#ece7dd47;--radius:10px;--sq:clamp(78px, min(11.5vw, 17vh), 168px);--hand-card:clamp(92px, min(9.5vw, 15vh), 150px);--ease:cubic-bezier(.22, 1, .36, 1);--shadow-lift:0 18px 40px -12px #000000d9}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.app{background:radial-gradient(120% 80% at 50% 0,#d4553c1a,#0000 60%),radial-gradient(120% 80% at 50% 100%,#4f8fd41a,#0000 60%),linear-gradient(#0a0c10 0%,#0e1116 45%,#0a0c10 100%);grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.playerbar{border-bottom:1px solid var(--line-soft);background:linear-gradient(#00000059,#0000);align-items:center;gap:18px;padding:10px 20px;display:flex}.playerbar.bottom{border-bottom:none;border-top:1px solid var(--line-soft);background:linear-gradient(#0000,#00000059)}.playerbar .who{align-items:baseline;gap:10px;min-width:190px;display:flex}.playerbar .name{letter-spacing:.01em;font-weight:650}.playerbar .faction{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.playerbar.active .name{color:var(--gold)}.stronghold{border:1px solid var(--line);background:#00000059;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 8px;display:flex}.stronghold .icon{opacity:.75;width:18px;height:18px}.stronghold .count{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.stronghold .label{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:10px}.stronghold.sieged{border-color:var(--danger);box-shadow:0 0 0 1px #d4553c59,0 0 24px -6px #d4553c99}.pile{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.pile b{color:var(--text);font-variant-numeric:tabular-nums}.actions{align-items:center;gap:8px;margin-left:auto;display:flex}.pips{gap:5px;display:flex}.pip{border:1.5px solid var(--gold-dim);width:13px;height:13px;transition:all .28s var(--ease);background:0 0;border-radius:50%}.pip.filled{background:radial-gradient(circle at 35% 30%, #ffd98a, var(--gold));border-color:var(--gold);box-shadow:0 0 10px -1px #e8a33dbf}.field{isolation:isolate;place-items:center;min-height:0;padding:8px;display:grid;position:relative}.board{grid-template-columns:repeat(3, var(--sq));grid-template-rows:repeat(3, var(--sq));transform-style:preserve-3d;background:radial-gradient(70% 55% at 50% 8%,#ffd6961a,#0000 68%),radial-gradient(120% 90%,#1c212ae6,#080a0efa 78%),linear-gradient(#1a1f27,#0b0e13);border:1px solid #ffffff17;border-radius:20px;gap:14px;padding:22px;display:grid;transform:perspective(1800px)rotateX(9deg);box-shadow:inset 0 1px #ffffff17,inset 0 -30px 60px -30px #000000e6,0 50px 110px -45px #000000f2}.square{border-radius:var(--radius);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);background:linear-gradient(#0000008c,#0000004d);border:1px solid #ffffff12;position:relative;box-shadow:inset 0 2px 5px #000000bf,inset 0 -1px #ffffff0d}.square.backrow-friend{background:linear-gradient(#4f8fd421,#00000059)}.square.backrow-enemy{background:linear-gradient(#d4553c21,#00000059)}.square.gates:after{content:"";pointer-events:none;border:1px dashed #e8a33d47;border-radius:6px;position:absolute;inset:6px}.square.gates.threatened:after{border-color:var(--danger);animation:1.4s ease-in-out infinite gates-alarm}@keyframes gates-alarm{0%,to{opacity:.35}50%{opacity:1;box-shadow:inset 0 0 26px -6px #d4553cbf}}.square.targetable{cursor:pointer;border-color:#e8a33d8c;box-shadow:inset 0 0 0 1px #e8a33d40,0 0 26px -8px #e8a33db3}.square.targetable:before{content:"";pointer-events:none;border:1px solid #e8a33d59;border-radius:13px;animation:1.6s ease-in-out infinite target-pulse;position:absolute;inset:-3px}@keyframes target-pulse{0%,to{opacity:.25;transform:scale(.985)}50%{opacity:.9;transform:scale(1.015)}}.square.attackable{border-color:#d4553cbf}.square.attackable:before{border-color:#d4553c80}.square.selected{border-color:var(--gold);box-shadow:0 0 32px -8px #e8a33de6}.card{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#0a0a0a;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 2px 3px #000000e6,0 10px 20px -8px #000000f2,0 0 0 1px #000000b3}.card img{object-fit:cover;width:100%;height:100%;display:block}.stack{position:absolute;inset:9%}.stack .layer{background:#0a0a0a;border-radius:7px;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 8px -2px #000000e6}.stack .layer img{object-fit:cover;opacity:.55;width:100%;height:100%}.card.fatigued{filter:saturate(.35)brightness(.62)}.card.fatigued:after{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000 0 7px,#00000057 7px 14px);position:absolute;inset:0}.card.enemy{box-shadow:0 6px 14px -6px #000000e6,0 0 0 1.5px #d4553cbf}.card.friend{box-shadow:0 6px 14px -6px #000000e6,0 0 0 1.5px #4f8fd499}.power-badge{font-variant-numeric:tabular-nums;background:linear-gradient(#2a2f38,#12151a);border:1px solid #ffffff2e;border-radius:6px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:750;display:grid;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 6px #000000b3}.power-badge.buffed{color:#8ce8b0;border-color:#8ce8b080}.power-badge.debuffed{color:#ff9a86;border-color:#ff9a8680}.stack-count{border:1px solid var(--line);background:#000000bf;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:4px;left:4px}.attach-count{color:var(--teal);background:#000000bf;border:1px solid #4fb3a873;border-radius:5px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;bottom:4px;left:4px}.hand{min-height:calc(var(--hand-card) + 14px);justify-content:center;align-items:flex-end;gap:0;padding:0 20px 10px;display:flex}.hand-card{width:var(--hand-card);transform-origin:bottom;cursor:default;flex:none}.hand-card.playable{cursor:pointer}.hand-card.playable .card{box-shadow:0 6px 14px -6px #000000e6,0 0 0 1.5px #e8a33d8c,0 0 26px -10px #e8a33dcc}.hand-card.unplayable .card{filter:brightness(.6)saturate(.55)}.hand-card.selected{z-index:40!important}.hand-card.selected .card{box-shadow:0 0 0 2px var(--gold), 0 20px 40px -12px #000000f2}.hand.opponent{min-height:auto;padding:10px 20px 0}.card-back{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#e8a33d38,#0000 62%),linear-gradient(150deg,#1d222b,#0d1014);border:1px solid #e8a33d38;border-radius:5px;width:clamp(42px,4.6vw,66px);margin:0 -6px;box-shadow:0 3px 10px -4px #000000e6}.inspector{z-index:90;pointer-events:none;width:clamp(300px,25vw,400px);max-height:calc(100vh - 28px);position:fixed;top:50%;right:20px;overflow-y:auto}.inspector .card{box-shadow:var(--shadow-lift), 0 0 0 1px #ffffff1a;background-position:50%;background-size:cover;border-radius:12px;width:min(100%,42vh);margin:0 auto}.inspector .meta{border:1px solid var(--line);background:#0a0c10eb;border-radius:10px;margin-top:10px;padding:11px 13px;font-size:12px;line-height:1.5}.inspector .meta .title{margin-bottom:2px;font-weight:700}.inspector .meta .sub{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.inspector .meta .warn{color:var(--gold);margin-top:6px;font-size:11px}.btn{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), var(--panel));transition:all .16s var(--ease);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.btn:hover:not(:disabled){border-color:#ffffff38;transform:translateY(-1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{border-color:var(--gold);background:linear-gradient(180deg, #f0b455, var(--gold));color:#1a1206;box-shadow:0 4px 18px -6px #e8a33dcc}.btn.danger{color:#ffb3a3;border-color:#d4553c99}.banner{pointer-events:none;z-index:120;place-items:center;display:grid;position:fixed;inset:0}.banner .plate{letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 26px #e8a33d8c;white-space:nowrap;background:linear-gradient(90deg,#0000,#080a0ef0 18% 82%,#0000);border-top:1px solid #e8a33d73;border-bottom:1px solid #e8a33d73;padding:16px 60px;font-size:clamp(20px,3.2vw,40px);font-weight:750}.clash{pointer-events:none;z-index:60;place-items:center;display:grid;position:absolute;inset:0}.clash .nums{font-variant-numeric:tabular-nums;background:#06080bf0;border:1px solid #e8a33d80;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:20px;font-weight:800;display:flex;box-shadow:0 12px 34px -10px #000000f2}.clash .vs{color:var(--faint);letter-spacing:.1em;font-size:12px}.clash .win{color:#8ce8b0}.clash .lose{color:#ff8f78}.log{border-right:1px solid var(--line);z-index:110;background:#080a0df7;flex-direction:column;width:min(360px,88vw);display:flex;position:fixed;top:0;bottom:0;left:0}.log header{border-bottom:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;font-weight:700;display:flex}.log .entries{flex:1;padding:10px 16px 24px;overflow-y:auto}.log .entry{color:var(--muted);border-bottom:1px solid var(--line-soft);padding:5px 0;font-size:12.5px;line-height:1.45}.log .entry.turn{color:var(--gold);letter-spacing:.06em;margin-top:10px;font-weight:700}.log .entry.p0{color:#a8c8ee}.log .entry.p1{color:#eeb0a0}.log .entry.note{color:var(--faint);font-style:italic}.match-tools{z-index:100;align-items:center;gap:8px;display:flex;position:fixed;bottom:16px;left:16px}.concede{position:relative}.concede-pop{white-space:nowrap;color:var(--muted);background:#0e1116f7;border:1px solid #ffffff1a;border-radius:12px;gap:8px;padding:10px 12px;font-size:12px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 18px 44px -12px #000000e6}.concede-pop .row{gap:8px;display:flex}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:150;background:#040609db;place-items:center;display:grid;position:fixed;inset:0}.panel{background:linear-gradient(180deg, var(--panel), #0d1014);border:1px solid var(--line);width:min(620px,92vw);box-shadow:var(--shadow-lift);border-radius:16px;padding:30px 34px}.panel h1{letter-spacing:.02em;margin:0 0 6px;font-size:30px}.panel h2{margin:0 0 18px;font-size:18px}.panel p{color:var(--muted);margin:0 0 20px;line-height:1.6}.faction-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:22px;display:grid}.faction{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .16s var(--ease);background:#0e1218db;border-radius:10px;justify-items:center;gap:8px;padding:14px 12px;display:grid}.faction:hover{border-color:#ffffff40;transform:translateY(-2px)}.faction.on{border-color:var(--gold);background:#e8a33d1f;box-shadow:0 0 26px -10px #e8a33de6}.faction .n{font-weight:700}.faction .c{color:var(--muted);margin-top:3px;font-size:11px}.mull-hand{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 26px;display:flex}.mull-hand .card{width:clamp(74px,9vw,108px)}.row{align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end}.spacer{flex:1}.hint{text-shadow:0 1px 12px #000000f2;color:#ece7dddb;letter-spacing:.04em;pointer-events:none;font-size:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.table{grid-template-columns:auto auto auto;align-items:center;gap:clamp(14px,3vw,54px);display:grid}.rail{flex-direction:column;justify-content:center;gap:26px;display:flex}.rail.enemy{align-items:flex-end}.pile-stack{justify-items:center;gap:6px;display:grid}.pile-cards{aspect-ratio:1;width:clamp(52px,6vw,84px);position:relative}.pile-layer{background:linear-gradient(150deg,#1d222b,#0c0f13);border:1px solid #ffffff17;border-radius:6px;position:absolute;inset:0;box-shadow:0 3px 10px -4px #000000e6}.pile-stack.stronghold .pile-layer{background:radial-gradient(circle at 50% 38%,#e8a33d38,#0000 62%),linear-gradient(150deg,#1f242e,#0c0f13);border-color:#e8a33d47}.pile-face{border-radius:6px;position:absolute;inset:0;overflow:hidden}.pile-face img{object-fit:cover;opacity:.85;width:100%;height:100%}.pile-stack.empty .pile-cards{border:1px dashed #ffffff24;border-radius:6px}.pile-count{z-index:20;font-variant-numeric:tabular-nums;background:linear-gradient(#2a2f38,#12151a);border:1px solid #fff3;border-radius:6px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:750;display:grid;position:absolute;bottom:-6px;right:-6px;box-shadow:0 3px 8px #000c}.pile-label{text-shadow:0 1px 10px #000000f2;text-transform:uppercase;letter-spacing:.13em;color:#ece7dde0;white-space:nowrap;font-size:9.5px}.playerbar.bottom{padding-left:190px}.choice-bar{left:50%;bottom:calc(var(--hand-card) + 78px);z-index:95;background:#080a0ef5;border:1px solid #e8a33d80;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;max-width:min(820px,92vw);padding:12px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 46px -14px #000000f2,0 0 40px -18px #e8a33dcc}.choice-prompt{font-size:13.5px;font-weight:650}.choice-options{flex-wrap:wrap;gap:8px;display:flex}.choice-bar .btn{padding:6px 13px;font-size:12.5px}.app.choosing .square:not(.targetable){opacity:.5}.app.choosing .hand-card:not(.playable){opacity:.42}.board-area{align-items:center;gap:clamp(10px,2vw,28px);display:flex}.void-spacer{width:var(--sq)}.void-slot{width:var(--sq);justify-items:center;gap:8px;display:grid}.void-slot .square{width:var(--sq);height:var(--sq);background:radial-gradient(70% 70% at 50% 45%,#7850c838,#0000 72%),#0000008c;border-color:#966edc66;box-shadow:inset 0 0 34px -8px #8c5ae699}.void-label{text-shadow:0 1px 10px #000000f2;text-transform:uppercase;letter-spacing:.16em;color:#e4d6ff;white-space:nowrap;font-size:9.5px}.builder{background:linear-gradient(#0a0c10,#0e1116 55%,#0a0c10);grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.builder-bar{border-bottom:1px solid var(--line);background:linear-gradient(#0006,#0000);align-items:center;gap:12px;padding:12px 18px;display:flex}.deck-name{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:8px;min-width:240px;padding:7px 12px;font-size:14px;font-weight:650}.deck-name:focus{border-color:var(--gold);outline:none}.faction-tag{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:inline-flex}.deck-count{font-variant-numeric:tabular-nums;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:5px 12px;font-size:15px;font-weight:750}.deck-count.legal{color:#8ce8b0;border-color:#8ce8b073}.builder-body{grid-template-columns:clamp(300px,26vw,420px) minmax(0,1fr) 290px;min-height:0;display:grid}.filters{border-right:1px solid var(--line);flex-direction:column;gap:18px;padding:16px 14px;display:flex;overflow-y:auto}.search{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);width:100%;color:var(--text);background:#0e1218db;border-radius:8px;padding:8px 10px;font-size:12.5px}.search:focus{border-color:var(--gold);outline:none}.filter-group{gap:8px;display:grid}.filter-label{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);font-size:10px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);transition:all .15s var(--ease);background:#ffffff08;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:600}.chip:hover{border-color:#ffffff47}.chip.on{border-color:var(--gold);color:#ffd08a;background:#e8a33d29}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.pool-count{color:var(--faint);font-size:11px}.card-pool{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));align-content:start;align-items:start;gap:10px;padding:16px;display:grid;overflow-y:auto}.pool-card{cursor:pointer;width:100%;height:100%;transition:box-shadow .14s var(--ease), filter .14s var(--ease);background:0 0;border:none;border-radius:7px;padding:0;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #0009}.pool-slot{aspect-ratio:1;position:relative}.pool-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pool-card:hover:not(:disabled){box-shadow:0 0 0 2px var(--gold), 0 0 22px -6px #e8a33dcc}.pool-card:hover:not(:disabled) img{filter:brightness(1.12)}.pool-card.owned{box-shadow:0 0 0 1.5px #4f8fd4b3}.pool-card.blocked{cursor:not-allowed}.pool-card.blocked img{filter:grayscale(.85)brightness(.42)}.copies{pointer-events:none;background:#000000d1;border:1px solid #4f8fd499;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:750;position:absolute;top:4px;right:4px}.blocked-reason{pointer-events:none;color:#ece7ddd1;text-align:left;background:linear-gradient(#0000,#06080bf7 38%);padding:5px 7px;font-size:10px;font-weight:600;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.empty-pool{color:var(--faint);text-align:center;grid-column:1/-1;padding:30px 0}.deck-panel{border-left:1px solid var(--line);align-content:start;gap:12px;padding:14px;display:grid;overflow-y:auto}.slot header{text-transform:uppercase;letter-spacing:.12em;color:var(--faint);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;margin-bottom:5px;padding-bottom:5px;font-size:10.5px;display:flex}.slot header.full{color:var(--gold);border-color:#e8a33d4d}.slot-count{font-variant-numeric:tabular-nums}.slot ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.slot li{cursor:pointer;transition:background .14s var(--ease);background:#ffffff08;border-radius:6px;align-items:center;gap:8px;padding:3px 6px 3px 3px;font-size:12px;display:flex}.slot li:hover:not(.empty-slot){background:#d4553c2e}.slot li img{object-fit:cover;pointer-events:none;border-radius:4px;width:26px;height:26px}.entry-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.remove{color:var(--faint);font-weight:800}.slot li:hover .remove{color:#ff9a86}.slot li.empty-slot{color:var(--faint);border:1px dashed var(--line);cursor:default;background:0 0;padding:5px 8px;font-size:11px;font-style:italic}.deck-errors{color:#ffb3a3;background:#d4553c1a;border:1px solid #d4553c59;border-radius:8px;padding:10px 12px;font-size:11.5px;line-height:1.55}.preview-dock{z-index:2;background:var(--panel,#0d1117);align-items:flex-start;width:min(100%,46vh);min-height:calc(min(100%,46vh) + 58px);padding-bottom:6px;display:flex;position:sticky;top:0}.preview-dock .inspector{pointer-events:none;width:100%;margin:0;position:static;transform:none}.preview-hint{color:var(--faint);align-self:center;margin:0;font-size:11.5px;line-height:1.5}.home{place-items:start center;height:100%;padding:48px 24px;display:grid;overflow-y:auto}.home-inner{width:min(1000px,100%)}.home h1{letter-spacing:.02em;margin:0 0 6px;font-size:40px}.home .tagline{color:var(--muted);max-width:620px;margin:0 0 30px;line-height:1.6}.section-head{align-items:baseline;gap:12px;margin:28px 0 12px;display:flex}.section-head h2{text-shadow:0 1px 12px #000000f2;text-transform:uppercase;letter-spacing:.12em;color:#ece7ddc7;margin:0;font-size:15px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.deck-card{text-align:left;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .16s var(--ease);background:linear-gradient(#10141ae0,#080a0eeb);border-radius:12px;gap:4px;padding:14px 16px;display:grid}.deck-card:hover{border-color:#ffffff3d;transform:translateY(-2px)}.deck-card .dname{font-size:15px;font-weight:700}.deck-card .dmeta{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.deck-card .dstatus{margin-top:5px;font-size:11.5px}.deck-card .dstatus.legal{color:#8ce8b0}.deck-card .dstatus.wip{color:var(--gold)}.deck-actions{gap:6px;margin-top:10px;display:flex}.deck-actions .btn{padding:5px 10px;font-size:11.5px}.deck-card.new{min-height:108px;color:var(--muted);border-style:dashed;place-items:center;font-weight:650;display:grid}.account-bar{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1218db;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:26px;padding:10px 14px;font-size:12.5px;display:flex}.account-note{color:var(--muted)}.account-note b{color:var(--text)}.account-msg{color:var(--gold);width:100%;font-size:12px}.account-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.account-form .search{width:160px;padding:6px 9px}.account-form .btn{padding:6px 12px;font-size:12px}.lesson{z-index:95;background:#0a0c10f7;border:1px solid #e8a33d73;border-radius:14px;width:min(330px,28vw);padding:18px 20px;position:fixed;top:50%;left:24px;transform:translateY(-50%);box-shadow:0 22px 60px -18px #000000f2,0 0 44px -22px #e8a33db3}.lesson-progress{gap:4px;margin-bottom:12px;display:flex}.lesson-progress .tick{height:3px;transition:background .25s var(--ease);background:#ffffff1f;border-radius:2px;flex:1}.lesson-progress .tick.past{background:#e8a33d8c}.lesson-progress .tick.now{background:var(--gold)}.lesson-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);font-size:10px}.lesson h3{color:var(--text);margin:6px 0 8px;font-size:17px}.lesson p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.6}.lesson-actions{align-items:center;gap:8px;display:flex}.lesson-hint{color:var(--gold);font-size:11.5px;font-style:italic}.lesson.done{border-color:#8ce8b080}.lesson.done h3{color:#8ce8b0}.lesson-card{cursor:pointer}.lesson-done{color:#8ce8b0;margin-top:6px;font-size:11.5px}.square.spotlight:after{content:"";pointer-events:none;border:2px solid #e8a33dbf;border-radius:14px;animation:1.5s ease-in-out infinite spotlight-pulse;position:absolute;inset:-4px}@keyframes spotlight-pulse{0%,to{opacity:.35;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}.lobby{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#10141ae0,#080a0eeb);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.lobby-field{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.lobby-field select{color:var(--text);border:1px solid var(--line);background:#ffffff0d;border-radius:8px;padding:7px 10px;font-size:13px}.lobby-note{color:var(--muted);margin:0;font-size:13px}.lobby-searching{color:var(--gold);font-size:13px;font-weight:600}.lobby-msg{color:var(--muted);width:100%;font-size:12px}.lobby-msg.bad{color:#ff9a86}.online-status{z-index:95;border:1px solid var(--line);background:#0a0c10f5;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;font-size:12.5px;display:flex;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.online-status .dot{border-radius:50%;width:8px;height:8px}.online-status .dot.live{background:#8ce8b0;box-shadow:0 0 10px #8ce8b0cc}.online-status .dot.connecting{background:var(--gold)}.online-status .dot.lost{background:var(--danger)}.online-status.lost{border-color:#d4553c8c}.online-error{color:#ff9a86;max-width:200px;font-size:11.5px}.online-line{align-items:center;gap:8px;display:flex}.online-status .clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.online-status .clock.urgent{color:var(--danger);font-weight:700}.concede-confirm{color:var(--muted);gap:6px;font-size:12px;display:grid}.online-status .btn{padding:5px 10px;font-size:11.5px}.target-arrow{pointer-events:none;z-index:88;width:100vw;height:100vh;position:fixed;inset:0}@keyframes impact-shake{0%{transform:translate(0,0)}15%{transform:translate(-5px,2px)rotate(-.25deg)}30%{transform:translate(4px,-3px)rotate(.2deg)}45%{transform:translate(-3px,2px)}60%{transform:translate(2px,-1px)}to{transform:translate(0,0)}}.field.shaking{animation:.4s cubic-bezier(.36,.07,.19,.97) impact-shake}.field.shaking-hard{animation:.42s cubic-bezier(.36,.07,.19,.97) impact-shake}@keyframes card-destroy{0%{filter:brightness()saturate();opacity:1;transform:scale(1)}25%{filter:brightness(2.6)saturate(.3)}to{filter:brightness(.2)saturate(0);opacity:0;transform:scale(.72)rotate(-6deg)}}.sound-toggle{z-index:100;padding:6px 10px;position:fixed;bottom:58px;left:16px}.ceremony{z-index:160;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(70% 60% at 50% 45%,#06080ce6,#030406fa);place-content:center;justify-items:center;gap:4px;display:grid;position:fixed;inset:0;overflow:hidden}.ceremony h1{text-shadow:0 4px 40px #000000e6;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(52px,11vw,132px);font-weight:800;line-height:1}.ceremony p{text-shadow:0 1px 16px #000000f2;color:#ece7ddf2;max-width:40ch;margin:14px 0 26px;font-size:15px}.ceremony.win h1{color:#ffd98a;text-shadow:0 0 60px #e8a33dbf,0 6px 40px #000000e6}.ceremony.loss h1{color:#ff9a86;text-shadow:0 0 60px #d4553c99,0 6px 40px #000000e6}.ceremony.neutral h1{color:var(--text);text-shadow:0 6px 40px #000000e6}.ceremony-rays{pointer-events:none;background:repeating-conic-gradient(#e8a33d29 0deg 5deg,#0000 5deg 15deg);width:150vmax;height:150vmax;animation:34s linear infinite rays-turn;position:absolute;-webkit-mask-image:radial-gradient(circle,#000000e6 8%,#0000 62%);mask-image:radial-gradient(circle,#000000e6 8%,#0000 62%)}.ceremony.loss .ceremony-rays{background:repeating-conic-gradient(#d4553c24 0deg 5deg,#0000 5deg 15deg)}.ceremony.neutral .ceremony-rays{opacity:.25!important}@keyframes rays-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ceremony-rays,.field.shaking,.field.shaking-hard{animation:none}}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.deck-tile{aspect-ratio:4/3;border:1px solid var(--line);cursor:default;background:#0c0f14;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 30px -16px #000000f2}.deck-tile:after{content:"";background:var(--faction,var(--gold));height:3px;box-shadow:0 0 16px var(--faction,var(--gold));opacity:.85;position:absolute;bottom:0;left:0;right:0}.tile-art{position:absolute;inset:0}.tile-art img{object-fit:cover;object-position:center 26%;filter:saturate(.95)brightness(.8);width:100%;height:100%;transition:transform .4s var(--ease), filter .3s var(--ease)}.deck-tile:hover .tile-art img{filter:saturate(1.05)brightness(.95);transform:scale(1.06)}.tile-art-empty{background:linear-gradient(150deg,#1a1f27,#0b0e13);width:100%;height:100%}.tile-scrim{background:linear-gradient(#06080c26 0%,#06080c8c 52%,#06080cf2 100%);position:absolute;inset:0}.tile-body{transition:transform .2s var(--ease);gap:2px;padding:12px 13px 14px;display:grid;position:absolute;bottom:0;left:0;right:0}.deck-tile:hover .tile-body{transform:translateY(-42px)}.tile-faction{text-transform:uppercase;letter-spacing:.14em;color:#ece7dd9e;align-items:center;gap:6px;font-size:10px;display:flex}.faction-mark{object-fit:contain;filter:drop-shadow(0 1px 2px #0000008c);flex:none}.fchip .faction-mark{width:18px;height:18px;margin:-2px 0 -2px -2px}.pip{background:var(--faction,var(--gold));width:8px;height:8px;box-shadow:0 0 8px var(--faction,var(--gold));border-radius:50%;display:inline-block}.tile-name{color:#fff;text-shadow:0 2px 12px #000000e6;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:750;overflow:hidden}.tile-status{color:var(--muted);font-size:11.5px}.tile-status.legal{color:#8ce8b0}.tile-status.wip{color:var(--gold)}.tile-warn{color:#1a1206;background:var(--gold);border-radius:6px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid;position:absolute;top:9px;right:10px;box-shadow:0 2px 10px #000000b3}.tile-actions{opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);gap:6px;padding:10px 12px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.deck-tile:hover .tile-actions{opacity:1;transform:translateY(0)}.tile-actions .btn{padding:5px 10px;font-size:11.5px}.deck-tile.new{color:var(--muted);cursor:pointer;background:linear-gradient(150deg,#ffffff08,#0000004d);border-style:dashed;place-content:center;justify-items:center;gap:8px;display:grid}.deck-tile.new:after{display:none}.deck-tile.new .plus{color:var(--gold);font-size:40px;font-weight:300;line-height:1}.deck-tile.new:hover{border-color:var(--gold);color:var(--text)}.deck-count-pill{font-variant-numeric:tabular-nums;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:11px}.deck-search{width:190px;padding:6px 10px;font-size:12.5px}.deck-sort{color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#0e1218db;border-radius:8px;padding:6px 10px;font-size:12.5px}.faction-filter{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.fchip{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);transition:all .15s var(--ease);background:#0e1218d1;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:600;display:flex}.fchip:hover{color:var(--text);border-color:#ffffff40}.fchip.on{color:var(--text);border-color:var(--faction,var(--gold));background:color-mix(in srgb, var(--faction,var(--gold)) 16%, transparent)}.home,.builder{position:relative}.builder-bar,.builder-body{z-index:1;position:relative}.scene{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.scene img{object-fit:cover;transform-origin:50%;width:100%;height:100%}.scene-veil{position:absolute;inset:0}.scene-home img{object-position:center 42%;filter:saturate(1.06)brightness()}.scene-home .scene-veil{background:radial-gradient(42% 36% at 20% 22%,#05070ab8,#05070a00 74%),linear-gradient(100deg,#05070a80 0%,#05070a29 34%,#05070a00 58%),linear-gradient(#05070a0a 0%,#05070a14 50%,#05070a57 100%)}.scene-ceremony{z-index:-1;position:absolute}.scene-ceremony img{object-position:center 42%;filter:saturate()brightness(.9)}.scene-ceremony .scene-veil{background:radial-gradient(42% 30% at 50% 46%,#03060ae6,#03060a00 80%),linear-gradient(#03060a1a 0%,#03060a14 45%,#03060a29 100%)}.searching{z-index:120;background:#04060af7;place-items:center;display:grid;position:fixed;inset:0}.scene-searching{z-index:-1;position:absolute}.scene-searching img{object-fit:contain;object-position:center;filter:brightness(.96)saturate(1.05)}.scene-searching .scene-veil{background:linear-gradient(#04060a00 30%,#04060acc 41% 59%,#04060a00 70%),linear-gradient(#04060a1a,#04060a1a)}.searching-inner{z-index:1;text-align:center;justify-items:center;gap:14px;padding:22px 30px;display:grid;position:relative}.searching-inner h2{letter-spacing:.02em;text-shadow:0 2px 24px #000000f2;margin:0;font-size:26px}.searching-inner p{color:var(--faint);text-shadow:0 1px 12px #000000e6;margin:0}.scene-field{z-index:-1;position:absolute}.scene-field img{object-position:center 30%;filter:saturate(.94)brightness(.9)}.scene-field .scene-veil{background:linear-gradient(#0a0c10 0%,#0a0c1000 18% 80%,#0a0c10 100%),radial-gradient(56% 46% at 50% 52%,#04060a38,#04060a0f 80%),linear-gradient(#04060a14,#04060a14)}.home-inner{z-index:1;position:relative}.hero{padding:26px 0 34px}.hero-kicker{text-transform:uppercase;letter-spacing:.22em;color:#e8a33dcc;font-size:11px}.hero-title{text-shadow:0 4px 40px #000000e6,0 0 70px #e8a33d2e;letter-spacing:.02em;color:#fff;margin:8px 0 10px;font-size:clamp(46px,7vw,82px);font-weight:800;line-height:1}.hero-tagline{text-shadow:0 1px 14px #000000e6;color:#ece7dde0;max-width:52ch;margin:0 0 26px;font-size:15px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-note{text-shadow:0 1px 12px #000000f2;color:#ece7dd;margin:16px 0 0;font-size:12.5px}.btn-hero{background:linear-gradient(180deg, #f7c163, var(--gold) 55%, #c9821f);color:#1a1206;letter-spacing:.06em;text-transform:uppercase;transition:transform .15s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease);border:1px solid #ffd69699;border-radius:999px;padding:15px 44px;font-size:16px;font-weight:750;box-shadow:0 10px 34px -10px #e8a33dd9,inset 0 1px #ffffff80}.btn-hero:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 16px 44px -10px #e8a33df2}.btn-hero:active{transform:translateY(0)}.btn-hero.ghost{border-color:var(--line);color:var(--text);box-shadow:none;background:#ffffff0d;padding:15px 30px}.btn-hero.ghost:hover{box-shadow:none;border-color:#ffffff4d}.hand{perspective:1400px}@keyframes lunge{0%{transform:translate(0)scale(1)}32%{transform:translate(var(--lx), var(--ly)) scale(1.09)}46%{transform:translate(var(--lx), var(--ly)) scale(1.06)}to{transform:translate(0)scale(1)}}.card-inner{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.card-inner.lunging{z-index:30;animation:.38s cubic-bezier(.3,0,.2,1) lunge}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.card-inner.idle{animation:5.5s ease-in-out infinite breathe;animation-delay:var(--breathe-delay,0s)}@media (prefers-reduced-motion:reduce){.card-inner.lunging,.card-inner.idle{animation:none}.hand-card{transition:none}}.turn-indicator{letter-spacing:.04em;border:1px solid var(--line);z-index:40;pointer-events:none;background:#0a0c10e6;border-radius:999px;align-items:center;gap:9px;padding:7px 16px;font-size:12.5px;font-weight:650;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.turn-indicator.yours{color:#ffd98a;border-color:#e8a33d99;box-shadow:0 0 30px -8px #e8a33db3}.turn-indicator.theirs{color:var(--muted)}.turn-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.turn-indicator.yours .turn-dot{animation:1.8s ease-in-out infinite turn-pulse}@keyframes turn-pulse{0%,to{opacity:1;box-shadow:0 0 #e8a33d99}50%{opacity:.75;box-shadow:0 0 0 6px #e8a33d00}}.turn-actions{font-variant-numeric:tabular-nums;border-left:1px solid #ffffff24;padding-left:9px;font-weight:750}.playerbar{position:relative}.playerbar-live{background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.85;height:2px;animation:3.2s ease-in-out infinite bar-sweep;position:absolute;bottom:0;left:0;right:0}.playerbar.bottom .playerbar-live{top:0;bottom:auto}@keyframes bar-sweep{0%,to{opacity:.3;transform:translate(-30%)scaleX(.5)}50%{opacity:.9;transform:translate(30%)scaleX(1)}}.pips{align-items:center}.pips-label{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin-right:3px;font-size:10px}.pips.idle .pip{opacity:.35}.pip{width:15px;height:15px}.stronghold .count{font-size:20px}.stronghold.low{border-color:#e8a33d8c;box-shadow:0 0 22px -8px #e8a33db3}.stronghold.critical{border-color:#d4553ccc;animation:1.5s ease-in-out infinite critical-pulse;box-shadow:0 0 26px -6px #d4553cd9}.stronghold.critical .count{color:#ff9a86}@keyframes critical-pulse{0%,to{box-shadow:0 0 26px -8px #d4553cb3}50%{box-shadow:0 0 34px -4px #d4553c}}.pile-stack.low .pile-layer{border-color:#e8a33d80}.pile-stack.critical .pile-layer{background:radial-gradient(circle at 50% 38%,#d4553c4d,#0000 62%),linear-gradient(150deg,#2a1614,#0c0f13);border-color:#d4553cbf}.pile-stack.critical .pile-count{color:#ff9a86;border-color:#d4553c99}@keyframes pile-struck{0%{filter:brightness();transform:translate(0)}20%{filter:brightness(2.2);transform:translate(-4px,2px)}45%{transform:translate(3px,-2px)}70%{transform:translate(-2px,1px)}to{filter:brightness();transform:translate(0)}}.pile-stack.struck .pile-cards{animation:.45s ease-out pile-struck}.rules{isolation:isolate;grid-template-rows:auto minmax(0,1fr);height:100%;display:grid;position:relative}.scene-rules{z-index:-1;position:absolute}.scene-rules img{object-position:center 45%;filter:saturate(.9)brightness(.7)}.scene-rules .scene-veil{background:linear-gradient(#06080c9e,#06080cdb)}.rules-bar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d12db;align-items:center;gap:16px;padding:14px 22px;display:flex}.rules-bar h1{letter-spacing:.02em;flex:1;margin:0;font-size:17px}.rules-body{grid-template-columns:minmax(190px,230px) minmax(0,1fr);justify-content:center;gap:34px;padding:30px 22px 80px;display:grid;overflow-y:auto}.rules-nav{align-self:start;gap:2px;padding-top:4px;display:grid;position:sticky;top:0}.rules-nav a{color:var(--muted);transition:all .15s var(--ease);border-left:2px solid #0000;border-radius:8px;padding:7px 11px;font-size:12.5px;text-decoration:none}.rules-nav a:hover{color:var(--text);background:#ffffff0d}.rules-nav a.on{color:var(--gold);border-left-color:var(--gold);background:#e8a33d17}.rules-content{gap:8px;max-width:720px;display:grid}.rules-content section{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117e6;border-radius:14px;margin-bottom:14px;padding:22px 26px;scroll-margin-top:12px}.rules-content h2{letter-spacing:.01em;margin:0 0 12px;font-size:19px}.rules-content h4{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin:0 0 5px;font-size:12px}.rules-content p{color:#ece7dde6;margin:0 0 12px;line-height:1.72}.rules-content p:last-child{margin-bottom:0}.rules-content b{color:var(--text);font-weight:650}.rules-list{gap:5px;margin:0 0 12px;padding-left:20px;display:grid}.rules-list li{color:#ece7dde6;line-height:1.62}.rules-phases{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:14px;display:grid}.rules-phases>div{border:1px solid var(--line);background:#ffffff09;border-radius:11px;padding:14px 15px}.rules-phases p{margin:0;font-size:13px}.rules-aside{border-left:2px solid var(--gold);background:#e8a33d12;border-radius:11px;padding:12px 15px;font-size:13.5px}.rules-triangle{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0 0 14px;display:grid}.rules-triangle .rt{border:1px solid var(--line);color:#ece7ddd1;background:#ffffff09;border-radius:11px;gap:2px;padding:13px 14px;font-size:13px;display:grid}.rules-triangle .rt b{font-size:14.5px}.rules-triangle .rt i{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-size:11px;font-style:normal}.rules-factions{gap:9px;display:grid}.rules-factions .rf{border:1px solid var(--line);background:#ffffff09;border-radius:11px;align-items:center;gap:12px;padding:11px 13px;display:flex}.rules-factions .rf>div{gap:2px;display:grid}.rules-factions .rf b{font-size:14px}.rules-factions .rf span{color:var(--muted);font-size:12.5px;line-height:1.5}.rules-end{text-align:center}.rules-end .row{justify-content:center;gap:10px;margin-top:16px;display:flex}.link-btn{color:var(--gold);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600}.link-btn:hover{text-decoration:underline}.hero-rules{margin-left:6px;font-size:13.5px}@media (width<=860px){.rules-body{grid-template-columns:minmax(0,1fr);gap:14px}.rules-nav{flex-wrap:wrap;gap:4px;display:flex;position:static}}.inspector .traits{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.inspector .rules{gap:8px;margin-top:9px;display:grid}.inspector .rules i{color:var(--muted);font-style:italic}.inspector .rules p{color:#ece7ddf0;border-top:1px solid #ffffff14;margin:0;padding-top:8px;font-size:12.5px;line-height:1.6}.inspector .rules p:first-child{border-top:none;padding-top:0}.inspector .atype{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);vertical-align:1px;background:#ffffff14;border-radius:5px;margin-right:7px;padding:2px 6px;font-size:9.5px;font-style:normal;font-weight:700;display:inline-block}.inspector .atype.action{color:var(--gold);background:#e8a33d2e}.inspector .atype.deployment{color:#9cc4ef;background:#4f8fd433}.inspector .aname{color:var(--text);margin-right:6px}.mk{color:var(--text);background:#ffffff1a;border-radius:5px;padding:0 5px;font-size:.94em;font-weight:700;display:inline-block}.mk-power{color:var(--gold);font-variant-numeric:tabular-nums;background:#e8a33d33}.mk-trait{color:#8ce8b0;background:#8ce8b029}.mk-ref{color:#9cc4ef;background:#4f8fd433}.inspector .traits .mk-trait{letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}