:root{--bg:#12141a;--bg-2:#1a1d25;--bg-3:#232733;--line:#2f3442;--text:#e7e9ee;--muted:#9097a8;--gold:#d4ad57;--gold-2:#b38b35;--red:#e0645c;--green:#5cbf86;--blue:#6aa3e8;--felt:#17271f;--felt-2:#1b2e25;--radius:8px;--card-radius:4.5%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--gold)}h1,h2,h3{margin:0 0 .6em;line-height:1.2}h1{font-size:1.7rem}h2{margin-top:1.4em;font-size:1.15rem}h3{font-size:1rem}input,textarea,select,button{font:inherit;color:inherit}input,textarea,select{background:var(--bg-3);border:1px solid var(--line);border-radius:6px;outline:none;min-width:0;padding:7px 10px}input:focus,textarea:focus{border-color:var(--gold-2)}textarea{resize:vertical;width:100%;font-family:ui-monospace,Menlo,monospace;font-size:13px}kbd{background:var(--bg-3);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:0 5px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--red)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--bg-3);cursor:pointer;color:var(--text);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:#2c3140;border-color:#3d4456}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--gold);border-color:var(--gold);color:#1b1608;font-weight:600}.btn-primary:hover:not(:disabled){background:#e2bd68;border-color:#e2bd68}.btn-danger:hover:not(:disabled){border-color:var(--red);background:#4a2523}.btn-big{padding:11px 22px;font-size:1.05rem}.btn-small{padding:4px 10px;font-size:.85rem}.btn-tiny{border-radius:4px;padding:1px 6px;font-size:.75rem}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:1px 6px;font-size:.85rem}.icon-btn:hover{color:var(--text);background:var(--bg-3)}.icon-btn.on{color:var(--gold);border-color:var(--gold-2)}.link-btn{color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.page{flex-direction:column;min-height:100vh;display:flex}.site-head{border-bottom:1px solid var(--line);background:var(--bg-2);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.brand{color:var(--text);letter-spacing:.01em;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.site-head nav{align-items:center;gap:18px;display:flex}.site-head nav a{color:var(--text);text-decoration:none}.site-head nav a.active{color:var(--gold)}.site-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:28px 24px 48px}.site-foot{color:var(--muted);border-top:1px solid var(--line);text-align:center;padding:16px 24px;font-size:.75rem}.site-foot a{color:var(--muted)}.narrow{max-width:420px;margin:0 auto}.notice{border-radius:var(--radius);background:#2a2416;border:1px solid #4b3f22;padding:9px 14px}.empty{text-align:center;padding:48px 0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.page-head h1{margin:0}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:14px;display:flex}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px}.tabs button.active{color:var(--text);border-bottom-color:var(--gold)}.form{flex-direction:column;gap:12px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.form label input{color:var(--text)}.hero{max-width:720px;padding:40px 0 28px}.hero h1{letter-spacing:-.01em;font-size:2.4rem}.lead{color:var(--muted);font-size:1.1rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.join-form{gap:6px;display:flex}.join-form input{width:240px}.home-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px;display:grid}.tile{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.tile p{color:var(--muted)}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.deck-tile{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.deck-tile-link{color:inherit;text-decoration:none}.deck-art{background:var(--bg-3) center 25% / cover no-repeat;height:120px}.deck-tile-body{padding:10px 14px 4px}.deck-tile-body h3{margin:0 0 2px}.deck-tile-actions{gap:6px;margin-top:auto;padding:10px 14px 14px;display:flex}.editor{grid-template-columns:minmax(0,1fr) 300px;gap:28px;display:grid}.editor-side .sticky{position:sticky;top:16px}.deck-name{background:0 0;border-color:#0000;flex:1;min-width:200px;padding:4px 8px;font-size:1.4rem;font-weight:700}.deck-name:hover{border-color:var(--line)}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:10px 14px}.panel-toggle{cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:600}.deck-import{flex-direction:column;gap:8px;margin-top:8px;display:flex}.problems,.warnings{border-radius:var(--radius);margin:10px 0;padding:8px 14px 8px 30px;font-size:.9rem}.problems{background:#2d1a19;border:1px solid #5a2c29}.warnings{background:#2a2416;border:1px solid #4b3f22}.add-card{gap:6px;margin-bottom:14px;display:flex}.add-card input{flex:1}.deck-columns{columns:2 340px;column-gap:24px}.deck-group{break-inside:avoid;margin-bottom:18px}.deck-group h3{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:4px}.deck-row{border-radius:5px;align-items:center;gap:6px;padding:2px 4px;display:flex}.deck-row:hover{background:var(--bg-2)}.qty{text-align:center;width:54px;padding:2px 4px}.deck-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.set-badge{background:var(--bg-3);border:1px solid var(--line);cursor:pointer;color:var(--muted);white-space:nowrap;border-radius:4px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:.72rem}.set-badge:hover{color:var(--gold);border-color:var(--gold-2)}.preview{flex-direction:column;align-items:center;gap:6px;display:flex}.preview-img{aspect-ratio:63/88;width:100%;position:relative}.preview-img img{border-radius:var(--card-radius);object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.preview-img .preview-sharp{opacity:0;transition:opacity .12s ease-out}.preview-img .preview-sharp.is-loaded{opacity:1}.preview-empty{aspect-ratio:63/88;border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:10px;place-items:center;padding:20px;font-size:.9rem;display:grid}.preview-label{color:var(--muted);font-size:.8rem}.card-loading{border-radius:var(--card-radius);text-align:center;width:100%;height:100%;color:var(--muted);background:linear-gradient(135deg,#2a2f3c,#1f232d);place-items:center;padding:6px;font-size:.7rem;display:grid}:root,.card-back{--ink:255 255 255}.card-back.is-light,.mat-light{--ink:20 20 24}.card-back.is-light .card-back-inner{color:#000000bf}.mat-light .field-hint{color:#0000004d}.mat-light .pile-slot{border-color:#00000040}.card-back{border-radius:var(--card-radius);background:var(--sleeve,#2f4a8a);width:100%;height:100%;box-shadow:inset 0 0 0 1px rgb(var(--ink) / .22);border:2px solid #0009;padding:7%;position:relative;overflow:hidden}.card-back-inner{width:100%;height:100%;box-shadow:inset 0 0 0 1.5px rgb(var(--ink) / .32);color:rgb(var(--ink) / .88);text-align:center;background:linear-gradient(135deg, rgb(var(--ink) / .18), transparent 55%, #00000038);border-radius:8%;place-items:center;padding:8px;font-size:.75rem;display:grid}.sleeve-stripes .card-back-inner{background:repeating-linear-gradient(45deg, rgb(var(--ink) / .16) 0 6%, transparent 6% 13%), linear-gradient(135deg, rgb(var(--ink) / .12), transparent 60%, #00000040)}.sleeve-diamonds .card-back-inner{background:repeating-linear-gradient(45deg, rgb(var(--ink) / .2) 0 1.5%, transparent 1.5% 12%), repeating-linear-gradient(-45deg, rgb(var(--ink) / .2) 0 1.5%, transparent 1.5% 12%), radial-gradient(ellipse at center, rgb(var(--ink) / .14), #00000040 85%)}.sleeve-dots .card-back-inner{background:radial-gradient(circle, rgb(var(--ink) / .24) 22%, transparent 26%) 0 0 / 20% 14%, linear-gradient(160deg, rgb(var(--ink) / .12), #00000040)}.sleeve-checker .card-back-inner{background:repeating-conic-gradient(rgb(var(--ink) / .15) 0 25%, transparent 0 50%) 0 0 / 25% 17.5%, linear-gradient(160deg, rgb(var(--ink) / .1), #00000040)}.sleeve-plaid .card-back-inner{background:repeating-linear-gradient(0deg, #0000002e 0 10%, transparent 10% 20%, rgb(var(--ink) / .12) 20% 22%, transparent 22% 30%), repeating-linear-gradient(90deg, #0000002e 0 14%, transparent 14% 28%, rgb(var(--ink) / .12) 28% 31%, transparent 31% 42%)}.sleeve-chevron .card-back-inner{background:linear-gradient(135deg, rgb(var(--ink) / .17) 25%, transparent 25%) -12.5% 0 / 25% 16%, linear-gradient(225deg, rgb(var(--ink) / .17) 25%, transparent 25%) -12.5% 0 / 25% 16%, linear-gradient(315deg, rgb(var(--ink) / .17) 25%, transparent 25%) 0 0 / 25% 16%, linear-gradient(45deg, rgb(var(--ink) / .17) 25%, transparent 25%) 0 0 / 25% 16%, linear-gradient(#0000001f, #0000001f)}.sleeve-waves .card-back-inner{background:repeating-radial-gradient(circle at 50% 115%, rgb(var(--ink) / .16) 0 3%, transparent 3% 8%), repeating-radial-gradient(circle at 50% -15%, rgb(var(--ink) / .1) 0 2%, transparent 2% 8%), linear-gradient(#0000001a, #00000040)}.sleeve-emblem .card-back-inner{box-shadow:inset 0 0 0 1.5px rgb(var(--ink) / .45), inset 0 0 0 5px #00000038, inset 0 0 0 6.5px rgb(var(--ink) / .28);background:radial-gradient(circle at 50% 50%, rgb(var(--ink) / .4) 0 7%, transparent 7.5%), conic-gradient(from 45deg at 50% 50%, rgb(var(--ink) / .22) 0 25%, transparent 0 50%, rgb(var(--ink) / .22) 0 75%, transparent 0) 50% 50% / 34% 24% no-repeat, radial-gradient(ellipse at center, rgb(var(--ink) / .12), #0000004d 85%)}.sleeve-burst .card-back-inner{background:radial-gradient(circle at 50% 50%, rgb(var(--ink) / .35) 0 8%, transparent 9% 100%), repeating-conic-gradient(from 0deg at 50% 50%, rgb(var(--ink) / .15) 0 9deg, transparent 9deg 18deg), radial-gradient(ellipse at center, transparent 30%, #0000004d)}.modal-backdrop{z-index:100;background:#050609b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(460px,100%);max-height:calc(100vh - 32px);display:flex;box-shadow:0 20px 60px #00000080}.modal-wide{width:min(1100px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h2{margin:0;font-size:1.1rem}.modal-body{padding:16px 18px;overflow:auto}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;display:flex}.modal-foot .muted{margin-right:auto}.toasts{z-index:200;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:8px 16px;box-shadow:0 6px 24px #0006}.toast-error{border-color:var(--red);background:#3a1e1c}.print-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.print{cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:10px;flex-direction:column;gap:3px;padding:4px;display:flex}.print:hover{border-color:var(--line)}.print-current{border-color:var(--gold)}.print img{aspect-ratio:63/88;border-radius:var(--card-radius);background:var(--bg-3);width:100%}.print-meta{font-size:.78rem}.print-set{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.lobby{background:radial-gradient(ellipse at top, var(--felt-2), var(--bg) 70%);justify-content:center;min-height:100vh;padding:40px 16px;display:flex}.lobby-card{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;width:min(760px,100%);height:fit-content;padding:26px 28px}.lobby-card.narrow{width:min(420px,100%)}.invite{background:var(--bg-3);border-radius:var(--radius);padding:10px 14px}.invite-row{align-items:center;gap:8px;margin-top:4px;display:flex}.invite-row code{text-overflow:ellipsis;white-space:nowrap;color:var(--gold);flex:1;font-size:.95rem;overflow:hidden}.lobby-players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lobby-players li{background:var(--bg-3);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.tag-inline{text-transform:uppercase;letter-spacing:.05em;color:var(--gold);background:#3a3220;border-radius:4px;padding:1px 6px;font-size:.7rem}.lobby-decks{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.lobby-deck{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.lobby-deck:hover{border-color:#4a5164}.lobby-deck.chosen{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.lobby-start{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.on{background:var(--green)}.dot.off{background:#5a5f6b}.commander-pick{border-radius:var(--radius);background:var(--bg-3);border:1px solid var(--line);flex-direction:column;gap:8px;margin-top:16px;padding:12px 14px;display:flex}.commander-pick.missing{background:#2a2416;border-color:#8a6a2a}.commander-pick-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.commander-pick select{max-width:100%}.commander-chips{flex-wrap:wrap;gap:8px;display:flex}.commander-chip{background:var(--bg-2);border:1px solid var(--gold-2);border-radius:6px;align-items:center;gap:8px;padding:3px 4px 3px 3px;font-weight:600;display:inline-flex}.commander-chip img{object-fit:cover;border-radius:4px;width:44px;height:32px}.warn-text{color:#e6b450}.seat-claim ul{flex-direction:column;gap:6px;margin:10px 0 18px;padding:0;list-style:none;display:flex}.seat-claim li{background:var(--bg-3);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 12px;display:flex}.seat-claim li .btn,.seat-claim li .muted{margin-left:auto}.table{background:var(--bg);-webkit-user-select:none;user-select:none;touch-action:manipulation;height:100vh;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;overflow:hidden}.table-main{flex:1;min-height:0;display:flex}.boards{flex-direction:column;flex:1;gap:4px;min-width:0;padding:4px;display:flex}.opponents{flex:0 0 42%;gap:4px;min-height:0;display:grid}.opp-board,.my-board{background:var(--felt);border:1px solid color-mix(in srgb, var(--felt) 75%, white);border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.my-board{flex:1;min-width:0}.opp-board.is-active,.my-board.is-active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 22px #d4ad574d, inset 0 0 40px #d4ad5712}.opp-strip,.my-strip{background:#00000038;align-items:flex-end;gap:8px;padding:6px 8px;display:flex}.opp-strip{align-items:flex-start;overflow:auto hidden}.my-strip{flex:0 0 36%;min-height:160px;overflow:auto hidden}.my-strip .hand.mine{min-width:130px;height:100%;min-height:0}.my-strip .player-panel{overflow-y:auto}.my-board>.battlefield{min-height:60px}.side{border-left:1px solid var(--line);background:var(--bg-2);flex-direction:column;flex:none;gap:8px;width:280px;min-height:0;padding:8px;display:flex}.side .preview{flex:none}.battlefield{flex:1;min-height:60px;position:relative}.battlefield.drop-over,.hand.drop-over,.pile-slot.drop-over{outline:2px dashed var(--gold);outline-offset:-3px}.field-hint{color:#ffffff2e;pointer-events:none;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.tcard{border-radius:var(--card-radius);cursor:grab;flex:none;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 1px 4px #00000080}.tcard img{border-radius:var(--card-radius);object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.tcard,.tcard img,.card-back{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tcard.tapped{transform:rotate(90deg)}.tcard.in-hand.is-selected{box-shadow:0 0 0 2px var(--gold), 0 6px 18px #0009;transform:translateY(-14px);z-index:20!important}@media (hover:hover){.tcard:hover{box-shadow:0 0 0 2px var(--gold), 0 4px 14px #0009;z-index:20!important}.tcard.in-hand:hover{transform:translateY(-14px)}}.tcard.facedown img{filter:brightness(.55)saturate(.6)}.tcard.stolen{box-shadow:0 0 0 2px var(--blue), 0 1px 4px #00000080}.tcard.revealed{box-shadow:0 0 0 2px var(--green)}.tag{color:#fff;pointer-events:none;text-transform:uppercase;letter-spacing:.04em;background:#000000bf;border-radius:3px;padding:2px 4px;font-size:9px;line-height:1;position:absolute;top:3px;left:3px}.tag-token{background:#3c3c50d9;top:auto;bottom:3px;left:3px}.tag-badge{background:var(--gold);color:#1b1608;white-space:nowrap;font-weight:700;top:auto;bottom:3px;left:50%;transform:translate(-50%)}.tag-peek{background:var(--blue);white-space:nowrap;top:auto;bottom:3px;left:50%;transform:translate(-50%)}.counters{pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:22%;right:2px}.counter{color:#111;white-space:nowrap;background:#e8e8e8;border-radius:9px;padding:1px 5px;font-size:10px;font-weight:700;box-shadow:0 1px 3px #0009}.counter.plus{background:var(--green);color:#082012}.counter.minus{background:var(--red);color:#2a0806}.tcard.tapped .counters{transform-origin:100% 0;transform:rotate(-90deg)}.hand{flex:1;align-self:stretch;min-width:80px;position:relative}.hand.mine{min-height:120px}.hand-count{color:var(--muted);font-size:.75rem;position:absolute;bottom:2px;right:6px}.pile{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.pile-slot{border-radius:var(--card-radius);border:1px dashed #ffffff26;gap:4px;display:flex;position:relative}.pile-slot.clickable{cursor:pointer}.pile-slot.clickable:hover{box-shadow:0 0 0 2px var(--gold)}.pile-slot.command{border-style:solid;border-color:#d4ad574d;padding:0}.pile-empty{color:#ffffff4d;text-align:center;place-items:center;width:100%;height:100%;font-size:.7rem;display:grid;overflow:hidden}.pile-count{background:var(--bg);border:1px solid var(--line);z-index:5;border-radius:10px;padding:0 6px;font-size:11px;position:absolute;top:-6px;right:-6px}.pile-label{text-overflow:ellipsis;text-align:center;width:0;min-width:100%;color:var(--muted);white-space:nowrap;font-size:.68rem;overflow:hidden}.player-panel{background:#0000004d;border:1px solid #0000;border-radius:10px;flex-direction:column;flex:none;justify-content:flex-start;align-self:stretch;gap:6px;width:150px;padding:8px 10px;display:flex}.player-panel.active{border-color:var(--gold);background:linear-gradient(160deg,#d4ad5733,#0000004d 70%)}.player-panel.lethal .life{color:var(--red)}.player-panel.compact{gap:3px;width:136px;padding:5px 7px}.pp-name{align-items:center;gap:6px;min-width:0;font-size:.85rem;font-weight:600;display:flex}.pp-name-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.turn-badge{text-transform:uppercase;background:var(--gold);color:#1b1608;border-radius:3px;flex:none;padding:1px 4px;font-size:9px;font-weight:700}.pp-life{justify-content:space-between;align-items:center;display:flex}.pp-life button,.pp-counter button{border:1px solid var(--line);background:var(--bg-3);color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.pp-life button{width:28px;height:28px}.pp-life button:active,.pp-counter button:active:not(:disabled){transform:scale(.92)}.life{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800;line-height:1.1}.compact .life{font-size:1.4rem}.pp-counters{flex-direction:column;gap:4px;display:flex}.pp-counter{background:#00000040;border-radius:999px;justify-content:space-between;align-items:center;gap:4px;padding:2px;display:flex}.pp-counter button{width:22px;height:22px}.pp-counter button:disabled{opacity:.35;cursor:default}.pp-counter-val{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:.85rem;font-weight:700;display:inline-flex}.pp-counter-val svg{color:var(--muted)}.pp-more{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:2px 0;font-size:.72rem}.pp-cmd{cursor:pointer;color:var(--gold);text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:0;font-size:.72rem;display:flex}.pp-cmd span{align-items:center;gap:4px;display:inline-flex}.pp-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;margin-top:auto;font-size:.75rem;display:flex}.pp-meta span{align-items:center;gap:4px;display:inline-flex}@media (hover:hover){.pp-life button:hover,.pp-counter button:hover:not(:disabled),.pp-more:hover{border-color:var(--gold-2);color:var(--text)}}.log{background:var(--bg);border:1px solid var(--line);border-radius:8px;flex-direction:column;flex:1;min-height:120px;display:flex;overflow:hidden}.log-list{-webkit-user-select:text;user-select:text;flex-direction:column;flex:1;gap:3px;padding:6px 8px;font-size:.78rem;display:flex;overflow-y:auto}.log-entry{color:#c9cdd6;border-left:2px solid #0000;padding-left:6px}.log-system{color:var(--muted);font-style:italic}.log-chat{color:var(--text)}.seat-0{border-left-color:#d4ad57}.seat-1{border-left-color:#6aa3e8}.seat-2{border-left-color:#c77dd8}.seat-3{border-left-color:#5cbf86}.log-input{border-top:1px solid var(--line)}.log-input input{background:var(--bg-2);border:0;border-radius:0;width:100%}.ctx-menu{z-index:150;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;min-width:200px;max-height:calc(100vh - 16px);padding:4px;position:fixed;overflow-y:auto;box-shadow:0 12px 40px #0000008c}.ctx-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;gap:16px;width:100%;padding:5px 10px;font-size:.88rem;display:flex}.ctx-item:hover:not(:disabled){background:var(--bg-3)}.ctx-item:disabled{opacity:.4}.ctx-sep{background:var(--line);height:1px;margin:4px 2px}.ctx-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 10px 2px;font-size:.7rem}.counter-editor{padding-bottom:4px}.counter-row{grid-template-columns:1fr 22px 26px 22px;align-items:center;gap:4px;padding:1px 10px;font-size:.85rem;display:grid}.counter-row b{text-align:center;font-variant-numeric:tabular-nums}.counter-row button{border:1px solid var(--line);background:var(--bg-3);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0}.counter-row button:disabled{opacity:.35}.counter-custom{padding:4px 10px 0}.counter-custom input{width:100%;padding:4px 8px;font-size:.82rem}.filter{width:100%;margin-bottom:12px}.row .filter{flex:1;margin-bottom:0}.viewer-grid{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.viewer-card{flex-direction:column;align-items:center;gap:4px;width:134px;display:flex}.viewer-label{color:var(--muted);font-size:.75rem}.viewer-actions{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.token-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px;display:grid}.token-tile{cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:3px;padding:4px;font-size:.75rem;display:flex}.token-tile:hover{border-color:var(--gold)}.token-tile img,.token-tile .card-loading{aspect-ratio:63/88;border-radius:var(--card-radius);width:100%}.sub{color:var(--muted);margin-top:12px;font-size:.9rem}.table-scroll{overflow-x:auto}.cmd-table{border-collapse:collapse;width:100%;font-size:.88rem}.cmd-table th,.cmd-table td{border:1px solid var(--line);text-align:center;padding:6px 8px}.cmd-table th:first-child{text-align:left}.pick-card{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;padding:3px}.pick-card.picked{border-color:var(--gold);opacity:.6}.help{flex-direction:column;gap:6px;padding-left:18px;display:flex}.steps{flex-direction:column;gap:8px;margin:14px 0;padding-left:22px;display:flex}@media (width<=1100px){.side{width:220px}.editor{grid-template-columns:1fr}.editor-side{display:none}}@media (width<=760px){.site-head{padding:10px 16px}.site-main{padding:20px 16px 40px}.hero h1{font-size:1.8rem}.join-form input{width:100%}.side{display:none}}.mat-grid{--mat-bg:repeating-linear-gradient(0deg, rgb(var(--ink) / .05) 0 1px, transparent 1px 32px), repeating-linear-gradient(90deg, rgb(var(--ink) / .05) 0 1px, transparent 1px 32px)}.mat-dots{--mat-bg:radial-gradient(circle, rgb(var(--ink) / .1) 1.5px, transparent 2px) 0 0 / 22px 22px}.mat-lines{--mat-bg:repeating-linear-gradient(135deg, rgb(var(--ink) / .04) 0 2px, transparent 2px 16px)}.mat-rings{--mat-bg:repeating-radial-gradient(circle at 50% 50%, rgb(var(--ink) / .05) 0 2px, transparent 2px 38px)}.mat-diamonds{--mat-bg:repeating-linear-gradient(45deg, rgb(var(--ink) / .045) 0 1px, transparent 1px 40px), repeating-linear-gradient(-45deg, rgb(var(--ink) / .045) 0 1px, transparent 1px 40px)}.mat-waves{--mat-bg:repeating-radial-gradient(ellipse 140% 100% at 50% 135%, rgb(var(--ink) / .045) 0 2px, transparent 2px 44px)}.mat-thirds{--mat-bg:linear-gradient(to bottom, transparent calc(100% / 3 - 1px), rgb(var(--ink) / .16) calc(100% / 3 - 1px) calc(100% / 3 + 1px), transparent calc(100% / 3 + 1px) calc(200% / 3 - 1px), rgb(var(--ink) / .16) calc(200% / 3 - 1px) calc(200% / 3 + 1px), transparent calc(200% / 3 + 1px))}.mat-stars{--mat-bg:radial-gradient(circle, #fff4d6f2 0 1.6px, #fff4d640 2.4px, transparent 4px) 120px 90px / 263px 211px, radial-gradient(circle, #c8dcffcc 0 1.2px, transparent 2px) 77px 140px / 191px 157px, radial-gradient(circle, #fff9 0 1px, transparent 1.7px) 31px 47px / 137px 113px, radial-gradient(circle, #fff6 0 .8px, transparent 1.4px) 5px 23px / 89px 101px, radial-gradient(circle, #ffffff40 0 .6px, transparent 1.1px) 63px 11px / 53px 67px, radial-gradient(ellipse 55% 45% at 72% 30%, #aa78ff29, transparent 70%), radial-gradient(ellipse 50% 40% at 22% 72%, #50aaff1f, transparent 70%)}.mat-split{--mat-bg:linear-gradient(to bottom, transparent calc(200% / 3 - 1px), rgb(var(--ink) / .16) calc(200% / 3 - 1px) calc(200% / 3 + 1px), #00000024 calc(200% / 3 + 1px))}.battlefield,.look-mat,.appearance-preview{background:var(--mat-bg,linear-gradient(transparent, transparent)), radial-gradient(ellipse at center, var(--felt-2), var(--felt) 80%)}.modal.look-modal{width:min(840px,100%)}.look-modal .modal-body{padding-top:12px;padding-bottom:12px}.appearance-preview{border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:30px;height:112px;display:flex}.appearance-card{width:58px;height:81px}.appearance-card.is-tapped{transform:rotate(90deg)}.look-grid{grid-template-columns:1fr;gap:4px 24px;display:grid}@media (width>=720px){.look-grid{grid-template-columns:1fr 1fr}}.look-section{margin-top:12px}.look-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:.8rem}.look-current{color:var(--text);text-transform:none;letter-spacing:0;font-weight:600}.look-options{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.look-option{border:1px solid var(--line);background:var(--bg-3);cursor:pointer;border-radius:9px;place-items:center;padding:6px 4px;transition:border-color .12s,background .12s;display:grid}.look-option.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);background:#d4ad571a}.look-sleeve{width:30px;height:42px}.look-mat{border:1px solid #ffffff14;border-radius:6px;width:100%;max-width:64px;height:38px}.look-note{margin:12px 0 0}@media (height<=560px){.look-modal .appearance-preview,.look-note{display:none}.look-section{margin-top:4px}.look-modal .modal-head,.look-modal .modal-foot{padding:8px 14px}.look-sleeve{width:24px;height:34px}.look-mat{height:30px}.look-option{padding:4px}}.look-colors{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.look-color{cursor:pointer;border:2px solid #ffffff26;border-radius:50%;width:30px;height:30px;padding:0;position:relative}.look-color.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--bg-2), 0 0 0 4px var(--gold)}.look-color:focus-visible{box-shadow:0 0 0 2px var(--bg-2), 0 0 0 4px var(--gold);outline:none}.look-option:focus-visible,.look-color:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (hover:hover){.look-option:hover{border-color:#4a5164}}@media (pointer:coarse){.look-color{width:38px;height:38px}}@media (width<=480px){.look-options{gap:5px}.look-option{padding:5px 2px}}.table{height:100dvh}html.page-locked,html.page-locked body{overscroll-behavior:none;height:100%;overflow:hidden}html.page-locked body{position:fixed;inset:0}html.page-locked .table{height:auto;position:fixed;inset:0}.table-main,.boards,.my-board,.opp-board,.battlefield{overscroll-behavior:none}.mobile-activity{height:min(420px,60dvh);display:flex}.mobile-activity .log{width:100%}@media (pointer:coarse){button,a{touch-action:manipulation}.tcard{touch-action:none;-webkit-touch-callout:none}.ctx-item{align-items:center;min-height:44px}.ctx-menu{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}.modal .btn,.modal .icon-btn{min-height:44px}.modal-backdrop{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.modal{max-height:calc(100dvh - 24px)}.modal-body{overscroll-behavior:contain}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.table{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.side{display:none}.boards{gap:2px;min-height:0;padding:2px}.opponents{flex-basis:38%;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;overflow-x:auto;grid-template-columns:none!important}.opp-board{min-width:260px}.opp-strip{flex:0 0 68px;gap:5px;max-height:68px;padding:3px 4px;overflow:auto hidden}.opp-strip .player-panel{width:110px;min-height:0;overflow-y:auto}.opp-strip .pp-counters,.opp-strip .pp-meta{display:none}.opp-strip .pp-life button{width:30px;height:30px}.opp-strip .pp-life .life{font-size:1.25rem}.my-strip{flex-basis:44%;gap:6px;min-height:92px;padding:3px 6px}.my-strip .player-panel{justify-content:flex-start;gap:2px;width:120px;min-height:0;padding:3px 5px}.my-strip .life{font-size:1.4rem}.my-strip .pp-life button{width:32px;height:32px}.my-strip .pp-counter button{width:26px;height:26px}.my-strip .pp-name{font-size:.75rem}.battlefield,.my-board>.battlefield{min-height:28px}.my-strip .hand.mine{min-width:110px}.pile-label{font-size:.6rem}.opp-strip .pile-label,.opp-strip .pile-empty{font-size:0}.opp-strip .pile-label{display:none}.modal-head{padding:6px 12px}.modal-body{padding:10px 12px}.modal .preview{width:min(220px,40vw);margin:auto}.modal .preview-img{aspect-ratio:63/88;width:auto;max-height:60dvh;margin:auto}.modal .preview-img img{object-fit:contain;width:100%;height:100%}}.my-strip.stacked{flex-basis:40%;grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto auto auto auto auto 1fr;align-items:end;display:grid;overflow-x:hidden}.my-strip.stacked .hand.mine{grid-area:2/1/auto/-1;height:100%;min-height:0}.my-strip.stacked .player-panel{align-self:stretch}@media (width<=800px){.side{display:none}}.topbar{z-index:30;background:var(--bg-2);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;height:52px;padding:0 10px;display:flex;position:relative}.topbar-home{border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:none}.tb-status{background:var(--bg-3);border:1px solid var(--line);white-space:nowrap;border-color:color-mix(in srgb, var(--seat,var(--line)) 55%, transparent);border-radius:999px;align-items:center;gap:8px;min-width:0;height:36px;padding:0 12px 0 10px;font-size:.9rem;display:inline-flex}.tb-status.is-mine{border-color:var(--gold);color:#f1d999;background:#d4ad5733}.tb-status.is-offline{color:#e6b450;background:#2a2416;border-color:#8a6a2a}.tb-dot{background:var(--seat,var(--gold));border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #ffffff12}.tb-status.is-mine .tb-dot{animation:1.8s ease-in-out infinite tb-pulse}@keyframes tb-pulse{50%{transform:scale(1.15);box-shadow:0 0 0 6px #d4ad5700}0%,to{box-shadow:0 0 #d4ad578c}}.tb-turn{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.tb-whose{text-overflow:ellipsis;max-width:11em;font-weight:600;overflow:hidden}.tb-pass{border:1px solid var(--line);background:var(--bg-3);height:36px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-weight:600;transition:background .15s,opacity .15s,transform .1s;display:inline-flex}.tb-pass.is-mine{background:var(--gold);border-color:var(--gold);color:#1b1608;box-shadow:0 2px 14px #d4ad5759}.tb-pass:disabled{opacity:.4;cursor:default}.tb-pass-short{display:none}.tb-chip{color:#cbb8f0;white-space:nowrap;background:#2b2440;border-radius:999px;flex:none;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:.75rem;display:inline-flex}.tb-actions{background:var(--bg);border:1px solid var(--line);border-radius:12px;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex}.tb-btn{min-width:40px;height:36px;color:var(--text);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:.86rem;transition:background .15s,color .15s,transform .1s;display:inline-flex}.tb-btn[aria-expanded=true]{background:var(--bg-3);color:var(--gold)}.tb-more>.tb-btn{border:1px solid var(--line);background:var(--bg-3);border-radius:10px;width:40px}.tb-label{display:none}.tb-pass:active:not(:disabled),.tb-btn:active,.menu-item:active,.dice-grid button:active{transform:scale(.96)}.tb-pass:focus-visible,.tb-btn:focus-visible,.menu-item:focus-visible,.dice-grid button:focus-visible,.topbar-home:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tb-fullscreen{border:1px solid var(--line);background:var(--bg-3);border-radius:10px;flex:none;width:40px;display:none}.tb-fullscreen[aria-pressed=true]{color:var(--gold)}@media (width>=560px){.tb-fullscreen{display:inline-flex}.more-fullscreen{display:none}.topbar:not(:has(.tb-fullscreen)) .more-fullscreen{display:flex}}@media (pointer:coarse){.tb-fullscreen{width:44px}}.tb-btn.p2,.tb-btn.p3,.tb-pop-wrap.p3,.more-qa.p1{display:none}@media (width>=560px){.topbar-home,.tb-btn.p2{display:inline-flex}.more-qa.p2{display:none}}@media (width>=960px){.tb-btn.p3{display:inline-flex}.tb-pop-wrap.p3{display:block}.more-qa.p3{display:none}}@media (width>=1240px){.tb-label{display:inline}.tb-actions .tb-btn{padding:0 12px}}@media (width<=959px){.tb-chip span{display:none}.tb-chip{padding:0 6px}}@media (width<=559px){.topbar{gap:6px;padding:0 8px}.tb-turn{display:none}.tb-whose{max-width:7.5em}.tb-pass{padding:0 12px}.tb-pass-long{display:none}.tb-pass-short{display:inline}.tb-actions{gap:0}}.tb-pop-wrap{flex:none;position:relative}.tb-scrim{z-index:60;position:fixed;inset:0}.tb-pop{z-index:61;background:var(--bg-2);border:1px solid var(--line);transform-origin:100% 0;border-radius:14px;min-width:270px;padding:6px;animation:.14s ease-out tb-pop-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0000008c}.tb-dice{min-width:0}.sheet-grabber{display:none}.menu-group+.menu-group{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.menu-group:empty{display:none}.menu-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 10px;font-size:.7rem}.menu-item{width:100%;min-height:40px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:0 10px;font-size:.92rem;text-decoration:none;transition:background .12s,transform .1s;display:flex}.menu-item svg{color:var(--muted);flex:none}.menu-item>span{white-space:nowrap;flex:1}.menu-hint{color:var(--muted);white-space:nowrap;font-size:.75rem}.menu-item.is-danger,.menu-item.is-danger svg{color:var(--red)}.dice-grid{grid-template-columns:repeat(4,minmax(52px,1fr));gap:6px;padding:6px;display:grid}.dice-grid button{border:1px solid var(--line);background:var(--bg-3);height:40px;color:var(--text);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:9px;font-weight:600;transition:border-color .12s,transform .1s}.dice-coin{grid-column:span 2;justify-content:center;align-items:center;gap:6px;display:inline-flex}@media (hover:hover){.topbar-home:hover,.tb-btn:hover,.menu-item:hover{background:var(--bg-3)}.tb-more>.tb-btn:hover{border-color:#3d4456}.dice-grid button:hover{border-color:var(--gold-2)}}@media (pointer:coarse){.topbar{height:56px}.tb-btn,.tb-more>.tb-btn{min-width:44px;height:44px}.tb-more>.tb-btn{width:44px}.tb-status,.tb-pass{height:40px}.menu-item{min-height:48px}.dice-grid button{height:48px}}@media (width<=559px),(pointer:coarse) and (height<=500px){.tb-scrim{background:#0506098c;animation:.2s ease-out tb-fade-in}.tb-pop.tb-sheet{max-height:85dvh;padding:4px 12px calc(12px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) tb-sheet-up;position:fixed;inset:auto 0 0;overflow-y:auto}.sheet-grabber{background:var(--line);border-radius:3px;width:40px;height:5px;margin:6px auto 8px;display:block}.menu-item{min-height:48px;font-size:1rem}}@keyframes tb-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes tb-sheet-up{0%{transform:translateY(100%)}}@keyframes tb-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.tb-pop,.tb-pop.tb-sheet,.tb-scrim{animation:none}.tb-pass,.tb-btn,.menu-item,.dice-grid button{transition:none}}.precon-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.precon-filters .filter{flex:220px;margin:0}.color-filter{gap:4px;display:inline-flex}.color-toggle{border:1px solid var(--line);background:var(--bg-3);cursor:pointer;opacity:.55;border-radius:50%;place-items:center;width:36px;height:36px;transition:opacity .12s,border-color .12s;display:grid}.color-toggle.on{opacity:1;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.upcoming-toggle{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.precon-list{flex-direction:column;gap:4px;margin:6px 0 10px;display:flex}.precon-picker.compact .precon-list{overscroll-behavior:contain;max-height:360px;padding-right:4px;overflow-y:auto}.precon-year{z-index:1;background:var(--bg-2);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 4px;padding:4px 0;font-size:.8rem;position:sticky;top:0}.precon-row{border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:6px;display:flex}.precon-row.chosen{border-color:var(--gold);background:#d4ad5714}.precon-art{background:var(--bg-3) center 25% / cover no-repeat;border-radius:7px;flex:none;width:72px;height:52px}.precon-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.precon-info b,.precon-info>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.precon-meta{align-items:center;gap:8px;display:flex}.precon-actions{flex:none;gap:6px;display:flex}.pips{gap:3px;display:inline-flex}.pip{border:1px solid #00000080;border-radius:50%;width:12px;height:12px;display:inline-block}.pip-W{background:#f3eed4}.pip-U{background:#2f7fc4}.pip-B{background:#3a3532;border-color:#8a8580}.pip-R{background:#d8452f}.pip-G{background:#2e8a50}.pip-C{background:#b9b4ae}@media (hover:hover){.precon-row:hover{background:var(--bg-2)}}@media (pointer:coarse){.color-toggle{width:44px;height:44px}}@media (width<=560px){.precon-art{width:56px;height:42px}}.turn-banner-wrap{z-index:80;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.turn-banner{border:2px solid var(--seat,var(--gold));box-shadow:0 18px 60px #0009, 0 0 30px color-mix(in srgb, var(--seat,var(--gold)) 35%, transparent);letter-spacing:.01em;color:var(--text);background:#14161ce0;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:14px 34px;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;animation:1.6s ease-in-out forwards turn-banner;display:flex}.turn-banner.is-mine{border-color:var(--gold);color:#f1d999}.turn-banner-turn{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}@keyframes turn-banner{0%{opacity:0;transform:translateY(8px)scale(.96)}15%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.turn-banner{animation:1.6s linear forwards turn-banner-fade}.tb-status.is-mine .tb-dot{animation:none}@keyframes turn-banner-fade{0%,80%{opacity:1}to{opacity:0}}}@media (width<=480px){.look-colors{flex-wrap:nowrap;gap:6px}.look-color{flex:none;width:30px;height:30px}.appearance-preview{gap:24px;height:88px}.appearance-card{width:46px;height:64px}.look-modal .modal-body{padding:10px 14px}.look-note{font-size:.75rem}}@media (height<=560px) and (width>=560px){.look-grid{grid-template-columns:1fr 1fr}}@media (height<=560px){.look-colors{flex-wrap:nowrap;gap:5px;margin-top:8px}.look-color{flex:none;width:26px;height:26px}.look-options{gap:5px}}.look-color-block{flex-direction:column;gap:10px;display:flex}.hue-slider{appearance:none;background:var(--hue-track);cursor:pointer;border:0;border-radius:999px;width:100%;height:18px;margin:0;padding:0;display:block;box-shadow:inset 0 0 0 1px #ffffff1f}.hue-slider::-webkit-slider-thumb{appearance:none;background:var(--hue-thumb);border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 6px #0009}.hue-slider::-moz-range-thumb{background:var(--hue-thumb);border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 6px #0009}.hue-slider::-moz-range-track{background:0 0}.hue-slider:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (pointer:coarse){.hue-slider{height:24px}.hue-slider::-webkit-slider-thumb{width:32px;height:32px}}@media (height<=560px){.look-color-block{gap:8px}.hue-slider{height:16px}.hue-slider::-webkit-slider-thumb{width:24px;height:24px}}.app-tip{z-index:300;border:1px solid var(--line);max-width:260px;color:var(--text);pointer-events:none;background:#0d0f14;border-radius:8px;padding:6px 10px;font-size:.78rem;line-height:1.35;animation:.12s ease-out app-tip-in;position:fixed;box-shadow:0 8px 24px #00000080}@keyframes app-tip-in{0%{opacity:0;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.app-tip{animation:none}}.narrow-wide{max-width:760px;margin:0 auto}.nav-games{align-items:center;gap:6px;display:inline-flex}.nav-badge{background:var(--gold);color:#1b1608;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.72rem;font-weight:800;display:inline-grid}.home-games{margin-top:10px}.home-games h2{margin:0}.game-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.game-item{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.game-item.is-mine{border-color:var(--gold);box-shadow:0 0 0 1px #d4ad5766}.game-item-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.game-item-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-status{font-weight:700}.game-status.is-mine{color:var(--gold)}.game-players{flex-wrap:wrap;gap:6px;display:flex}.game-player{background:var(--bg-3);border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:.85rem;display:inline-flex}.game-player.is-active{box-shadow:inset 0 0 0 1px var(--gold)}.game-life{font-variant-numeric:tabular-nums;background:#0000004d;border-radius:8px;margin-left:2px;padding:0 6px;font-size:.78rem;font-weight:700}.game-item-actions{align-items:center;gap:4px;display:flex}@media (width<=560px){.game-item{flex-direction:column;align-items:stretch}.game-item-actions{justify-content:flex-end}}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper button{border:1px solid var(--line);background:var(--bg-3);width:24px;height:24px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid}.stepper button:disabled{opacity:.35;cursor:default}.stepper-val{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-weight:700}@media (hover:hover){.stepper button:hover:not(:disabled){border-color:var(--gold-2)}}.seat-code{letter-spacing:.25em;text-align:center;color:var(--gold);margin:14px 0;font-family:ui-monospace,Menlo,monospace;font-size:2rem;font-weight:800}.seat-code-form{gap:6px;margin-left:auto;display:flex}.seat-code-form input{text-transform:uppercase;letter-spacing:.15em;width:120px;font-family:ui-monospace,Menlo,monospace}@media (pointer:coarse){input,select,textarea{font-size:16px!important}.counter-row{grid-template-columns:1fr 36px 30px 36px}.counter-row button{width:36px;height:36px}}.pp-life button.life,.opp-strip .pp-life button.life,.my-strip .pp-life button.life{background:0 0;border:0;border-radius:8px;width:auto;min-width:2ch;height:auto;padding:0 4px;display:block}.pp-life button.life:active{opacity:.7;transform:none}@media (hover:hover){.pp-life button.life:hover{background:#ffffff0f}}.precon-art{overflow:hidden}.precon-art img{object-fit:cover;object-position:center 25%;width:100%;height:100%;display:block}@media (width<=559px){.opponents{overscroll-behavior-x:contain;flex-basis:36%;grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto;grid-template-columns:none!important}.my-strip.stacked{flex-basis:56%;grid-template-rows:auto minmax(96px,1fr)}.my-strip.stacked .pp-meta{display:none}}