:root{color-scheme:light;--bg:var(--brand-page-bg);--bg-elevated:var(--brand-card-cream);--panel:#faf6ee;--border:#e0d0b0;--text:#1f2430;--muted:#5c6270;--accent:#2d6bff;--accent-soft:rgba(45,107,255,0.12);--x:#2d6bff;--o:#e04a43;--playable:#1a4d32;--playable-border:#5ed491;--playable-glow:rgba(94,212,145,0.35);--cell-empty:#0d1219;--cell-empty-border:#3a4f66;--board-stage-bg:var(--brand-cube-frame);--win-line:#fff3a0;--win-line-glow:#ffe566;--piece-one-glow:rgba(94,200,255,0.35);--piece-two-glow:rgba(255,157,110,0.35);--error:#ff6b6b;--radius:14px;--shadow:var(--brand-shadow-card);--motion-fast:0.15s;--motion-normal:0.28s;--motion-slow:0.45s;--motion-ease:cubic-bezier(0.22,1,0.36,1);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--rarity-common:var(--brand-text-muted);--rarity-uncommon:var(--brand-player-blue);--rarity-rare:var(--brand-player-blue-hover);--rarity-epic:var(--brand-accent-green);--rarity-legendary:var(--brand-accent-yellow);--rarity-limited:var(--brand-accent-yellow);--rarity-event:var(--brand-accent-green);--rarity-developer:var(--brand-text-muted);--rarity-hidden:var(--brand-text-muted);font-family:var(--font-manrope),"Manrope",system-ui,-apple-system,sans-serif;line-height:1.5}html[data-theme=light]{color-scheme:light;--bg:#f4f7fb;--bg-elevated:#ffffff;--panel:#ffffff;--border:#c8d4e4;--text:#0f1724;--muted:#5a6d86;--accent:#2f7fd4;--accent-soft:rgba(47,127,212,0.1);--x:#1f7fd4;--o:#d95f3b;--playable:#c8ead6;--playable-border:#2f9d62;--playable-glow:rgba(47,157,98,0.25);--cell-empty:#e2e9f2;--cell-empty-border:#a8b8cc;--error:#c62828;--shadow:0 16px 40px rgba(15,23,36,0.12)}html[data-contrast=high]{--border:#9eb4d0;--playable:#1f6b42;--playable-border:#6dffb0;--playable-glow:rgba(109,255,176,0.45);--x:#4db8ff;--o:#ff9a78}html[data-reduce-motion=true] *,html[data-reduce-motion=true] :after,html[data-reduce-motion=true] :before{animation-duration:.01ms!important;transition-duration:.01ms!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box}body{margin:0;min-height:var(--layout-viewport-height,100svh);background:var(--app-background,var(--bg));color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.animated-btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-header-enter{animation:fade-up var(--motion-normal) var(--motion-ease) both}.skeleton-block{display:grid;grid-gap:.45rem;gap:.45rem;width:100%}.skeleton-line{display:block;height:.65rem;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--border) 70%,transparent) 0,color-mix(in srgb,var(--accent) 18%,var(--border)) 50%,color-mix(in srgb,var(--border) 70%,transparent) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.scene-loading-premium{display:grid;grid-gap:.75rem;gap:.75rem;place-items:center}.showroom-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .55rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 40%,var(--bg-elevated))}.showroom-toolbar-hint{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.showroom-reset-btn{font-size:.68rem!important;padding:.2rem .45rem!important}.showroom-visual-premium{display:flex;flex-direction:column}.board-stage-clearing{opacity:.35;transition:opacity var(--motion-normal) var(--motion-ease)}.board-theme-transition{animation:theme-fade var(--motion-normal) var(--motion-ease)}.collection-card.motion-selected{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.motion-applied{animation:micro-pulse var(--motion-fast) var(--motion-ease)}html[data-colorblind-mode=protanopia]{filter:contrast(1.08) saturate(.82) hue-rotate(-12deg)}html[data-colorblind-mode=deuteranopia]{filter:contrast(1.06) saturate(.78) hue-rotate(8deg)}html[data-colorblind-mode=tritanopia]{filter:contrast(1.05) saturate(.75) hue-rotate(65deg)}html[data-left-handed-ui=true] .hud-row-actions{justify-content:flex-end}html[data-left-handed-ui=true] .placement-confirm-leftHanded.placement-confirm-bottomCenter{left:max(1rem,var(--safe-left));right:auto;transform:none}html[data-left-handed-ui=true] .placement-confirm-leftHanded.placement-confirm-bottomRight{left:max(1rem,var(--safe-left));right:auto}.app-shell{padding-inline:var(--safe-left) var(--safe-right);padding-block:0;box-sizing:border-box}.app-shell,.home{min-height:var(--layout-viewport-height,100svh)}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem 3rem;gap:2.5rem}.home-hero{text-align:center;max-width:36rem}.home-premium .home-hero,.home-premium .home-menu{animation:none}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--accent)}.home h1{margin:0;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;letter-spacing:-.03em}.title-brand{background:linear-gradient(135deg,var(--text) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.title-4{font-weight:800;color:var(--accent);-webkit-text-fill-color:var(--accent)}.home-version{margin:.75rem 0 0;font-size:.85rem;color:var(--muted)}.home-tagline{margin:1rem 0 0;color:var(--muted);font-size:1.05rem}.home-menu{display:grid;grid-gap:.75rem;gap:.75rem;width:min(100%,28rem)}.home-premium{gap:2.75rem}.home-hero-premium .home-tagline{font-size:1.08rem;line-height:1.55;letter-spacing:.01em}.logo-eyebrow-enter{animation:fade-up var(--motion-slow) var(--motion-ease) both}.logo-title-enter{animation:logo-reveal .85s var(--motion-ease) .05s both}.logo-tagline-enter{animation:fade-up var(--motion-slow) var(--motion-ease) .18s both}.home-footer-enter,.logo-version-enter{animation:fade-up var(--motion-slow) var(--motion-ease) .28s both}.menu-card{display:grid;grid-gap:.25rem;gap:.25rem;padding:1rem 1.15rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,transform .2s,box-shadow .2s}.menu-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.menu-card-disabled{opacity:.45;cursor:not-allowed}.menu-card-label{font-size:1.1rem;font-weight:600}.menu-card-desc{font-size:.9rem;color:var(--muted)}.menu-card-badge{font-size:.75rem;color:var(--accent)}.home-footer{color:var(--muted);font-size:.85rem}.screen{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.page-header{margin-bottom:1.5rem}.back-link{display:inline-block;margin-bottom:.5rem;color:var(--muted);font-size:.9rem;transition:color .15s}.back-link:hover{color:var(--accent)}.page-header h1{margin:0;font-size:1.75rem}.page-subtitle{margin:.35rem 0 0;color:var(--muted)}.practice-toolbar,.setup-panel{display:grid;grid-gap:1.25rem;gap:1.25rem;max-width:32rem;margin-bottom:1.5rem}.setup-group{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin:0;background:var(--panel)}.setup-group legend{padding:0 .35rem;color:var(--muted);font-size:.85rem}.ai-debug-panel{position:absolute;top:4.5rem;right:.75rem;z-index:12;display:grid;grid-gap:.35rem;gap:.35rem;min-width:11rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 92%,transparent);font-size:.75rem;color:var(--muted);pointer-events:none}.ai-debug-row{display:flex;justify-content:space-between;gap:.75rem}.ai-debug-row strong{color:var(--text);font-weight:600}.ai-debug-reason{flex-direction:column;gap:.15rem;margin-top:.25rem;padding-top:.35rem;border-top:1px solid var(--border)}.segmented{display:flex;flex-wrap:wrap;gap:.5rem}.segment{flex:1 1;min-width:6rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.segment.active{border-color:var(--accent);background:var(--accent-soft)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));grid-gap:.65rem;gap:.65rem}.theme-card{display:flex;flex-direction:column;gap:.45rem;padding:.55rem;border:2px solid var(--border);border-radius:12px;background:var(--bg-elevated);color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}.theme-card.active,.theme-card:hover{border-color:var(--accent)}.theme-card.active{box-shadow:0 0 0 1px var(--accent)}.theme-card-swatches{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:3px;gap:3px;height:1.75rem;border-radius:6px;overflow:hidden}.theme-card-swatches span{display:block}.theme-card-label{font-size:.85rem;font-weight:600}.theme-card-badge{display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text);background:color-mix(in srgb,var(--accent) 18%,var(--bg-elevated))}.theme-card-locked{opacity:.55;cursor:not-allowed}.toggle-row{display:flex;align-items:center;gap:.5rem;color:var(--text)}.btn-ghost,.btn-primary,.btn-secondary{border-radius:10px;padding:.65rem 1.1rem;border:1px solid var(--border);cursor:pointer;transition:border-color .15s,transform .15s}.btn-primary{background:linear-gradient(180deg,#5b9fd4,#4a85b8);border-color:#6eb5ff;color:#fff;font-weight:600}.btn-secondary{background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center}.btn-ghost{background:transparent;color:var(--muted)}.btn-start{width:100%;padding:.85rem;font-size:1rem}.animated-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:10px;border:1px solid var(--border);cursor:pointer;text-align:inherit;font:inherit;color:inherit;text-decoration:none;transition:border-color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}.animated-btn-primary{background:linear-gradient(180deg,#5b9fd4,#4a85b8);border-color:#6eb5ff;color:#fff;font-weight:600}.animated-btn-secondary{background:var(--panel);color:var(--text)}.animated-btn-ghost{background:transparent;color:var(--muted);border-color:transparent}.animated-btn-menu-card{display:grid;grid-gap:.25rem;gap:.25rem;width:100%;padding:1rem 1.15rem;background:var(--panel);border-radius:var(--radius);text-align:left}.animated-btn-menu-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.animated-btn-segment{padding:.45rem .75rem;background:var(--bg-elevated)}.animated-btn-selected,.animated-btn.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.animated-btn-coming-soon,.animated-btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.animated-btn-developer{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.animated-btn-label{font-size:1.1rem;font-weight:600}.animated-btn-desc{font-size:.9rem;color:var(--muted)}.animated-btn-badge{font-size:.75rem;color:var(--accent);margin-top:.15rem}.game-board{display:grid;grid-gap:1rem;gap:1rem}.game-board-terminal .board-stage{filter:saturate(.92)}.game-hud{display:grid;grid-gap:.65rem;gap:.65rem;padding:.85rem 1rem;padding-top:max(.85rem,var(--safe-top));background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.hud-row{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center}.hud-row-actions{justify-content:flex-start}.hud-mode{font-weight:600;color:var(--accent)}.hud-hint,.hud-moves,.hud-score,.hud-turn{color:var(--muted);font-size:.9rem}.hud-thinking{color:var(--accent);font-style:italic}.hud-score-o:before,.hud-score-x:before{content:"";display:inline-block;width:.55rem;height:.55rem;border-radius:999px;margin-right:.35rem;vertical-align:middle}.hud-score-x:before{background:var(--x)}.hud-score-o:before{background:var(--o);border-radius:2px}.btn-icon{min-width:2.5rem;min-height:2.5rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;font-size:1rem}.btn-compact{padding:.5rem .9rem;font-size:.9rem}.hud-error{width:100%;margin:0;color:var(--error);font-size:.9rem}.board-stage{position:relative;min-height:min(70vh,560px);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--board-stage-bg,var(--bg-elevated))}.board-canvas-touch,.board-view-3d canvas{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%!important;height:min(70vh,560px)!important}.scene-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:min(70vh,560px);color:var(--muted)}.scene-loading-spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.cube-board{--board-size:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;padding:1rem;box-sizing:border-box}.cube-board[data-board-size="6"]{gap:.75rem;padding:.75rem}.board-grid{display:grid;grid-gap:4px;gap:4px}.board-layer{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:.75rem}.layer-title{margin:0 0 .5rem;font-size:.9rem;color:var(--muted)}.board-row{display:grid;grid-template-columns:repeat(var(--board-size,4),minmax(0,1fr));grid-gap:4px;gap:4px}.cube-board[data-board-size="6"] .cell{min-height:2rem;font-size:.95rem}.cube-board[data-board-size="6"] .board-layer{padding:.5rem}.cube-board[data-board-size="6"] .layer-title{font-size:.8rem;margin-bottom:.35rem}.cell{aspect-ratio:1;min-height:2.75rem;border:2px solid var(--cell-empty-border);border-radius:8px;background:var(--cell-empty);color:var(--text);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .1s,box-shadow .15s,background .15s}.cell-empty:not(.cell-playable){box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);opacity:.82}.cell-empty:not(.cell-preview):not(.cell-selected){filter:saturate(.88)}.cell-playable:not(.cell-preview):not(.cell-selected):not(:hover){border-color:var(--cell-empty-border);box-shadow:none}html[data-theme=light] .cell{background:var(--cell-empty)}.cell-high-contrast.cell-playable:not(:disabled){border-color:var(--playable-border);box-shadow:inset 0 0 0 1px var(--playable-glow),0 0 0 2px var(--playable-glow)}.cell-preview:not(:disabled):not(.cell-selected){transform:scale(1.06);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),0 0 8px color-mix(in srgb,var(--playable-glow) 55%,transparent)}.cell-selected:not(:disabled){--halo-scale:var(--selection-halo-scale,1);transform:scale(calc(1.12 + .04 * (var(--halo-scale) - 1)));border-color:var(--win-line-glow);box-shadow:0 0 0 calc(3px * var(--halo-scale)) color-mix(in srgb,var(--win-line-glow) 78%,transparent),0 0 calc(22px * var(--halo-scale)) var(--playable-glow),inset 0 0 calc(10px * var(--halo-scale)) color-mix(in srgb,var(--playable-glow) 45%,transparent);z-index:2;position:relative}html:not([data-reduce-motion=true]) .cell-selected.cell-playable:not(:disabled){animation:cell-selected-pulse 2.2s ease-in-out infinite}@keyframes cell-selected-pulse{0%,to{box-shadow:0 0 0 calc(3px * var(--halo-scale, 1)) color-mix(in srgb,var(--win-line-glow) 75%,transparent),0 0 calc(20px * var(--halo-scale, 1)) var(--playable-glow),inset 0 0 calc(10px * var(--halo-scale, 1)) color-mix(in srgb,var(--playable-glow) 45%,transparent)}50%{box-shadow:0 0 0 calc(4px * var(--halo-scale, 1)) color-mix(in srgb,var(--win-line-glow) 92%,transparent),0 0 calc(28px * var(--halo-scale, 1)) var(--win-line-glow),inset 0 0 calc(14px * var(--halo-scale, 1)) color-mix(in srgb,var(--playable-glow) 60%,transparent)}}.board-guides-strong .cell-selected:not(:disabled){border-width:3px}.placement-confirm-bar{position:absolute;left:50%;transform:translateX(-50%);bottom:max(1rem,var(--safe-bottom));z-index:12;display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.placement-confirm-bottomRight{left:auto;right:max(1rem,var(--safe-right));transform:none}.placement-confirm-floating{bottom:auto;top:1rem}.placement-confirm-coord{font-size:.85rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}html[data-font-size-scale=large],html[data-large-text=true]{font-size:112.5%}html[data-font-size-scale=extraLarge]{font-size:125%}html[data-touch-target-size=large] .btn-ghost,html[data-touch-target-size=large] .btn-primary,html[data-touch-target-size=large] .cell,html[data-touch-target-size=large] .segment{min-height:2.75rem;min-width:2.75rem}html[data-touch-target-size=extraLarge] .btn-ghost,html[data-touch-target-size=extraLarge] .btn-primary,html[data-touch-target-size=extraLarge] .cell,html[data-touch-target-size=extraLarge] .segment{min-height:3.25rem;min-width:3.25rem}.settings-card-collapsible .settings-section-toggle{border:0;background:transparent}.settings-card-collapsible .settings-section-toggle h2{margin:0}.settings-section-body{margin-top:1rem;overflow:hidden}.field-value{float:right;color:var(--muted);font-size:.85rem}.cell-win{border-color:var(--win-line-glow);box-shadow:0 0 0 2px color-mix(in srgb,var(--win-line-glow) 55%,transparent),0 0 18px color-mix(in srgb,var(--win-line) 45%,transparent);animation:win-pulse 1.6s ease-in-out infinite}@keyframes win-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--win-line-glow) 45%,transparent),0 0 12px color-mix(in srgb,var(--win-line) 35%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--win-line-glow) 70%,transparent),0 0 20px color-mix(in srgb,var(--win-line) 55%,transparent)}}.piece-marker{display:block;width:42%;height:42%;box-shadow:0 2px 8px rgba(0,0,0,.35)}.piece-x{border-radius:50%;background:var(--x);box-shadow:0 0 0 2px var(--piece-one-glow),0 2px 10px color-mix(in srgb,var(--x) 45%,transparent)}.piece-o{border-radius:5px;background:var(--o);box-shadow:0 0 0 2px var(--piece-two-glow),0 2px 10px color-mix(in srgb,var(--o) 40%,transparent)}html:not([data-reduce-motion=true]) .piece-marker-placed{animation:piece-place-premium var(--piece-place-duration,.42s) cubic-bezier(.22,1.12,.36,1) both}html:not([data-reduce-motion=true]) .piece-marker-reset{animation:piece-reset-premium var(--piece-reset-duration,.38s) ease-out both}html:not([data-reduce-motion=true]) .piece-marker-win{animation:piece-win-glow 2.4s ease-in-out infinite}html:not([data-reduce-motion=true]) .cell-playable:hover .piece-marker{transform:translateY(-2px) scale(1.05);transition:transform .18s cubic-bezier(.22,1,.36,1)}@keyframes piece-place-premium{0%{opacity:.25;transform:scale(.52)}55%{opacity:1;transform:scale(1.1)}78%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes piece-reset-premium{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.72)}}@keyframes piece-win-glow{0%,to{filter:brightness(1);box-shadow:0 0 0 2px var(--piece-one-glow),0 2px 10px color-mix(in srgb,var(--win-line) 35%,transparent)}50%{filter:brightness(1.16);box-shadow:0 0 0 3px var(--win-line-glow),0 0 20px color-mix(in srgb,var(--win-line) 60%,transparent)}}.cube-board.xray-enabled .board-layer-xray-outer .cell-selected .piece-marker,.cube-board.xray-enabled .board-layer-xray-outer .cell-win .piece-marker,.cube-board.xray-enabled .board-layer-xray-outer .piece-marker{opacity:1}.shape-preview-sphere,html[data-piece-one-shape=sphere] .piece-x,html[data-piece-two-shape=sphere] .piece-o{border-radius:50%;-webkit-clip-path:none;clip-path:none;transform:none}.shape-preview-cube,html[data-piece-one-shape=cube] .piece-x,html[data-piece-two-shape=cube] .piece-o{border-radius:5px;-webkit-clip-path:none;clip-path:none;transform:none}.shape-preview-pyramid,html[data-piece-one-shape=pyramid] .piece-x,html[data-piece-two-shape=pyramid] .piece-o{border-radius:0;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);transform:none}.shape-preview-diamond,html[data-piece-one-shape=diamond] .piece-x,html[data-piece-two-shape=diamond] .piece-o{border-radius:2px;-webkit-clip-path:none;clip-path:none;transform:rotate(45deg) scale(.82)}.shape-preview-star,html[data-piece-one-shape=star] .piece-x,html[data-piece-two-shape=star] .piece-o{border-radius:0;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transform:none}.shape-preview-heart,html[data-piece-one-shape=heart] .piece-x,html[data-piece-two-shape=heart] .piece-o{border-radius:0;-webkit-clip-path:polygon(50% 88%,8% 38%,12% 18%,28% 8%,50% 26%,72% 8%,88% 18%,92% 38%);clip-path:polygon(50% 88%,8% 38%,12% 18%,28% 8%,50% 26%,72% 8%,88% 18%,92% 38%);transform:none}.shape-preview-cat,.shape-preview-dog,.shape-preview-eagle,.shape-preview-falcon,.shape-preview-lion{border-radius:50%;background:linear-gradient(135deg,#555,#333)!important;opacity:.45;-webkit-clip-path:none;clip-path:none;transform:none}.cell-playable:not(:disabled){background:var(--playable);border-color:var(--playable-border);box-shadow:inset 0 0 0 1px var(--playable-glow),0 0 10px var(--playable-glow);cursor:pointer}.cell-playable:not(:disabled):hover{border-color:var(--accent);transform:scale(1.1);box-shadow:0 0 0 2px var(--accent-soft),0 0 16px var(--playable-glow)}.cell-o,.cell-x{border-width:2px}.cell-x{color:var(--x);background:color-mix(in srgb,var(--x) 16%,transparent);border-color:color-mix(in srgb,var(--x) 45%,transparent)}.cell-o{color:var(--o);background:color-mix(in srgb,var(--o) 16%,transparent);border-color:color-mix(in srgb,var(--o) 45%,transparent)}.coord-label{font-size:10px;font-family:ui-monospace,monospace;color:#d8e6f8;background:rgba(6,8,12,.9);border:1px solid rgba(110,181,255,.35);padding:1px 4px;border-radius:4px}html.gameplay-session-protected,html[data-gameplay-nav-protected=true],html[data-gameplay-session-protected=true]{overscroll-behavior:none}html.gameplay-session-protected body,html[data-gameplay-nav-protected=true] body,html[data-gameplay-session-protected=true] body{overscroll-behavior:none;touch-action:pan-y pinch-zoom}html.gameplay-session-protected,html.gameplay-session-protected body,html[data-gameplay-session-protected=true],html[data-gameplay-session-protected=true] body{overflow:hidden;height:var(--layout-viewport-height,100svh);max-height:var(--layout-viewport-height,100svh)}html:has([data-account-fixed-screen=true]),html:has([data-account-fixed-screen=true]) body,html:has([data-collection-fixed-screen=true]),html:has([data-collection-fixed-screen=true]) body,html:has([data-gameplay-fixed-screen=true]),html:has([data-gameplay-fixed-screen=true]) body,html:has([data-main-menu-fixed-screen=true]),html:has([data-main-menu-fixed-screen=true]) body,html:has([data-studio-fixed-screen=true]),html:has([data-studio-fixed-screen=true]) body{overflow:hidden;overscroll-behavior:none;height:var(--layout-viewport-height,100svh);max-height:var(--layout-viewport-height,100svh)}html:has([data-account-fixed-screen=true]) .screen-enter.brand-screen-shell,html:has([data-account-fixed-screen=true]) .screen-enter.qx-screen-shell,html:has([data-main-menu-fixed-screen=true]) .screen-enter.brand-screen-shell,html:has([data-main-menu-fixed-screen=true]) .screen-enter.qx-screen-shell{height:var(--layout-viewport-height,100svh);max-height:var(--layout-viewport-height,100svh);min-height:0;overflow:hidden}.leave-match-overlay{background:rgba(8,11,16,.78);align-items:center;padding:1rem;z-index:80}.in-game-match-menu-overlay,.leave-match-overlay{position:fixed;inset:0;display:flex;justify-content:center}.in-game-match-menu-overlay{background:linear-gradient(180deg,color-mix(in srgb,#0c1218 28%,transparent),color-mix(in srgb,#0c1218 34%,transparent));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:safe center;padding:max(.75rem,env(safe-area-inset-top,0px),var(--safe-top)) max(.75rem,env(safe-area-inset-right,0px),var(--safe-right)) max(.75rem,env(safe-area-inset-bottom,0px),var(--safe-bottom)) max(.75rem,env(safe-area-inset-left,0px),var(--safe-left));z-index:70;touch-action:manipulation;box-sizing:border-box;overflow:hidden}.in-game-match-menu-card{background:var(--qx-card-shell,var(--menu-card-white,#ffffff));border:1px solid var(--qx-border,var(--menu-card-border,rgba(15,23,42,.12)));border-radius:var(--qx-radius-control,var(--brand-radius-md,1rem));padding:1rem 1rem 1.05rem;width:min(100%,18.5rem);max-height:min(100%,calc(var(--layout-viewport-height, 100svh) - 1.5rem));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;grid-gap:.65rem;gap:.65rem;box-sizing:border-box;color:var(--brand-text-dark,#12141a);box-shadow:var(--qx-hud-shadow,var(--brand-shadow-panel,0 8px 24px rgba(15,23,42,.12))),0 18px 42px color-mix(in srgb,#0c1218 18%,transparent),var(--qx-inset-highlight,inset 0 1px 0 rgba(255,255,255,.75))}.in-game-match-menu__title{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--brand-text-dark,#12141a)}.in-game-match-menu__actions{display:grid;grid-gap:.45rem;gap:.45rem}.in-game-match-menu__btn{min-height:2.75rem;padding:.55rem .9rem;border-radius:var(--brand-radius-pill,999px);border:1px solid var(--qx-border,rgba(15,23,42,.14));background:var(--menu-card-white,#ffffff);color:var(--brand-text-dark,#12141a);font:inherit;font-weight:700;touch-action:manipulation;cursor:pointer;box-shadow:var(--qx-shadow-pressed,0 1px 2px rgba(15,23,42,.06));transition:transform .14s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.in-game-match-menu__btn:hover:not(:disabled){background:color-mix(in srgb,var(--qx-accent-blue,#3b82f6) 8%,white);border-color:color-mix(in srgb,var(--qx-accent-blue,#3b82f6) 28%,var(--qx-border,#d0d5dd))}.in-game-match-menu__btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.in-game-match-menu__btn:focus-visible{outline:2px solid color-mix(in srgb,var(--qx-accent-blue,#3b82f6) 55%,transparent);outline-offset:2px}.in-game-match-menu__btn--primary{min-height:3rem;font-weight:800;border-color:transparent;background:var(--qx-accent-blue,var(--brand-player-blue,#3b82f6));color:var(--brand-text-on-primary,#ffffff);box-shadow:0 0 0 1px color-mix(in srgb,var(--qx-accent-blue,#3b82f6) 35%,transparent),0 10px 22px color-mix(in srgb,var(--qx-accent-blue,#3b82f6) 28%,transparent)}.in-game-match-menu__btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--qx-accent-blue,#3b82f6) 88%,white);border-color:transparent}.in-game-match-menu__btn--secondary{font-weight:700;background:#ffffff;border-color:var(--qx-border,rgba(15,23,42,.16));color:var(--brand-text-dark,#12141a)}.in-game-match-menu__btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.in-game-match-menu__btn--danger{margin-top:.35rem;border-color:transparent;background:var(--qx-accent-red,var(--brand-player-red,#e53935));color:var(--brand-text-on-primary,#ffffff);font-weight:800;box-shadow:0 0 0 1px color-mix(in srgb,var(--qx-accent-red,#e53935) 30%,transparent),0 8px 18px color-mix(in srgb,var(--qx-accent-red,#e53935) 22%,transparent)}.in-game-match-menu__btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--qx-accent-red,#e53935) 88%,white);border-color:transparent}.in-game-match-menu__btn--ghost{min-height:2.5rem;font-weight:700;justify-self:start;width:-moz-fit-content;width:fit-content;padding-inline:.85rem;background:transparent;border-color:transparent;box-shadow:none;color:var(--brand-text-dark,#12141a)}.in-game-match-menu__btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--qx-accent-blue,#3b82f6) 8%,white);border-color:transparent}.in-game-match-menu__hint{margin:-.1rem 0 0;font-size:.75rem;font-weight:600;color:color-mix(in srgb,var(--brand-text-dark,#12141a) 58%,var(--brand-text-muted,#64748b));line-height:1.3}.in-game-match-settings__header{display:grid;grid-gap:.45rem;gap:.45rem}.in-game-match-settings__body{display:grid;grid-gap:.85rem;gap:.85rem}.in-game-match-settings__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:600}.in-game-match-settings__row input[type=range]{width:min(100%,9rem)}.game-board--menu-open .board-stage{pointer-events:none}.leave-match-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;width:min(100%,24rem);display:grid;grid-gap:1rem;gap:1rem}.leave-match-title{margin:0;font-size:1.35rem}.leave-match-body{margin:0;color:var(--muted)}.leave-match-actions{display:grid;grid-gap:.75rem;gap:.75rem}.tutorial-overlay{position:fixed;inset:0;background:rgba(8,11,16,.78);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:60;animation:fade-in .25s ease-out}.tutorial-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;max-width:26rem;width:100%;box-shadow:var(--shadow)}.tutorial-eyebrow{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.tutorial-card h2{margin:.5rem 0;font-size:1.5rem}.tutorial-body{margin:0 0 1.25rem;color:var(--muted)}.tutorial-actions{display:flex;justify-content:space-between;gap:.75rem}.tutorial-card-interactive{max-width:30rem}.tutorial-hint{margin:0 0 1rem;padding:.55rem .65rem;border-radius:8px;border:1px dashed var(--accent);color:var(--accent);font-size:.78rem}.tutorial-visual{margin:.75rem 0 1rem;padding:.65rem;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 55%,var(--bg-elevated))}.tutorial-visual-board,.tutorial-visual-layers{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.45rem;gap:.45rem}.tutorial-board-layer{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.2rem;gap:.2rem;padding:.35rem;border-radius:8px;border:1px solid var(--border)}.tutorial-board-layer.compact{padding:.25rem}.tutorial-board-layer.single{grid-column:1/-1;max-width:10rem;margin:0 auto}.tutorial-board-layer em{position:absolute;top:.15rem;right:.25rem;font-size:.55rem;font-style:normal;color:var(--muted)}.tutorial-board-layer span{aspect-ratio:1;border-radius:4px;background:var(--cell-empty);border:1px solid var(--cell-empty-border)}.tutorial-board-layer span.active{background:color-mix(in srgb,var(--accent) 35%,var(--cell-empty))}.tutorial-board-layer span.playable{background:var(--playable);border-color:var(--playable-border);box-shadow:0 0 0 1px var(--playable-glow)}.tutorial-board-layer span.win,.tutorial-board-layer span.win-depth{background:var(--win-line);border-color:var(--win-line-glow)}.tutorial-visual-rotation{display:grid;place-items:center;grid-gap:.5rem;gap:.5rem;min-height:7rem;perspective:500px}.tutorial-cube-spin{position:relative;width:3.5rem;height:3.5rem;transform-style:preserve-3d;animation:tutorial-cube-rotate 4s linear infinite}.tutorial-cube-spin .face{position:absolute;inset:0;border:1px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--accent) 25%,var(--bg-elevated))}.tutorial-cube-spin .front{transform:translateZ(1.75rem)}.tutorial-cube-spin .top{transform:rotateX(90deg) translateZ(1.75rem)}.tutorial-cube-spin .right{transform:rotateY(90deg) translateZ(1.75rem)}@keyframes tutorial-cube-rotate{0%{transform:rotateX(-18deg) rotateY(0deg)}to{transform:rotateX(-18deg) rotateY(1turn)}}.tutorial-visual-caption{margin:0;font-size:.68rem;color:var(--muted);text-align:center}.tutorial-winning-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.5rem;gap:.5rem;width:100%}.tutorial-winning-example{display:grid;grid-gap:.25rem;gap:.25rem;justify-items:center}.tutorial-board-layer.compact-grid{width:100%;max-width:4.5rem;padding:.35rem}.tutorial-winning-label{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tutorial-visual-score{display:grid;grid-gap:.45rem;gap:.45rem}.tutorial-score-card{display:flex;justify-content:space-between;font-weight:700}.tutorial-score-bars{display:grid;grid-gap:.3rem;gap:.3rem}.tutorial-score-bars span{display:block;height:.45rem;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--rarity-epic))}.tutorial-ai-card{display:flex;align-items:center;gap:.55rem;justify-content:center;min-height:4rem;font-size:.8rem}.tutorial-ai-badge{padding:.2rem .45rem;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:.68rem}.welcome-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:1rem;background:rgba(8,11,16,.82)}.welcome-card{width:min(100%,28rem);padding:1.75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.welcome-subtitle{margin:0 0 1.25rem;color:var(--muted)}.welcome-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.tip-banner{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;margin:.5rem 0;padding:.65rem .75rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated))}.tip-banner-title{margin:0;font-size:.78rem;font-weight:700}.tip-banner-body{margin:.2rem 0 0;font-size:.75rem;color:var(--muted)}.tip-banner-dismiss{flex-shrink:0;font-size:.75rem}.settings-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.settings-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem}.settings-card h2{margin:0;font-size:1rem;color:var(--accent)}.settings-section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.settings-level-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.settings-level-badge-player{background:color-mix(in srgb,#22c55e 12%,transparent)}.settings-level-badge-advanced{background:color-mix(in srgb,#eab308 12%,transparent)}.settings-level-badge-developer{background:color-mix(in srgb,#ef4444 12%,transparent)}.settings-field-shell{margin-bottom:1rem}.settings-field-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem;margin-bottom:.25rem}.settings-field-label{font-size:.92rem;font-weight:600;color:var(--text)}.field-description{margin:0 0 .5rem;font-size:.82rem;color:var(--muted);line-height:1.45}.field-compact{margin-top:.35rem}.toggle-row-text{font-size:.88rem}.btn-danger{color:#f87171;border-color:color-mix(in srgb,#f87171 35%,var(--border))}.settings-section-chevron{font-size:1.25rem;line-height:1;color:var(--muted)}.settings-card-collapsible .settings-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:none;border:none;padding:0;color:inherit;cursor:pointer;text-align:start}.settings-card-collapsible .settings-section-toggle .settings-section-heading{margin-bottom:0;flex:1 1}.settings-subheading .settings-level-badge{-webkit-margin-start:.5rem;margin-inline-start:.5rem;vertical-align:middle}.settings-card-wide{grid-column:1/-1}.settings-subheading{margin:1.25rem 0 .65rem;font-size:.92rem;color:var(--text)}.settings-hint{margin:0 0 .75rem;font-size:.85rem;color:var(--muted);line-height:1.45}.color-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));grid-gap:.5rem;gap:.5rem}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.45rem;border:2px solid var(--border);border-radius:10px;background:var(--bg-elevated);color:var(--text);cursor:pointer;min-height:4.5rem}.color-swatch.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.color-swatch-locked{opacity:.55;cursor:not-allowed}.color-swatch-fill,.color-swatch-theme{width:100%;height:1.5rem;border-radius:6px;border:1px solid var(--border)}.color-swatch-theme{background:linear-gradient(135deg,var(--board-stage-bg),var(--accent-soft))}.color-swatch-label{font-size:.72rem;text-align:center;line-height:1.2}.color-swatch-badge{font-size:.62rem;color:var(--muted);text-align:center}.shape-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));grid-gap:.5rem;gap:.5rem}.shape-swatch{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.45rem;border:2px solid var(--border);border-radius:10px;background:var(--bg-elevated);color:var(--text);cursor:pointer;min-height:4.5rem}.shape-swatch.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.shape-swatch-locked{opacity:.55;cursor:not-allowed}.shape-swatch-preview{width:100%;height:1.5rem;background:var(--accent);border:1px solid var(--border)}.shape-swatch-label{font-size:.72rem;text-align:center;line-height:1.2}.shape-swatch-badge{font-size:.62rem;color:var(--muted);text-align:center}html[dir=rtl] .color-swatch-grid,html[dir=rtl] .home-menu,html[dir=rtl] .segmented,html[dir=rtl] .settings-grid,html[dir=rtl] .shape-swatch-grid,html[dir=rtl] .theme-grid{direction:rtl}html[dir=rtl] .board-stage,html[dir=rtl] .cube-board,html[dir=rtl] .game-hud{direction:ltr}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));grid-gap:.65rem;gap:.65rem;margin-bottom:.5rem}.catalog-card{display:flex;flex-direction:column;gap:.35rem;padding:.65rem;border:2px solid var(--border);border-radius:10px;background:var(--bg-elevated);min-height:6.5rem}.catalog-card-locked{opacity:.6}.catalog-card-swatches{display:flex;gap:.25rem;width:100%}.catalog-card-swatches span{flex:1 1;height:1.25rem;border-radius:6px;border:1px solid var(--border)}.catalog-card-label{font-size:.82rem;font-weight:600;color:var(--text)}.catalog-card-desc{font-size:.7rem;color:var(--muted);line-height:1.3}.catalog-card-badge{font-size:.62rem;color:var(--muted);margin-top:auto}html[dir=rtl] .catalog-grid{direction:rtl}.menu-card-button{width:100%;text-align:inherit;font:inherit}.practice-menu{margin-top:.5rem}.segmented-wrap{flex-wrap:wrap}.collection-layout{display:grid;grid-template-columns:1fr minmax(16rem,24rem);grid-gap:1.25rem;gap:1.25rem;align-items:start}.collection-section-title{font-size:.95rem;font-weight:600;margin:0 0 .75rem;color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));grid-gap:.85rem;gap:.85rem}.collection-card{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border:2px solid var(--border);border-radius:14px;background:var(--bg-elevated);min-height:11rem;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.collection-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));transform:translateY(-1px)}.collection-card.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.collection-card-locked{opacity:.72}.collection-card-swatches{display:flex;gap:.3rem;width:100%}.collection-card-swatches span{flex:1 1;height:1.5rem;border-radius:8px;border:1px solid var(--border)}.collection-card-body{display:flex;flex-direction:column;gap:.35rem;flex:1 1}.collection-card-name{font-size:.95rem;font-weight:700;color:var(--text)}.collection-card-desc{font-size:.72rem;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-card-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:.35rem;gap:.35rem;font-size:.68rem;margin:0}.collection-card-meta dt{color:var(--muted)}.collection-card-meta dd{margin:0;font-weight:600}.collection-card-tags{display:flex;flex-wrap:wrap;gap:.25rem}.collection-tag{font-size:.6rem;padding:.12rem .4rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.collection-card-badge{font-size:.62rem;font-weight:600;color:var(--accent);margin-top:auto}.collection-detail-panel h2{margin-top:.25rem}.collection-detail-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0}.collection-detail-meta{margin-top:.85rem}.collection-included-title{font-size:.85rem;margin:1rem 0 .5rem}.collection-asset-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.collection-asset-row{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--bg) 65%,var(--bg-elevated))}.collection-asset-row.locked{opacity:.65}.collection-asset-name{font-size:.78rem;font-weight:600}.collection-asset-desc{font-size:.68rem;color:var(--muted);margin:.2rem 0 0;line-height:1.3}.collection-asset-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.collection-asset-badge{font-size:.62rem;font-weight:600;white-space:nowrap}.collection-asset-badge.locked{color:var(--muted)}.collection-asset-badge.free{color:var(--accent)}.collection-apply-btn{font-size:.68rem;padding:.25rem .5rem}.multiplayer-lobby-panel,.multiplayer-lobby-screen,.private-room-screen{display:flex;flex-direction:column;gap:1.25rem}.multiplayer-join-group,.multiplayer-lobby-actions{display:flex;flex-direction:column;gap:.75rem}.multiplayer-room-code-input{font-family:var(--font-mono,ui-monospace,monospace);font-size:1.25rem;letter-spacing:.2em;text-transform:uppercase;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);width:100%;max-width:12rem}.multiplayer-room-code-share{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent)}.multiplayer-room-code-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.multiplayer-room-code-value{margin:0;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:600;letter-spacing:.28em;font-family:var(--font-mono,ui-monospace,monospace)}.online-match-hud{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.online-match-eyebrow{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.online-match-turn{margin:0;font-size:1.1rem;font-weight:600}.online-match-meta{margin:0;color:var(--muted)}.online-match-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:.75rem}.online-connection-status{margin:0;font-size:.75rem;color:var(--muted)}.online-connection-status.reconnecting{color:color-mix(in srgb,#f5c542 80%,var(--text))}.online-connection-status.disconnected,.online-connection-status.expired,.online-connection-status.opponent-offline{color:color-mix(in srgb,#ff6b6b 85%,var(--text))}.online-connection-status.opponent-online{color:color-mix(in srgb,var(--accent) 80%,var(--text))}.play-online-link-wrap{margin-top:.75rem}.collection-showroom-screen{display:flex;flex-direction:column;gap:1.5rem}.collection-showroom-flow{display:flex;flex-direction:column;gap:1.75rem}.collection-showroom-featured{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-gap:1.5rem;gap:1.5rem;align-items:stretch;padding:1.5rem;border-radius:20px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 88%,var(--bg));min-height:18rem}.collection-showroom-artwork{border-radius:16px;min-height:14rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.collection-showroom-featured-copy{display:flex;flex-direction:column;justify-content:center;gap:.65rem}.collection-showroom-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--muted)}.collection-showroom-title{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600;line-height:1.1}.collection-showroom-rarity{margin:0;color:var(--accent);font-size:.85rem}.collection-showroom-description,.collection-showroom-story{margin:0;color:var(--muted);line-height:1.55;max-width:36rem}.collection-showroom-story{font-style:italic}.collection-showroom-badges{display:flex;flex-wrap:wrap;gap:.45rem}.collection-showroom-cta{align-self:flex-start;margin-top:.35rem}.collection-showroom-lineup{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x mandatory}.collection-showroom-lineup-item{flex:0 0 auto;min-width:8.5rem;display:flex;flex-direction:column;gap:.45rem;padding:.75rem;border-radius:14px;border:1px solid var(--border);background:var(--bg-elevated);text-align:left;cursor:pointer;scroll-snap-align:start;transition:border-color .18s ease,transform .18s ease}.collection-showroom-lineup-item.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.collection-showroom-lineup-swatch{display:block;height:3.5rem;border-radius:10px}.collection-showroom-lineup-name{font-weight:600;font-size:.92rem}.collection-showroom-detail{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 0 .5rem}.collection-showroom-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.collection-showroom-detail-badges{display:flex;flex-wrap:wrap;gap:.45rem}.collection-showroom-hero-wrap{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border);min-height:min(52vh,420px)}.collection-hero-cube-stage{min-height:min(52vh,420px)}.collection-hero-cube-stage canvas{width:100%!important;height:min(52vh,420px)!important}.collection-showroom-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));grid-gap:.85rem;gap:.85rem}.collection-showroom-preview-tile{border:1px solid var(--border);border-radius:14px;padding:.65rem;background:color-mix(in srgb,var(--bg-elevated) 90%,var(--bg))}.collection-showroom-preview-label{margin:0 0 .35rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.collection-showroom-story{padding:1rem 0 .25rem;border-top:1px solid var(--border)}.collection-showroom-story-copy{margin:.35rem 0 0;color:var(--text);line-height:1.6;max-width:42rem}.collection-showroom-apply{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent)}.collection-showroom-apply-active,.collection-showroom-apply-hint{margin:0;color:var(--muted);font-size:.9rem}.collection-showroom-apply-active{color:var(--accent)}.collection-showroom-apply-actions{display:flex;gap:.65rem}.collection-showroom-apply-running{opacity:.85}.collection-showroom-compare{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:1rem;gap:1rem;align-items:start}.collection-showroom-compare-column h3{margin:.15rem 0 .5rem;font-size:1rem}.collection-showroom-compare-label{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.collection-showroom-compare-divider{width:1px;align-self:stretch;background:var(--border);margin:0 .25rem}.showroom-visual{margin:.75rem 0;border-radius:12px;overflow:hidden;border:1px solid var(--border);min-height:8.5rem}.showroom-canvas,.showroom-canvas-fallback{width:100%;height:8.5rem;display:block}.showroom-visual-swatches{padding:.65rem;background:color-mix(in srgb,var(--bg) 50%,var(--bg-elevated))}.showroom-swatch-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:.35rem;gap:.35rem;margin-top:.5rem}.showroom-swatch-card{height:2.25rem;border-radius:8px;border:1px solid var(--border)}.showroom-swatch-card.wide{grid-column:1/-1;height:2.75rem}html[dir=rtl] .collection-card,html[dir=rtl] .collection-grid{direction:rtl;text-align:right}html[dir=rtl] .collection-asset-row{direction:rtl}html[dir=rtl] .collection-asset-actions{align-items:flex-start}.cosmetic-completion-bar{display:grid;grid-template-columns:auto 1fr auto;grid-gap:.65rem;gap:.65rem;align-items:center;margin:.75rem 0 1rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.cosmetic-completion-label,.cosmetic-completion-value{font-size:.75rem;font-weight:600;white-space:nowrap}.cosmetic-completion-track{height:.45rem;border-radius:999px;background:color-mix(in srgb,var(--border) 65%,transparent);overflow:hidden}.cosmetic-completion-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--rarity-epic))}.cosmetic-browse-toolbar{display:grid;grid-gap:.65rem;gap:.65rem;margin-bottom:1rem}.cosmetic-search-input{width:100%;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.cosmetic-filter-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:flex-end}.cosmetic-filter-field{display:grid;grid-gap:.2rem;gap:.2rem;font-size:.72rem;color:var(--muted)}.cosmetic-filter-field select{min-width:7.5rem;padding:.35rem .5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.cosmetic-filter-toggle{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--muted);padding-bottom:.35rem}.collection-section-tabs{margin-bottom:.75rem}.collection-card-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.collection-card-badges,.collection-detail-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0}.collection-card-premium-tier{border-style:dashed;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-elevated) 92%,var(--rarity-epic)) 0,var(--bg-elevated) 55%)}.collection-availability-badge{font-size:.62rem;font-weight:600;padding:.12rem .45rem;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.collection-availability-badge.availability-free{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.collection-availability-badge.availability-coming-soon,.collection-availability-badge.availability-premium{color:var(--rarity-legendary);border-color:color-mix(in srgb,var(--rarity-legendary) 40%,var(--border))}.collection-availability-badge.availability-developer{color:var(--rarity-developer)}.cosmetic-card-favorite{color:var(--rarity-legendary);font-size:.85rem}.cosmetic-rarity-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;border-radius:999px;border:1px solid}.cosmetic-rarity-badge.rarity-common{color:var(--rarity-common)}.cosmetic-rarity-badge.rarity-rare{color:var(--rarity-rare)}.cosmetic-rarity-badge.rarity-epic{color:var(--rarity-epic)}.cosmetic-rarity-badge.rarity-legendary{color:var(--rarity-legendary)}.cosmetic-lock-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.62rem;font-weight:600;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--border)}.cosmetic-lock-badge.unlocked{color:var(--playable-border);border-color:color-mix(in srgb,var(--playable-border) 55%,var(--border))}.cosmetic-lock-badge.locked{color:var(--muted);opacity:.85}.cosmetic-favorite-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.cosmetic-favorite-btn.active{color:var(--rarity-legendary);border-color:color-mix(in srgb,var(--rarity-legendary) 55%,var(--border))}.collection-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.collection-detail-body{display:flex;flex-direction:column;gap:.65rem}.collection-detail-rarity-common{--collection-rarity-accent:var(--rarity-common)}.collection-detail-rarity-rare{--collection-rarity-accent:var(--rarity-rare)}.collection-detail-rarity-epic{--collection-rarity-accent:var(--rarity-epic)}.collection-detail-rarity-legendary{--collection-rarity-accent:var(--rarity-legendary)}.collection-detail-rarity-developer{--collection-rarity-accent:var(--rarity-developer)}.collection-detail-body.collection-detail-rarity-common,.collection-detail-body.collection-detail-rarity-developer,.collection-detail-body.collection-detail-rarity-epic,.collection-detail-body.collection-detail-rarity-legendary,.collection-detail-body.collection-detail-rarity-rare{border-top:3px solid var(--collection-rarity-accent,var(--accent));padding-top:.5rem}.collection-card-rarity-common{border-top:2px solid var(--rarity-common)}.collection-card-rarity-rare{border-top:2px solid var(--rarity-rare)}.collection-card-rarity-epic{border-top:2px solid var(--rarity-epic)}.collection-card-rarity-legendary{border-top:2px solid var(--rarity-legendary)}.collection-card-rarity-developer{border-top:2px solid var(--rarity-developer)}.collection-completion-placeholder{display:flex;align-items:center;gap:.85rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--bg) 40%,var(--bg-elevated))}.collection-completion-compact{padding:.45rem .55rem;gap:.55rem}.collection-completion-ring{position:relative;width:2.75rem;height:2.75rem;flex-shrink:0}.collection-completion-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.collection-completion-ring-track{fill:none;stroke:var(--border);stroke-width:3}.collection-completion-ring-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}.collection-completion-ring-value{position:absolute;inset:0;display:grid;place-items:center;font-size:.55rem;font-weight:700}.collection-completion-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.collection-completion-title{font-size:.72rem;font-weight:600}.collection-completion-count{font-size:.68rem;color:var(--muted)}.collection-completion-milestones{display:flex;gap:.35rem;list-style:none;margin:.25rem 0 0;padding:0}.collection-completion-milestones li{font-size:.58rem;padding:.1rem .35rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.collection-completion-milestones li.reached{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.collection-completion-hint{margin:.25rem 0 0;font-size:.65rem;color:var(--muted)}.collection-showroom-stack{display:grid;grid-gap:.65rem;gap:.65rem}.collection-showroom-pane{position:relative}.premium-collection-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:.75rem;background:color-mix(in srgb,var(--bg) 35%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px}.premium-collection-overlay-card{text-align:center;padding:.75rem 1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--rarity-legendary) 45%,var(--border));background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);max-width:14rem}.premium-collection-overlay-icon{font-size:1.25rem;color:var(--rarity-legendary)}.premium-collection-overlay-title{margin:.35rem 0 0;font-size:.78rem;font-weight:700}.premium-collection-overlay-desc{margin:.25rem 0 .5rem;font-size:.65rem;color:var(--muted);line-height:1.35}.premium-collection-overlay-badge{font-size:.62rem;font-weight:600;color:var(--rarity-legendary)}.collection-board-preview{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--board-stage-bg,var(--bg-elevated))}.collection-board-preview-stage{position:relative;height:11rem}.collection-board-preview-stage .board-stage,.collection-board-preview-stage canvas{width:100%;height:100%}.collection-board-preview-fallback{height:11rem;display:grid;place-items:center}.collection-board-preview-lock{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 25%,transparent);pointer-events:none}.collection-board-preview-lock-icon{font-size:1.5rem;color:var(--rarity-legendary);opacity:.85}.collection-apply-preset-btn{width:100%;margin-top:.25rem}.cosmetic-preview-kind{margin:0;padding:.45rem .65rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border)}.cosmetic-board-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.25rem;gap:.25rem;padding:.65rem}.cosmetic-board-grid span{aspect-ratio:1;border-radius:6px;border:1px solid var(--border)}.cosmetic-animation-stage{position:relative;height:5.5rem;margin:.65rem;border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,var(--bg-elevated));overflow:hidden}.cosmetic-animation-pulse{position:absolute;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--accent);opacity:.75;animation:cosmetic-pulse 1.4s ease-in-out infinite}.cosmetic-animation-pulse-a{top:30%;left:20%}.cosmetic-animation-pulse-b{top:45%;left:55%;animation-delay:.25s}.cosmetic-animation-pulse-c{top:20%;left:72%;animation-delay:.5s}@keyframes cosmetic-pulse{0%,to{transform:scale(.85);opacity:.45}50%{transform:scale(1.15);opacity:1}}.cosmetic-sound-placeholder{display:flex;align-items:flex-end;justify-content:center;gap:.35rem;height:5rem;margin:.65rem;border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,var(--bg-elevated))}.cosmetic-sound-wave{width:.35rem;height:1.5rem;border-radius:999px;background:var(--accent);animation:cosmetic-wave .9s ease-in-out infinite}.cosmetic-sound-wave:nth-child(2){animation-delay:.15s;height:2.25rem}.cosmetic-sound-wave:nth-child(3){animation-delay:.3s;height:1.75rem}@keyframes cosmetic-wave{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.cosmetic-sound-events{list-style:none;margin:0;padding:.45rem .75rem .75rem;display:flex;flex-wrap:wrap;gap:.35rem}.cosmetic-sound-events li{font-size:.62rem;padding:.12rem .4rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.cosmetic-preview-badge{display:inline-block;margin:0 .65rem .65rem;font-size:.62rem;font-weight:600;color:var(--accent)}.collection-tabs{margin-bottom:.75rem;flex-wrap:wrap}.catalog-card-selectable{cursor:pointer;text-align:left}.catalog-card-selectable.active{border-color:var(--accent)}.showroom-panel{position:-webkit-sticky;position:sticky;top:1rem;padding:1rem;border:2px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.showroom-preview{display:flex;gap:.35rem;margin:.75rem 0}.showroom-preview span{flex:1 1;height:2rem;border-radius:8px;border:1px solid var(--border)}.showroom-visual-placeholder{height:5rem;border:1px dashed var(--border);border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:.75rem;margin-bottom:.75rem}.showroom-meta{display:grid;grid-gap:.5rem;gap:.5rem;margin-top:.75rem;font-size:.8rem}.showroom-meta dt{color:var(--muted)}.stats-panel{display:grid;grid-gap:.5rem;gap:.5rem;max-width:36rem}.stats-progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));grid-gap:.65rem;gap:.65rem;margin-bottom:1rem}.stats-progress-card{padding:.75rem .85rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 12%,var(--bg-elevated)),var(--bg-elevated))}.stats-progress-label{margin:0;font-size:.72rem;color:var(--muted)}.stats-progress-value{margin:.2rem 0 0;font-size:1.35rem;font-weight:700}.stats-progress-hint{margin:.25rem 0 0;font-size:.65rem;color:var(--muted)}.stats-progression-hero{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,var(--bg-elevated)),var(--bg-elevated))}.stats-level-badge{display:grid;place-items:center;min-width:4.5rem;padding:.65rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent)}.stats-level-value{font-size:1.6rem;font-weight:800;line-height:1}.stats-level-title{margin-top:.2rem;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stats-progression-summary{display:grid;grid-gap:.35rem;gap:.35rem}.stats-player-title{margin:0;font-size:.82rem;font-weight:600;color:color-mix(in srgb,var(--accent) 80%,var(--text))}.stats-total-xp{margin:0;font-size:.95rem;font-weight:700}.stats-xp-bar{display:grid;grid-gap:.25rem;gap:.25rem}.stats-xp-bar-track{height:.45rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 18%,transparent);overflow:hidden}.stats-xp-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 65%,white))}.stats-xp-bar-caption{margin:0;font-size:.68rem;color:var(--muted)}.stats-next-achievement{margin-top:.75rem}.stats-next-achievement-label{margin:0;font-size:.72rem;color:var(--muted)}.stats-next-achievement-title{margin:.2rem 0 0;font-size:.95rem;font-weight:700}.stats-next-achievement-description{margin:.2rem 0 .55rem;font-size:.78rem;color:var(--muted)}.stats-recent-unlocks{margin-top:.85rem}.stats-unlock-list{margin:0;padding:0;list-style:none;display:grid;grid-gap:.35rem;gap:.35rem}.stats-unlock-item{display:grid;grid-template-columns:5rem 1fr auto;grid-gap:.45rem;gap:.45rem;align-items:center;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--border);font-size:.72rem}.stats-unlock-kind{text-transform:capitalize;color:var(--muted)}.stats-achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));grid-gap:.55rem;gap:.55rem;margin-top:.85rem}.stats-achievement-card{padding:.65rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated)}.stats-achievement-card.unlocked{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.stats-achievement-card.hidden-achievement{opacity:.72}.stats-achievement-icon{margin:0;font-size:1.2rem}.stats-achievement-title{margin:.2rem 0 0;font-size:.78rem;font-weight:700}.stats-achievement-description{margin:.15rem 0 0;font-size:.68rem;color:var(--muted)}.stats-achievement-meta{margin:.35rem 0 0;font-size:.62rem;color:var(--muted)}.progression-celebration{position:fixed;top:auto;bottom:calc(env(safe-area-inset-bottom, 0px) + 5.5rem);left:50%;z-index:11;transform:translateX(-50%);min-width:min(22rem,calc(100vw - 1.5rem));padding:.7rem .9rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);box-shadow:0 12px 32px color-mix(in srgb,black 28%,transparent);animation:progression-celebration-in .42s ease-out}.progression-celebration-reduced{animation:none}.progression-celebration-level{border-color:color-mix(in srgb,#f5c542 55%,var(--border))}.progression-celebration-achievement{border-color:color-mix(in srgb,#7ad7ff 55%,var(--border))}.progression-celebration-kicker{margin:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.progression-celebration-label{margin:.15rem 0 0;font-size:.92rem;font-weight:700}.progression-celebration-xp{margin:.15rem 0 0;font-size:.75rem;color:color-mix(in srgb,var(--accent) 80%,var(--text))}@keyframes progression-celebration-in{0%{opacity:0;transform:translateX(-50%) translateY(-.35rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (prefers-reduced-motion:reduce){.progression-celebration{animation:none}}.stats-section{margin-bottom:1.15rem}.stats-section-title{margin:0 0 .55rem;font-size:.9rem;font-weight:600;color:var(--muted)}.stats-chart{margin-top:.65rem}.stats-chart-bars{display:grid;grid-gap:.45rem;gap:.45rem}.stats-chart-row{display:grid;grid-template-columns:5.5rem 1fr 2rem;grid-gap:.45rem;gap:.45rem;align-items:center}.stats-chart-label,.stats-chart-value{font-size:.72rem;color:var(--muted)}.stats-chart-value{text-align:right;font-weight:600;color:var(--text)}.stats-chart-track{height:.55rem;border-radius:999px;background:color-mix(in srgb,var(--border) 70%,transparent);overflow:hidden}.stats-chart-fill{display:block;height:100%;border-radius:inherit}.stats-chart-fill.win{background:var(--playable-border)}.stats-chart-fill.loss{background:var(--error)}.stats-chart-fill.draw{background:var(--muted)}.stats-chart-fill.ai{background:var(--accent)}.stats-chart-fill.human{background:var(--rarity-epic)}.stats-chart-fill.online{background:var(--brand-player-blue,#2d6bff)}.stats-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.stats-tracking-notice{margin:0 0 1rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated));color:var(--muted);font-size:.9rem;line-height:1.45}.stats-history-list{display:flex;flex-direction:column;gap:.5rem}.stats-history-empty{margin:0;padding:.75rem 1rem;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.9rem}.stats-history-row{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}.stats-history-main{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.stats-history-result{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.stats-history-result.win{color:var(--success,#3ecf8e)}.stats-history-result.loss{color:var(--danger,#ff6b6b)}.stats-history-result.draw,.stats-history-result.neutral{color:var(--muted)}.stats-history-meta{color:var(--text);font-weight:600;font-size:.9rem}.stats-history-details{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--muted);font-size:.82rem}.stats-history-replay-link{padding:0;border:none;background:none;color:var(--accent);font-size:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.stats-next-milestone{margin:0;font-size:.72rem;color:var(--muted)}.stats-achievement-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.stats-achievement-filter{padding:.35rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--muted);font-size:.68rem;cursor:pointer}.stats-achievement-filter.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--text);background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.stats-history-summary{margin:0 0 .65rem;font-size:.78rem;color:var(--muted)}.stats-history-toolbar{display:flex;justify-content:flex-end;margin-bottom:.5rem}.stats-history-sort{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;color:var(--muted)}.stats-history-sort select{padding:.25rem .45rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text);font-size:.72rem}.stats-history-header{display:none;grid-template-columns:1.2fr 1.4fr .8fr .7fr 1fr auto;gap:.75rem;padding:0 .75rem .35rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}@media (min-width:48rem){.stats-history-row{display:grid;grid-template-columns:1.2fr 1.4fr .8fr .7fr 1fr auto;align-items:center;grid-gap:.75rem;gap:.75rem}.stats-history-details,.stats-history-main{display:contents}.stats-history-header{display:grid}}.profile-recent-match__result.win{color:var(--success,#3ecf8e)}.profile-recent-match__result.loss{color:var(--danger,#ff6b6b)}.profile-recent-match__result.draw{color:var(--muted)}.replay-screen .replay-empty{margin:0;padding:1rem;border:1px dashed var(--border);border-radius:8px;color:var(--muted)}.replay-meta{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;margin-bottom:.75rem}.replay-meta-chip{display:flex;flex-direction:column;gap:.15rem;min-width:6.5rem;padding:.45rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}.replay-meta-label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.replay-meta-value{font-weight:700;font-size:.95rem}.replay-meta-player{font-size:1.1rem;letter-spacing:.04em}.replay-meta-result--final{color:var(--success,#3ecf8e)}.replay-playing-badge{align-self:center;margin-left:auto;padding:.25rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.replay-status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;font-weight:600}.replay-terminal-badge{padding:.2rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--success,#3ecf8e) 16%,transparent);color:var(--success,#3ecf8e);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.replay-board-stage{min-height:18rem}.replay-controls{gap:.75rem;margin-top:1rem}.replay-controls,.replay-timeline{display:flex;flex-direction:column}.replay-timeline{gap:.35rem}.replay-timeline__track{position:relative;height:.35rem;border-radius:999px;background:color-mix(in srgb,var(--border) 70%,transparent);overflow:hidden}.replay-timeline__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,white));transition:width .12s ease}.replay-timeline__scrubber{width:100%;margin:0}.replay-timeline__labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.replay-scrubber{width:100%;accent-color:var(--accent)}.replay-transport{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.replay-transport__play{min-width:6.5rem}.replay-actions,.replay-control-row,.replay-speed-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.replay-view-tools{justify-content:center}.replay-speed-label{color:var(--muted);font-size:.9rem;margin-right:.25rem}.replay-delete{color:var(--danger,#ff6b6b)}@media (max-width:640px){.replay-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.replay-playing-badge{grid-column:1/-1;margin-left:0;justify-self:start}.replay-transport{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.replay-transport__play{grid-column:1/-1}}.stat-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}.stat-label{color:var(--muted)}.stat-value{font-weight:600}.appearance-preview{display:flex;gap:.5rem;max-width:16rem}.appearance-preview span{flex:1 1;height:2rem;border-radius:8px;border:1px solid var(--border)}.appearance-preview-piece{display:block}@media (max-width:768px){.collection-layout{grid-template-columns:1fr;gap:1rem}.collection-detail-panel{order:-1}.showroom-panel{position:static}.collection-grid{grid-template-columns:1fr}.collection-card{min-height:auto}.collection-board-preview-stage{height:9.5rem}.showroom-canvas,.showroom-canvas-fallback{height:7.5rem}.cosmetic-filter-row{flex-direction:column;align-items:stretch}.cosmetic-filter-field select{width:100%}.collection-section-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}.collection-showroom-featured{grid-template-columns:1fr;padding:1rem;min-height:auto}.collection-showroom-artwork{min-height:10rem}.collection-showroom-compare{grid-template-columns:1fr}.collection-showroom-compare-divider{width:100%;height:1px;margin:.25rem 0}.collection-showroom-apply{flex-direction:column;align-items:stretch}.collection-showroom-apply-actions{width:100%;flex-direction:column}.collection-hero-cube-stage,.collection-hero-cube-stage canvas{min-height:16rem!important;height:16rem!important}}.field{display:grid;grid-gap:.35rem;gap:.35rem;margin-bottom:.85rem;font-size:.9rem;color:var(--muted)}.field input[type=range],.field select{width:100%;padding:.5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.field-note{margin:0;font-size:.8rem;color:var(--muted)}.multiplayer-error{color:color-mix(in srgb,#ff6b6b 85%,var(--text))}.multiplayer-local-preview{margin-top:-.5rem}.about-screen{display:flex;flex-direction:column;gap:1rem}.about-content{display:grid;grid-gap:1.5rem;gap:1.5rem;max-width:40rem}.about-content h2{margin:0 0 .5rem;font-size:1.1rem;color:var(--accent)}.about-content p,.about-content ul{margin:0;color:var(--muted)}.about-content ul{padding-left:1.25rem}.practice-screen{display:grid;grid-gap:1rem;gap:1rem}@media (min-width:900px){.practice-screen{grid-template-columns:minmax(240px,280px) 1fr;align-items:start}.practice-toolbar{margin-bottom:0}}@media (max-width:640px){.stats-progression-hero{grid-template-columns:1fr;text-align:center}.stats-level-badge{justify-self:center}.stats-unlock-item{gap:.2rem}.stats-achievement-grid,.stats-unlock-item{grid-template-columns:1fr}.online-match-actions{flex-direction:column;align-items:stretch}.online-match-actions .btn-secondary{width:100%;min-height:2.75rem}.multiplayer-room-code-input{max-width:100%}.cube-board{grid-template-columns:1fr}.game-result-actions{flex-direction:column}.game-hud{padding:.75rem;padding-top:max(.75rem,var(--safe-top))}.hud-row-actions .btn-ghost,.hud-row-actions .btn-primary{min-height:2.75rem}.board-canvas-touch,.board-stage,.board-view-3d canvas{min-height:min(58vh,480px)!important;height:min(58vh,480px)!important}.segment{min-width:100%}.menu-card{padding:1.1rem 1.15rem}}@media (orientation:landscape) and (max-height:520px){.game-board{gap:.5rem}.game-hud{gap:.35rem;padding:.5rem .75rem}.hud-row-secondary{display:none}.hud-row-actions{gap:.4rem}.board-canvas-touch,.board-stage,.board-view-3d canvas{min-height:min(72vh,calc(100dvh - 7rem))!important;height:min(72vh,calc(100dvh - 7rem))!important}.placement-confirm-bar{bottom:max(.5rem,var(--safe-bottom));padding:.5rem .7rem}.home{padding-top:max(1rem,var(--safe-top));padding-bottom:max(1.5rem,var(--safe-bottom))}}html[data-mobile=true] .btn-ghost,html[data-mobile=true] .btn-primary{min-height:2.75rem}html[data-low-end=true] .board-stage{box-shadow:none}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes logo-reveal{0%{opacity:0;transform:translateY(16px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes theme-fade{0%{opacity:.72}to{opacity:1}}@keyframes micro-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 35%,transparent)}to{box-shadow:0 0 0 6px transparent}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.audio-inspector{position:fixed;right:.75rem;bottom:.75rem;z-index:9000;width:min(22rem,calc(100vw - 1.5rem));max-height:min(24rem,50vh);overflow:auto;padding:.75rem .9rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%);box-shadow:0 8px 24px rgb(0 0 0/.28);font-size:.75rem;line-height:1.35}.audio-inspector__header{font-weight:600;margin-bottom:.5rem}.audio-inspector__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.35rem .75rem;gap:.35rem .75rem;margin:0}.audio-inspector__grid dt{opacity:.7;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.audio-inspector__grid dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.audio-inspector__section{margin-top:.65rem}.audio-inspector__section h3{margin:0 0 .35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.audio-inspector__list{margin:0;padding-left:1rem}.audio-inspector__list li{margin-bottom:.2rem}.audio-inspector__test-grid{display:flex;flex-wrap:wrap;gap:.35rem}.audio-inspector__test-btn{font-size:.72rem;padding:.2rem .45rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);background:color-mix(in srgb,var(--surface) 80%,#fff 5%);color:inherit;cursor:pointer}.performance-overlay{position:fixed;top:max(.5rem,var(--safe-top));left:max(.5rem,var(--safe-left));z-index:8999;display:flex;flex-wrap:wrap;gap:.35rem .6rem;padding:.35rem .55rem;border-radius:.4rem;background:color-mix(in srgb,var(--panel) 88%,#000 12%);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;pointer-events:none}.performance-overlay__metric{white-space:nowrap}.challenge-screen{display:flex;flex-direction:column;gap:1rem}.challenge-summary{display:grid;grid-gap:.5rem;gap:.5rem;padding:1rem;border-radius:var(--radius-md,12px);background:var(--surface-elevated,rgba(255,255,255,.04))}.challenge-summary-row{display:flex;justify-content:space-between;gap:1rem;margin:0}.challenge-section-title{margin:1rem 0 .25rem;font-size:.95rem;font-weight:600}.challenge-play-panel,.challenge-result-panel{display:flex;flex-direction:column;gap:1rem}.challenge-play-header,.challenge-result-title{margin:0}.challenge-result-actions{display:flex;gap:.75rem}.challenge-back-link{align-self:flex-start}.account-screen .account-identity-name{margin:0;font-size:1.25rem;font-weight:600}.account-screen .account-identity-email,.account-screen .account-identity-meta,.account-screen .account-note,.account-screen .account-sync-summary,.account-screen .account-warning{margin:.35rem 0 0;color:var(--qds-text-muted,#9aa3af)}.account-screen .account-note{white-space:pre-line}.account-screen .account-warning{color:#f5c542}.account-screen .account-provider-list,.account-screen .account-sync-domains{margin:.5rem 0 0;padding-left:1.1rem}.account-screen .account-continue-actions,.account-screen .account-email-actions,.account-screen .account-link-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.account-screen .account-continue-actions{flex-direction:column;width:100%}.account-screen .account-provider-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;min-height:3rem;padding:.7rem 1rem;border-radius:.75rem;border:1px solid transparent;font:inherit;font-size:1rem;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;transition:transform .12s ease,opacity .12s ease,filter .12s ease,background-color .12s ease,border-color .12s ease;-webkit-tap-highlight-color:transparent}.account-screen .account-provider-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-accent-yellow,#f5c542) 70%,white);outline-offset:2px}.account-screen .account-provider-btn:active:not(:disabled){transform:scale(.985)}.account-screen .account-provider-btn:disabled{cursor:not-allowed;opacity:.55}.account-screen .account-provider-btn.is-loading{opacity:.85}.account-screen .account-provider-btn__mark{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;flex:0 0 auto}.account-screen .account-provider-btn__mark svg{display:block;width:1.25rem;height:1.25rem}.account-screen .account-provider-btn__label{flex:0 1 auto}.account-screen .account-provider-btn__spinner{width:1rem;height:1rem;border-radius:999px;border:2px solid;border-right:2px solid transparent;animation:account-provider-spin .7s linear infinite}@keyframes account-provider-spin{to{transform:rotate(1turn)}}.account-screen .account-provider-btn--apple{background:#000000;color:#ffffff;border-color:#000000}.account-screen .account-provider-btn--apple .account-provider-btn__mark{color:#ffffff}.account-screen .account-provider-btn--apple:hover:not(:disabled){filter:brightness(1.08)}@media (prefers-color-scheme:dark){.account-screen .account-provider-btn--apple{background:#ffffff;color:#000000;border-color:#ffffff}.account-screen .account-provider-btn--apple .account-provider-btn__mark{color:#000000}}.account-screen .account-provider-btn--google{background:#ffffff;color:#1f1f1f;border-color:#747775}.account-screen .account-provider-btn--google .account-provider-btn__mark{background:#ffffff;border-radius:0}.account-screen .account-provider-btn--google:hover:not(:disabled){background:#f8f9fa}.account-screen .account-provider-btn--facebook{background:#1877f2;color:#ffffff;border-color:#1877f2}.account-screen .account-provider-btn--facebook .account-provider-btn__mark{color:#ffffff}.account-screen .account-provider-btn--facebook:hover:not(:disabled){filter:brightness(1.05)}html[data-mobile=true] .account-screen .account-provider-btn{min-height:3.15rem}.account-screen .account-or-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--qds-text-muted,#9aa3af);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.account-screen .account-or-divider:after,.account-screen .account-or-divider:before{content:"";flex:1 1;height:1px;background:rgba(255,255,255,.12)}.account-screen .account-email-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.account-screen .account-email-mode-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.account-screen .account-email-mode-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:inherit;border-radius:999px;padding:.4rem .85rem;font:inherit;cursor:pointer}.account-screen .account-email-mode-tabs button.is-active{border-color:color-mix(in srgb,var(--brand-accent-yellow,#f5c542) 70%,white);background:color-mix(in srgb,var(--brand-accent-yellow,#f5c542) 18%,transparent)}.account-screen .account-field{display:flex;flex-direction:column;gap:.35rem}.account-screen .account-field input{padding:.55rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:inherit}.account-screen .account-progress-note{margin:1rem 0 0;color:var(--qds-text-muted,#9aa3af);font-size:.92rem;line-height:1.45}.account-screen .account-password-input-row{display:flex;align-items:stretch;gap:.5rem}.account-screen .account-password-input-row input{flex:1 1;min-width:0}.account-screen .account-password-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:inherit;border-radius:.5rem;padding:.45rem .7rem;font:inherit;font-size:.85rem;white-space:nowrap;cursor:pointer}.account-screen .account-password-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-accent-yellow,#f5c542) 70%,white);outline-offset:2px}.account-screen .account-profile-divider{margin:.5rem 0 1rem;border:0;border-top:1px solid rgba(255,255,255,.1)}.account-screen .account-profile-links{display:flex;flex-direction:column;gap:.75rem}.account-screen .account-login-method-list{list-style:none;padding-left:0}.account-screen .account-login-method-list li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.account-screen .account-login-method-status{color:var(--qds-text-muted,#9aa3af);font-size:.9rem}.account-screen .account-login-method-list li[data-connected=true] .account-login-method-status{color:color-mix(in srgb,var(--brand-accent-yellow,#f5c542) 80%,white)}.account-screen .account-error{margin-top:1rem;color:#ff7b7b}