@property --drag-tilt{syntax:"<angle>";inherits:false;initial-value:0deg}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1A1A18;--ink-mid:#5A5750;--ink-pale:#9A9590;--parchment:#F5F1EA;--parchment-dark:#EDE8DF;--border:rgba(26,26,24,0.16);--gold:#C4713A;--gold-light:#D4844A;--red:#C4713A;--rust:#C4713A;--select:#2DD4E0;--font-display:"Playfair Display",Georgia,serif;--font-heading:"Oswald","Arial Narrow",sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-prose:"Crimson Pro",Georgia,serif}html{scroll-behavior:smooth}body{background:var(--parchment);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;min-height:100vh}.prose{font-family:var(--font-prose);font-size:18px;line-height:1.75}@keyframes fade-rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-rise-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.transition-enter{animation:fade-rise-in .35s cubic-bezier(.22,1,.36,1) both}.transition-exit{animation:fade-rise-out .25s ease both}.site-header{background:var(--ink);color:var(--parchment);text-align:center;padding:3.5rem 2rem 3rem;position:relative;overflow:hidden}.site-header:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 31px);pointer-events:none}.header-eyebrow{font-family:var(--font-heading);font-size:11px;font-weight:400;letter-spacing:.16em;color:var(--gold-light);text-transform:uppercase;margin-bottom:.75rem;opacity:.9}.header-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);font-weight:900;letter-spacing:-.01em;line-height:1.1;color:var(--parchment)}.header-sub{font-family:var(--font-body);font-size:15px;color:rgba(245,241,234,.65);margin-top:.75rem;letter-spacing:.01em}.header-rule{width:80px;height:1px;background:var(--gold);margin:1.5rem auto 0}.lang-toggle{position:absolute;top:1.25rem;right:1.5rem;display:flex;gap:2px;background:rgba(255,255,255,.08);border-radius:6px;padding:3px}.lang-toggle button{font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.15em;color:rgba(245,240,232,.45);background:transparent;border:none;border-radius:4px;padding:5px 10px;cursor:pointer;transition:background .15s,color .15s}.lang-toggle button.active{background:var(--rust);color:var(--parchment)}.lang-toggle button:not(.active):hover{color:var(--parchment)}.rules-page{min-height:100vh;display:flex;flex-direction:column;background:var(--parchment)}.rules-header{background:var(--ink);color:var(--parchment)}.rules-header__bar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 2rem;border-bottom:1px solid rgba(196,113,58,.15)}.rules-back{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,241,234,.4);text-decoration:none;transition:color .15s}.rules-back:hover{color:var(--rust)}.rules-header__hero{text-align:center;padding:4rem 2rem 3.5rem;position:relative;overflow:hidden}.rules-header__hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 31px);pointer-events:none}.rules-eyebrow{font-family:var(--font-heading);font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin-bottom:1.25rem;opacity:.85}.rules-title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);font-weight:900;line-height:1;letter-spacing:-.01em;color:var(--parchment);margin-bottom:1.75rem}.rules-title-rule{width:48px;height:2px;background:var(--rust);margin:0 auto 1.5rem;opacity:.7}.rules-sub{font-family:var(--font-body);font-size:15px;color:rgba(245,241,234,.55);letter-spacing:.01em}.rules-main{flex:1 1;max-width:720px;width:100%;margin:0 auto;padding:3.5rem 2rem 5rem}.rules-footer{text-align:center;padding:2rem;font-family:var(--font-heading);font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-pale);border-top:1px solid var(--border)}.prose h1{display:none}.prose>p:first-child{font-size:13px;font-weight:400;text-align:center;color:var(--ink-mid);letter-spacing:.1em;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.9rem 0;margin-bottom:2.75rem}.prose h3,.prose>p:first-child{font-family:var(--font-heading);text-transform:uppercase}.prose h3{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--rust);display:flex;align-items:center;gap:1rem;margin:2.5rem 0 1rem}.prose h3:after,.prose h3:before{content:"";flex:1 1;height:1px;background:var(--border)}.prose h3+p:not(:has(>strong:first-child)){font-style:italic;color:var(--ink-pale);font-size:15px;margin-bottom:1.25rem}.prose h2{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--red);letter-spacing:.06em;margin:3rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.prose p{margin-bottom:1.1rem;color:var(--ink)}.prose strong{font-weight:600;color:var(--ink)}.prose em{font-style:italic;color:var(--ink-mid)}.prose p:has(>strong:first-child):not(:first-child){background:var(--parchment-dark);border-left:3px solid var(--gold);padding:.65rem 1rem .65rem 1.1rem;margin-bottom:.5rem;border-radius:0 3px 3px 0}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.prose table{width:100%;border-collapse:collapse;margin:1.25rem 0 1.75rem;font-size:16px}.prose thead{background:var(--ink);color:var(--parchment)}.prose thead th{font-family:var(--font-heading);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;text-align:left}.prose tbody tr:nth-child(2n){background:var(--parchment-dark)}.prose tbody td{padding:9px 14px;border-bottom:1px solid var(--border)}.prose tbody tr:last-child td{border-bottom:none}.prose tbody td:last-child{font-family:var(--font-heading);font-size:14px;color:var(--gold);font-weight:600}.site-footer{text-align:center;padding:2rem;font-size:13px;color:var(--ink-pale);border-top:1px solid var(--border);font-style:italic}.site-footer code{font-family:monospace;font-style:normal;background:var(--parchment-dark);padding:1px 5px;border-radius:3px}@media (max-width:600px){main{padding:2rem 1.25rem 4rem}.site-header{padding:2.5rem 1.25rem 2rem}}.platform{display:grid;grid-template-columns:200px 1fr 380px;height:100vh;overflow:hidden;background:#181816;transition:grid-template-columns .22s cubic-bezier(.22,1,.36,1)}.play-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;background:#181816;animation:play-loading-in .3s ease .15s both}@keyframes play-loading-in{0%{opacity:0}to{opacity:1}}.play-loading__mark{font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--rust);letter-spacing:.04em;animation:play-loading-pulse 1.4s ease-in-out infinite}.play-loading__spinner{width:28px;height:28px;border:3px solid rgba(196,113,58,.2);border-top:3px solid var(--rust);border-radius:50%;animation:play-loading-spin .8s linear infinite}@keyframes play-loading-spin{to{transform:rotate(1turn)}}@keyframes play-loading-pulse{0%,to{opacity:.55}50%{opacity:1}}.platform--panel-collapsed{grid-template-columns:200px 1fr 32px}.left-nav{background:#1e1e1b;border-right:1px solid rgba(196,113,58,.18);display:flex;flex-direction:column;overflow:hidden}.left-nav__logo{padding:1.5rem 1.25rem 1.25rem;border-bottom:1px solid rgba(196,113,58,.18)}.left-nav__logo-mark{font-family:var(--font-display);font-size:20px;font-weight:900;color:var(--rust);display:block;letter-spacing:.02em}.left-nav__logo-sub{font-family:var(--font-heading);font-size:9px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-pale);display:block;margin-top:.3rem}.left-nav__items{flex:1 1;padding:.75rem 0;display:flex;flex-direction:column;gap:2px}.left-nav__item{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-pale);background:none;border:none;border-left:2px solid transparent;text-align:left;padding:.75rem 1.25rem;cursor:pointer;transition:color .15s,background .15s,border-color .15s;display:block;text-decoration:none;width:100%}.left-nav__item:hover{color:var(--parchment);background:rgba(196,113,58,.06)}.left-nav__item.active{color:var(--parchment);background:rgba(196,113,58,.1);border-left-color:var(--rust)}.back-bar{background:#1e1e1b;border-bottom:1px solid rgba(196,113,58,.15);padding:.6rem 1.5rem}.back-link{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-pale);text-decoration:none;transition:color .15s}.back-link:hover{color:var(--rust)}.left-nav__footer{padding:1rem 1.25rem;border-top:1px solid rgba(196,113,58,.15);display:flex;flex-direction:column;gap:.75rem}.left-nav__user{display:flex;align-items:center;gap:.6rem}.left-nav__avatar{width:30px;height:30px;border-radius:50%;background:rgba(196,113,58,.2);border:1px solid rgba(196,113,58,.35);flex-shrink:0}.left-nav__username{font-family:var(--font-body);font-size:14px;color:var(--ink-pale)}.card-picker{display:flex;flex-direction:column;align-self:stretch;width:100%;padding:20px 20px 16px;gap:14px;overflow:visible}.card-picker__header{text-align:center;flex-shrink:0}.card-picker__title{font-family:var(--font-heading);font-size:18px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment);margin:0 0 4px}.card-picker__sub{font-family:var(--font-body);font-size:11px;color:rgba(232,220,195,.4);margin:0;min-height:16px}.pick-card{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1);transform-origin:center center;will-change:transform}.pick-card:hover:not(:disabled){transform:scale(1.12);z-index:1000}.pick-card:hover:not(:disabled) .card-face{box-shadow:0 16px 48px rgba(0,0,0,.65),0 2px 8px rgba(0,0,0,.4)}.pick-card:hover:not(:disabled) .card-face--selected{box-shadow:0 16px 48px rgba(0,0,0,.65),0 2px 8px rgba(0,0,0,.4),0 0 0 3px var(--select),0 0 24px rgba(45,212,224,.55)}.pick-card--off{opacity:.35;cursor:not-allowed}.card-picker__footer{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;flex-shrink:0}.card-picker__tally{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--gold);line-height:1}.card-picker__tally-denom{font-size:14px;color:rgba(232,220,195,.3)}.card-picker__start{font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment);background:var(--rust);border:1px solid var(--rust);border-radius:3px;padding:9px 24px;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.card-picker__start:hover:not(:disabled){background:var(--gold-light);border-color:var(--gold-light)}.card-picker__start:disabled{opacity:.3;cursor:not-allowed}.center-panel{background:#1a1a17;display:flex;align-items:center;align-items:safe center;justify-content:center;justify-content:safe center;overflow-y:auto;position:relative}.center-panel__inner{flex-direction:column;gap:0}.center-panel__inner,.player-bar{display:flex;align-items:center;width:100%}.player-bar{gap:.75rem;padding:.55rem .75rem;background:rgba(255,255,255,.03);border:1px solid rgba(196,113,58,.1);border-radius:4px}.player-bar__avatar{width:34px;height:34px;border-radius:50%;background:rgba(196,113,58,.15);border:1px solid rgba(196,113,58,.3);flex-shrink:0}.player-bar__info{flex:1 1;display:flex;flex-direction:column;gap:2px}.player-bar__name{font-family:var(--font-body);font-size:15px;color:var(--parchment);line-height:1}.player-bar__rating{font-family:var(--font-heading);font-size:9px;letter-spacing:.12em;color:var(--ink-pale)}.player-bar__timer{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--parchment);letter-spacing:.04em;background:rgba(0,0,0,.25);padding:.3rem .7rem;border-radius:3px;min-width:72px;text-align:center}.board-wrapper{line-height:0;display:flex;align-items:center;justify-content:center}.board-wrap{position:relative;border-radius:14px;overflow:hidden;border:3px solid var(--gold);box-shadow:0 20px 70px rgba(0,0,0,.85),0 0 0 2px rgba(196,113,58,.2);line-height:0}.board-wrap svg{filter:drop-shadow(0 0 0 white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 1px 3px rgba(0,0,0,.45))}.game-controls{display:flex;gap:.5rem;width:100%}.game-controls--stacked{gap:.4rem}.btn-secondary{flex:1 1;font-family:var(--font-heading);font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-pale);background:rgba(255,255,255,.04);border:1px solid rgba(196,113,58,.15);padding:.6rem .4rem;border-radius:3px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.btn-secondary:hover{color:var(--parchment);border-color:rgba(196,113,58,.4);background:rgba(196,113,58,.08)}.btn-danger{flex:1 1;font-family:var(--font-heading);font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#c44;background:rgba(200,50,50,.06);border:1px solid rgba(200,50,50,.2);padding:.6rem .4rem;border-radius:3px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.btn-danger:hover{color:#ff6666;border-color:rgba(200,50,50,.4);background:rgba(200,50,50,.12)}.right-panel{position:relative;background:#1e1e1b;border-left:1px solid rgba(196,113,58,.15);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.right-panel--collapsed{overflow:visible}.right-panel__toggle{position:absolute;top:12px;left:4px;width:24px;height:24px;border-radius:50%;background:#181816;border:1px solid rgba(196,113,58,.35);color:var(--ink-pale);font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:color .15s,border-color .15s,background .15s}.right-panel__toggle:hover{color:var(--parchment);border-color:var(--rust);background:rgba(196,113,58,.12)}.right-panel__auth{padding:1.5rem;border-bottom:1px solid rgba(196,113,58,.2);background:rgba(196,113,58,.05);flex-shrink:0}.right-panel__auth-eyebrow{font-family:var(--font-heading);font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin-bottom:.4rem}.right-panel__auth-title{font-family:var(--font-display);font-size:18px;font-weight:900;color:var(--parchment);letter-spacing:-.01em;margin-bottom:.65rem}.right-panel__auth-sub{font-family:var(--font-body);font-size:13px;color:rgba(245,241,234,.55);line-height:1.6;margin-bottom:1.25rem}.right-panel__auth-actions{display:flex;flex-direction:column;gap:.5rem}.btn-create-account{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment);background:var(--rust);border:1px solid var(--rust);padding:.7rem 1rem;border-radius:2px;cursor:pointer;width:100%;transition:background .15s,border-color .15s}.btn-create-account:hover{background:var(--gold-light);border-color:var(--gold-light)}.btn-sign-in-sm{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,244,236,.45);background:transparent;border:1px solid rgba(196,113,58,.25);padding:.7rem 1rem;border-radius:2px;cursor:pointer;width:100%;transition:color .15s,border-color .15s}.btn-sign-in-sm:hover{color:var(--parchment);border-color:rgba(196,113,58,.5)}.deck-builder{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;background:rgba(28,22,14,.45);border:1px solid rgba(196,113,58,.18);border-radius:4px;text-align:center}.deck-builder__title{font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment);margin:0}.deck-builder__subtitle{font-family:var(--font-body);font-size:11px;color:rgba(232,220,195,.55);margin:0;line-height:1.45}.deck-builder__grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px;gap:5px;width:100%}.db-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;background:rgba(28,22,14,.6);border:1px solid rgba(232,220,195,.15);border-radius:3px;cursor:pointer;transition:border-color .12s,background .12s,opacity .12s;min-height:44px}.db-card:hover:not(:disabled){border-color:rgba(196,113,58,.45);background:rgba(196,113,58,.08)}.db-card__number{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--parchment);line-height:1}.db-card__name{font-family:var(--font-body);font-size:7.5px;color:var(--gold);text-align:center;line-height:1.2;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-card--trick{border-color:rgba(196,113,58,.5);background:rgba(196,113,58,.1)}.db-card--trick .db-card__number{color:var(--gold)}.db-card--pending-upgrade{border-color:var(--gold);background:rgba(196,113,58,.15);box-shadow:0 0 0 1px rgba(196,113,58,.3)}.db-card--selected-sacrifice{border-color:rgba(220,60,60,.7);background:rgba(220,60,60,.1)}.db-card--selected-sacrifice .db-card__number{color:#e05050}.db-card--removed{opacity:.22;cursor:not-allowed}.deck-builder__cancel{font-family:var(--font-heading);font-size:10px;font-weight:600;color:rgba(232,220,195,.55);background:none;border:1px solid rgba(232,220,195,.2);border-radius:2px;padding:3px 10px;cursor:pointer}.deck-builder__cancel:hover{color:var(--parchment);border-color:rgba(232,220,195,.45)}.deck-builder__footer{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.deck-builder__count{font-family:var(--font-body);font-size:10px;color:rgba(232,220,195,.4)}.deck-builder__start{font-family:var(--font-heading);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment);background:var(--rust);border:1px solid var(--rust);border-radius:2px;padding:7px 20px;cursor:pointer;width:100%;transition:background .15s,border-color .15s}.deck-builder__start:hover:not(:disabled){background:var(--gold-light);border-color:var(--gold-light)}.deck-builder__start:disabled{opacity:.4;cursor:not-allowed}.pregame-actions{display:flex;flex-direction:column;gap:6px}.pregame-actions__change-deck{font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(232,220,195,.5);background:none;border:1px solid rgba(232,220,195,.15);border-radius:2px;padding:6px;cursor:pointer;width:100%;transition:color .15s,border-color .15s}.pregame-actions__change-deck:hover{color:var(--parchment);border-color:rgba(232,220,195,.35)}.right-panel__locked{position:relative;flex:1 1}.locked-overlay{position:absolute;inset:0;background:rgba(8,5,3,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;pointer-events:none}.locked-overlay__msg{font-family:var(--font-heading);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-pale);text-align:center;padding:0 2rem;line-height:1.8}.right-panel__section{padding:1.5rem;border-bottom:1px solid rgba(196,113,58,.1)}.right-panel__heading{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);margin-bottom:1.25rem}.ranker-table{width:100%;border-collapse:collapse}.ranker-table th{font-family:var(--font-heading);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-pale);text-align:left;padding:0 .75rem .75rem;border-bottom:1px solid rgba(196,113,58,.15)}.ranker-table td{font-family:var(--font-body);font-size:16px;color:var(--parchment);padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.04)}.ranker-table .col-rank{color:var(--ink-pale);font-family:var(--font-heading);font-size:11px;width:24px}.ranker-table .col-rating{color:var(--rust);font-family:var(--font-heading);font-size:14px;font-weight:600;letter-spacing:.04em}.ranker-table .col-wl{color:var(--ink-pale);font-size:14px}.game-history{list-style:none;display:flex;flex-direction:column;gap:4px}.gh-item{display:flex;align-items:center;gap:.85rem;padding:.75rem;border-radius:3px;background:rgba(255,255,255,.02);border-left:3px solid transparent}.gh-item.win{border-left-color:#4a8a4a}.gh-item.loss{border-left-color:#8a4a4a}.gh-result{font-family:var(--font-heading);font-size:13px;font-weight:600;width:16px;text-align:center;flex-shrink:0}.gh-result.win{color:#6abf6a}.gh-result.loss{color:#bf6a6a}.gh-details{flex:1 1;display:flex;flex-direction:column;gap:3px}.gh-opponent{font-family:var(--font-body);font-size:16px;color:var(--parchment);line-height:1}.gh-mode{font-family:var(--font-heading);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-pale)}.gh-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.gh-delta{font-family:var(--font-heading);font-size:13px;font-weight:600}.gh-delta.win{color:#6abf6a}.gh-delta.loss{color:#bf6a6a}.gh-when{font-family:var(--font-body);font-size:12px;color:var(--ink-pale);font-style:italic}.hand-row{align-items:center;width:100%;max-width:720px;gap:.75rem;position:relative;z-index:2}.hand,.hand-row{display:flex;justify-content:center}.hand{align-items:flex-end;flex:1 1;padding:0 0 10px;overflow:visible}.hand--opponent{align-items:flex-start;padding:10px 0 0}.card{width:90px;height:128px;border-radius:5px;flex-shrink:0;position:relative;margin:0 8px;transition:transform .18s ease,box-shadow .18s ease,margin .22s cubic-bezier(.22,1,.36,1),z-index 0s;cursor:pointer}.hand--spreading .card{margin:0 18px}.card--dragging .card-face__hover-preview,.hand--spreading .card-face__hover-preview{opacity:0!important;transition:none!important;pointer-events:none!important}.hand--spreading .card--face:hover{transform:rotate(calc(var(--angle, 0deg) + var(--drag-tilt, 0deg))) translateY(var(--lift,0))!important;z-index:auto;box-shadow:0 4px 14px rgba(0,0,0,.5)}.card--dragging{opacity:.25!important}.card--face{display:flex;transform:rotate(calc(var(--angle, 0deg) + var(--drag-tilt, 0deg))) translateY(var(--lift,0));transform-origin:center bottom;will-change:transform}.hand--player .card--face:hover{transform:rotate(0deg) translateY(-10px)!important;z-index:1000}.card-face{position:relative;display:flex;flex-direction:column;background:var(--parchment-dark);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.5);-moz-user-select:none;user-select:none;-webkit-user-select:none;flex-shrink:0;box-sizing:border-box}.card-face--trick{border-color:rgba(196,113,58,.55);box-shadow:0 4px 14px rgba(0,0,0,.5),0 0 0 1px rgba(196,113,58,.2)}.card-face--sm.card-face--trick{background:linear-gradient(165deg,#f7f0e4 0,var(--parchment-dark) 100%)}.card-face__num{font-family:var(--font-heading);font-weight:700;color:var(--ink);line-height:1}.card-face--sm .card-face__num{font-size:28px;font-weight:800}.card-face--lg .card-face__num,.card-face--md .card-face__num{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(16,11,7,.82);border:1px solid rgba(196,113,58,.5);color:#EDE8DA}.card-face--selected{box-shadow:0 0 0 3px var(--select),0 8px 28px rgba(45,212,224,.55)}.card-face__check{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--select);color:#06282c;font-weight:800;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.4)}.card-face--md .card-face__check{top:6px;right:6px;width:20px;height:20px;font-size:12px}.card-face--lg .card-face__check{top:10px;right:10px;width:28px;height:28px;font-size:16px}.card-face__art{position:absolute;inset:0;z-index:0;border-radius:inherit;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(196,113,58,.18),transparent 65%),repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(196,113,58,.07) 6px,rgba(196,113,58,.07) 7px),var(--parchment-dark)}.card-face--trick .card-face__art{background:radial-gradient(circle at 50% 38%,rgba(212,184,74,.22),transparent 65%),repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(212,184,74,.1) 6px,rgba(212,184,74,.1) 7px),var(--parchment-dark)}.card-face__art-mark{font-family:var(--font-heading);font-weight:800;color:rgba(196,113,58,.25);line-height:1}.card-face--trick .card-face__art-mark{color:rgba(212,184,74,.3)}.card-face__info{position:absolute;z-index:1;left:0;right:0;bottom:0;display:flex;flex-direction:column;border-radius:0 0 8px 8px;background:linear-gradient(180deg,transparent 0,rgba(12,8,5,.55) 20%,rgba(10,7,4,.92) 50%,rgba(10,7,4,.97))}.card-face__name{font-weight:700;letter-spacing:.04em;color:#EDE8DA;line-height:1.2}.card-face__name,.card-face__type{font-family:var(--font-heading);text-transform:uppercase}.card-face__type{font-weight:400;letter-spacing:.12em;color:rgba(237,232,218,.55)}.card-face--trick .card-face__type{color:#D9B54A}.card-face__desc{color:rgba(237,232,218,.88);line-height:1.45}.card-face__desc,.card-face__flavor{font-family:var(--font-body);margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-face__flavor{font-style:italic;color:rgba(237,232,218,.5);line-height:1.35;border-top:1px solid rgba(237,232,218,.15)}.card-face__hover-preview{position:absolute;top:50%;left:50%;z-index:1000;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.85);transition:opacity .32s cubic-bezier(.22,1,.36,1) 0s,transform .32s cubic-bezier(.22,1,.36,1) 0s}.card-face:hover>.card-face__hover-preview{transition-delay:.15s}.card-face--force-hover>.card-face__hover-preview,.card-face:hover>.card-face__hover-preview{opacity:1;transform:translate(-50%,-50%) scale(1)}.hand--player .card-face__hover-preview{top:auto;bottom:0;left:50%;transform:translateX(-50%) scale(.85);transform-origin:bottom center}.hand--player .card-face:hover>.card-face__hover-preview{transform:translateX(-50%) scale(1)}.card-face--sm{width:90px;height:128px;align-items:center;justify-content:center;padding:4px}.card-face--md{width:180px;aspect-ratio:3/4}.card-face--md .card-face__num{top:6px;left:6px;min-width:20px;height:20px;padding:0 5px;font-size:12.5px}.card-face--md .card-face__info{gap:3px;padding:8px 8px 7px}.card-face--md .card-face__name{font-size:11.5px}.card-face--md .card-face__type{font-size:7.5px}.card-face--md .card-face__desc{font-size:10.5px;-webkit-line-clamp:3}.card-face--md .card-face__flavor{font-size:9.5px;padding-top:4px;margin-top:2px;-webkit-line-clamp:2}.card-face--md .card-face__art-mark{font-size:40px}.card-face--lg{width:320px;aspect-ratio:3/4}.card-face--lg .card-face__num{top:10px;left:10px;min-width:30px;height:30px;padding:0 8px;font-size:16px}.card-face--lg .card-face__info{gap:5px;padding:14px 14px 12px}.card-face--lg .card-face__name{font-size:17px}.card-face--lg .card-face__type{font-size:10.5px}.card-face--lg .card-face__desc{font-size:13.5px;-webkit-line-clamp:6}.card-face--lg .card-face__flavor{font-size:12px;padding-top:7px;margin-top:3px;-webkit-line-clamp:3}.card-face--lg .card-face__art-mark{font-size:72px}.card-face--back{background:#1e1e1b;border:1px solid rgba(196,113,58,.35);background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(196,113,58,.07) 0,rgba(196,113,58,.07) 6px);align-items:center;justify-content:center}.card-face--back .card-face__back-mark{font-family:var(--font-heading);font-size:9px;font-weight:600;letter-spacing:.2em;color:rgba(196,113,58,.4)}.card--face[draggable=true]{cursor:-webkit-grab;cursor:grab}.card--face[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.card--selected{transform:rotate(0deg) translateY(-28px) scale(1.08)!important;z-index:1000;box-shadow:0 16px 36px rgba(0,0,0,.7),0 0 0 2px var(--gold)!important}.deck-pile--selected .deck-pile__stack{box-shadow:0 0 0 2px var(--gold),-3px -3px 0 0 #0d0905,-3px -3px 0 1px rgba(196,113,58,.4),-6px -6px 0 0 #0a0703,-6px -6px 0 1px rgba(196,113,58,.25)}.combat-drop-zone{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(10,8,4,.18);transition:background .15s;animation:drop-zone-beckon 2s ease-in-out infinite}@keyframes drop-zone-beckon{0%,to{background:rgba(10,8,4,.18)}50%{background:rgba(196,113,58,.1)}}.combat-drop-zone--over{background:rgba(196,113,58,.28)!important;animation:none}.combat-drop-zone__hint{font-family:var(--font-heading);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,220,140,.9);text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 20px rgba(196,113,58,.6);pointer-events:none;padding:7px 14px;background:rgba(20,16,10,.55);border:1px solid rgba(196,113,58,.4);border-radius:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{border-color:rgba(196,113,58,.4);box-shadow:none}50%{border-color:rgba(196,113,58,.8);box-shadow:0 0 16px rgba(196,113,58,.35)}}.tutorial__nudge{animation:hint-pulse .5s ease-in-out 1}.combat-drop-zone--over .combat-drop-zone__hint{animation:none;border-color:var(--gold);box-shadow:0 0 20px rgba(196,113,58,.5)}.combat-reveal{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(10,8,4,.68);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:opacity;animation:reveal-fade-in .18s ease .35s both}.combat-reveal--exit{animation:reveal-fade-out .3s ease forwards!important}@keyframes reveal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes reveal-fade-out{0%{opacity:1}to{opacity:0}}.combat-reveal__duel{display:flex;align-items:flex-end;gap:20px}.combat-reveal__side{display:flex;flex-direction:column;align-items:center;gap:6px}.combat-reveal__label{font-size:8.5px;font-weight:700;letter-spacing:.16em;color:rgba(255,220,140,.6)}.combat-reveal__label,.combat-reveal__power{font-family:var(--font-heading);text-transform:uppercase}.combat-reveal__power{font-size:8px;font-weight:600;letter-spacing:.1em;color:var(--ink-pale)}.combat-reveal__vs-col{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:28px}.combat-reveal__vs{font-family:var(--font-heading);font-size:18px;font-weight:800;color:var(--gold);text-shadow:0 0 18px rgba(196,113,58,.7);letter-spacing:.06em}.combat-reveal__verdict{font-family:var(--font-heading);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:3px}.combat-reveal__verdict--win{color:#5dde82;background:rgba(30,100,50,.35)}.combat-reveal__verdict--loss,.combat-reveal__verdict--win{animation:verdict-pop .3s cubic-bezier(.22,1,.36,1) .7s both}.combat-reveal__verdict--loss{color:#e06060;background:rgba(100,20,20,.35)}@keyframes verdict-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.combat-reveal__card{display:flex;transition:opacity .2s}.combat-reveal__card--player{transform:rotate(-8deg);animation:reveal-player-in .52s cubic-bezier(.22,1,.36,1);transform-origin:center bottom;box-shadow:0 16px 40px rgba(0,0,0,.75)}.combat-reveal__card--opponent{transform:rotate(8deg);animation:reveal-opponent-in .52s cubic-bezier(.22,1,.36,1) .08s both;transform-origin:center bottom;box-shadow:0 16px 40px rgba(0,0,0,.75)}.combat-reveal__card:hover{z-index:1000}@keyframes reveal-player-in{0%{transform:rotate(-4deg) translateY(60px) scale(.72);opacity:0}60%{transform:rotate(-14deg) translateY(-6px) scale(1.04);opacity:1}to{transform:rotate(-8deg) translateY(0) scale(1)}}@keyframes reveal-opponent-in{0%{transform:rotate(4deg) translateY(60px) scale(.72);opacity:0}60%{transform:rotate(14deg) translateY(-6px) scale(1.04);opacity:1}to{transform:rotate(8deg) translateY(0) scale(1)}}.combat-reveal__card--winner .card-face{animation:winner-glow .4s ease .65s both}@keyframes winner-glow{0%{box-shadow:0 16px 40px rgba(0,0,0,.75);border-color:var(--border)}to{box-shadow:0 16px 40px rgba(0,0,0,.75),0 0 28px rgba(80,200,100,.55);border-color:#5dde82}}.combat-reveal__card--loser{animation:loser-fade .4s ease .65s both}@keyframes loser-fade{0%{opacity:1;filter:none;transform-origin:center bottom}to{opacity:.38;filter:grayscale(.5)}}.combat-reveal__card--player.combat-reveal__card--loser{animation:loser-fade-player .4s ease .65s both}.combat-reveal__card--opponent.combat-reveal__card--loser{animation:loser-fade-opponent .4s ease .65s both}@keyframes loser-fade-player{0%{opacity:1;filter:none;transform:rotate(-8deg) translateY(0)}to{opacity:.35;filter:grayscale(.5);transform:rotate(-18deg) translateY(8px)}}@keyframes loser-fade-opponent{0%{opacity:1;filter:none;transform:rotate(8deg) translateY(0)}to{opacity:.35;filter:grayscale(.5);transform:rotate(18deg) translateY(8px)}}.combat-effects{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:8px 12px 4px}.combat-effect__badge{font-family:var(--font-heading);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:rgba(196,113,58,.12);border:1px solid rgba(196,113,58,.35);border-radius:4px;padding:3px 8px;white-space:nowrap}.combat-reveal__actions{display:flex;gap:10px}.combat-reveal__btn{font-family:var(--font-heading);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:5px;padding:7px 16px;cursor:pointer;transition:opacity .15s,transform .1s}.combat-reveal__btn:hover{opacity:.85;transform:translateY(-1px)}.combat-reveal__btn:active{transform:translateY(0)}.combat-reveal__btn--resolve{background:var(--gold);color:#1a1208;box-shadow:0 4px 16px rgba(196,113,58,.5)}.combat-reveal__btn--cancel{background:rgba(20,16,10,.7);color:var(--ink-mid);border:1px solid var(--border)}.deck-pile{position:relative;width:90px;height:128px;flex-shrink:0}.deck-pile__stack{width:100%;height:100%;border-radius:5px;background:#1e1e1b;border:1px solid rgba(196,113,58,.35);background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(196,113,58,.07) 0,rgba(196,113,58,.07) 6px);box-shadow:-3px -3px 0 0 #0d0905,-3px -3px 0 1px rgba(196,113,58,.2),-6px -6px 0 0 #0a0703,-6px -6px 0 1px rgba(196,113,58,.13)}.deck-pile__count{position:absolute;bottom:-8px;right:-8px;background:var(--rust);color:var(--parchment);font-family:var(--font-heading);font-size:10px;font-weight:600;width:22px;height:22px;border-radius:50%;line-height:1}.deck-pile__count,.discard-pile{display:flex;align-items:center;justify-content:center}.discard-pile{width:90px;height:128px;flex-shrink:0;border-radius:5px;border:1px dashed rgba(196,113,58,.25);background:rgba(196,113,58,.03);position:relative;cursor:default;overflow:visible!important}.discard-pile__label{font-family:var(--font-heading);font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:rgba(196,113,58,.3);text-align:center;line-height:1.6}.discard-pile--filled{border:none;padding:0}.discard-pile__count{position:absolute;bottom:-8px;right:-8px;background:var(--rust,#8b3a1e);color:var(--parchment,#f0e6cc);font-family:var(--font-heading);font-size:10px;font-weight:600;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.discard-spread{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:row;align-items:flex-end;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;z-index:200}.discard-pile:hover .discard-spread{opacity:1;transform:translateY(0);pointer-events:all}.discard-spread--opponent{bottom:auto;top:calc(100% + 10px);transform:translateY(-8px);align-items:flex-start}.discard-pile:hover .discard-spread--opponent{transform:translateY(0)}.discard-spread__card{margin-left:-57px;position:relative;flex-shrink:0;transform:rotate(calc((var(--i, 0) - var(--total-1, 0) * .5) * 2.5deg));transition:transform .25s cubic-bezier(.34,1.3,.64,1),z-index 0s;transition-delay:calc(var(--i, 0) * 25ms);z-index:calc(var(--i, 0) + 1)}.discard-spread__card:first-child{margin-left:0}.discard-spread__card:hover{transform:rotate(0deg) translateY(-20px)!important;z-index:1000!important;transition-delay:0s!important}.discard-spread__card:hover .card-face{box-shadow:0 10px 28px rgba(0,0,0,.65)}.deck-pile[draggable=true]{cursor:-webkit-grab;cursor:grab}.deck-pile[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.game-info__vs{display:flex;align-items:center;gap:.6rem;margin:.5rem 0}.game-info__vs:after,.game-info__vs:before{content:"";flex:1 1;height:1px;background:rgba(196,113,58,.12)}.game-info__vs span{font-family:var(--font-heading);font-size:9px;letter-spacing:.22em;color:var(--ink-pale)}.game-controls--stacked{flex-direction:column;margin-top:1rem}.game-controls__row{display:flex;gap:.5rem;width:100%}.game-controls__row .btn-danger,.game-controls__row .btn-secondary{flex:1 1}.rules-panel{grid-column:2/-1;display:flex;flex-direction:column;overflow:hidden;background:var(--parchment)}.rules-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;background:#1e1e1b;border-bottom:1px solid rgba(196,113,58,.18);flex-shrink:0;gap:1rem}.rules-panel__header-text{display:flex;flex-direction:column;gap:2px}.rules-panel__eyebrow{font-family:var(--font-heading);font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--rust);opacity:.8}.rules-panel__title{font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--parchment);letter-spacing:-.01em;line-height:1}.rules-panel__body{flex:1 1;overflow-y:auto;padding:3rem 4rem 5rem}.rules-panel__body .prose{max-width:680px;margin:0 auto}.tsw{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.tsw__toggle{width:38px;height:38px;border-radius:50%;background:#1e1e1b;border:1.5px solid rgba(196,113,58,.45);color:rgba(196,113,58,.85);font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,box-shadow .15s;box-shadow:0 2px 12px rgba(0,0,0,.5)}.tsw__toggle:hover{border-color:var(--rust);color:var(--rust);box-shadow:0 4px 16px rgba(0,0,0,.5)}.tsw__backdrop{position:fixed;inset:0;z-index:-1}.tsw__panel{background:#1e1e1b;border:1px solid rgba(196,113,58,.25);border-radius:6px;padding:.6rem;box-shadow:0 8px 28px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:.25rem;min-width:200px}.tsw__heading{font-family:var(--font-heading);font-size:9px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:rgba(196,113,58,.55);padding:.2rem .5rem .5rem;border-bottom:1px solid rgba(196,113,58,.12);margin-bottom:.15rem}.tsw__option{display:flex;align-items:center;gap:.65rem;background:none;border:1px solid transparent;border-radius:4px;padding:.55rem .6rem;cursor:pointer;transition:background .15s,border-color .15s;width:100%;text-align:left}.tsw__option:hover{background:rgba(196,113,58,.07)}.tsw__option.active{background:rgba(196,113,58,.1);border-color:rgba(196,113,58,.3)}.tsw__swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tsw__option-text{flex:1 1;display:flex;flex-direction:column;gap:1px}.tsw__option-name{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,241,234,.75)}.tsw__option.active .tsw__option-name{color:var(--parchment)}.tsw__option-desc{font-family:var(--font-body);font-size:11px;color:rgba(245,241,234,.3)}.tsw__check{font-size:11px;color:var(--rust);flex-shrink:0}.landing{position:fixed;inset:0;background:var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden}.landing__art{position:absolute;inset:0;background:radial-gradient(ellipse at 62% 38%,#3d1f0c 0,#1c120a 55%,#080503 100%)}.landing__overlay{position:absolute;inset:0;background:rgba(8,5,3,.5)}.landing__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;max-width:600px}.landing__eyebrow{font-family:var(--font-heading);font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--rust);margin-bottom:2rem;opacity:.9}.landing__title{font-family:var(--font-display);font-size:clamp(3rem,10vw,6.5rem);font-weight:900;line-height:1;color:var(--parchment);letter-spacing:-.01em}.landing__title-amp{font-size:.55em;color:var(--rust);opacity:.9}.landing__divider{width:60px;height:1px;background:var(--rust);margin:1.75rem auto;opacity:.65}.landing__tagline{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.1rem);color:rgba(245,241,234,.65);letter-spacing:.01em;margin-bottom:2.75rem}.landing__ctas{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.landing__btn{font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:.85rem 2.5rem;border-radius:2px;transition:background .2s,color .2s,border-color .2s}.landing__btn--primary{background:var(--rust);color:var(--parchment);border:1px solid var(--rust)}.landing__btn--primary:hover{background:var(--gold-light);border-color:var(--gold-light)}.landing__btn--secondary{background:transparent;color:rgba(250,244,236,.75);border:1px solid rgba(250,244,236,.3)}.landing__btn--secondary:hover{color:var(--rust);border-color:var(--rust)}@media (max-width:1024px){.platform{grid-template-columns:160px 1fr 300px}.platform--panel-collapsed{grid-template-columns:160px 1fr 32px}}@media (max-width:768px){.platform{grid-template-columns:1fr;min-height:100dvh}.left-nav,.platform{height:auto;overflow:visible}.left-nav{flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid rgba(196,113,58,.18);position:-webkit-sticky;position:sticky;top:0;z-index:100}.left-nav__logo{border-bottom:none;border-right:1px solid rgba(196,113,58,.18);padding:.6rem 1rem;flex-shrink:0}.left-nav__items{flex-direction:row;flex:1 1;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0}.left-nav__items::-webkit-scrollbar{display:none}.left-nav__item{padding:.8rem .85rem;border-left:none;border-bottom:2px solid transparent;white-space:nowrap;font-size:11px}.left-nav__item.active{background:rgba(196,113,58,.08);border-left-color:transparent;border-bottom-color:var(--rust)}.left-nav__footer{border-top:none;border-left:1px solid rgba(196,113,58,.15);padding:.5rem .75rem;flex-shrink:0;flex-direction:row;align-items:center}.left-nav__username{display:none}.left-nav__avatar{width:26px;height:26px}.center-panel{height:auto;padding:.75rem .5rem;overflow:visible}.center-panel__inner{max-width:100%}.right-panel{border-left:none;border-top:1px solid rgba(196,113,58,.15);overflow-y:visible;height:auto}.rules-panel{grid-column:1}.rules-panel__body{padding:2rem 1.25rem 3rem}.rules-panel__header{padding:.9rem 1.25rem}.card{margin:0 5px}.card,.deck-pile,.discard-pile{width:74px;height:104px}.discard-pile__count{width:18px;height:18px;font-size:9px;bottom:-6px;right:-6px}.hand-row{gap:.35rem}.hand{padding-bottom:8px}.hand--opponent{padding-top:8px;padding-bottom:0}.right-panel__auth,.right-panel__section{padding:1.25rem}.rules-header__hero{padding:2.5rem 1.25rem 2rem}.rules-header__bar{padding:.75rem 1.25rem}.rules-main{padding:2.5rem 1.25rem 4rem}.landing__btn{padding:.8rem 2rem}}@media (max-width:420px){.left-nav__logo-mark{font-size:16px}.left-nav__item{font-size:10px;padding:.8rem .65rem}.card{margin:0 4px}.card,.deck-pile,.discard-pile{width:62px;height:88px}.card__name{font-size:8px}.card__type{font-size:7px}.right-panel__auth-title{font-size:16px}.right-panel__auth-sub{font-size:12px}}@media (max-width:768px){[data-theme=tetris] .left-nav{border-bottom-color:rgba(28,26,18,.18)}[data-theme=tetris] .left-nav__logo{border-right-color:rgba(28,26,18,.18)}[data-theme=tetris] .left-nav__footer{border-left-color:rgba(28,26,18,.12)}[data-theme=tetris] .right-panel{border-top-color:rgba(28,26,18,.12)}}[data-theme=chronicle]{--font-display:"Cinzel",serif;--font-heading:"Cinzel",serif;--font-body:"Crimson Pro",Georgia,serif;--font-prose:"Crimson Pro",Georgia,serif}[data-theme=steel]{--ink:#0F1318;--ink-mid:#52596A;--ink-pale:#8892A4;--parchment:#EDF0F5;--parchment-dark:#E0E5EE;--border:rgba(15,19,24,0.16);--gold:#5B82C8;--gold-light:#7B9AE0;--red:#5B82C8;--rust:#5B82C8}[data-theme=tetris]{--ink:#1C1A12;--ink-mid:#5C5844;--ink-pale:#7A7560;--parchment:#F0EBD8;--parchment-dark:#E3DBBD;--border:rgba(28,26,18,0.14);--gold:#D4B84A;--gold-light:#E8CE6A;--red:#D4B84A;--rust:#D4B84A;--font-display:"Space Grotesk","Helvetica Neue",sans-serif;--font-heading:"Space Mono","Courier New",monospace;--font-body:"Space Grotesk","Helvetica Neue",sans-serif;--font-prose:"Space Grotesk","Helvetica Neue",sans-serif}[data-theme=tetris] .platform{background:#E3DBBD}[data-theme=tetris] .left-nav{background:#F0EBD8;border-right-color:rgba(28,26,18,.18)}[data-theme=tetris] .center-panel{background:#E3DBBD}[data-theme=tetris] .right-panel{background:#F0EBD8;border-left-color:rgba(28,26,18,.15)}[data-theme=tetris] .left-nav__logo{border-bottom-color:rgba(28,26,18,.14)}[data-theme=tetris] .left-nav__logo-mark{color:#1C1A12}[data-theme=tetris] .left-nav__logo-sub{color:#7A7560}[data-theme=tetris] .left-nav__footer{border-top-color:rgba(28,26,18,.12)}[data-theme=tetris] .left-nav__username{color:#5C5844}[data-theme=tetris] .left-nav__item{color:#7A7560}[data-theme=tetris] .left-nav__item:hover{color:#1C1A12;background:rgba(28,26,18,.05)}[data-theme=tetris] .left-nav__item.active{color:#1C1A12;background:rgba(28,26,18,.07);border-left-color:#1C1A12}[data-theme=tetris] .back-bar{background:#F0EBD8;border-bottom-color:rgba(28,26,18,.14)}[data-theme=tetris] .back-link{color:#7A7560}[data-theme=tetris] .back-link:hover{color:#1C1A12}[data-theme=tetris] .board-wrap{border-radius:0;border:2px solid rgba(28,26,18,.3);box-shadow:0 4px 24px rgba(28,26,18,.18)}[data-theme=tetris] .player-bar{background:#E3DBBD;border-color:rgba(28,26,18,.14)}[data-theme=tetris] .player-bar__avatar{background:rgba(28,26,18,.08);border-color:rgba(28,26,18,.2);border-radius:0}[data-theme=tetris] .player-bar__name{color:#1C1A12}[data-theme=tetris] .player-bar__rating{color:#7A7560}[data-theme=tetris] .player-bar__timer{color:#1C1A12;background:rgba(28,26,18,.07);border-radius:0}[data-theme=tetris] .btn-secondary{background:rgba(28,26,18,.05);border-color:rgba(28,26,18,.18);color:#7A7560;border-radius:0}[data-theme=tetris] .btn-secondary:hover{color:#1C1A12;border-color:rgba(28,26,18,.45);background:rgba(28,26,18,.09)}[data-theme=tetris] .btn-danger{border-radius:0}[data-theme=tetris] .right-panel__auth{background:#E3DBBD;border-bottom-color:rgba(28,26,18,.14)}[data-theme=tetris] .right-panel__auth-eyebrow{color:#B89D35}[data-theme=tetris] .right-panel__auth-title{color:#1C1A12}[data-theme=tetris] .right-panel__auth-sub{color:#5C5844}[data-theme=tetris] .btn-create-account{background:#1C1A12;border-color:#1C1A12;color:#F0EBD8;border-radius:0}[data-theme=tetris] .btn-create-account:hover{background:#3a3828;border-color:#3a3828}[data-theme=tetris] .btn-sign-in-sm{color:#5C5844;border-color:rgba(28,26,18,.22);border-radius:0}[data-theme=tetris] .btn-sign-in-sm:hover{color:#1C1A12;border-color:rgba(28,26,18,.5)}[data-theme=tetris] .right-panel__section{border-bottom-color:rgba(28,26,18,.1)}[data-theme=tetris] .right-panel__heading{color:#B89D35}[data-theme=tetris] .game-info__vs:after,[data-theme=tetris] .game-info__vs:before{background:rgba(28,26,18,.12)}[data-theme=tetris] .game-info__vs span{color:#7A7560}[data-theme=tetris] .locked-overlay{background:rgba(240,235,216,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=tetris] .locked-overlay__msg{color:#5C5844}[data-theme=tetris] .card{border-radius:0}[data-theme=tetris] .card-face{border-radius:0;background:#F0EBD8;border-color:rgba(28,26,18,.18);box-shadow:0 2px 8px rgba(28,26,18,.14)}[data-theme=tetris] .card-face__info{border-radius:0}[data-theme=tetris] .card-face--back{background:#E3DBBD;border-color:rgba(28,26,18,.28);background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(28,26,18,.05) 0,rgba(28,26,18,.05) 6px)}[data-theme=tetris] .card-face--back .card-face__back-mark{color:rgba(28,26,18,.28)}[data-theme=tetris] .card-face--trick{border-color:rgba(212,184,74,.5);background:#F0EBD8;box-shadow:0 2px 8px rgba(28,26,18,.14),0 0 0 1px rgba(212,184,74,.18)}[data-theme=tetris] .deck-pile__stack{background:#E3DBBD;border-color:rgba(28,26,18,.28);background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(28,26,18,.05) 0,rgba(28,26,18,.05) 6px);box-shadow:-3px -3px 0 0 #d4cebd,-3px -3px 0 1px rgba(28,26,18,.14),-6px -6px 0 0 #cbc5b4,-6px -6px 0 1px rgba(28,26,18,.09);border-radius:0}[data-theme=tetris] .deck-pile__count{border-radius:0}[data-theme=tetris] .discard-pile{border-color:rgba(28,26,18,.2);background:rgba(28,26,18,.03);border-radius:0}[data-theme=tetris] .discard-pile__label{color:rgba(28,26,18,.25)}[data-theme=tetris] .discard-pile__count{background:#5C5844;border-radius:0}[data-theme=tetris] .ranker-table th{color:#7A7560;border-bottom-color:rgba(28,26,18,.14)}[data-theme=tetris] .ranker-table td{color:#1C1A12;border-bottom-color:rgba(28,26,18,.07)}[data-theme=tetris] .ranker-table .col-rank{color:#7A7560}[data-theme=tetris] .ranker-table .col-rating{color:#B89D35}[data-theme=tetris] .ranker-table .col-wl{color:#5C5844}[data-theme=tetris] .gh-item{background:rgba(28,26,18,.03)}[data-theme=tetris] .gh-opponent{color:#1C1A12}[data-theme=tetris] .gh-mode,[data-theme=tetris] .gh-when{color:#7A7560}[data-theme=tetris] .rules-panel{background:#F0EBD8}[data-theme=tetris] .rules-panel__header{background:#1C1A12;border-bottom-color:rgba(212,184,74,.22)}[data-theme=tetris] .rules-panel__eyebrow{color:#D4B84A}[data-theme=tetris] .rules-panel__title{color:#F0EBD8}[data-theme=tetris] .rules-page{background:#F0EBD8}[data-theme=tetris] .rules-header{background:#1C1A12}[data-theme=tetris] .rules-header__bar{border-bottom-color:rgba(212,184,74,.15)}[data-theme=tetris] .rules-eyebrow{color:#D4B84A}[data-theme=tetris] .rules-title-rule{background:#D4B84A}[data-theme=tetris] .prose p:has(>strong:first-child):not(:first-child){border-radius:0;border-left-color:#D4B84A}[data-theme=tetris] .left-nav__avatar,[data-theme=tetris] .tsw__swatch{border-radius:0}[data-theme=classic]{--ink:#EDE8DA;--ink-mid:#C4AE90;--ink-pale:#8A7060;--parchment:#150c08;--parchment-dark:#1c1008;--border:rgba(237,232,218,0.07);--gold:#E84230;--gold-light:#F05840;--red:#E84230;--rust:#E84230;--font-display:"Cinzel Decorative","Cinzel",serif;--font-heading:"Cinzel",serif;--font-body:"Cormorant Garamond",Georgia,serif;--font-prose:"Cormorant Garamond",Georgia,serif}[data-theme=classic] .platform{background:#0e0806}[data-theme=classic] .left-nav{background:#1c1008;border-right-color:rgba(237,232,218,.06)}[data-theme=classic] .center-panel{background:#150c08}[data-theme=classic] .right-panel{background:#1c1008;border-left-color:rgba(237,232,218,.06)}[data-theme=classic] .left-nav__logo{border-bottom-color:rgba(237,232,218,.06)}[data-theme=classic] .left-nav__logo-mark{color:#EDE8DA}[data-theme=classic] .left-nav__logo-sub{color:#8A7060}[data-theme=classic] .left-nav__footer{border-top-color:rgba(237,232,218,.06)}[data-theme=classic] .left-nav__username{color:#C4AE90}[data-theme=classic] .left-nav__item{color:#8A7060}[data-theme=classic] .left-nav__item:hover{color:#EDE8DA;background:rgba(237,232,218,.04)}[data-theme=classic] .left-nav__item.active{color:#EDE8DA;background:rgba(232,66,48,.1);border-left-color:#E84230}[data-theme=classic] .back-bar{background:#1c1008;border-bottom-color:rgba(237,232,218,.06)}[data-theme=classic] .back-link{color:#8A7060}[data-theme=classic] .back-link:hover{color:#EDE8DA}[data-theme=classic] .board-wrap{border-radius:3px;border:1px solid rgba(196,110,56,.3);box-shadow:0 0 0 4px rgba(232,66,48,.04),0 24px 80px rgba(0,0,0,.88),inset 0 0 32px rgba(196,110,56,.03)}[data-theme=classic] .player-bar{background:#1c1008;border-color:rgba(237,232,218,.06)}[data-theme=classic] .player-bar__avatar{background:rgba(237,232,218,.04);border-color:rgba(237,232,218,.1)}[data-theme=classic] .player-bar__name{color:#EDE8DA}[data-theme=classic] .player-bar__rating{color:#8A7060}[data-theme=classic] .player-bar__timer{color:#EDE8DA;background:rgba(237,232,218,.04)}[data-theme=classic] .btn-secondary{background:rgba(237,232,218,.03);border-color:rgba(237,232,218,.1);color:#8A7060}[data-theme=classic] .btn-secondary:hover{color:#EDE8DA;border-color:rgba(237,232,218,.28);background:rgba(237,232,218,.06)}[data-theme=classic] .right-panel__auth{background:#1c1008;border-bottom-color:rgba(237,232,218,.06)}[data-theme=classic] .right-panel__auth-eyebrow{color:#E84230}[data-theme=classic] .right-panel__auth-title{color:#EDE8DA}[data-theme=classic] .right-panel__auth-sub{color:#C4AE90}[data-theme=classic] .btn-create-account{background:#E84230;border-color:#E84230;color:#EDE8DA;border-radius:2px;letter-spacing:.12em}[data-theme=classic] .btn-create-account:hover{background:#C43222;border-color:#C43222}[data-theme=classic] .btn-sign-in-sm{color:#8A7060;border-color:rgba(237,232,218,.12);border-radius:2px}[data-theme=classic] .btn-sign-in-sm:hover{color:#EDE8DA;border-color:rgba(237,232,218,.28)}[data-theme=classic] .right-panel__section{border-bottom-color:rgba(237,232,218,.05)}[data-theme=classic] .right-panel__heading{color:#E84230}[data-theme=classic] .game-info__vs:after,[data-theme=classic] .game-info__vs:before{background:rgba(237,232,218,.07)}[data-theme=classic] .game-info__vs span{color:#8A7060}[data-theme=classic] .locked-overlay{background:rgba(14,8,6,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=classic] .locked-overlay__msg{color:#C4AE90}[data-theme=classic] .card-face{background:#ECE7DC;color:#150c08;border-color:rgba(196,110,56,.28);box-shadow:0 6px 22px rgba(0,0,0,.7),0 1px 4px rgba(0,0,0,.5)}[data-theme=classic] .card-face--trick{background:#ECE7DC;border-color:rgba(232,66,48,.42);box-shadow:0 6px 22px rgba(0,0,0,.7),0 0 0 1px rgba(232,66,48,.16)}[data-theme=classic] .card-face--back{background:#261408;border-color:rgba(196,110,56,.2);background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(196,110,56,.04) 0,rgba(196,110,56,.04) 7px)}[data-theme=classic] .card-face--back .card-face__back-mark{color:rgba(196,110,56,.22)}[data-theme=classic] .deck-pile__stack{background:#261408;border-color:rgba(196,110,56,.22);background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(196,110,56,.04) 0,rgba(196,110,56,.04) 7px);box-shadow:-3px -3px 0 0 #1e1006,-3px -3px 0 1px rgba(196,110,56,.15),-6px -6px 0 0 #180c05,-6px -6px 0 1px rgba(196,110,56,.09)}[data-theme=classic] .deck-pile__count{background:#E84230;color:#EDE8DA}[data-theme=classic] .discard-pile{border-color:rgba(196,110,56,.17);background:rgba(237,232,218,.02)}[data-theme=classic] .discard-pile__label{color:rgba(237,232,218,.18)}[data-theme=classic] .discard-pile__count{background:#E84230;color:#EDE8DA}[data-theme=classic] .ranker-table th{color:#8A7060;border-bottom-color:rgba(237,232,218,.07)}[data-theme=classic] .ranker-table td{color:#EDE8DA;border-bottom-color:rgba(237,232,218,.04)}[data-theme=classic] .ranker-table .col-rank{color:#8A7060}[data-theme=classic] .ranker-table .col-rating{color:#E84230}[data-theme=classic] .ranker-table .col-wl{color:#C4AE90}[data-theme=classic] .gh-item{background:rgba(237,232,218,.02)}[data-theme=classic] .gh-opponent{color:#EDE8DA}[data-theme=classic] .gh-mode,[data-theme=classic] .gh-when{color:#8A7060}[data-theme=classic] .rules-panel{background:#1c1008}[data-theme=classic] .rules-panel__header{background:#0e0806;border-bottom-color:rgba(232,66,48,.18)}[data-theme=classic] .rules-panel__eyebrow{color:#E84230}[data-theme=classic] .rules-panel__title{color:#EDE8DA}[data-theme=classic] .rules-page{background:#1c1008}[data-theme=classic] .rules-header{background:#0e0806}[data-theme=classic] .rules-header__bar{border-bottom-color:rgba(232,66,48,.16)}[data-theme=classic] .rules-eyebrow{color:#E84230}[data-theme=classic] .rules-title-rule{background:#E84230}[data-theme=classic] .prose p:has(>strong:first-child):not(:first-child){border-radius:2px;border-left-color:#E84230;background:rgba(232,66,48,.05)}@media (max-width:768px){[data-theme=classic] .left-nav{border-bottom-color:rgba(237,232,218,.06)}[data-theme=classic] .left-nav__logo{border-right-color:rgba(237,232,218,.06)}[data-theme=classic] .left-nav__footer{border-left-color:rgba(237,232,218,.05)}[data-theme=classic] .right-panel{border-top-color:rgba(237,232,218,.05)}}.power-gauge{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;width:80px;flex-shrink:0;padding:8px 6px}.power-gauge__label{font-family:var(--font-heading);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-pale);text-align:center;padding-bottom:7px;margin-bottom:3px;border-bottom:1px solid var(--border)}.power-gauge__row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:3px;border-left:3px solid transparent;transition:background .15s,border-color .15s}.power-gauge--right .power-gauge__row{flex-direction:row-reverse;border-left:none;border-right:3px solid transparent}.power-gauge__row--active{background:rgba(196,113,58,.14);border-left-color:var(--gold)}.power-gauge--right .power-gauge__row--active{border-left-color:transparent;border-right-color:var(--gold)}.power-gauge__row--capped{background:rgba(200,50,50,.12);border-left-color:var(--red)}.power-gauge--right .power-gauge__row--capped{border-left-color:transparent;border-right-color:var(--red)}.power-gauge__piece{font-size:18px;line-height:1;color:var(--ink-pale);letter-spacing:-.04em}.power-gauge__row--active .power-gauge__piece,.power-gauge__row--capped .power-gauge__piece{color:var(--ink)}.power-gauge__ceiling{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--ink-pale);line-height:1}.power-gauge__row--active .power-gauge__ceiling{color:var(--gold)}.power-gauge__row--capped .power-gauge__ceiling{color:var(--red)}@media (max-width:900px){.power-gauge{display:none}}.combat-reveal__power-raw{opacity:.4;text-decoration:line-through;font-weight:400}.combat-reveal__power-eff{color:var(--gold);font-weight:700}.combat-reveal__power-delta{color:var(--red);font-weight:700;font-size:.9em}@keyframes board-enter{0%{opacity:0;transform:perspective(800px) rotateX(12deg) scale(.9)}60%{opacity:1;transform:perspective(800px) rotateX(-2deg) scale(1.01)}to{opacity:1;transform:perspective(800px) rotateX(0deg) scale(1)}}.board-wrap--enter{animation:board-enter .55s cubic-bezier(.22,1,.36,1) forwards;transform-origin:center bottom}.board-placeholder{width:100%;aspect-ratio:1;max-width:600px}.lobby-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--parchment);padding:2rem}.lobby-card{background:var(--parchment-dark);border:1px solid var(--border);border-radius:12px;padding:2.5rem 2rem;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.25rem}.lobby-card--loading{color:var(--ink-pale);font-size:13px;letter-spacing:.1em;text-align:center;padding:3rem 2rem}.lobby-card--loading,.lobby-card__back{font-family:var(--font-heading);text-transform:uppercase}.lobby-card__back{font-size:11px;letter-spacing:.08em;color:var(--ink-mid);text-decoration:none;transition:color .15s}.lobby-card__back:hover{color:var(--ink)}.lobby-card__logo{display:flex;align-items:center;gap:.6rem}.lobby-card__logo-mark{font-size:18px;color:var(--gold);letter-spacing:.05em}.lobby-card__logo-mark,.lobby-card__logo-name{font-family:var(--font-heading);font-weight:600}.lobby-card__logo-name{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.lobby-card__identity{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--parchment);border:1px solid var(--border);border-radius:8px}.lobby-card__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.lobby-card__user-name{font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ink)}.lobby-card__user-email{font-size:11px;color:var(--ink-pale);margin-top:1px}.lobby-card__divider{height:1px;background:var(--border);margin:.25rem 0}.lobby-card__title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--ink);line-height:1.15}.lobby-card__sub{font-size:14px;color:var(--ink-mid);line-height:1.55;margin-top:-.5rem}.lobby-card__section{display:flex;flex-direction:column;gap:.5rem}.lobby-card__section-title{font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-pale)}.lobby-card__section-desc{font-size:13px;color:var(--ink-mid);line-height:1.5}.lobby-card__or{text-align:center;font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-pale);position:relative}.lobby-card__or:after,.lobby-card__or:before{content:"";position:absolute;top:50%;width:38%;height:1px;background:var(--border)}.lobby-card__or:before{left:0}.lobby-card__or:after{right:0}.lobby-card__join-form{display:flex;gap:.5rem}.lobby-card__join-input{flex:1 1;padding:.6rem .85rem;background:var(--parchment);border:1px solid var(--border);border-radius:6px;color:var(--ink);font-size:1rem;font-family:Space Mono,monospace;letter-spacing:.18em;text-transform:uppercase;transition:border-color .15s}.lobby-card__join-input:focus{outline:none;border-color:var(--gold)}.lobby-card__join-input::placeholder{color:var(--ink-pale);letter-spacing:.06em;font-size:.85rem;font-family:var(--font-body);text-transform:none}.lobby-card__btn{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.65rem 1.25rem;border-radius:4px;border:none;cursor:pointer;transition:opacity .15s,transform .1s;white-space:nowrap}.lobby-card__btn:disabled{opacity:.45;cursor:default}.lobby-card__btn:not(:disabled):hover{opacity:.85;transform:translateY(-1px)}.lobby-card__btn:not(:disabled):active{transform:translateY(0)}.lobby-card__btn--primary{background:var(--rust);color:var(--parchment);width:100%;padding:.75rem;font-size:13px}.lobby-card__btn--secondary{background:var(--parchment);color:var(--ink);border:1px solid var(--border)}.lobby-card__btn--secondary:not(:disabled):hover{border-color:var(--ink-mid);opacity:1}.lobby-card__google-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.25rem;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:8px;cursor:pointer;font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:background .15s}.lobby-card__google-btn:hover{background:#f8f9fa}.lobby-card__error{font-size:12px;color:#b91c1c}.lobby-card__note{font-size:12px;color:var(--ink-pale);text-align:center}.lobby-card__note a{color:var(--gold);text-decoration:none}.lobby-card__note a:hover{text-decoration:underline}.lobby-games{display:flex;flex-direction:column;gap:.4rem;max-height:220px;overflow-y:auto;margin:0;padding:0;list-style:none}.lobby-games__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;background:var(--parchment);border:1px solid var(--border);border-radius:7px;text-decoration:none;transition:border-color .15s,transform .12s}.lobby-games__row:hover{border-color:var(--gold);transform:translateY(-1px)}.lobby-games__opp{font-family:var(--font-heading);font-size:12px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-games__status{flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px}.lobby-games__status--wait{background:rgba(0,0,0,.06);color:var(--ink-mid)}.lobby-games__status--idle{background:rgba(0,0,0,.06);color:var(--ink-pale)}.lobby-games__status--turn,.lobby-games__status--win{background:rgba(74,222,128,.18);color:#1a7a44}.lobby-games__status--loss{background:rgba(232,66,48,.14);color:var(--red)}.online-game{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;min-height:100vh;color:var(--platform-text,#EDE8DA)}.online-game--error,.online-game--loading{justify-content:center;font-size:1.1rem;opacity:.7}.online-game--error a{display:block;margin-top:1rem;color:var(--platform-accent,#E84230);text-decoration:underline}.online-game__header{width:100%;max-width:800px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:8px;font-size:.85rem}.online-game__header-center{display:flex;flex-direction:column;align-items:center;gap:.2rem}.online-game__code-label{font-size:.8rem;opacity:.6;font-family:monospace;letter-spacing:.1em}.online-game__copy-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:var(--platform-text,#EDE8DA);font-size:.7rem;padding:.15rem .5rem;cursor:pointer;opacity:.6;transition:opacity .15s}.online-game__copy-btn:hover{opacity:1}.online-game__player{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;opacity:.8;padding:.2rem .5rem;border-radius:6px;transition:background .25s,opacity .25s,box-shadow .25s}.online-game__player--me{font-weight:600;opacity:1}.online-game__player--opp{opacity:.65}.online-game__player--active{opacity:1;background:rgba(74,222,128,.14);box-shadow:0 0 0 1px rgba(74,222,128,.45)}.online-game__turn-pill{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#14532d;background:#4ade80;border-radius:999px;padding:.1rem .45rem;animation:turn-pill-in .2s ease-out}@keyframes turn-pill-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.online-game__board-row{display:flex;align-items:stretch;gap:10px}.online-game__board-wrap{line-height:0;flex:0 0 auto;border-radius:6px;transition:box-shadow .3s,filter .3s}.online-game__board-wrap--myturn{box-shadow:0 0 0 3px rgba(74,222,128,.55),0 0 22px rgba(74,222,128,.25)}.online-game__board-wrap--theirturn{filter:saturate(.75) brightness(.88)}.online-game__turn-blocker{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10%;background:rgba(0,0,0,.18);cursor:not-allowed;z-index:5;animation:turn-blocker-in .25s ease-out}.online-game__turn-blocker-label{font-size:.78rem;font-weight:600;color:#fff;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.3rem .8rem;animation:pulse 2s ease-in-out infinite}@keyframes turn-blocker-in{0%{opacity:0}to{opacity:1}}.online-game__combat-overlay{position:absolute;inset:0;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:4px;padding:1rem}.online-game__combat-prompt{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.online-game__combat-role{font-size:1.05rem;font-weight:700;color:var(--platform-accent,#E84230)}.online-game__combat-hint{font-size:.85rem;opacity:.7}.online-game__combat-ceiling{font-size:.8rem;opacity:.6}.online-game__combat-waiting{display:flex;flex-direction:column;align-items:center;gap:.75rem}.online-game__mini-card{display:flex}.online-game__wait-msg{font-size:.85rem;opacity:.6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.85}}.online-game__combat-reveal{display:flex;align-items:center;gap:.75rem;width:100%}.online-game__reveal-side{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;border-radius:8px;border:1px solid transparent;transition:border-color .3s,background .3s}.online-game__reveal-side--win{border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08)}.online-game__reveal-side--loss{border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.05)}.online-game__reveal-label{font-size:.7rem;opacity:.6;text-transform:uppercase;letter-spacing:.06em}.online-game__reveal-card{display:flex;justify-content:center;width:100%}.online-game__reveal-cap{font-size:.75rem}.online-game__reveal-cap s{opacity:.4}.online-game__reveal-cap strong{color:#fbbf24}.online-game__reveal-cap-delta{color:var(--red);font-weight:700}.online-game__reveal-vs{display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;opacity:.5;flex-shrink:0}.online-game__verdict--win{color:#4ade80;opacity:1;font-size:.9rem}.online-game__verdict--loss{color:#f87171;opacity:1;font-size:.9rem}.online-game__hand{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:800px}.online-game__hand-label{font-size:.75rem;opacity:.5;text-transform:uppercase;letter-spacing:.08em}.online-game__hand-cards{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.online-game__hand-card{display:flex;background:none;border:none;padding:0;color:inherit;cursor:pointer;transition:transform .1s}.online-game__hand-card:hover{transform:translateY(-2px);z-index:1000}.online-game__hand-card:active{transform:translateY(0)}.online-game__opp-waiting{display:flex;align-items:center;gap:.75rem;opacity:.55;font-size:.85rem}.online-game__card-back{display:flex;opacity:.6}.online-game__status-bar{font-size:.85rem;opacity:.7;text-align:center;padding:.4rem 1rem}.online-game__status-bar--myturn{color:#4ade80;font-weight:600;opacity:1}.online-game__status-bar--theirturn{opacity:.5;animation:pulse 2s ease-in-out infinite}.online-game__status-bar--finished{font-size:1rem;font-weight:600;opacity:1}.online-game__status-bar--win{color:#4ade80}.online-game__status-bar--loss{color:#f87171}.online-game__status-bar--finished a{margin-left:.5rem;color:var(--platform-accent,#E84230);text-decoration:underline}.animated-board{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;flex:1 1;padding:1.5rem 0}.animated-board--loading{flex:1 1}.animated-board__header{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center}.animated-board__game-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--ink);letter-spacing:.01em}.animated-board__players{font-family:var(--font-heading);font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-pale)}.animated-board__footer{display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%;max-width:400px}.animated-board__move-badge{font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid)}.animated-board__progress{width:100%;height:2px;background:var(--border);border-radius:1px;overflow:hidden}.animated-board__progress-fill{height:100%;background:var(--gold);border-radius:1px;transition:width 1s linear}.demo-footer{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem 0;flex-wrap:wrap;justify-content:center}.demo-footer__game{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--ink)}.demo-footer__players{font-size:9px;font-weight:400;letter-spacing:.12em;color:var(--ink-pale)}.demo-footer__players,.demo-footer__status{font-family:var(--font-heading);text-transform:uppercase}.demo-footer__status{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--ink-mid);margin-left:auto}.demo-footer__status--combat{color:var(--gold)}.mode-picker-section{padding-bottom:0!important}.mode-picker-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem 1rem .8rem 0;background:#211a10;border:1px solid rgba(196,113,58,.25);border-radius:8px;cursor:pointer;text-align:left;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.mode-picker-toggle:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);border-radius:8px 0 0 8px}.mode-picker-toggle:hover{border-color:rgba(196,113,58,.55);box-shadow:0 2px 12px rgba(196,113,58,.12)}.mode-picker-toggle--open{border-color:rgba(196,113,58,.5);border-bottom-left-radius:0;border-bottom-right-radius:0}.mode-picker-toggle__left{display:flex;align-items:center;gap:.75rem;min-width:0;padding-left:1rem}.mode-picker-toggle__icon{width:32px;height:32px;border-radius:50%;background:rgba(196,113,58,.18);border:1px solid rgba(196,113,58,.3);display:flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1;flex-shrink:0}.mode-picker-toggle__text{display:flex;flex-direction:column;gap:2px;min-width:0}.mode-picker-toggle__mode{font-size:13px;font-weight:700;letter-spacing:.12em;color:#f0e8d8}.mode-picker-toggle__hint,.mode-picker-toggle__mode{font-family:var(--font-heading);text-transform:uppercase}.mode-picker-toggle__hint{font-size:9px;font-weight:500;letter-spacing:.1em;color:rgba(196,113,58,.75)}.mode-picker-toggle__chevron{font-size:15px;color:rgba(196,113,58,.8);transition:transform .25s cubic-bezier(.22,1,.36,1),color .15s;flex-shrink:0;padding-right:.25rem}.mode-picker-toggle:hover .mode-picker-toggle__chevron{color:var(--gold)}.mode-picker-toggle--open .mode-picker-toggle__chevron{transform:rotate(180deg)}.mode-grid-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);border:1px solid transparent;border-top:none;border-radius:0 0 8px 8px}.mode-grid-wrap--open{grid-template-rows:1fr;border-color:rgba(196,113,58,.25)}.mode-grid-wrap>.mode-grid{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;padding:.5rem;grid-gap:.4rem;gap:.4rem;background:#2a2015;border-radius:0 0 7px 7px}.mode-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.75rem .85rem .7rem;background:rgba(245,241,234,.06);border:1px solid rgba(196,113,58,.18);border-top:2px solid transparent;border-radius:6px;cursor:pointer;text-align:left;transition:border-color .15s,border-top-color .15s,background .15s,transform .12s ease,box-shadow .15s}.mode-card:hover:not(.mode-card--locked){background:rgba(245,241,234,.1);border-color:rgba(196,113,58,.45);border-top-color:var(--gold);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.25)}.mode-card--active{background:rgba(196,113,58,.1)!important;border-color:rgba(196,113,58,.5)!important;border-top-color:var(--gold)!important;box-shadow:inset 0 0 0 1px rgba(196,113,58,.15),0 3px 10px rgba(0,0,0,.2)}.mode-card--locked{opacity:.38;cursor:default}.mode-card__icon{font-size:1.25rem;line-height:1;margin-bottom:.3rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.mode-card--active .mode-card__icon{filter:drop-shadow(0 0 5px rgba(196,113,58,.6))}.mode-card__label{font-family:var(--font-heading);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#e8dfc8;line-height:1.2}.mode-card--active .mode-card__label{color:var(--gold-light)}.mode-card__sub{font-size:9.5px;color:rgba(196,160,100,.55);letter-spacing:.03em;line-height:1.3}.mode-card--active .mode-card__sub{color:rgba(196,160,100,.75)}.mode-card__soon{position:absolute;top:.4rem;right:.45rem;font-family:var(--font-heading);font-size:7.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(196,113,58,.6);background:rgba(196,113,58,.1);border:1px solid rgba(196,113,58,.2);border-radius:3px;padding:1px 4px}.mode-card--analysis{grid-column:span 2;flex-direction:row;align-items:center;gap:.75rem;border-style:dashed;border-color:rgba(196,113,58,.22);border-top:1px dashed rgba(196,113,58,.22)}.mode-card--analysis.mode-card--active,.mode-card--analysis:hover:not(.mode-card--locked){border-style:solid}.mode-card--analysis .mode-card__icon{margin-bottom:0;font-size:1.1rem}.mode-card--analysis .mode-card__label,.mode-card--analysis .mode-card__sub{line-height:1.3}.player-bar__avatar--white{background:#e8dfc8;border-color:var(--border)}.player-bar__avatar--black{background:#2a1f0e;border-color:rgba(196,113,58,.4)}.analysis-note{font-size:11px;color:var(--ink-pale);line-height:1.5;padding:.6rem .75rem;background:rgba(196,113,58,.07);border-left:2px solid rgba(196,113,58,.3);border-radius:0 4px 4px 0;margin:.5rem 0}.sets-view{grid-column:2/-1;display:flex;flex-direction:column;overflow:hidden;padding:16px 20px;gap:12px}.sets-view__header{flex-shrink:0;text-align:center}.sets-view__title{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment);margin:0 0 3px}.sets-view__sub{font-family:var(--font-body);font-size:11px;color:rgba(232,220,195,.4);margin:0}.card-picker__grid,.loadout-editor__trick-grid,.sets-view__grid{display:grid;grid-template-columns:repeat(4,clamp(80px,calc((100vh - var(--fit-overhead, 120px)) / 3 * 3 / 4),220px));grid-auto-rows:auto;grid-gap:clamp(6px,.7vw,12px);gap:clamp(6px,.7vw,12px);justify-content:center;overflow:visible;flex-shrink:0}.card-picker__grid .card-face--md,.loadout-editor__trick-grid .card-face--md,.sets-view__grid .card-face--md{width:100%;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease}.sets-view__grid .card-face--md:hover{z-index:1000;box-shadow:0 20px 56px rgba(0,0,0,.75),0 0 28px rgba(196,113,58,.4),0 0 0 1px rgba(196,113,58,.5)}.card-picker__grid .card-face__num,.loadout-editor__trick-grid .card-face__num,.sets-view__grid .card-face__num{font-size:clamp(10px,1.4vh,13px)}.card-picker__grid .card-face__info,.loadout-editor__trick-grid .card-face__info,.sets-view__grid .card-face__info{padding:clamp(5px,.9vh,9px) clamp(5px,.8vh,8px);gap:clamp(2px,.4vh,4px)}.card-picker__grid .card-face__name,.loadout-editor__trick-grid .card-face__name,.sets-view__grid .card-face__name{font-size:clamp(8.5px,1.1vh,12px);letter-spacing:.05em}.card-picker__grid .card-face__desc,.loadout-editor__trick-grid .card-face__desc,.sets-view__grid .card-face__desc{font-size:clamp(7.5px,.85vh,11px);line-height:1.4;-webkit-line-clamp:2}.card-picker__grid .card-face__flavor,.loadout-editor__trick-grid .card-face__flavor,.sets-view__grid .card-face__flavor{font-size:clamp(7px,.75vh,9.5px);line-height:1.3;-webkit-line-clamp:1}.card-picker__grid .card-face__type,.loadout-editor__trick-grid .card-face__type,.sets-view__grid .card-face__type{font-size:clamp(6.5px,.65vh,8px)}.center-panel .loadout-editor__trick-grid{--fit-overhead:320px}.online-game--picking .loadout-editor__trick-grid{--fit-overhead:380px}.center-panel .card-picker__grid{--fit-overhead:320px}@media (max-width:900px){.sets-view__grid{grid-template-columns:repeat(3,clamp(80px,calc((100vh - 120px) / 4 * 3 / 4),200px))}}@media (max-width:768px){.sets-view{grid-column:1;overflow-y:auto;padding:16px 14px 28px}.sets-view__grid{grid-template-columns:repeat(2,1fr);justify-content:stretch}.sets-view__grid .card-face__num{font-size:clamp(12px,3.5vw,18px);top:8px;left:9px}.sets-view__grid .card-face__name{font-size:clamp(10px,2.5vw,14px)}.sets-view__grid .card-face__desc{font-size:clamp(9px,2.2vw,12px)}.sets-view__grid .card-face__flavor{font-size:clamp(8px,1.9vw,10px)}.sets-view__grid .card-face__type{font-size:clamp(7px,1.8vw,9px)}}@media (max-width:420px){.sets-view{padding:12px 10px 20px;gap:8px}.sets-view__grid{gap:8px}}.profile-view{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;padding:3rem 2.5rem;max-width:720px;margin:0 auto;width:100%;gap:0}.profile-view__header{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.profile-view__avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.profile-view__avatar--placeholder{background:var(--parchment-dark)}.profile-view__identity{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.profile-view__name{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--ink);line-height:1.1}.profile-view__email{font-size:13px;color:var(--ink-mid);letter-spacing:.01em}.profile-view__badge{display:inline-block;margin-top:.25rem;color:var(--gold)}.profile-view__badge,.profile-view__signout{font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.profile-view__signout{color:var(--ink-mid);background:transparent;border:1px solid var(--border);border-radius:4px;padding:.5rem 1rem;cursor:pointer;transition:color .15s,border-color .15s;align-self:flex-start;white-space:nowrap}.profile-view__signout:hover{color:var(--ink);border-color:var(--ink-mid)}.profile-view__divider{height:1px;background:var(--border);margin:2rem 0}.profile-view__stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}@media (max-width:540px){.profile-view__stats-row{grid-template-columns:repeat(2,1fr)}}.profile-view__stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 1rem;background:var(--parchment-dark);border:1px solid var(--border);border-radius:6px}.profile-view__stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--ink);line-height:1}.profile-view__stat-label{font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-pale)}.profile-view__section{display:flex;flex-direction:column;gap:.75rem}.profile-view__section-title{font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-pale);margin-bottom:.25rem}.profile-view__placeholder-note{font-size:12px;color:var(--ink-pale);font-style:italic;margin-top:.5rem}.profile-view__guest{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;text-align:center;padding:4rem 1rem;flex:1 1}.profile-view__guest-icon{font-size:3rem;opacity:.25;line-height:1}.profile-view__guest-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--ink);line-height:1.2}.profile-view__guest-sub{font-size:14px;color:var(--ink-mid);max-width:380px;line-height:1.6}.profile-view__signin-btn{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:8px;cursor:pointer;font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:background .15s;margin-top:.5rem}.profile-view__signin-btn:hover{background:#f8f9fa}.victory-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,7,4,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:victory-fade-in .4s ease both}@keyframes victory-fade-in{0%{opacity:0}to{opacity:1}}.victory-card{display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--parchment,#f0e6cc);border:2px solid rgba(196,113,58,.6);border-radius:10px;padding:2.5rem 3rem;max-width:380px;width:90%;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.15);animation:victory-rise .45s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.1s}@keyframes victory-rise{0%{transform:translateY(28px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.victory-card__glyph{font-size:4rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.victory-card__title{font-family:var(--font-heading,"Cinzel",serif);font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;color:var(--ink,#1a0f05);letter-spacing:.06em;margin:0;line-height:1.1}.victory-card__flavor{font-family:var(--font-body,"Crimson Pro",Georgia,serif);font-style:italic;font-size:.9rem;color:var(--ink-muted,#5a3e28);margin:0;line-height:1.5;max-width:28ch}.victory-card__actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.victory-btn{font-family:var(--font-heading,"Cinzel",serif);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:5px;padding:.6rem 1.4rem;cursor:pointer;transition:transform .12s,box-shadow .12s}.victory-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.25)}.victory-btn:active{transform:translateY(0)}.victory-btn--primary{background:var(--accent,#c4713a);color:#fff;box-shadow:0 3px 10px rgba(196,113,58,.45)}.victory-btn--secondary{background:transparent;color:var(--ink,#1a0f05);border:1.5px solid rgba(196,113,58,.5)}@media (prefers-color-scheme:dark){.victory-card{background:var(--parchment-dark,#1e1208);border-color:rgba(196,113,58,.4)}.victory-card__title{color:var(--parchment,#f0e6cc)}.victory-card__flavor{color:#a07850}.victory-btn--secondary{color:var(--parchment,#f0e6cc);border-color:rgba(196,113,58,.45)}}.online-game--picking{min-height:100vh;justify-content:center;padding:2rem 1rem;background:var(--parchment)}.online-game--picking,.trick-waiting{display:flex;flex-direction:column;align-items:center}.trick-waiting{gap:1.25rem;text-align:center;padding:3rem 1rem}.trick-waiting__glyph{font-size:3rem;line-height:1}.trick-waiting__title{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;margin:0}.trick-waiting__sub{font-size:.9rem;color:var(--ink-mid);margin:0;animation:pulse 2s ease-in-out infinite}.trick-waiting__chosen{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.trick-waiting__chip{display:flex;align-items:center;gap:.5rem;background:var(--parchment-dark);border:2px solid var(--gold);border-radius:6px;padding:.5rem .9rem}.trick-waiting__chip-num{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--gold)}.trick-waiting__chip-name{font-size:.82rem;font-weight:600;color:var(--ink)}.online-game__presence-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink-pale);opacity:.4;margin-right:5px;vertical-align:middle;flex-shrink:0;transition:background .3s,opacity .3s,box-shadow .3s}.online-game__presence-dot--on{background:#4ade80;opacity:1;box-shadow:0 0 0 2px rgba(74,222,128,.25)}@keyframes card-flip-in{0%{transform:rotateY(90deg) scale(.85);opacity:0}65%{transform:rotateY(-6deg) scale(1.04);opacity:1}to{transform:rotateY(0deg) scale(1);opacity:1}}.online-game__reveal-card--flip{animation:card-flip-in .42s cubic-bezier(.34,1.4,.64,1) both}.online-game__reveal-card--flip:hover{z-index:1000}.front-door{position:relative;width:100%;height:100%;min-height:420px}.front-door,.front-door__panel{display:flex;align-items:center;justify-content:center}.front-door__panel{position:absolute;inset:0;z-index:300;flex-direction:column;gap:1rem;padding:1.5rem;text-align:center;background:rgba(10,7,4,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:10px;animation:victory-fade-in .4s ease both}.front-door__eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(196,113,58,.85);margin:0}.front-door__eyebrow,.front-door__title{font-family:var(--font-heading,"Cinzel",serif)}.front-door__title{font-size:clamp(1.15rem,3.4vw,1.6rem);font-weight:700;color:#EDE8DA;max-width:30ch;line-height:1.3;margin:0 0 .25rem}.front-door__tiles{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.front-door__tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:148px;padding:1.1rem .75rem;background:rgba(255,255,255,.05);border:1px solid rgba(196,113,58,.3);border-radius:8px;cursor:pointer;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.front-door__tile:hover{transform:translateY(-2px);background:rgba(255,255,255,.09);border-color:rgba(196,113,58,.65);box-shadow:0 8px 20px rgba(0,0,0,.35)}.front-door__tile-icon{font-size:1.7rem;line-height:1}.front-door__tile-label{font-family:var(--font-heading,"Cinzel",serif);font-size:.88rem;font-weight:600;color:#EDE8DA}.front-door__tile-sub{font-size:.7rem;opacity:.65;color:#EDE8DA;line-height:1.3}.front-door__analysis-link{background:none;border:none;color:rgba(237,232,218,.6);font-size:.78rem;text-decoration:underline;cursor:pointer;margin-top:.25rem}.front-door__analysis-link:hover{color:rgba(237,232,218,.9)}.tutorial{justify-content:center;width:100%;height:100%;max-width:980px}.tutorial,.tutorial__board-col{display:flex;flex-direction:column;align-items:center}.tutorial__board-col{position:relative;gap:.75rem}.tutorial__board-col .transition-enter{animation-duration:.5s;animation-timing-function:ease-out;transition:box-shadow .5s ease-out}@keyframes spotlight-glow-in{0%{box-shadow:0 0 0 3px transparent,0 8px 28px rgba(45,212,224,0)}to{box-shadow:0 0 0 3px var(--select),0 8px 28px rgba(45,212,224,.45)}}.tutorial__spotlight{border-radius:6px}.tutorial__board-col .transition-enter.tutorial__spotlight{animation:fade-rise-in .5s ease-out both,spotlight-glow-in .5s ease-out both}.tutorial__card-highlight .card-face{box-shadow:0 0 0 3px var(--select),0 8px 28px rgba(45,212,224,.55);transition:box-shadow .5s ease-out}.tutorial__deck-highlight,.tutorial__opp-discard-highlight{border-radius:6px;box-shadow:0 0 0 3px var(--select),0 8px 28px rgba(45,212,224,.5);transition:box-shadow .5s ease-out}.hand--player .card-face--force-hover>.card-face__hover-preview{transform:translateX(-50%) scale(1)}.tutorial__reveal{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:rgba(255,255,255,.04);border:1px solid rgba(196,113,58,.2);border-radius:8px}.tutorial__reveal-side{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tutorial__reveal-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.tutorial__reveal-card{display:flex}.tutorial__reveal-card--win .card-face{border-color:#4ade80;box-shadow:0 0 0 2px rgba(74,222,128,.3)}.tutorial__reveal-card--loss{opacity:.6}.tutorial__reveal-power{font-size:.72rem;opacity:.8}.tutorial__reveal-power-delta{color:var(--red);font-weight:700;opacity:1}.tutorial__reveal-vs{font-family:var(--font-heading,"Cinzel",serif);font-size:.85rem;opacity:.5}.tutorial__panel{position:absolute;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;gap:.6rem;width:min(560px,92%);padding:1.1rem 1.4rem;background:rgba(16,11,7,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(196,113,58,.4);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.55);opacity:1;transition:opacity .2s ease,top .5s cubic-bezier(.22,1,.36,1)}.tutorial__panel--hidden{opacity:0;pointer-events:none}.tutorial__step-count{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.tutorial__title{font-family:var(--font-heading,"Cinzel",serif);font-size:1.2rem;font-weight:700;color:#EDE8DA;margin:0}.tutorial__body{font-size:.85rem;line-height:1.55;color:rgba(237,232,218,.85);margin:0}.tutorial__controls{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.tutorial__controls-right{display:flex;gap:.5rem}.tutorial__btn{font-family:var(--font-heading,"Cinzel",serif);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:.5rem 1rem;cursor:pointer;transition:transform .12s,opacity .12s}.tutorial__btn:hover{transform:translateY(-1px)}.tutorial__btn--skip{background:none;border:none;color:rgba(237,232,218,.5);text-transform:none;letter-spacing:0;font-family:var(--font-body,"Crimson Pro",Georgia,serif);font-size:.78rem}.tutorial__btn--skip:hover{color:rgba(237,232,218,.85);transform:none}.tutorial__btn--back{background:rgba(255,255,255,.06);border:1px solid rgba(196,113,58,.3);color:#EDE8DA}.tutorial__btn--next{background:var(--rust,#c76030);border:1px solid transparent;color:#fff}.tutorial__end-actions{display:flex;gap:.75rem;margin-top:.5rem}@media (max-width:480px){.tutorial__panel{padding:.85rem 1rem;gap:.4rem}.tutorial__title{font-size:1rem}.tutorial__body{font-size:.78rem;line-height:1.4}.tutorial__controls{margin-top:.2rem}}@media (max-width:640px){.front-door__tiles{flex-direction:column;align-items:stretch}.front-door__tile{width:100%;flex-direction:row;justify-content:flex-start;text-align:left}.tutorial__controls{flex-direction:column;gap:.75rem}}.army-builder{width:100%;max-width:560px;display:flex;flex-direction:column;gap:1.25rem}.army-builder__header{text-align:center}.army-builder__title{font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .4rem}.army-builder__sub{font-size:.85rem;color:var(--ink-mid);max-width:440px;margin:0 auto;line-height:1.5}.army-builder__total{display:flex;align-items:baseline;justify-content:center;gap:.4rem;padding:.6rem 1rem;background:var(--parchment-dark);border:1px solid var(--border);border-radius:8px}.army-builder__total-label{font-family:var(--font-heading);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mid)}.army-builder__total-value{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--gold);line-height:1}.army-builder__total--over .army-builder__total-label,.army-builder__total--over .army-builder__total-value{color:var(--red)}.army-builder__total-max{font-size:.78rem;color:var(--ink-pale)}.army-builder__rows{display:flex;flex-direction:column;gap:clamp(.3rem,.8vh,.5rem)}.army-builder__row{display:flex;align-items:center;gap:.6rem;padding:clamp(.3rem,1vh,.55rem) .75rem;background:var(--parchment-dark);border:1px solid var(--border);border-radius:7px}.army-builder__piece-icon{font-size:clamp(1.05rem,1.8vh,1.3rem);width:1.6rem;text-align:center;flex-shrink:0}.army-builder__piece-label{font-family:var(--font-heading);font-size:clamp(.74rem,1.3vh,.82rem);font-weight:600;color:var(--ink);flex:1 1}.army-builder__stepper{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.army-builder__step{width:clamp(20px,3vh,24px);height:clamp(20px,3vh,24px);display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:var(--parchment);color:var(--ink);font-family:var(--font-heading);font-weight:700;cursor:pointer;line-height:1;transition:border-color .15s,transform .1s}.army-builder__step:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.army-builder__step:disabled{opacity:.3;cursor:not-allowed}.army-builder__count{font-family:var(--font-heading);font-size:clamp(.8rem,1.3vh,.9rem);font-weight:700;color:var(--ink);min-width:1.4rem;text-align:center}.army-builder__count--over{color:var(--red)}.army-builder__piece-cost{font-size:.78rem;font-weight:600;color:var(--gold);flex-shrink:0;width:3.6rem;text-align:right}.army-builder__piece-next{font-size:.68rem;color:var(--red);opacity:.75;flex-shrink:0;width:3.6rem;text-align:right}.army-builder__row--king{opacity:.85}.army-builder__king-note{font-size:.72rem;font-style:italic;color:var(--ink-pale);flex:1 1}.army-builder__errors{margin:0;padding:.6rem 1rem;list-style:none;background:color-mix(in srgb,var(--red) 10%,transparent);border:1px solid color-mix(in srgb,var(--red) 30%,transparent);border-radius:7px;font-size:.78rem;color:var(--red)}.army-builder__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.army-builder__reset{background:none;border:none;font-size:.78rem;color:var(--ink-mid);text-decoration:underline;cursor:pointer}.army-builder__reset:hover{color:var(--ink)}.army-builder__confirm{font-family:var(--font-heading);font-size:.88rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:var(--parchment);border:none;border-radius:6px;padding:.7rem 1.8rem;cursor:pointer;transition:opacity .15s,transform .1s}.army-builder__confirm:disabled{opacity:.35;cursor:not-allowed}.army-builder__confirm:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}@media (max-width:480px){.army-builder__row{flex-wrap:wrap}.army-builder__piece-next{width:auto}}.army-builder--embedded .army-builder__footer{justify-content:flex-start}.loadout-editor{width:100%;max-width:960px;display:flex;flex-direction:column;gap:1.25rem}.loadout-editor__header{text-align:center;position:relative}.loadout-editor__back{display:block;background:none;border:none;font-family:var(--font-heading);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mid);cursor:pointer;margin:0 0 .6rem}.loadout-editor__back:hover{color:var(--ink)}.loadout-editor__title{font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .4rem}.loadout-editor__sub{font-size:.85rem;color:var(--ink-mid);max-width:480px;margin:0 auto;line-height:1.5}.loadout-editor__tally{font-size:.72rem;font-weight:600;color:var(--ink-pale);text-transform:none;letter-spacing:0}.loadout-editor__trick{display:flex;padding:0;border:none;background:none;cursor:pointer;text-align:left;transition:transform .1s}.loadout-editor__trick .card-face--md{width:100%;transition:border-color .15s,box-shadow .15s}.loadout-editor__trick:hover:not(:disabled){transform:translateY(-2px);z-index:1000}.loadout-editor__trick:hover:not(:disabled) .card-face--md{border-color:var(--gold);box-shadow:0 6px 18px rgba(0,0,0,.12)}.loadout-editor__trick:hover:not(:disabled) .card-face--selected{border-color:var(--select);box-shadow:0 6px 18px rgba(0,0,0,.12),0 0 0 3px var(--select),0 0 24px rgba(45,212,224,.55)}.loadout-editor__trick--off{opacity:.35;cursor:not-allowed}.loadout-editor__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.loadout-editor__hint{font-size:.8rem;color:var(--ink-mid)}.loadout-editor__hint--ready{color:var(--gold);font-weight:600}.loadout-editor__confirm{font-family:var(--font-heading);font-size:.88rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:var(--parchment);border:none;border-radius:6px;padding:.7rem 1.8rem;cursor:pointer;transition:opacity .15s,transform .1s}.loadout-editor__confirm:disabled{opacity:.35;cursor:not-allowed}.loadout-editor__confirm:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}@media (max-width:720px){.loadout-editor__columns{grid-template-columns:1fr}}.loadout-overview{width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.1rem}.loadout-overview__title{font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,1.7rem);font-weight:700;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;text-align:center;margin:0}.loadout-overview__section{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--parchment-dark);border:1px solid var(--border);border-radius:8px}.loadout-overview__section-title{font-family:var(--font-heading);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);display:flex;align-items:baseline;justify-content:space-between;margin:0}.loadout-overview__budget{color:var(--gold);font-weight:700;text-transform:none;letter-spacing:0}.loadout-overview__trick-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.loadout-overview__trick{display:flex;flex:1 1 140px;min-width:0}.loadout-overview__trick .card-face--md{width:100%}.loadout-overview__army-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(.2rem,.6vh,.3rem)}.loadout-overview__army-row{display:flex;align-items:center;gap:.5rem;font-size:clamp(.72rem,1.2vh,.8rem)}.loadout-overview__army-label{flex:1 1;color:var(--ink);font-weight:600}.loadout-overview__army-count{color:var(--ink-mid)}.loadout-overview__army-cost{color:var(--gold);font-weight:600;width:3.6rem;text-align:right}.loadout-overview__save-prompt{background:none;border:none;font-size:.8rem;color:var(--ink-mid);text-decoration:underline;cursor:pointer;align-self:center}.loadout-overview__save-prompt:hover{color:var(--ink)}.loadout-overview__save-row{display:flex;gap:.5rem;align-items:center}.loadout-overview__save-input{flex:1 1;padding:.5rem .7rem;border:1px solid var(--border);border-radius:6px;background:var(--parchment);color:var(--ink);font-size:.82rem}.loadout-overview__save-cancel,.loadout-overview__save-confirm{font-family:var(--font-heading);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:.5rem .9rem;cursor:pointer;border:1px solid var(--border);background:var(--parchment-dark);color:var(--ink)}.loadout-overview__save-confirm{background:var(--gold);border-color:var(--gold);color:var(--parchment)}.loadout-overview__save-confirm:disabled{opacity:.4;cursor:not-allowed}.loadout-overview__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.loadout-overview__edit{background:none;border:none;font-size:.8rem;color:var(--ink-mid);cursor:pointer}.loadout-overview__edit:hover{color:var(--ink)}.loadout-overview__confirm{font-family:var(--font-heading);font-size:.88rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:var(--parchment);border:none;border-radius:6px;padding:.7rem 1.8rem;cursor:pointer;transition:opacity .15s,transform .1s}.loadout-overview__confirm:hover{opacity:.88;transform:translateY(-1px)}.format-choice{width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.25rem}.format-choice__title{font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,1.7rem);font-weight:700;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;text-align:center;margin:0}.format-choice__section{display:flex;flex-direction:column;gap:.6rem}.format-choice__section-title{font-family:var(--font-heading);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-pale);margin:0;text-align:center}.format-choice__section-desc{font-size:.78rem;color:var(--ink-mid);text-align:center;margin:-.3rem 0 0}.format-choice__deck-list{display:flex;flex-direction:column;gap:.5rem}.format-choice__deck{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .9rem;background:var(--parchment-dark);border:1px solid var(--border);border-radius:7px;cursor:pointer;transition:border-color .15s,transform .1s}.format-choice__deck:hover{border-color:var(--gold);transform:translateY(-1px)}.format-choice__deck-name{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--ink)}.format-choice__deck-meta{font-size:.7rem;color:var(--ink-pale)}.format-choice__draft{font-family:var(--font-heading);font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:none;border:1.5px dashed var(--border);color:var(--ink-mid);border-radius:8px;padding:.9rem;cursor:pointer;transition:border-color .15s,color .15s}.format-choice__draft:hover{border-color:var(--gold);color:var(--ink)}.deployment-board{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:1rem}.deployment-board__header{text-align:center}.deployment-board__title{font-family:var(--font-heading);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .3rem}.deployment-board__turn{font-size:.85rem;font-weight:600;color:var(--ink-mid);margin:0}.deployment-board__turn--w{color:var(--ink)}.deployment-board__turn--b{color:var(--gold)}.deployment-board__layout{display:flex;align-items:center;gap:1rem}.deployment-board__tray{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;background:var(--parchment-dark);border:1px solid var(--border);border-radius:8px;opacity:.5;transition:opacity .2s}.deployment-board__tray[data-active=true]{opacity:1}.deployment-board__tray-label{font-family:var(--font-heading);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-pale);text-align:center}.deployment-board__tray-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;background:var(--parchment);border:1.5px solid var(--border);border-radius:6px;cursor:pointer;min-width:3.6rem}.deployment-board__tray-item:disabled{opacity:.3;cursor:not-allowed}.deployment-board__tray-item:not(:disabled):hover{border-color:var(--gold)}.deployment-board__tray-item--armed{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,var(--parchment));box-shadow:0 0 0 1px var(--gold)}.deployment-board__tray-icon{font-size:1.1rem;line-height:1}.deployment-board__tray-count{font-family:var(--font-heading);font-size:.78rem;font-weight:700;color:var(--ink)}.deployment-board__grid{display:grid;grid-template-columns:repeat(8,minmax(32px,48px));grid-template-rows:repeat(8,minmax(32px,48px));border:2px solid var(--border);border-radius:4px;overflow:hidden}.deployment-board__square{display:flex;align-items:center;justify-content:center;border:none;padding:0;font-size:1.6rem;line-height:1;cursor:default}.deployment-board__square--light{background:#ddb97c}.deployment-board__square--dark{background:#8b4513}.deployment-board__square--legal{cursor:pointer;box-shadow:inset 0 0 0 3px var(--gold)}.deployment-board__square--legal:hover{box-shadow:inset 0 0 0 3px var(--gold),inset 0 0 0 100px rgba(212,175,55,.25)}.deployment-board__piece--w{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.deployment-board__piece--b{color:#1a1a18;text-shadow:0 1px 1px rgba(255,255,255,.25)}.deployment-board__hint{font-size:.78rem;color:var(--ink-mid);text-align:center;min-height:1.2em}@media (max-width:640px){.deployment-board__layout{flex-direction:column}.deployment-board__tray{flex-direction:row;flex-wrap:wrap;justify-content:center}.deployment-board__grid{grid-template-columns:repeat(8,minmax(28px,38px));grid-template-rows:repeat(8,minmax(28px,38px))}.deployment-board__square{font-size:1.2rem}}