@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--navy-950:#0d0f12;--navy-900:#15181d;--navy-850:#1b1f25;--navy-800:#20252c;--gray-100:#f2f3f5;--gray-300:#b3b8c0;--gray-400:#9ba1aa;--cobalt-400:#4f7cff;--cobalt-300:#91a5ff;--cobalt-500:#4265d8;--red-400:#e65f5c;--green-400:#45b97c;--surface-page:var(--navy-950);--surface-raised:var(--navy-850);--surface-card:var(--navy-900);--surface-hover:var(--navy-850);--surface-current:#171e29;--surface-current-hover:#202b3c;--surface-accent:var(--surface-raised);--surface-competitive:var(--surface-raised);--text-primary:var(--gray-100);--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--text-on-accent:var(--navy-950);--text-on-action:#fff;--accent-primary:var(--cobalt-400);--accent-hover:var(--cobalt-300);--accent-secondary:var(--text-secondary);--action-primary:var(--cobalt-500);--action-hover:#3c58c9;--status-positive:var(--green-400);--status-danger:var(--red-400);--art-caro:#8da9d8;--art-caro-secondary:#dce5f3;--art-chess:#d1c1a5;--art-xiangqi:#bc8372;--art-battleship:#79aab3;--art-puzzle:#c5a67a;--cosmetic-gold:#c9a86e;--cosmetic-gold-highlight:#fff0be47;--cosmetic-gold-shadow:#4735189e;--border-subtle:#272c33;--border-strong:#586274;--focus-ring:var(--cobalt-300);--bg:var(--surface-page);--panel:var(--surface-card);--panel2:var(--surface-raised);--line:var(--border-subtle);--text:var(--text-primary);--muted:var(--text-muted);--yellow:var(--accent-primary);--lavender:var(--accent-secondary);--font-body:"DM Sans", system-ui, sans-serif;--font-display:"DM Sans", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-display:clamp(1.75rem, 3vw, 2rem);--leading-body:1.6;--leading-heading:1.12;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-full:999px;--radius:var(--radius-lg);--shadow-raised:0 8px 24px #080a1029;--shadow-hover:0 16px 32px #080a104d;--motion-press:.1s;--motion-state:.18s;--motion-art:.32s;--ease-out:cubic-bezier(.2, .7, .2, 1);--control-height:2.75rem;--content-width:76rem;color:var(--text-primary);background:var(--surface-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{letter-spacing:-.055em}h2{letter-spacing:-.04em}::selection{background:var(--yellow);color:var(--text-on-accent)}.container{width:min(1180px,100% - 48px);margin-inline:auto}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell main{flex:1}.site-header{background:var(--surface-page);z-index:10;border-bottom:1px solid #ffffff13;height:74px;position:relative}.header-inner,.footer-inner{align-items:center;gap:30px;height:100%;display:flex}.brand{letter-spacing:-.06em;white-space:nowrap;align-items:center;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;display:inline-flex}.brand-symbol{width:36px;height:36px;color:var(--text-on-accent);background:var(--yellow);border-radius:10px;place-items:center;margin-right:9px;display:grid}.main-nav{align-items:center;gap:7px;margin:auto;display:flex}.nav-link{color:#a2a5b1;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:#f8f8f8;background:#252733}.nav-link.active svg{color:var(--yellow)}.header-actions{align-items:center;gap:12px;display:flex}.header-admin{color:var(--yellow);font-size:11px;font-weight:800}.locale-button,.mobile-menu,.icon-button{color:#a8aab5;background:0 0;border:0}.locale-button{border:1px solid var(--line);border-radius:8px;padding:9px;font-size:12px;font-weight:800}.header-profile{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.header-name{text-overflow:ellipsis;max-width:105px;overflow:hidden}.avatar{color:var(--accent-hover);background:var(--surface-accent);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-family:Space Grotesk;font-weight:700;display:inline-grid}.coin-pill{border-left:1px solid var(--line);color:var(--accent-secondary);padding-left:10px}.coin-pill span{color:var(--accent-secondary)}.mobile-menu{display:none}.site-footer{border-top:1px solid var(--line);background:var(--surface-page);min-height:96px;color:var(--muted);font-size:12px}.footer-inner{justify-content:space-between}.footer-brand{color:var(--text);font-size:18px}.footer-brand .brand-symbol{border-radius:7px;width:28px;height:28px}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 21px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.button-outline{color:var(--text);background:0 0;border-color:#4b4e5d}.button-outline:not(:disabled):hover{border-color:var(--yellow)}.button-ghost{color:var(--text);background:0 0}.button-small{min-height:38px;padding:0 14px;font-size:12px}.full-width{width:100%}.eyebrow,.overline{letter-spacing:.13em;color:var(--yellow);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow-line{background:var(--yellow);width:19px;height:2px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.pulse-dot{background:#95d4a1;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #95d4a12e}.section-block{margin-top:70px}.text-link,.text-button{color:var(--yellow);background:0 0;border:0;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.empty-copy{color:var(--muted);font-size:13px;line-height:1.5}.page-content{padding-top:58px;padding-bottom:100px}.page-heading{margin-bottom:36px}.page-heading h1{margin:12px 0;font-size:clamp(38px,4.5vw,58px);line-height:1.05}.page-heading p{color:var(--muted);max-width:560px;font-size:15px}.library-grid{grid-template-columns:repeat(3,1fr)}.back-link{color:#aaaeb9;align-items:center;gap:7px;margin-bottom:27px;font-size:12px;font-weight:700;display:inline-flex}.notice{color:#ddd7d0;background:#302f37;border:1px solid #6d6260;border-radius:10px;padding:14px 17px;font-size:13px;line-height:1.5}.notice a{color:var(--yellow);text-decoration:underline}.error-banner{color:#ffe4e4;background:#532d35;border:1px solid #aa5968;border-radius:9px;margin-top:15px;padding:12px 16px;font-size:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-card label{color:#c2c3cc;gap:7px;font-size:12px;font-weight:700;display:grid}.auth-card input{color:#fff;background:#151720;border:1px solid #4a4b58;border-radius:8px;outline:0;padding:12px}.auth-card input:focus{border-color:var(--yellow)}.admin-grid{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.admin-stat{padding:20px}.admin-stat strong{margin-top:10px;font:700 30px Space Grotesk;display:block}.auth-layout{grid-template-columns:1fr 440px;align-items:center;gap:80px;min-height:calc(100vh - 170px);padding-block:70px;display:grid}.auth-intro h1{margin:16px 0;font-size:clamp(45px,5vw,70px);line-height:1.06}.auth-intro p{color:var(--muted);max-width:400px;line-height:1.6}.auth-big-icon{color:var(--yellow);background:#35333b;border:1px solid #767054;border-radius:23px;place-items:center;width:94px;height:94px;margin-bottom:33px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:27px}.auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:25px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 14px;font-weight:800}.auth-tabs button.active{color:var(--yellow);border-bottom-color:var(--yellow)}.auth-card form{gap:18px;margin-top:20px;display:grid}.auth-card label input,.auth-submit,.auth-alt{width:100%}.auth-divider{text-align:center;color:var(--muted);margin:20px 0;font-size:12px}.auth-alt{margin-top:8px}.form-message{color:var(--yellow);font-size:12px;line-height:1.5}@media (width<=1000px){.nav-link{padding:0 8px}.nav-link span{display:none}.game-grid{gap:12px}}@media (width<=720px){.container{width:min(100% - 28px,540px)}.site-header{height:64px}.header-inner{gap:12px}.brand{font-size:20px}.brand-symbol{width:32px;height:32px}.mobile-menu{display:block}.main-nav{background:var(--surface-card);border-bottom:1px solid var(--line);padding:14px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 20px 30px #0006}.main-nav.open{grid-template-columns:repeat(2,1fr);display:grid}.nav-link span{display:inline}.header-actions{margin-left:auto}.header-name,.coin-pill{display:none}.game-grid,.library-grid,.auth-layout{grid-template-columns:1fr}.section-block{margin-top:52px}.page-content{padding-top:42px}.auth-layout{gap:30px}.auth-intro h1{font-size:43px}.auth-big-icon{margin-bottom:18px}.footer-inner{text-align:center;flex-wrap:wrap;justify-content:center;gap:10px;padding:20px 0}.footer-inner>span:nth-child(2){display:none}.admin-grid{grid-template-columns:repeat(2,1fr)}}.modal-backdrop{z-index:100;padding:var(--space-5);background:#07080cc7;place-items:center;display:grid;position:fixed;inset:0}.modal-dialog{width:min(100%,440px);padding:var(--space-6);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-lg)}.modal-heading{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.modal-heading h2{font-size:var(--text-xl);margin:0}.modal-dialog>p{margin:var(--space-3) 0 0;color:var(--text-secondary);line-height:1.6}.modal-close{min-width:var(--control-height);min-height:var(--control-height);font-size:var(--text-xl)}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.modal-dialog :is(button,a):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.active-match-reminder{border-block:1px solid color-mix(in srgb, var(--accent-primary) 45%, var(--border-subtle));background:color-mix(in srgb, var(--accent-primary) 9%, var(--surface-raised));box-shadow:inset 3px 0 0 var(--accent-primary);position:relative}.active-match-reminder-inner{align-items:center;gap:var(--space-4);min-height:82px;padding-block:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.active-match-reminder-icon{border:1px solid color-mix(in srgb, var(--accent-primary) 50%, var(--border-subtle));border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 13%, transparent);width:42px;height:42px;color:var(--accent-hover);animation:active-match-attention 2.4s var(--ease-out) infinite;place-items:center;display:grid}.active-match-reminder-copy{gap:var(--space-1);min-width:0;display:grid}.active-match-reminder-copy strong{color:var(--text-primary);font-size:var(--text-base)}.active-match-reminder-copy small{color:var(--text-secondary);line-height:1.45}.active-match-countdown{justify-content:center;align-items:center;gap:var(--space-1);min-width:64px;min-height:38px;padding-inline:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-page);color:var(--accent-hover);font-variant-numeric:tabular-nums;font-weight:700;display:inline-flex}@keyframes active-match-attention{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (width<=600px){.active-match-reminder-inner{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto}.active-match-reminder-copy{grid-column:2/-1}.active-match-countdown{grid-column:1/2}.active-match-reminder .button{grid-column:2/-1;width:100%}.modal-actions{display:grid}}@media (prefers-reduced-motion:reduce){.active-match-reminder-icon{animation:none}}.cosmetic-media{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.cosmetic-media-cover{object-fit:cover}.cosmetic-media-contain{object-fit:contain}.avatar-decoration-layer .cosmetic-media{border-radius:inherit}.profile-presentation-media,.shop-presentation-media{z-index:0;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cosmetic-media{transition:none!important;animation:none!important}}.avatar-renderer{--avatar-core-size:2rem;--avatar-decoration-clearance:.5rem;width:calc(var(--avatar-core-size) + 2 * var(--avatar-decoration-clearance));height:calc(var(--avatar-core-size) + 2 * var(--avatar-decoration-clearance));isolation:isolate;flex:none;place-items:center;display:inline-grid;position:relative;overflow:visible}.avatar-renderer-compact{--avatar-core-size:1.5rem;--avatar-decoration-clearance:.25rem;font-size:var(--text-xs)}.avatar-renderer-small{--avatar-core-size:2rem;--avatar-decoration-clearance:.5rem;font-size:var(--text-sm)}.avatar-renderer-medium{--avatar-core-size:2.5rem;--avatar-decoration-clearance:.5rem;font-size:var(--text-base)}.avatar-renderer-large{--avatar-core-size:5.5rem;--avatar-decoration-clearance:.75rem;font-size:2rem}.avatar-renderer-core{z-index:1;width:var(--avatar-core-size);height:var(--avatar-core-size);line-height:1;position:relative;overflow:hidden}.avatar-fallback{place-items:center;width:100%;height:100%;display:inline-grid}.avatar-image{z-index:1;object-fit:cover;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.avatar-decoration-layer{z-index:2;border-radius:var(--radius-full);pointer-events:none;position:absolute;inset:0}.avatar-decoration-gold{border:2px solid var(--cosmetic-gold);box-shadow:inset 0 0 0 1px var(--cosmetic-gold-highlight), 0 0 0 1px var(--cosmetic-gold-shadow)}.avatar-decoration-static{border:2px solid}@media (prefers-reduced-motion:reduce){.avatar-renderer,.avatar-decoration-layer{transition:none;animation:none}}.player-title{min-width:0;color:inherit;font:inherit;line-height:inherit;align-items:center;gap:.35em;display:inline-flex}.player-title-mark{color:currentColor;flex:none;font-size:.8em;line-height:1}.player-title-text{overflow-wrap:anywhere;min-width:0}.player-title-strategist{color:var(--accent-primary);font-weight:650}.player-title-achievement{color:var(--accent-secondary);font-weight:600}.player-title-season{color:var(--accent-primary);letter-spacing:.01em;font-weight:650}.caro-page{padding-top:var(--space-8)}.caro-header{align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.caro-page .back-link{align-items:center;gap:var(--space-2);min-height:var(--control-height);color:var(--text-secondary);font-size:var(--text-sm);flex:none;margin:0;font-weight:500;display:inline-flex}.caro-page .back-link:hover{color:var(--text-primary)}.caro-header h1{font-size:var(--text-xl);line-height:var(--leading-heading);letter-spacing:-.035em;margin:0}.caro-header p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.caro-layout{justify-content:center;align-items:start;gap:var(--space-8);grid-template-columns:minmax(0,730px) minmax(248px,296px);display:grid}.board-panel,.caro-sidebar{min-width:0}.board-panel{background:0 0;border:0;padding:0}.board-top{justify-content:space-between;align-items:end;gap:var(--space-4);min-height:72px;margin-bottom:var(--space-4);display:flex}.board-mode{color:var(--text-secondary);font-size:var(--text-xs)}.board-state h2{margin:var(--space-1) 0 0;color:var(--text-primary);font-size:var(--text-xl);letter-spacing:-.03em;line-height:1.25}.board-state h2.win{color:var(--status-positive)}.board-state h2.loss{color:var(--status-danger)}.board-rating{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm);display:inline-block}.caro-turn-clock{align-items:center;gap:var(--space-2);min-width:12.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-secondary);font-size:var(--text-xs);grid-template-columns:auto auto minmax(3ch,auto);display:grid}.caro-turn-clock strong{color:var(--text-primary);font-size:var(--text-lg);font-variant-numeric:tabular-nums;text-align:right;line-height:1}.caro-turn-clock.warning{border-color:color-mix(in srgb, var(--accent-primary) 55%, var(--border-subtle))}.caro-turn-clock.warning strong{color:var(--accent-primary)}.caro-turn-clock.critical{border-color:var(--status-danger)}.caro-turn-clock.critical strong{color:var(--status-danger)}.caro-turn-clock small{color:var(--text-secondary);grid-column:1/-1;line-height:1.4}.board-zoom{padding:0 var(--space-2);flex:none;display:none}.connection-state{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--status-danger);font-size:var(--text-xs);display:flex}.connection-state.connected{color:var(--status-positive)}.caro-players{gap:var(--space-4);margin-bottom:var(--space-4);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.caro-player{align-items:center;gap:var(--space-1);border-bottom:2px solid #0000;min-width:0;min-height:62px;display:flex}.caro-player.active{border-bottom-color:var(--accent-primary)}.caro-player-avatar{font-size:var(--text-base);place-items:center;font-weight:700;display:inline-grid}.caro-player-avatar.stone-x{color:var(--text-primary)}.caro-player-avatar.stone-o{color:var(--accent-hover)}.caro-player-copy{gap:1px;min-width:0;display:grid}.caro-player-copy strong{color:var(--text-primary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.caro-player-copy small{color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap}.caro-player.active .caro-player-copy small{color:var(--accent-hover)}.board-viewport{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);max-width:100%;overflow:auto}.caro-board{grid-template-rows:repeat(var(--board-size), minmax(0, 1fr));aspect-ratio:1;background:#20252c;width:min(100%,680px);margin-inline:auto;display:grid}.caro-board-row{grid-template-columns:repeat(var(--board-size), minmax(0, 1fr));min-height:0;display:grid}.caro-cell{min-width:0;min-height:0;color:var(--text-primary);font-family:var(--font-display);cursor:pointer;touch-action:manipulation;transition:background var(--motion-state);background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-size:clamp(12px,2.1vw,26px);font-weight:700;line-height:1;display:grid;position:relative}.caro-cell:not(:last-child){border-right:1px solid #3d4652}.caro-board-row:not(:last-child) .caro-cell{border-bottom:1px solid #3d4652}.caro-cell.stone-o{color:var(--accent-hover)}.caro-cell[aria-disabled=true]{cursor:default}.caro-cell[aria-disabled=false]:hover{background:#303a47}.caro-cell:active[aria-disabled=false]{background:#3c4a5d}.caro-cell:focus-visible{z-index:1;outline:2px solid var(--focus-ring);outline-offset:-3px}.caro-cell.last-move{background:#2b3542}.caro-cell.last-move:after{border-radius:var(--radius-full);background:var(--accent-hover);content:"";width:4px;height:4px;position:absolute;top:3px;right:3px}.caro-cell.winning-cell{box-shadow:inset 0 0 0 1px var(--accent-primary);background:#344a65}.caro-stone{animation:caro-place var(--motion-press) var(--ease-out) both}@keyframes caro-place{0%{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.board-bottom{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-5);margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.board-bottom .text-button{padding:0 var(--space-2);border-radius:var(--radius-md)}.board-bottom .text-button:hover,.board-bottom .icon-button:hover{background:var(--surface-hover);text-decoration:none}.board-bottom strong{color:var(--text-primary);letter-spacing:.06em}.board-bottom .icon-button{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-md);vertical-align:middle;cursor:pointer}.caro-sidebar{gap:var(--space-8);display:grid}.caro-utility{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.caro-utility h3{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);font-size:var(--text-base);letter-spacing:-.02em;line-height:1.3;display:flex}.mode-option{align-items:center;gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;display:flex}.mode-option:hover{background:var(--surface-hover)}.mode-option.selected{border-left-color:var(--accent-primary);background:var(--surface-raised);color:var(--accent-hover)}.mode-option span{gap:2px;display:grid}.mode-option strong{color:var(--text-primary);font-size:var(--text-sm)}.mode-option small,.online-panel small{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5}.difficulty-row{gap:var(--space-2);margin:var(--space-2) 0 0;grid-template-columns:repeat(3,1fr);display:grid}.difficulty-row button{min-height:var(--control-height);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0}.difficulty-row button:hover{background:var(--surface-hover)}.difficulty-row button.selected{border-color:var(--accent-primary);color:var(--text-primary);background:var(--surface-raised)}.online-details{justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);display:flex}.online-details p{margin:0}.caro-page .notice{border-color:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-secondary)}.online-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.online-actions .button{padding-inline:var(--space-2);font-size:var(--text-sm)}.room-actions{gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:grid}.room-actions>button{width:fit-content;padding-inline:var(--space-2)}.room-actions>div{gap:var(--space-2);display:flex}.room-actions input{width:110px;min-width:0;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-primary);text-transform:uppercase}.room-actions div button,.search-state button,.replay-controls button{min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.room-actions div button:hover:not(:disabled),.search-state button:hover,.replay-controls button:hover{background:var(--surface-hover)}.search-state{margin-top:var(--space-4);padding:var(--space-3);border-left:2px solid var(--accent-primary);background:var(--surface-card);color:var(--text-primary);font-size:var(--text-sm)}.search-state p{margin:var(--space-2) 0;color:var(--text-secondary)}.reaction-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reaction-grid button{min-height:var(--control-height);padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font-size:var(--text-xs);cursor:pointer}.reaction-grid button:hover{border-color:var(--border-strong);background:var(--surface-hover)}.reaction-panel p{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--text-xs)}.replay-panel input{width:100%;margin:var(--space-2) 0 var(--space-4);accent-color:var(--accent-primary)}.replay-controls{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);display:flex}.caro-page .error-banner{border-color:var(--status-danger);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary)}.caro-page :is(a,button,input):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.caro-page .caro-cell:focus-visible{outline-offset:-3px;outline-width:2px}@media (width<=900px){.caro-layout{grid-template-columns:minmax(0,1fr);max-width:680px;margin-inline:auto}.caro-sidebar{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.caro-page{padding-top:var(--space-5)}.caro-header{align-items:start;gap:var(--space-4);margin-bottom:var(--space-5)}.caro-header h1{font-size:var(--text-lg)}.caro-header p{font-size:var(--text-xs)}.caro-turn-clock{align-items:center;gap:var(--space-2);min-width:12.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-secondary);font-size:var(--text-xs);grid-template-columns:auto auto minmax(3ch,auto);display:grid}.caro-turn-clock strong{color:var(--text-primary);font-size:var(--text-lg);font-variant-numeric:tabular-nums;text-align:right;line-height:1}.caro-turn-clock.warning{border-color:color-mix(in srgb, var(--accent-primary) 55%, var(--border-subtle))}.caro-turn-clock.warning strong{color:var(--accent-primary)}.caro-turn-clock.critical{border-color:var(--status-danger)}.caro-turn-clock.critical strong{color:var(--status-danger)}.caro-turn-clock small{color:var(--text-secondary);grid-column:1/-1;line-height:1.4}.board-zoom{display:inline-flex}.caro-sidebar{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.caro-board.zoomed{aspect-ratio:auto;width:660px;max-width:none;height:660px}.caro-cell{font-size:clamp(12px,3.3vw,20px)}}@media (width<=360px){.caro-header{gap:var(--space-2)}.caro-header p{display:none}.caro-player-copy strong{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.caro-stone{animation:none}.caro-cell{transition:none}}.room-actions>strong{color:var(--text-primary);font-size:var(--text-sm)}.room-actions>.button{width:100%}.room-divider{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);display:flex}.room-divider:before,.room-divider:after{background:var(--border-subtle);content:"";flex:1;height:1px}.room-join-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.room-actions .room-join-row input,.waiting-room-details{width:100%}.waiting-room-details p{margin:0 0 var(--space-2)}.waiting-room-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.danger-action,.surrender-button{color:var(--status-danger)}.surrender-button{border-color:var(--border-subtle)}@media (width<=420px){.room-join-row{grid-template-columns:1fr}.waiting-room-actions>*{flex:1}}.online-entry{gap:var(--space-6);display:grid}.online-entry-section{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:grid}.online-entry-section:first-child{border-top:0;padding-top:0}.online-entry-heading,.online-entry-heading>div{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.online-entry-heading h4{color:var(--text-primary);font-size:var(--text-base);margin:0}.online-entry-kicker{color:var(--accent-hover);font-size:var(--text-xs);font-weight:700}.elo-chip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--surface-accent);color:var(--text-secondary);font-size:var(--text-xs)}.elo-chip strong{color:var(--text-primary)}.matchmaking-actions{gap:var(--space-2);display:grid}.matchmaking-option{width:100%;min-height:68px;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);text-align:left;transition:border-color var(--motion-state), background var(--motion-state), transform var(--motion-press);display:flex}.matchmaking-option:not(:disabled):hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px)}.matchmaking-option.quick{border-left:3px solid var(--accent-primary)}.matchmaking-option.ranked{border-left:3px solid var(--accent-secondary)}.matchmaking-option span{gap:var(--space-1);display:grid}.matchmaking-option strong{font-size:var(--text-sm)}.matchmaking-option small,.matchmaking-note,.private-room-entry>p,.ranked-restriction{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5}.matchmaking-note,.private-room-entry>p{margin:0}.ranked-restriction{display:block}.private-room-entry .room-actions{border-top:0;margin-top:0;padding-top:0}@media (width>=601px) and (width<=900px){.online-entry{grid-template-columns:repeat(2,minmax(0,1fr))}.online-entry-section{border-top:0;padding-top:0}}@media (prefers-reduced-motion:reduce){.matchmaking-option{transition:none}}.opponent-presence{margin-top:var(--space-2);color:var(--status-danger);gap:2px;display:grid}.opponent-presence-title{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;display:inline-flex}.opponent-presence small{color:var(--text-secondary);font-variant-numeric:tabular-nums}.result-actions{gap:var(--space-2);display:grid}.result-actions h3{margin-bottom:var(--space-2)}.result-actions .search-state{margin-top:var(--space-2)}.admin-games{padding:12px 22px}.admin-games>div{border-bottom:1px solid var(--line);text-transform:capitalize;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;display:flex}.admin-games>div:last-child{border:0}.admin-games select{color:#fff;background:#252734;border:1px solid #565866;border-radius:7px;padding:8px 10px}.studio-page{gap:var(--space-6);display:grid}.studio-toolbar,.studio-form-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.studio-scope{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);display:flex}.studio-list{gap:var(--space-2);display:grid}.studio-list-row{gap:var(--space-4);padding:var(--space-4) var(--space-5);color:inherit;grid-template-columns:minmax(15rem,2fr) repeat(4,minmax(5.5rem,auto));align-items:center;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:grid}.studio-list-row:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));transform:translateY(-2px)}.studio-list-row>div{gap:.2rem;display:grid}.studio-list-row small,.studio-helper,.studio-upload small,.studio-live-preview small{color:var(--text-muted)}.studio-status{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-raised);color:var(--text-muted);justify-self:start;padding:.3rem .6rem}.studio-status-published{color:var(--primary)}.studio-status-draft{color:var(--lavender)}.studio-status-archived{color:var(--text-muted)}.studio-empty{padding:var(--space-8);text-align:center}.studio-back{align-items:center;gap:var(--space-2);width:max-content;display:inline-flex}.studio-editor-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.55fr) minmax(18rem,.75fr);align-items:start;display:grid}.studio-form,.studio-live-preview,.studio-assets{padding:var(--space-5)}.studio-field-grid{gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-field-grid label{gap:var(--space-2);font-size:var(--text-sm);font-weight:700;display:grid}.studio-field-grid input,.studio-field-grid textarea,.studio-field-grid select{background:var(--surface-raised);width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);font:inherit;padding:.75rem .85rem}.studio-field-grid textarea{resize:vertical;min-height:7rem}.studio-field-grid input:focus-visible,.studio-field-grid textarea:focus-visible,.studio-field-grid select:focus-visible,.studio-upload:focus-within{outline:2px solid var(--primary);outline-offset:2px}.studio-field-grid small{color:var(--text-muted);font-weight:400}.studio-field-wide{grid-column:1/-1}.studio-preview-column{gap:var(--space-4);display:grid;position:sticky;top:6rem}.studio-live-preview{justify-items:center;gap:var(--space-3);text-align:center;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--lavender) 13%,transparent),transparent 55%),var(--surface);align-content:center;min-height:17rem;display:grid}.studio-assets{gap:var(--space-3);display:grid}.studio-upload{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:1fr auto;align-items:center;display:grid}.studio-upload:last-of-type{border-bottom:0}.studio-upload>span:first-child{gap:.2rem;display:grid}.studio-upload .button{grid-column:1/-1;justify-self:stretch}.studio-asset-ready,.studio-asset-required{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.studio-asset-ready{color:var(--primary)}.studio-asset-required{color:var(--text-muted)}.studio-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=860px){.studio-editor-grid{grid-template-columns:1fr}.studio-preview-column{position:static}.studio-list-row{grid-template-columns:1fr auto}.studio-list-row>span:not(.studio-status),.studio-list-row>time{display:none}}@media (width<=560px){.studio-toolbar,.studio-form-heading{flex-direction:column;align-items:stretch}.studio-field-grid{grid-template-columns:1fr}.studio-field-wide{grid-column:auto}.studio-form,.studio-live-preview,.studio-assets{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.studio-list-row{transition:none}}.game-card{--game-accent:var(--text-secondary);--art-background:var(--surface-hover);--art-secondary:var(--text-muted);border-radius:var(--radius-md);background:var(--surface-card);min-width:0;transition:background var(--motion-state) var(--ease-out);flex-direction:column;display:flex;position:relative}.game-ready{cursor:pointer}.game-card-link{min-width:0;color:inherit;border-radius:inherit;flex-direction:column;flex:1;display:flex}.game-card-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.game-ready:hover,.game-ready:focus-within{background:var(--surface-hover)}.game-ready:hover .game-art,.game-ready:focus-within .game-art{background:var(--navy-800)}.game-caro{--game-accent:var(--art-caro);--art-secondary:var(--art-caro-secondary)}.game-chess{--game-accent:var(--art-chess)}.game-xiangqi{--game-accent:var(--art-xiangqi)}.game-battleship{--game-accent:var(--art-battleship)}.game-puzzle{--game-accent:var(--art-puzzle)}.game-art-wrap{min-width:0;position:relative}.game-art{background:var(--art-background);border-radius:var(--radius-md) var(--radius-md) 0 0;height:190px;transition:background var(--motion-state) var(--ease-out);grid-template-rows:minmax(0,1fr);place-items:center;display:grid;overflow:hidden}.artwork-scene{width:100%;max-width:340px;height:100%;min-height:0;transition:transform var(--motion-art) var(--ease-out)}.artwork-scene svg{width:100%;height:100%;display:block}.art-grid{stroke:var(--border-strong);stroke-width:1px;opacity:.4}.art-primary{stroke:var(--game-accent)}.art-secondary{stroke:var(--art-secondary)}.art-trail{opacity:.6}.art-chess-piece{fill:var(--game-accent);stroke:var(--text-muted)}.art-piece-detail{fill:none;stroke:var(--art-background)}.art-disc-shadow{fill:var(--surface-page)}.art-disc{fill:var(--game-accent)}.art-disc-line{stroke:var(--surface-page)}.art-disc-glyph{fill:var(--surface-page);font-family:serif;font-size:60px}.art-puzzle-piece{fill:var(--game-accent);stroke:var(--text-muted)}.artwork-fallback{height:100%;color:var(--game-accent);place-items:center;font-size:4rem;display:grid}.game-card-body{padding:var(--space-5);flex-direction:column;flex:1;min-width:0;display:flex}.game-card h2,.game-card h3{font-family:var(--font-body);font-size:var(--text-lg);letter-spacing:-.025em;margin:0 0 var(--space-2);font-weight:600}.game-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.game-availability{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1);line-height:1.5;display:block}.game-card-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);flex-wrap:wrap;margin-top:auto;display:flex}.game-meta{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;line-height:1.5;display:flex}.game-play{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--control-height);padding-inline:var(--space-4);border-radius:var(--radius-sm);color:var(--accent-hover);font-size:var(--text-sm);transition:background var(--motion-state), transform var(--motion-press);background:0 0;font-weight:600;display:inline-flex}.game-play:hover{color:var(--text-primary)}.game-card-link:active .game-play{transform:translateY(1px)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.game-ready:hover .artwork-scene{transform:translateY(-3px)}}.game-card-launcher{background:var(--surface-card);min-height:240px}.game-card-launcher .game-card-link{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid}.game-card-launcher .game-art-wrap{grid-area:1/2;align-items:stretch;display:flex}.game-card-launcher .game-art{border-radius:0 var(--radius-md) var(--radius-md) 0;width:100%;height:100%;min-height:240px}.game-card-launcher .artwork-scene{max-width:300px}.game-card-launcher .game-card-body{padding:var(--space-8);grid-area:1/1;justify-content:center}.game-card-launcher h2{font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:700}.game-card-launcher .game-card-footer{margin-top:var(--space-4);flex-direction:column;align-items:start;padding-top:0}.game-card-launcher .game-play{background:var(--action-primary);min-width:144px;color:var(--text-on-action);justify-content:space-between}.game-card-launcher .game-play:hover{background:var(--action-hover);color:var(--text-on-action)}.game-card-tile{background:0 0}.game-card-tile .game-art{border-radius:var(--radius-sm);height:124px}.game-card-tile .artwork-scene{max-width:210px}.game-card-tile .game-card-body{padding:var(--space-2) 0 0}.game-card-tile h3{font-size:var(--text-base);margin:0}.game-card-tile .game-card-footer{padding-top:var(--space-2)}.game-card-tile .game-meta{font-size:var(--text-xs)}.games-page{padding-block:var(--space-8) var(--space-12)}.games-page-title{font-size:var(--text-xl);letter-spacing:-.035em;margin:0 0 var(--space-6);font-weight:700}.library-grid{align-items:start}@media (width<=1050px){.game-card-launcher .game-card-body{padding:var(--space-6)}}@media (width<=540px){.game-card-launcher{min-height:0}.game-card-launcher .game-card-link{grid-template-columns:1fr}.game-card-launcher .game-art-wrap{grid-area:1/1}.game-card-launcher .game-art{border-radius:var(--radius-md) var(--radius-md) 0 0;height:136px;min-height:0}.game-card-launcher .game-card-body{padding:var(--space-5);grid-area:2/1}.game-card-launcher h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.game-card-launcher p{font-size:var(--text-base)}.game-card-launcher .game-card-footer{margin-top:var(--space-4);flex-direction:row;align-items:center}.game-card-launcher .game-play{min-width:128px}.game-card-tile .game-art{height:104px}}@media (prefers-reduced-motion:reduce){.game-card-link:active .game-play{transform:none}}.launcher-home{padding-block:var(--space-6) var(--space-12)}.launcher-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.launcher-toolbar h1{font-size:var(--text-xl);letter-spacing:-.035em;margin:0;font-weight:700}.player-summary{align-items:center;gap:var(--space-3);min-height:var(--control-height);border-radius:var(--radius-sm);min-width:0;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);display:flex}.player-summary:hover{background:var(--surface-hover)}.player-summary-guest .player-summary-meta{color:var(--accent-hover);font-weight:500}.player-summary-name{text-overflow:ellipsis;white-space:nowrap;max-width:18ch;font-weight:600;overflow:hidden}.player-summary-meta{color:var(--text-muted);font-size:var(--text-xs)}.player-summary>svg{color:var(--text-muted);flex-shrink:0}.launcher-top{gap:var(--space-6);grid-template-columns:minmax(0,2.3fr) minmax(250px,1fr);display:grid}.launcher-sidebar{flex-direction:column;min-width:0;display:flex}.launcher-sidebar>section{padding-block:var(--space-4);border-bottom:1px solid var(--border-subtle)}.launcher-sidebar>section:first-child{padding-top:0}.launcher-sidebar h2{align-items:center;gap:var(--space-2);font-size:var(--text-sm);letter-spacing:0;margin:0 0 var(--space-2);font-weight:600;display:flex}.launcher-sidebar h2 svg{color:var(--text-muted)}.launcher-sidebar p{color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.5}.launcher-sidebar .text-link{font-size:var(--text-xs)}.launcher-sidebar .recent-game-name{color:var(--text-primary);font-weight:600}.launcher-season{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.launcher-season h2 svg{color:var(--accent-secondary)}.launcher-season p{text-transform:capitalize;font-size:var(--text-xs)}.launcher-library{margin-top:var(--space-8)}.launcher-section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.launcher-section-heading>div{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.launcher-section-heading h2{align-items:center;gap:var(--space-2);font-size:var(--text-lg);letter-spacing:-.02em;margin:0;font-weight:600;display:flex}.launcher-section-heading h2 svg{color:var(--text-muted)}.launcher-section-heading>.text-link{font-size:var(--text-xs);flex-shrink:0}.catalog-count{font-size:var(--text-xs);color:var(--text-muted)}.launcher-shelf{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.launcher-activity{gap:var(--space-8);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.launcher-activity>section{min-width:0}.home-standings-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-sm)}.home-standings-table th{color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);font-weight:500}.home-standings-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);font-variant-numeric:tabular-nums}.home-standings-table th:first-child{width:64px}.home-standings-table th:last-child,.home-standings-table td:last-child:not(.standings-empty){text-align:right}.standing-player{align-items:center;gap:var(--space-3);overflow-wrap:anywhere;display:flex}.standing-player>span:last-child{overflow-wrap:anywhere;min-width:0;font-weight:500}.home-standings-table tbody tr:first-child:not(:only-child)>td:first-child{color:var(--accent-secondary)}.home-standings-table .standings-empty{color:var(--text-muted);padding-block:var(--space-4);text-align:left}.season-note{align-items:center;gap:var(--space-2);padding-top:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.season-indicator{background:var(--status-positive);border-radius:50%;width:6px;height:6px}.launcher-quest{border-left:1px solid var(--border-subtle);padding-left:var(--space-8)}.launcher-quest p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.quest-empty{padding-block:var(--space-2) var(--space-4);margin:0}.home-quest-progress{padding-block:var(--space-2) var(--space-4)}.home-quest-line{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.home-quest-progress h3{font-size:var(--text-sm);margin:0;font-weight:600}.home-quest-reward{color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;flex:none;font-weight:500}.home-quest-value{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;display:block}.home-quest-progress .progress-meter{color:var(--accent-primary)}.home-quest-progress .progress-meter::-webkit-progress-value{background:var(--accent-primary)}.home-quest-progress .progress-meter::-moz-progress-bar{background:var(--accent-primary)}.collection-link{align-items:center;gap:var(--space-2);min-height:var(--control-height);color:var(--text-muted);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);display:flex}.collection-link>svg{flex-shrink:0}.collection-link>svg:last-child{margin-left:auto}.collection-link:hover{color:var(--text-primary)}@media (width<=1000px){.launcher-top{gap:var(--space-5);grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)}.launcher-shelf{gap:var(--space-4)}.player-summary-meta{max-width:22ch}}@media (width<=800px){.launcher-top{grid-template-columns:1fr}.launcher-sidebar{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.launcher-sidebar>section{border-bottom:0;padding:0}.launcher-sidebar>section+section{border-left:1px solid var(--border-subtle);padding-left:var(--space-4)}.launcher-season{display:block}.launcher-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.launcher-activity{gap:var(--space-5)}.launcher-quest{padding-left:var(--space-5)}}@media (width<=540px){.launcher-home{padding-top:var(--space-4)}.launcher-toolbar{gap:var(--space-3)}.launcher-toolbar h1{font-size:var(--text-xl)}.player-summary{gap:var(--space-2);padding-inline:0}.player-summary:not(.player-summary-guest) .player-summary-meta{display:none}.player-summary-name{max-width:10ch}.launcher-sidebar{gap:var(--space-4);grid-template-columns:1fr 1fr}.launcher-sidebar h2{font-size:var(--text-sm)}.launcher-quest p{font-size:var(--text-base)}.launcher-sidebar .launcher-season p{font-size:var(--text-sm)}.launcher-library{margin-top:var(--space-6)}.launcher-shelf{gap:var(--space-4) var(--space-3)}.launcher-section-heading>div{gap:var(--space-1)}.launcher-section-heading .catalog-count{flex-basis:100%}.launcher-activity{grid-template-columns:1fr}.launcher-quest{padding-left:0;padding-top:var(--space-4);border-left:0;border-top:1px solid var(--border-subtle)}}.leaderboard-page{max-width:1080px;padding-top:var(--space-8)}.leaderboard-page-header{margin-bottom:var(--space-6)}.leaderboard-page-header h1{font-size:clamp(1.5rem,3vw,2rem);line-height:var(--leading-heading);letter-spacing:-.035em;margin:0}.leaderboard-filters{gap:var(--space-1);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;max-width:100%;display:flex;overflow-x:auto}.leaderboard-filters::-webkit-scrollbar{display:none}.leaderboard-filters button{min-height:var(--control-height);padding:0 var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:color var(--motion-state), border-color var(--motion-state);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;font-weight:500}.leaderboard-filters button:hover:not(:disabled){color:var(--text-primary)}.leaderboard-filters button.active{border-bottom-color:var(--accent-primary);color:var(--text-primary);font-weight:700}.leaderboard-filters button:disabled{color:var(--text-muted);opacity:.6;cursor:default}.leaderboard-context{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);min-height:82px;padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.leaderboard-season{gap:var(--space-1);display:grid}.leaderboard-season span{color:var(--text-secondary);font-size:var(--text-xs)}.leaderboard-season strong{color:var(--text-primary);font-size:var(--text-base);font-weight:600}.leaderboard-context select{min-height:var(--control-height);max-width:100%;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.leaderboard-method{max-width:80ch;margin:var(--space-2) 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-sm)}.leaderboard-method summary{align-items:center;gap:var(--space-2);min-height:var(--control-height);cursor:pointer;list-style:none;display:inline-flex}.leaderboard-method summary::-webkit-details-marker{display:none}.leaderboard-method summary:hover{color:var(--text-primary)}.leaderboard-method-chevron{transition:transform var(--motion-state)}.leaderboard-method[open] .leaderboard-method-chevron{transform:rotate(180deg)}.leaderboard-method p{margin:0 0 var(--space-3);line-height:var(--leading-body)}.leaderboard-feedback{margin:var(--space-5) 0 0;padding:var(--space-6) 0;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm)}.leaderboard-feedback.error{color:var(--status-danger)}.leaderboard-results{margin-top:var(--space-2)}.leaderboard-personal{min-height:var(--control-height);margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);text-align:right;justify-content:flex-end;align-items:center;display:flex}.leaderboard-personal a{color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline}.leaderboard-personal strong{font-variant-numeric:tabular-nums}.leaderboard-header,.leaderboard-row{align-items:center;gap:var(--space-3);padding:0 var(--space-4);grid-template-columns:56px minmax(0,1fr) 128px 110px;display:grid}.leaderboard-header{border-bottom:1px solid var(--border-subtle);min-height:38px;color:var(--text-secondary);font-size:var(--text-xs)}.leaderboard-header span:nth-child(n+3){text-align:right}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-list li{margin:0;padding:0}.leaderboard-row{border-bottom:1px solid var(--border-subtle);min-height:64px;color:var(--text-primary);transition:background var(--motion-state);position:relative}.leaderboard-row:hover,.leaderboard-row:focus-visible{background:var(--surface-hover)}.leaderboard-row:focus-visible{z-index:1;outline:3px solid var(--focus-ring);outline-offset:-3px}.leaderboard-row.top-player .rank-number{color:var(--text-primary);font-weight:700}.leaderboard-row.first-player{background:var(--surface-card)}.leaderboard-row.first-player:hover,.leaderboard-row.first-player:focus-visible{background:var(--surface-hover)}.leaderboard-row.is-own:before{background:var(--accent-primary);content:"";width:2px;position:absolute;top:0;bottom:0;left:0}.leaderboard-row.is-own{background:var(--surface-current)}.leaderboard-row.is-own:hover,.leaderboard-row.is-own:focus-visible{background:var(--surface-current-hover)}.rank-number,.leaderboard-score,.leaderboard-record{font-variant-numeric:tabular-nums}.rank-number{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.leaderboard-player{align-items:center;gap:var(--space-2);min-width:0;display:flex;overflow:visible}.leaderboard-player-copy{gap:1px;min-width:0;display:grid}.leaderboard-name{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm);font-weight:600;display:flex}.leaderboard-name-text,.leaderboard-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-name-text{min-width:0}.leaderboard-title{color:var(--text-secondary);font-size:var(--text-xs)}.leaderboard-you{color:var(--accent-hover);font-size:var(--text-xs);flex:none;font-weight:600}.leaderboard-score{color:var(--text-primary);font-size:var(--text-base);justify-self:end;font-weight:700}.leaderboard-record{color:var(--text-secondary);font-size:var(--text-sm);justify-self:end}@media (width<=640px){.leaderboard-header,.leaderboard-row{gap:var(--space-2);padding-inline:var(--space-2);grid-template-columns:38px minmax(0,1fr) 84px}.leaderboard-header span:last-child,.leaderboard-record{display:none}.leaderboard-score{font-size:var(--text-sm)}}@media (width<=390px){.leaderboard-page{padding-top:var(--space-6)}.leaderboard-header,.leaderboard-row{gap:var(--space-1);padding-inline:var(--space-1);grid-template-columns:30px minmax(0,1fr) 72px}.leaderboard-player{gap:var(--space-1)}.leaderboard-you{display:none}}@media (prefers-reduced-motion:reduce){.leaderboard-row,.leaderboard-filters button,.leaderboard-method-chevron{transition:none}}.avatar-crop-content{gap:var(--space-4);width:100%;display:grid}.avatar-crop-workspace{align-items:end;gap:var(--space-4);grid-template-columns:minmax(0,1fr) 76px;display:grid}.avatar-crop-viewport,.avatar-crop-live-preview{background:var(--surface-page);position:relative;overflow:hidden}.avatar-crop-viewport{aspect-ratio:1;border:1px solid var(--border-strong);border-radius:var(--radius-lg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,300px);margin-inline:auto}.avatar-crop-viewport:active{cursor:grabbing}.avatar-crop-viewport:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.avatar-crop-viewport img,.avatar-crop-live-preview img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute;top:50%;left:50%}.avatar-crop-mask{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 999px #05060a80}.avatar-crop-move-hint{right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-raised) 85%, transparent);width:36px;height:36px;color:var(--text-secondary);pointer-events:none;place-items:center;display:grid;position:absolute}.avatar-crop-live-preview{border:2px solid var(--border-strong);border-radius:50%;width:76px;height:76px}.avatar-crop-zoom{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);grid-template-columns:auto auto minmax(100px,1fr) auto;display:grid}.avatar-crop-zoom input{width:100%;accent-color:var(--accent-primary)}.avatar-crop-help,.avatar-crop-error{font-size:var(--text-sm);margin:0}.avatar-crop-help{color:var(--text-secondary)}.avatar-crop-error{color:var(--status-danger)}.avatar-crop-actions{justify-content:flex-end;gap:var(--space-2);display:flex}@media (width<=520px){.modal-dialog:has(.avatar-crop-content){padding:var(--space-4)}.avatar-crop-workspace{grid-template-columns:minmax(0,1fr)}.avatar-crop-live-preview{justify-self:center}.avatar-crop-zoom{grid-template-columns:auto minmax(0,1fr) auto}.avatar-crop-zoom span{grid-column:1/-1}.avatar-crop-actions{grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:reduce){.avatar-crop-viewport img,.avatar-crop-live-preview img{transition:none}}.profile-presentation{--profile-accent:var(--accent-primary);--profile-banner-default:none;--profile-banner-override:var(--profile-banner-default);--profile-banner-color:var(--surface-raised);--profile-background-art:none;--profile-background-color:transparent;--profile-themed-surface:transparent;background-color:var(--profile-background-color);background-image:var(--profile-background-art)}.profile-presentation[data-profile-theme=aurora]{--profile-accent:#82b7b3;--profile-banner-default:linear-gradient(125deg, #326467, #514a78);--profile-themed-surface:#48676c1a}.profile-presentation[data-profile-theme=ember]{--profile-accent:#d08b79;--profile-banner-default:linear-gradient(125deg, #6f322d, #221f33);--profile-themed-surface:#7038301a}.profile-presentation[data-profile-theme=slate]{--profile-accent:#9aa9bc;--profile-banner-default:linear-gradient(125deg, #303846, #1b2028);--profile-themed-surface:#64748b1a}.profile-presentation[data-profile-banner=ember]{--profile-banner-override:linear-gradient(120deg, #6f322d, #221f33)}.profile-presentation[data-profile-banner=slate]{--profile-banner-override:linear-gradient(120deg, #394454, #20262f)}.profile-presentation[data-profile-background=twilight]{--profile-background-color:#141724;--profile-background-art:linear-gradient(145deg, #1e2940, #2a2138)}.profile-presentation-banner{background-color:var(--profile-banner-color);background-image:var(--profile-banner-override)}.profile-presentation-surface{background:var(--profile-themed-surface)}.shop-tile-presentation{--shop-tile-art:none;background-color:var(--surface-raised);background-image:var(--shop-tile-art)}.shop-tile-presentation[data-shop-tile-kind=theme][data-shop-tile-preset=aurora]{--shop-tile-art:linear-gradient(125deg, #326467, #514a78)}.shop-tile-presentation[data-shop-tile-kind=theme][data-shop-tile-preset=ember]{--shop-tile-art:linear-gradient(125deg, #6f322d, #221f33)}.shop-tile-presentation[data-shop-tile-kind=theme][data-shop-tile-preset=slate]{--shop-tile-art:linear-gradient(125deg, #303846, #1b2028)}.shop-tile-presentation[data-shop-tile-kind=banner][data-shop-tile-preset=ember]{--shop-tile-art:linear-gradient(120deg, #6f322d, #221f33)}.shop-tile-presentation[data-shop-tile-kind=banner][data-shop-tile-preset=slate]{--shop-tile-art:linear-gradient(120deg, #394454, #20262f)}.shop-tile-presentation[data-shop-tile-kind=background][data-shop-tile-preset=twilight]{--shop-tile-art:linear-gradient(145deg, #1e2940, #2a2138)}.profile-page{max-width:var(--content-width);isolation:isolate;position:relative}.profile-page h1,.profile-page h2,.profile-page h3,.profile-page p{margin-top:0}.profile-page-title,.profile-entry h1{margin-bottom:var(--space-6);font-size:var(--text-xl);line-height:var(--leading-heading);letter-spacing:-.035em}.profile-page .profile-banner{border-radius:var(--radius-lg);background-color:var(--profile-banner-color);background-image:var(--profile-banner-override);height:92px;position:relative;overflow:hidden}.profile-page .profile-identity{align-items:flex-end;gap:var(--space-3);min-width:0;margin:-46px var(--space-6) var(--space-8);display:flex;position:relative}.profile-page-guest .profile-identity{margin:0 0 var(--space-6)}.profile-page .profile-avatar-slot{isolation:isolate;flex:none;place-items:center;width:112px;height:112px;padding:12px;display:inline-grid;position:relative;overflow:visible}.profile-page .profile-avatar{border:5px solid var(--surface-page);background:var(--surface-raised);width:88px;height:88px;color:var(--text-primary);font-family:var(--font-display);font-size:2rem;line-height:1}.profile-page-background-media{z-index:-1;opacity:.72}.profile-presentation-banner-media{position:absolute;inset:0}.profile-avatar-actions{align-items:center;gap:var(--space-2);margin:calc(-1 * var(--space-5)) 0 var(--space-6) 9.5rem;flex-wrap:wrap;display:flex}.profile-avatar-upload{cursor:pointer;position:relative}.profile-avatar-upload input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-avatar-upload:focus-within{outline:3px solid var(--focus-ring);outline-offset:2px}.profile-avatar-actions small,.profile-avatar-actions [role=status]{width:100%;color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5}.profile-identity-copy{min-width:0;padding-bottom:var(--space-2)}.profile-page .profile-name-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-page .profile-name-row h2{overflow-wrap:anywhere;max-width:100%;font-size:var(--text-xl);line-height:var(--leading-heading);letter-spacing:-.035em;margin:0}.profile-equipped-badge{color:#c9a86e;fill:currentColor;flex:none}.profile-page .profile-edit-toggle{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;place-items:center;display:inline-grid}.profile-page .profile-edit-toggle:hover{color:var(--text-primary);background:var(--surface-hover)}.profile-page .profile-identity-meta{gap:var(--space-2) var(--space-4);margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-sm);flex-wrap:wrap;line-height:1.5;display:flex}.profile-page .profile-identity-meta span+span:before{content:"·";margin-right:var(--space-4);color:var(--text-muted)}.profile-page .profile-coins{padding:0 0 var(--space-3);white-space:nowrap;color:var(--text-secondary);font-size:var(--text-sm);align-self:flex-end;margin-left:auto;font-weight:500}.profile-page .profile-edit{align-items:end;gap:var(--space-3);margin:0 0 var(--space-6);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);display:flex}.profile-page .profile-edit label{min-width:0;color:var(--text-secondary);font-size:var(--text-sm);flex:1}.profile-page .profile-edit input{width:100%;min-height:var(--control-height);border-color:var(--border-strong);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-primary)}.profile-page .profile-edit input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.profile-message{color:var(--text-secondary);font-size:var(--text-sm)}.profile-entry-action,.profile-guest-action{justify-content:space-between;align-items:center;gap:var(--space-6);max-width:780px;padding:var(--space-6) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);display:flex}.profile-entry-action p,.profile-guest-action p{color:var(--text-secondary);margin:0}.profile-guest-action{margin-bottom:var(--space-8)}.profile-page .profile-overview{margin-bottom:var(--space-10);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--profile-themed-surface)}.profile-overview dl{gap:var(--space-6);padding:var(--space-5) 0;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.profile-overview dt{margin-bottom:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.profile-overview dd{overflow-wrap:anywhere;color:var(--text-primary);font-size:var(--text-xl);margin:0;font-weight:700;line-height:1.3}.profile-content{gap:var(--space-12);grid-template-columns:minmax(0,1.6fr) minmax(270px,.85fr);align-items:start;display:grid}.profile-main,.profile-side{min-width:0}.profile-section{margin-bottom:var(--space-10);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.profile-section h3{margin-bottom:var(--space-4);font-size:var(--text-lg);letter-spacing:-.025em;line-height:1.3}.profile-page .empty-copy{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.profile-match-list{margin:0;padding:0;list-style:none}.profile-match{grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr) auto var(--control-height);align-items:center;gap:var(--space-4);min-height:76px;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);display:grid}.profile-match:last-child,.profile-game-row:last-child,.profile-title-row:last-child,.profile-opponents a:last-child{border-bottom:0}.profile-match-main,.profile-match-context,.profile-match-result{gap:var(--space-1);min-width:0;display:grid}.profile-match-main strong,.profile-game-row strong{font-size:var(--text-sm)}.profile-match-main span,.profile-match-context,.profile-match-result span,.profile-game-row span,.profile-game-row small{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5}.profile-match-context{gap:0 var(--space-2);grid-template-columns:repeat(2,max-content)}.profile-match-context time{grid-column:1}.profile-match-result{text-align:right;white-space:nowrap}.profile-match-result strong{color:var(--text-primary);font-size:var(--text-sm)}.profile-match-result.win strong{color:var(--status-positive)}.profile-match-result.loss strong{color:var(--status-danger)}.profile-replay{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-md);color:var(--text-secondary);place-items:center;display:inline-grid}.profile-replay:hover,.profile-opponents a:hover{color:var(--text-primary);background:var(--surface-hover)}.profile-game-row{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;min-height:64px;display:grid}.profile-game-row>div{gap:var(--space-1);display:grid}.profile-game-row>strong{white-space:nowrap}.profile-game-row small{font-weight:400}.profile-level-line,.profile-achievement-count,.profile-title-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.profile-level-line strong{font-size:var(--text-sm)}.profile-level-line span,.profile-achievement-count{color:var(--text-secondary);font-size:var(--text-sm)}.profile-page progress{width:100%;height:6px;margin:var(--space-3) 0 var(--space-4);appearance:none;border-radius:var(--radius-full);background:var(--surface-raised);border:0;overflow:hidden}.profile-page progress::-webkit-progress-bar{background:var(--surface-raised)}.profile-page progress::-webkit-progress-value{background:var(--profile-accent)}.profile-page progress::-moz-progress-bar{background:var(--profile-accent)}.profile-achievement-count{margin:0}.profile-achievement-count strong{color:var(--text-primary)}.profile-achievement-list{gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:grid}.profile-title-row{border-bottom:1px solid var(--border-subtle);min-height:52px;font-size:var(--text-sm)}.profile-title-row .text-button{min-height:var(--control-height);padding:0 var(--space-2);border-radius:var(--radius-md);cursor:pointer;flex:none}.profile-title-row .text-button:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}.profile-title-row .text-button:disabled{color:var(--text-muted);cursor:default}.profile-opponents a{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:52px;color:var(--text-primary);font-size:var(--text-sm);display:flex}.profile-opponents a svg{color:var(--text-muted);margin-left:auto}.profile-page .profile-signout{min-height:var(--control-height);margin-top:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-md);cursor:pointer}.profile-page .profile-signout:hover{color:var(--text-primary);background:var(--surface-hover)}.profile-page a:focus-visible,.profile-page button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (width<=900px){.profile-content{grid-template-columns:minmax(0,1fr);gap:0}.profile-side{gap:0 var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-side .profile-section:last-child{grid-area:1/2/3}}@media (width<=600px){.profile-page .profile-banner{height:72px}.profile-page .profile-identity{margin:-38px 0 var(--space-6);flex-wrap:wrap;align-items:center}.profile-page-guest .profile-identity{margin-top:0}.profile-page .profile-avatar-slot{width:96px;height:96px;padding:10px}.profile-page .profile-avatar{width:76px;height:76px}.profile-page .profile-name-row h2{font-size:var(--text-lg)}.profile-avatar-actions{margin:calc(-1 * var(--space-3)) 0 var(--space-6)}.profile-page .profile-coins{width:100%;margin-left:0;padding:0}.profile-overview dl{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.profile-side{display:block}.profile-side .profile-section:last-child{grid-area:auto}.profile-match{grid-template-columns:minmax(0, 1fr) auto var(--control-height);gap:var(--space-2)}.profile-match-context{gap:var(--space-2);grid-area:2/1/auto/-1;grid-template-columns:repeat(3,max-content)}.profile-match-context time{grid-column:auto}.profile-game-row{grid-template-columns:minmax(0,1fr) auto}.profile-game-row>span{padding-bottom:var(--space-2);grid-area:2/1/auto/-1}.profile-entry-action,.profile-guest-action,.profile-page .profile-edit{flex-direction:column;align-items:stretch}}.quests-page{max-width:1080px;padding-top:var(--space-8)}.quests-header{margin-bottom:var(--space-8)}.quests-header h1{font-size:clamp(1.5rem,3vw,2rem);line-height:var(--leading-heading);letter-spacing:-.035em;margin:0}.quests-access,.quests-feedback{padding:var(--space-5) 0;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);margin:0}.quests-access{align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.quests-access p{margin:0}.quests-access a{min-height:var(--control-height);color:var(--accent-hover);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.quests-error{color:var(--status-danger);align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.quests-error .button{min-height:var(--control-height)}.quests-section+.quests-section{margin-top:var(--space-10)}.quests-section-heading{margin-bottom:var(--space-4)}.quests-section-heading h2{font-size:var(--text-lg);line-height:var(--leading-heading);margin:0;font-weight:650}.quests-empty{padding:var(--space-5) 0;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);margin:0}.quest-list{border-top:1px solid var(--border-subtle);margin:0;padding:0;list-style:none}.quest-row{align-items:center;gap:var(--space-4);min-height:92px;padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--border-subtle);grid-template-columns:20px minmax(0,1fr) auto;display:grid}.quest-state-icon{color:var(--text-muted);align-items:center;display:flex}.quest-row.is-claimable .quest-state-icon{color:var(--accent-hover)}.quest-row.is-claimed .quest-state-icon{color:var(--status-positive)}.quest-main{min-width:0}.quest-main h3{margin:0 0 var(--space-2);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:650;line-height:1.4}.quest-row.is-claimed .quest-main h3{color:var(--text-secondary)}.quest-progress-copy{justify-content:space-between;gap:var(--space-3);max-width:360px;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);display:flex}.quest-progress-copy strong{color:var(--text-primary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.quest-row.is-claimed .quest-progress-copy span{color:var(--status-positive)}.quest-main .progress-meter{max-width:360px;height:5px}.quest-main .progress-meter::-webkit-progress-value{background:var(--accent-primary)}.quest-main .progress-meter::-moz-progress-bar{background:var(--accent-primary)}.quest-row.is-claimed .progress-meter::-webkit-progress-value{background:var(--status-positive)}.quest-row.is-claimed .progress-meter::-moz-progress-bar{background:var(--status-positive)}.quest-footer{justify-content:flex-end;align-items:center;gap:var(--space-5);min-width:0;display:flex}.quest-rewards{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex}.quest-rewards svg{margin-right:var(--space-1);color:var(--text-muted)}.quest-cosmetic-reward{align-items:center;gap:var(--space-1);color:var(--text-primary);display:inline-flex}.quest-cosmetic-reward>span{color:var(--accent-hover)}.quest-claim{min-width:80px;padding-inline:var(--space-4);flex:none}.quest-claim:disabled{opacity:.6;cursor:default}@media (width<=720px){.quest-row{gap:0 var(--space-3);grid-template-columns:20px minmax(0,1fr)}.quest-state-icon{align-self:start;margin-top:2px}.quest-footer{justify-content:space-between;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);flex-wrap:wrap;grid-column:2}.quest-main .progress-meter,.quest-progress-copy{max-width:none}}@media (width<=390px){.quests-page{padding-top:var(--space-6)}.quest-row{padding-inline:0}.quest-rewards{white-space:normal;flex-wrap:wrap}}.shop-page{--shop-column-min:17rem}.shop-intro{align-items:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);display:flex}.shop-intro svg{color:var(--accent-primary);flex:none}.shop-intro>div{min-width:0}.shop-intro strong{font-size:var(--text-sm)}.shop-intro p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-xs)}.shop-intro>span{color:var(--accent-primary);font-size:var(--text-sm);white-space:nowrap;margin-left:auto;font-weight:800}.shop-coin-balance small{margin-top:var(--space-1);color:var(--text-secondary);font-size:.6875rem;font-weight:700;display:block}.shop-profile-preview{min-height:12rem;margin:var(--space-5) 0 var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--surface-card);position:relative;overflow:hidden}.shop-profile-preview-banner{z-index:1;height:5.5rem;position:relative;overflow:hidden}.shop-profile-preview>.profile-presentation-media{z-index:0;opacity:.68}.shop-profile-preview-identity{z-index:2}.shop-preview{position:relative}.shop-preview>:not(.shop-presentation-media){z-index:1;position:relative}.shop-profile-preview-identity{align-items:center;gap:var(--space-3);min-width:0;margin:-1.875rem var(--space-5) var(--space-4);display:flex;position:relative}.shop-profile-preview-copy{gap:var(--space-1);min-width:0;display:grid}.shop-profile-preview-copy strong,.shop-profile-preview-copy span{overflow-wrap:anywhere}.shop-profile-preview-status{color:var(--text-secondary);font-size:var(--text-sm)}.shop-profile-preview-badges{gap:var(--space-1);color:var(--profile-accent);display:flex}.shop-profile-preview-identity>button{flex:none;margin-left:auto}.shop-browser{min-width:0}.shop-browser-heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.shop-browser-heading h2{margin:var(--space-1) 0 0;font-size:clamp(1.5rem,3vw,2rem)}.shop-scope,.shop-category-filter{gap:var(--space-1);display:flex}.shop-category-filter{max-width:100%;padding:var(--space-3) 0 var(--space-5);scrollbar-width:thin;overflow-x:auto}.shop-filter-button{min-height:var(--control-height);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;font-weight:700}.shop-filter-button:hover{color:var(--text-primary);background:var(--surface-hover)}.shop-filter-button[aria-pressed=true]{border-color:var(--border-subtle);color:var(--text-primary);background:var(--surface-raised)}.shop-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--shop-column-min)), 1fr));gap:var(--space-4);display:grid}.shop-card{min-width:0;overflow:hidden}.shop-preview{height:9rem;padding:var(--space-3);color:var(--text-secondary);background-color:var(--surface-raised);place-items:center;font-size:4rem;display:grid}.shop-preview-frame,.shop-preview-avatar{background-color:var(--surface-raised)}.shop-preview-title{background-color:var(--surface-card);font-size:var(--text-base)}.shop-preview-glyph{min-width:1.1em;min-height:1.1em;color:var(--text-primary);text-shadow:0 1px 4px #0000008c;place-items:center;display:inline-grid}.shop-info{min-width:0;padding:var(--space-4);display:grid}.shop-info h3{min-width:0;min-height:2.7em;margin:var(--space-2) 0 var(--space-4);overflow-wrap:anywhere;font-size:var(--text-lg)}.shop-card-meta,.shop-card-actions,.shop-state-list,.shop-card-actions>div{align-items:center;display:flex}.shop-card-meta,.shop-card-actions{justify-content:space-between;gap:var(--space-2);min-width:0}.shop-state-list,.shop-card-actions>div{justify-content:flex-end;gap:var(--space-1);flex-wrap:wrap;min-width:0}.shop-state{min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--surface-raised);align-items:center;gap:.25rem;font-size:.6875rem;font-weight:800;line-height:1;display:inline-flex}.shop-state-equipped{color:var(--accent-primary)}.shop-state-retired{color:var(--text-secondary);border:1px solid var(--border-subtle);background:0 0}.shop-state-unsupported{color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.shop-price{color:var(--accent-primary);font-size:var(--text-sm);flex:none;font-weight:800}.shop-preview-action{min-height:var(--control-height);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.shop-preview-action:hover,.shop-preview-action[aria-pressed=true]{color:var(--text-primary);background:var(--surface-hover)}.shop-browser .error-banner{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}@media (width<=42rem){.shop-intro,.shop-browser-heading,.shop-profile-preview-identity{flex-wrap:wrap;align-items:flex-start}.shop-intro>span{width:100%;margin-left:2.5rem}.shop-browser-heading{display:grid}.shop-profile-preview-identity{margin-inline:var(--space-3)}.shop-profile-preview-identity>button{width:100%;margin-left:0}.shop-card-actions{align-items:flex-start}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-width:0;font-family:var(--font-body);color:var(--text-primary);background:var(--surface-page)}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}:where(button,a){-webkit-tap-highlight-color:transparent;touch-action:manipulation}.skip-link{min-height:var(--control-height);top:var(--space-3);left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-5);background:var(--accent-primary);color:var(--text-on-accent);border-radius:var(--radius-sm);position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.container{width:min(var(--content-width), calc(100% - 3rem))}.button{border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);min-height:3rem;transition:transform var(--motion-press) var(--ease-out), background var(--motion-state), border-color var(--motion-state), color var(--motion-state)}.button-small{min-height:var(--control-height)}.button-primary{background:var(--action-primary);color:var(--text-on-action)}.button-primary:not(:disabled):hover{background:var(--action-hover)}.button:not(:disabled):active{transform:translateY(1px)scale(.98)}.button-ghost:hover{background:var(--surface-hover)}.text-link,.text-button{min-height:var(--control-height);font-size:var(--text-sm);transition:color var(--motion-state)}.text-link:hover,.text-button:hover{color:var(--accent-hover);text-underline-offset:5px;text-decoration:underline}.text-link svg{transition:transform var(--motion-state) var(--ease-out);flex-shrink:0}.text-link:hover svg{transform:translate(3px)}.eyebrow,.overline{font-size:var(--text-xs);letter-spacing:0;text-transform:none;font-weight:500;line-height:1.5}.overline{color:var(--text-muted)}.round-arrow{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-full);color:var(--text-secondary);transition:background var(--motion-state), color var(--motion-state), transform var(--motion-press);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.round-arrow:hover{background:var(--surface-hover);color:var(--accent-primary)}.round-arrow:active{transform:scale(.94)}.status-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);max-width:100%;font-weight:700;line-height:1.2;display:inline-flex}.status-badge-neutral{color:var(--text-secondary);background:var(--surface-raised)}.status-badge-accent{color:var(--accent-hover);background:var(--surface-accent)}.status-badge-competitive{color:var(--accent-secondary);background:var(--surface-competitive)}.progress-meter{appearance:none;border-radius:var(--radius-full);background:var(--surface-hover);width:100%;height:6px;color:var(--accent-secondary);border:0;display:block;overflow:hidden}.progress-meter::-webkit-progress-bar{background:var(--surface-hover);border-radius:var(--radius-full)}.progress-meter::-webkit-progress-value{background:var(--accent-secondary);border-radius:var(--radius-full)}.progress-meter::-moz-progress-bar{background:var(--accent-secondary);border-radius:var(--radius-full)}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.section-heading h2{margin:var(--space-2) 0;letter-spacing:-.04em;font-size:clamp(1.75rem,3vw,2.25rem)}.section-heading p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-body);margin:0}.section-heading>.text-link{flex-shrink:0}.locale-button,.mobile-menu{min-width:var(--control-height);min-height:var(--control-height)}.locale-button{color:var(--text-secondary);background:var(--surface-raised);border-color:#0000}.locale-button:hover,.mobile-menu:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-link{min-width:var(--control-height);min-height:var(--control-height);color:var(--text-secondary)}.nav-link.active{color:var(--accent-hover);background:0 0}.nav-link.active:after{content:none}.site-header,.site-footer{background:var(--surface-page)}.site-header{height:68px}.site-footer{min-height:72px}.brand{letter-spacing:-.04em}.brand-symbol{background:var(--surface-hover);color:var(--text-primary);border-radius:var(--radius-md)}.brand-dot{color:var(--text-primary)}.avatar{background:var(--surface-hover);color:var(--text-secondary);border-radius:var(--radius-full)}.coin-pill,.coin-pill span{color:var(--accent-secondary)}.text-link,.text-button{color:var(--text-secondary);font-weight:500}.button:not(:disabled):hover{transform:none}.header-profile{min-height:var(--control-height);min-width:0;overflow:visible}.brand{min-height:var(--control-height)}.header-actions>*{flex-shrink:0}.header-actions .button{white-space:nowrap}@media (width<=540px){.header-profile .header-name,.header-profile .coin-pill{display:none}}@media (width<=720px){.container{width:calc(100% - 2rem)}.header-inner{gap:var(--space-2)}.header-actions{gap:var(--space-1)}.brand-symbol{margin-right:var(--space-2)}.section-heading{align-items:start;gap:var(--space-3)}.section-heading p{max-width:26ch}.nav-link{padding-inline:var(--space-4)}}@media (width<=360px){.site-header .brand-symbol{display:none}.header-actions .button{padding-inline:var(--space-2);font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:not(:disabled):hover,.button:not(:disabled):active,.round-arrow:active,.text-link:hover svg{transform:none}}