:root{color-scheme:dark;--color-bg-canvas:#0a0e0d;--color-bg-elevated:#121816;--color-bg-overlay:rgba(4,7,6,.88);--color-surface-primary:#171e1b;--color-surface-secondary:#202824;--color-surface-tertiary:#29322d;--color-text-primary:#f0ece3;--color-text-secondary:#bdc5bf;--color-text-muted:#818d87;--color-gold:#ddb964;--color-copper:#b87848;--color-cinnabar:#b7473d;--color-jade:#4d9c83;--color-blue-gray:#71878d;--color-success:#67b087;--color-warning:#d4a84f;--color-danger:#d6655c;--color-info:#67a0b2;--color-front-own:#58ad8e;--color-front-enemy:#c25248;--color-front-tied:#d0a955;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:3px;--radius-md:6px;--panel-padding:20px;--content-max:1480px;--header-height:64px;--border-subtle:hsla(42,22%,76%,.14);--border-strong:hsla(42,64%,63%,.38);--shadow-overlay:0 24px 80px rgba(0,0,0,.58);--focus-ring:0 0 0 3px rgba(103,160,178,.46);--font-body:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-display:"Noto Serif SC","Songti SC",STSong,Georgia,serif;--font-numeric:"DIN Alternate","Roboto Condensed","Arial Narrow",var(--font-body);--ink:var(--color-text-primary);--muted:var(--color-text-muted);--surface:var(--color-surface-primary);--surface-2:var(--color-surface-secondary);--surface-3:var(--color-surface-tertiary);--line:var(--border-subtle);--copper:var(--color-copper);--gold:var(--color-gold);--red:var(--color-cinnabar);--teal:var(--color-jade);--paper:#ded6c4;--paper-ink:#20241f;--focus:var(--color-info)}*{box-sizing:border-box}html{min-width:320px}body,html{background:var(--color-bg-canvas);min-height:100%}body{color:var(--color-text-primary);font-family:var(--font-body);line-height:1.5;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}a,button,input,select,textarea{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring)}a{text-decoration:none}a,button{color:inherit}img{display:block;max-width:100%}::-moz-selection{background:var(--color-gold);color:#111}::selection{background:var(--color-gold);color:#111}.app-shell{background-image:linear-gradient(hsla(41,30%,82%,.018) 1px,transparent 0),linear-gradient(90deg,hsla(41,30%,82%,.018) 1px,transparent 0);background-size:40px 40px;min-height:100vh}.app-header{background:#0a0e0df5;border-bottom:1px solid var(--border-subtle);gap:24px;height:var(--header-height);padding:0 24px;position:sticky;top:0;z-index:70}.app-header,.brand-lockup{align-items:center;display:flex}.brand-lockup{gap:10px;min-width:184px}.brand-lockup strong{display:block;font-family:var(--font-display);font-size:17px;line-height:1.1}.brand-lockup small{color:var(--color-text-muted);display:block;font-family:var(--font-numeric);font-size:9px;margin-top:3px}.brand-mark{height:36px;-o-object-fit:contain;object-fit:contain;width:36px}.primary-nav{align-items:stretch;display:flex;gap:1px;height:100%;min-width:0;overflow-x:auto}.primary-nav a{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:12px;gap:7px;justify-content:center;min-width:58px;padding:0 10px;position:relative;white-space:nowrap}.primary-nav a:hover{background:#ffffff09;color:var(--color-text-primary)}.primary-nav a.active{color:var(--color-gold)}.primary-nav a.active:after{background:var(--color-copper);bottom:0;content:"";height:2px;left:10px;position:absolute;right:10px}.header-tools{display:flex;gap:6px;margin-left:auto}.mobile-menu{display:none!important}.app-main{min-height:calc(100vh - var(--header-height))}.page{margin:0 auto;padding:28px 28px 64px;width:min(var(--content-max),100%)}.page-narrow{width:min(1040px,100%)}.page-heading{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:26px}.page-heading h1{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1.2;margin:3px 0 0}.page-heading p{color:var(--color-text-secondary);line-height:1.7;margin:7px 0 0;max-width:720px}.eyebrow{color:var(--color-copper);display:block;font-family:var(--font-numeric);font-size:10px;font-weight:800;text-transform:uppercase}.muted{color:var(--color-text-muted)}.danger{color:#f18178}.success{color:#82c9a0}.numeric{font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.button,.game-button{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:8px 14px;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.button:hover:not(:disabled),.game-button:hover:not(:disabled){background:var(--color-surface-tertiary);border-color:#ddb96485;transform:translateY(-1px)}.button.primary,.game-button.is-primary{background:#98602f;border-color:#a56c35;color:#fff}.button.primary:hover:not(:disabled),.game-button.is-primary:hover:not(:disabled){background:#ac743a}.button.danger-button,.game-button.is-danger{background:#572c2a;border-color:#713a36}.game-button.is-ghost{background:transparent;border-color:transparent}.game-button.is-small{font-size:12px;min-height:34px;padding:6px 10px}.game-button.is-large{min-height:48px;padding:11px 18px}.button:disabled,.game-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.icon-button{background:var(--color-surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;display:inline-grid;flex:0 0 40px;height:40px;padding:0;place-items:center;width:40px}.icon-button.active,.icon-button:hover:not(:disabled){background:var(--color-surface-tertiary);border-color:var(--border-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.4}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.spin{animation:spin .9s linear infinite}.field{display:grid;gap:7px}.deck-selector>span,.field label,.field-label{color:var(--color-text-muted);font-size:11px;font-weight:700}.deck-selector select,.input,.select,textarea{background:#0f1513;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);min-height:42px;padding:8px 11px;width:100%}.input::-moz-placeholder,textarea::-moz-placeholder{color:#64706a}.input::placeholder,textarea::placeholder{color:#64706a}.search-field{position:relative}.search-field>svg{color:var(--color-text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-field .input{padding-left:38px}.toggle-row{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:18px;justify-content:space-between;min-height:54px}.toggle{background:#444d48;border:0;border-radius:12px;cursor:pointer;height:24px;position:relative;width:44px}.toggle:after{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .16s ease;width:18px}.toggle.on{background:var(--color-jade)}.toggle.on:after{transform:translate(20px)}.game-panel,.surface{background:var(--color-surface-primary);border:1px solid var(--border-subtle)}.game-panel-header,.surface-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:16px;justify-content:space-between;min-height:52px;padding:10px var(--panel-padding)}.game-panel-header h2,.surface-header h2{font-size:15px;margin:0}.game-panel-body.padded,.surface-body{padding:var(--panel-padding)}.glass-panel{background:#161d1ae6;border:1px solid hsla(42,64%,63%,.22);box-shadow:0 12px 36px #0000003d}.section-header{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin:30px 0 14px;min-height:48px}.section-header h2{font-family:var(--font-display);font-size:19px;margin:3px 0 0}.section-header p{color:var(--color-text-muted);font-size:12px;margin:5px 0 0}.section-actions{align-items:center;display:flex;gap:8px}.section-title{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:30px 0 14px}.section-title h2{font-size:18px;margin:0}.status-badge{align-items:center;border:1px solid var(--border-subtle);border-radius:999px;color:var(--color-text-secondary);display:inline-flex;font-size:10px;gap:6px;min-height:24px;padding:3px 8px;white-space:nowrap;width:-moz-fit-content;width:fit-content}.status-badge>i{background:currentColor;border-radius:50%;height:6px;width:6px}.status-badge.tone-success{border-color:#67b0875c;color:var(--color-success)}.status-badge.tone-warning{border-color:#d4a84f61;color:var(--color-warning)}.status-badge.tone-danger{border-color:#cf5b5266;color:var(--color-danger)}.status-badge.tone-info{border-color:#67a0b261;color:var(--color-info)}.player-avatar{background:#24251f;border:1px solid var(--border-strong);border-radius:50%;color:var(--color-gold);display:grid;flex:0 0 40px;font-family:var(--font-display);font-size:12px;height:40px;place-items:center;position:relative;width:40px}.player-avatar.is-small{flex-basis:30px;font-size:10px;height:30px;width:30px}.player-avatar.is-large{flex-basis:56px;font-size:17px;height:56px;width:56px}.player-avatar>i{background:var(--color-text-muted);border:2px solid var(--color-bg-elevated);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.player-avatar>i.status-lobby{background:var(--color-success)}.player-avatar>i.status-game{background:var(--color-cinnabar)}.player-avatar>i.status-room{background:var(--color-warning)}.room-card{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--border-subtle);display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto auto;min-height:116px;padding:16px 18px}.room-card:hover{background:var(--color-surface-secondary)}.room-card-main{display:grid;gap:6px;min-width:0}.room-title{align-items:center;display:flex;gap:7px}.room-card-main>span{color:var(--color-text-muted);font-size:11px}.room-card-stats{display:flex;gap:22px;margin:0}.room-card-stats div{min-width:64px}.room-card-stats dt{align-items:center;color:var(--color-text-muted);display:flex;font-size:9px;gap:5px}.room-card-stats dd{font-family:var(--font-numeric);font-weight:700;margin:4px 0 0}.deck-selector{display:grid;gap:7px;position:relative}.deck-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:38px}.deck-selector>svg{bottom:13px;color:var(--color-success);pointer-events:none;position:absolute;right:12px}.drawer-backdrop,.modal-backdrop{background:var(--color-bg-overlay);display:grid;inset:0;padding:22px;place-items:center;position:fixed;z-index:120}.modal-dialog{background:var(--color-bg-elevated);border:1px solid hsla(42,64%,63%,.42);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;max-height:calc(100vh - 44px);overflow:hidden;width:min(720px,100%)}.modal-dialog.is-small{width:min(460px,100%)}.modal-dialog.is-large{width:min(1050px,100%)}.drawer-panel>header,.modal-dialog>header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:16px;justify-content:space-between;min-height:58px;padding:10px 16px 10px 20px}.drawer-panel h2,.modal-dialog>header h2{font-family:var(--font-display);font-size:18px;margin:0}.drawer-content,.modal-content{min-height:0;overflow:auto;padding:20px}.modal-dialog>footer{border-top:1px solid var(--border-subtle);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.drawer-backdrop{padding:0;place-items:stretch end}.drawer-panel{background:var(--color-bg-elevated);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;height:100%;width:min(440px,100%)}.drawer-panel.from-bottom{align-self:end;border-left:0;border-top:1px solid var(--border-strong);height:min(72vh,620px);width:100%}.dialog-message{color:var(--color-text-secondary);line-height:1.7;margin:0}.tooltip-wrap{display:inline-flex;position:relative}.tooltip-content{background:#080c0b;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);bottom:calc(100% + 8px);color:var(--color-text-secondary);font-size:10px;left:50%;max-width:240px;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease;width:-moz-max-content;width:max-content;z-index:150}.tooltip-wrap:focus-within .tooltip-content,.tooltip-wrap:hover .tooltip-content{opacity:1;transform:translate(-50%)}.toast-region{display:grid;gap:8px;pointer-events:none;position:fixed;right:14px;top:calc(var(--header-height) + 14px);width:min(380px,calc(100vw - 28px));z-index:180}.toast-item{align-items:start;background:#151b19;border:1px solid var(--border-subtle);border-left:3px solid var(--color-info);border-radius:var(--radius-md);box-shadow:0 10px 34px #0000006b;display:grid;gap:10px;grid-template-columns:auto 1fr auto;min-height:64px;padding:12px;pointer-events:auto}.toast-item.tone-success{border-left-color:var(--color-success)}.toast-item.tone-warning{border-left-color:var(--color-warning)}.toast-item.tone-danger{border-left-color:var(--color-danger)}.toast-item strong{display:block;font-size:12px}.toast-item p{color:var(--color-text-muted);font-size:10px;margin:3px 0 0}.toast-item .icon-button{flex-basis:28px;height:28px;width:28px}.loading-skeleton{display:grid;gap:9px;padding:8px 0}.loading-skeleton i{animation:skeleton 1.4s ease infinite;background:linear-gradient(90deg,#242b28 25%,#303934,#242b28 75%);background-size:200% 100%;border-radius:2px;display:block}.state-block{align-content:center;border:1px dashed var(--border-subtle);color:var(--color-text-muted);display:grid;gap:8px;min-height:220px;padding:28px;place-items:center;text-align:center}.state-block strong{color:var(--color-text-primary)}.state-block p{margin:0 0 8px;max-width:520px}.error-state>svg{color:var(--color-danger)}.progress-ring{display:inline-grid;font-family:var(--font-numeric);font-size:10px;place-items:center;position:relative}.progress-ring svg{height:100%;inset:0;position:absolute;transform:rotate(-90deg);width:100%}.progress-ring circle{fill:none;stroke:#303a35;stroke-width:3}.progress-ring circle.value{stroke:var(--color-gold);stroke-linecap:round;transition:stroke-dashoffset .2s ease}.volume-control{align-items:center;display:grid;gap:10px;grid-template-columns:22px 120px minmax(120px,1fr) 38px;min-height:48px}.volume-control span{font-size:12px}.volume-control input{accent-color:var(--color-copper);width:100%}.volume-control output{color:var(--color-text-muted);font-family:var(--font-numeric);font-size:10px;text-align:right}.toolbar{display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(130px,.35fr));margin-bottom:20px}.split-layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 330px}.side-panel{border-left:1px solid var(--border-subtle);padding-left:22px;position:sticky;top:calc(var(--header-height) + 20px)}.card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.tag{align-items:center;border:1px solid rgba(113,135,141,.4);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;font-size:9px;min-height:23px;padding:2px 7px}.tag-row{display:flex;flex-wrap:wrap;gap:5px}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:24px}.archive-table{border-collapse:collapse;width:100%}.archive-table td,.archive-table th{border-bottom:1px solid var(--border-subtle);font-size:12px;padding:11px 12px;text-align:left}.archive-table th{color:var(--color-text-muted);font-size:10px}.card-tile{aspect-ratio:5/7;background:#232824;border:1px solid hsla(42,22%,76%,.28);border-radius:var(--radius-md);box-shadow:0 8px 22px #0000003d;cursor:pointer;min-width:0;overflow:hidden;position:relative;transition:transform .15s ease,border-color .15s ease}.card-tile:hover{border-color:var(--color-gold);transform:translateY(-3px)}.card-tile.selected{border-color:var(--color-jade);box-shadow:0 0 0 2px #4d9c8366}.card-art{background:#202522;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.card-shade{background:linear-gradient(transparent,#0a0c0beb 44%,#101412);inset:36% 0 0;position:absolute}.card-stat{border:1px solid hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 2px 8px #00000080;display:grid;font-family:var(--font-numeric);font-weight:800;height:34px;place-items:center;position:absolute;top:8px;width:34px;z-index:2}.card-cost{background:#2b7180;left:8px}.card-power{background:#9d4138;right:8px}.card-copy{bottom:10px;left:10px;position:absolute;right:10px;z-index:2}.card-copy h3{font-family:var(--font-display);font-size:16px;margin:0 0 5px;text-shadow:0 1px 4px #000}.card-copy p{color:#d5d8d4;display:-webkit-box;font-size:10px;-webkit-line-clamp:3;line-height:1.45;margin:0;-webkit-box-orient:vertical;overflow:hidden}.card-meta{color:#d3aa69;font-size:9px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-tile.compact{flex:0 0 126px;width:126px}.card-tile.finisher{border-color:#80653a;border-width:2px}.ability-count,.finisher-mark{align-items:center;background:#101412db;border:1px solid hsla(0,0%,100%,.3);display:inline-flex;font-size:8px;font-weight:700;min-height:20px;padding:2px 5px;position:absolute;z-index:3}.ability-count{color:#8fd1c8;left:8px;top:48px}.finisher-mark{color:var(--color-gold);right:8px;top:48px}.dialog{border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);max-height:calc(100vh - 48px);overflow:auto;width:min(900px,100%)}.dialog,.dialog-header{background:var(--color-bg-elevated)}.dialog-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:2}.dialog-content{padding:20px}.card-detail{display:grid;gap:26px;grid-template-columns:minmax(260px,42%) 1fr}.card-detail-art{aspect-ratio:5/7;border:1px solid var(--border-subtle);border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;width:100%}.detail-list{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:18px 0}.detail-list div{border-bottom:1px solid var(--border-subtle);padding-bottom:9px}.detail-list dt{color:var(--color-text-muted);font-size:10px}.detail-list dd{margin:4px 0 0}.drawer-enter-active,.drawer-leave-active,.modal-enter-active,.modal-leave-active,.toast-enter-active,.toast-leave-active{transition:opacity .18s ease}.modal-enter-active .modal-dialog,.modal-leave-active .modal-dialog{transition:transform .18s ease,opacity .18s ease}.drawer-enter-from,.drawer-leave-to,.modal-enter-from,.modal-leave-to,.toast-enter-from,.toast-leave-to{opacity:0}.modal-enter-from .modal-dialog,.modal-leave-to .modal-dialog{opacity:0;transform:translateY(8px)}.drawer-enter-active .drawer-panel,.drawer-leave-active .drawer-panel{transition:transform .2s ease}.drawer-enter-from .drawer-panel,.drawer-leave-to .drawer-panel{transform:translate(100%)}.drawer-enter-from .drawer-panel.from-bottom,.drawer-leave-to .drawer-panel.from-bottom{transform:translateY(100%)}.toast-enter-from,.toast-leave-to{transform:translate(16px)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes skeleton{to{background-position:-200% 0}}@media(max-width:1120px){.primary-nav a{min-width:42px;padding:0 8px}.primary-nav a span{display:none}.toolbar{grid-template-columns:1fr 1fr 1fr}.search-field{grid-column:span 3}.split-layout{grid-template-columns:1fr}.side-panel{border-left:0;border-top:1px solid var(--border-subtle);padding:20px 0 0;position:static}}@media(max-width:760px){:root{--header-height:58px;--panel-padding:14px}.app-header{padding:0 12px}.brand-lockup{min-width:0}.brand-mark{height:33px;width:33px}.primary-nav{background:#0d1210;border-bottom:1px solid var(--border-subtle);display:none;grid-template-columns:repeat(2,1fr);height:auto;left:0;padding:8px;position:fixed;right:0;top:var(--header-height);z-index:75}.primary-nav.open{display:grid}.primary-nav a{justify-content:flex-start;min-height:46px;padding:0 12px}.primary-nav a span{display:inline}.primary-nav a.active:after{display:none}.mobile-menu{display:inline-grid!important}.header-tools>.icon-button:first-child{display:none}.page{padding:20px 14px 48px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.section-header{align-items:flex-start}.toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}.card-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-copy h3{font-size:14px}.card-copy p{-webkit-line-clamp:2}.card-detail{grid-template-columns:1fr}.card-detail-art{margin:0 auto;max-width:390px}.detail-list{grid-template-columns:1fr}.room-card{gap:12px;grid-template-columns:1fr auto}.room-card-stats{grid-column:1}.volume-control{grid-template-columns:22px 80px 1fr 34px}.modal-backdrop{padding:10px}.modal-dialog{max-height:calc(100vh - 20px)}}@media(max-width:440px){.room-card{grid-template-columns:1fr}.room-card .game-button{justify-self:stretch}.room-card-stats{gap:12px}.volume-control{grid-template-columns:22px 1fr 34px}.volume-control span{grid-column:2;grid-row:1}.volume-control input{grid-column:1/3;grid-row:2}.volume-control output{grid-column:3;grid-row:2}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}html.reduce-motion *,html.reduce-motion :after,html.reduce-motion :before,html[data-motion=instant] *,html[data-motion=instant] :after,html[data-motion=instant] :before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}html[data-motion=fast] *{--motion-scale:.55}html.high-contrast{--color-text-muted:#c5cec9;--border-subtle:rgba(222,230,225,.34);--color-gold:#f0ca71;--color-copper:#dc9157}