:root{--layout-bp-phone-max:767px;--layout-bp-tablet-min:768px;--layout-bp-tablet-landscape-min:1024px;--layout-bp-desktop-min:961px;--layout-page-margin-inline:max(var(--brand-space-4),var(--safe-left),var(--safe-right));--layout-viewport-height:100vh}@supports (height:100svh){:root{--layout-viewport-height:100svh}}.layout-viewport-height{height:var(--layout-viewport-height);max-height:var(--layout-viewport-height)}html{overscroll-behavior-x:none}body,html{overflow-x:clip}.app-shell{overflow-x:clip;max-width:100%}.app-shell,.consumer-screen,.qx-page-shell{min-height:var(--layout-viewport-height,100svh);box-sizing:border-box}html:has(.match-active){overflow:hidden;overscroll-behavior:none}@media (max-width:767px){.brand-play-screen,.brand-secondary-screen{padding-inline:var(--brand-space-4)}.brand-page-content,.qx-page-content{padding-inline:0}}@media (min-width:768px){:root{--page-content-max-width:36rem;--page-content-padding-inline:var(--brand-space-5)}.brand-page-content,.qx-page-content{gap:var(--brand-space-4)}.match-active .board-stage,.match-active .brand-board-stage{width:min(100%,52rem);margin-inline:auto}}@media (min-width:1024px){:root{--page-content-max-width:42rem}.settings-hub.brand-play-screen{width:min(100%,56rem)}.profile-screen.brand-play-screen{width:min(100%,48rem)}}@media (min-width:768px) and (orientation:landscape){.settings-hub-menu{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}@media (min-width:1024px){.settings-hub-menu{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}html:has(.match-active),html:has(.match-active) body{overflow:hidden;height:var(--layout-viewport-height);background:var(--gameplay-page-bg,var(--brand-plastic-gradient))}.match-active,[data-gameplay-fixed-screen=true]{height:var(--layout-viewport-height);max-height:var(--layout-viewport-height);min-height:0;overflow:hidden;overscroll-behavior:none;display:flex;flex-direction:column;padding-bottom:max(var(--brand-space-2),env(safe-area-inset-bottom,0px),var(--safe-bottom));background:var(--gameplay-page-bg,var(--brand-plastic-gradient));box-sizing:border-box}.match-active.screen,.screen.match-active,.screen[data-gameplay-fixed-screen=true]{max-width:none;width:100%;margin:0;padding-top:0;padding-inline:0;padding-bottom:max(var(--brand-space-2),env(safe-area-inset-bottom,0px),var(--safe-bottom))}html:has(.match-active) .app-shell{padding-inline:0}@media (max-width:390px){.screen.match-active:not(.brand-play-screen):not(.brand-secondary-screen){padding-inline:0}}.match-active .board-stage{flex:1 1;min-height:0!important;height:100%!important;max-height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:hidden}.match-active .board-canvas-touch,.match-active .board-stage,.match-active .board-view-3d,.match-active .board-view-3d canvas,.match-active .brand-board-stage,.match-active .scene-loading{min-height:0!important;height:100%!important;max-height:100%!important}.game-board .board-stage,.game-board .brand-board-stage,.game-board .brand-cube-stage,.match-active .brand-board-stage,.match-active .brand-cube-stage{border:none;border-radius:0;box-shadow:none;background:transparent}.game-board .brand-board-stage--environment,.match-active .brand-board-stage--environment{background:transparent}.match-active .board-stage.board-view-2d{overflow:auto;align-items:flex-start;justify-content:flex-start}.match-active .board-stage.board-view-2d .cube-board{width:100%;min-height:min-content}.match-active .board-view-3d{flex:1 1;min-height:0;display:flex;flex-direction:column}.match-active .board-canvas-touch,.match-active .board-view-3d,.match-active .board-view-3d canvas{flex:1 1;min-height:0!important;max-height:100%}.replay-match-shell{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%}.replay-match-header{flex-shrink:0;display:flex;flex-direction:column;gap:var(--brand-space-2);padding:max(var(--brand-space-2),var(--safe-top)) max(var(--brand-space-4),var(--safe-right)) var(--brand-space-2) max(var(--brand-space-4),var(--safe-left))}.match-active .replay-meta{margin-bottom:0;gap:var(--brand-space-2)}.match-active .replay-board-stage{flex:1 1;min-height:0!important;height:100%!important;max-height:none}.match-active .replay-controls{flex-shrink:0;margin-top:0;padding:var(--brand-space-3) max(var(--brand-space-4),var(--safe-right)) max(var(--brand-space-3),var(--safe-bottom)) max(var(--brand-space-4),var(--safe-left));gap:var(--brand-space-3)}.challenge-match-viewport{flex:1 1;min-height:0;display:flex;flex-direction:column;width:100%}.match-active.challenge-screen{padding-inline:0}@media (max-width:640px){.match-active .board-canvas-touch,.match-active .board-stage,.match-active .board-view-3d,.match-active .board-view-3d canvas,.match-active .replay-board-stage{min-height:0!important;height:100%!important;max-height:none}}@media (orientation:landscape) and (max-height:520px){.match-active .board-canvas-touch,.match-active .board-stage,.match-active .board-view-3d,.match-active .board-view-3d canvas,.match-active .replay-board-stage{min-height:0!important;height:100%!important;max-height:none}.match-active .replay-match-header{padding-block:max(var(--brand-space-1),var(--safe-top)) var(--brand-space-1)}.match-active .replay-meta-chip{min-width:var(--brand-space-8);padding:var(--brand-space-1) var(--brand-space-2)}.match-active .replay-controls{padding-block:var(--brand-space-2) max(var(--brand-space-2),var(--safe-bottom));gap:var(--brand-space-2)}}@media (max-height:700px){.match-active .brand-game-hud,.match-active .game-hud.brand-game-hud{padding-top:max(var(--brand-space-1),env(safe-area-inset-top,0px),var(--safe-top));padding-bottom:var(--brand-space-1);gap:var(--brand-space-1)}.match-active .brand-hud-bar{min-height:2.5rem;padding:.35rem .5rem;gap:.25rem .4rem}.match-active .brand-hud-score-primary{font-size:clamp(.8rem,3.4vw,.95rem)}.match-active .brand-hud-turn-secondary{font-size:clamp(.65rem,2.8vw,.8rem)}.match-active .tip-banner{padding-block:.45rem;align-items:center}.match-active .tip-banner-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@media (max-width:374px){.match-active .brand-hud-bar{gap:.2rem .3rem;padding-inline:.35rem}.match-active .brand-hud-menu-btn{padding-inline:.3rem;font-size:.8rem}.match-active .brand-hud-score-primary__label{font-size:.68em;max-width:min(calc(var(--brand-space-8) * 2.125),38vw);letter-spacing:.01em}.match-active .brand-hud-score-panel__label{font-size:.7rem;max-width:min(calc(var(--brand-space-8) * 1.8125),34vw);letter-spacing:.02em}.match-active .brand-hud-xray-btn,.match-active .qx-hud-control{padding-inline:.45rem;letter-spacing:.03em;font-size:.72rem}.match-active .tip-banner{gap:.45rem}.match-active .tip-banner-title{font-size:.78rem}.match-active .tip-banner-body{font-size:.75rem;-webkit-line-clamp:2}}.brand-game-hud,.match-active .brand-game-hud,.match-active .game-hud.brand-game-hud{container-type:inline-size;container-name:qx-gameplay-hud;max-width:100%;min-width:0;overflow-x:clip}html:has(.match-active){overflow-x:clip}html:has(.match-active) body{overflow-x:clip;max-width:100%}@container qx-gameplay-hud (max-width: 20rem){.match-active .brand-hud-bar:not(.brand-hud-bar--reflow){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"start end" "center center";row-gap:var(--brand-space-1)}.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-bar__start{grid-area:start}.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-bar__end{grid-area:end}.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-bar__center{grid-area:center;width:100%;overflow:visible}.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-score-primary{white-space:normal;overflow:visible;text-overflow:unset}.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-turn-indicator,.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-turn-secondary{white-space:nowrap}}@container qx-hud-bar (max-width: 18rem){.brand-hud-bar:not(.brand-hud-bar--reflow){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"start end" "center center";row-gap:var(--brand-space-1)}.brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-bar__start{grid-area:start}.brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-bar__end{grid-area:end}.brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-bar__center{grid-area:center;width:100%;overflow:visible}.brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-score-primary{white-space:normal;overflow:visible;text-overflow:unset}.brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-turn-indicator,.brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-turn-secondary{white-space:nowrap}}@media (max-width:430px){.match-active .brand-hud-bar:not(.brand-hud-bar--reflow){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"start end" "center center";row-gap:var(--brand-space-1)}.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-bar__start{grid-area:start}.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-bar__end{grid-area:end;justify-content:flex-end}.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-bar__center{grid-area:center;width:100%;overflow:visible}.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-score-primary{white-space:normal;overflow:visible;text-overflow:unset}.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-turn-indicator,.match-active .brand-hud-bar:not(.brand-hud-bar--reflow) .brand-hud-turn-secondary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-active .brand-hud-xray-btn{padding-inline:.4rem;letter-spacing:.02em}}.match-active .game-board{width:100%;max-width:100%;min-width:0;overflow-x:clip;box-sizing:border-box}.match-active .board-stage,.match-active .brand-board-stage{width:100%;max-width:100%;min-width:0;margin-inline:auto;justify-content:center;align-items:center;overflow:hidden;overflow-x:clip;box-sizing:border-box;contain:layout;position:relative;inset-inline:0}.match-active .board-stage>*,.match-active .brand-board-stage>*{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.match-active .board-canvas-touch,.match-active .board-view-3d,.match-active .board-view-3d canvas{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:block;margin-inline:auto;position:relative;inset-inline:0;transform:none;box-sizing:border-box}.fpo-match-shell__board .board-stage,.fpo-match-shell__board .brand-board-stage,.fpo-match-shell__board .game-board{width:100%;max-width:100%;min-width:0;overflow-x:clip}.match-active .tip-banner{max-width:min(28rem,calc(100% - (2 * var(--brand-space-3))));max-height:min(30vh,9.5rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.match-active .tip-banner-body{white-space:normal;overflow-wrap:break-word}.match-active .brand-placement-bar,.match-active .placement-confirm-bar{bottom:var(--brand-space-3)}.match-active .brand-game-result-overlay{padding-bottom:max(var(--brand-space-4),env(safe-area-inset-bottom,0px),var(--safe-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:root{--touch-target-min:2.75rem;--touch-target-large:3.25rem;--polish-loading-min-height:12rem}html[data-touch-target-size=large] .animated-btn-ghost,html[data-touch-target-size=large] .animated-btn-menu-card,html[data-touch-target-size=large] .animated-btn-primary,html[data-touch-target-size=large] .animated-btn-secondary,html[data-touch-target-size=large] .brand-btn-cream,html[data-touch-target-size=large] .brand-btn-ghost,html[data-touch-target-size=large] .brand-btn-primary,html[data-touch-target-size=large] .brand-hud-icon-btn,html[data-touch-target-size=large] .qds-toast-dismiss,html[data-touch-target-size=large] .replay-transport button{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}html[data-touch-target-size=extraLarge] .animated-btn-ghost,html[data-touch-target-size=extraLarge] .animated-btn-menu-card,html[data-touch-target-size=extraLarge] .animated-btn-primary,html[data-touch-target-size=extraLarge] .animated-btn-secondary,html[data-touch-target-size=extraLarge] .brand-btn-cream,html[data-touch-target-size=extraLarge] .brand-btn-ghost,html[data-touch-target-size=extraLarge] .brand-btn-primary,html[data-touch-target-size=extraLarge] .brand-hud-icon-btn,html[data-touch-target-size=extraLarge] .qds-toast-dismiss,html[data-touch-target-size=extraLarge] .replay-transport button{min-height:var(--touch-target-large);min-width:var(--touch-target-large)}html[data-mobile=true] .animated-btn-menu-card,html[data-mobile=true] .brand-btn-cream,html[data-mobile=true] .brand-btn-ghost,html[data-mobile=true] .brand-btn-primary,html[data-mobile=true] .hub-nav-card.animated-btn-menu-card{min-height:var(--touch-target-min)}.screen-loading-shell{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:var(--polish-loading-min-height);box-sizing:border-box}.screen-loading-shell .qds-loading-cube{flex:1 1;justify-content:center}.qds-loading-layout-profile,.qds-loading-layout-replay,.qds-loading-layout-statistics{display:grid;grid-gap:var(--brand-space-3);gap:var(--brand-space-3);width:min(100%,var(--page-content-max-width));margin-inline:auto;padding-inline:var(--page-content-padding-inline);box-sizing:border-box}.qds-loading-layout-profile{grid-template-columns:minmax(5.5rem,6.5rem) minmax(0,1fr);align-items:start}.qds-loading-layout-profile .skeleton-block:first-child{min-height:6.5rem;border-radius:var(--brand-radius-md)}.qds-loading-layout-statistics .skeleton-block:first-child{min-height:7rem;border-radius:var(--brand-radius-lg)}.qds-loading-layout-replay .skeleton-block:first-child{min-height:3rem;border-radius:var(--brand-radius-md)}.qds-loading-layout-replay .skeleton-block:last-child{min-height:min(42vh,22rem);border-radius:var(--brand-radius-lg)}@media (orientation:landscape) and (max-height:520px){.match-active .replay-transport{flex-wrap:wrap;gap:var(--brand-space-2)}.match-active .replay-transport button{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.match-active .brand-hud-bar__end{gap:var(--brand-space-2)}}@media (prefers-reduced-motion:reduce){html:not([data-reduce-motion=false]){--motion-fast:0.01ms;--motion-normal:0.01ms;--motion-slow:0.01ms}}:root{--bg:var(--qds-bg-deep);--bg-elevated:color-mix(in srgb,var(--qds-bg-cinematic) 88%,white);--panel:var(--qds-surface-card);--border:var(--qds-border-subtle);--text:var(--qds-text-primary);--muted:var(--qds-text-secondary);--accent:var(--qds-accent);--accent-soft:color-mix(in srgb,var(--qds-accent) 14%,transparent);--error:var(--qds-danger);--radius:var(--qds-radius-md);--shadow:var(--qds-shadow-elevation-2);--motion-fast:var(--qds-motion-fast);--motion-normal:var(--qds-motion-normal);--motion-slow:var(--qds-motion-slow);--motion-ease:var(--qds-motion-ease);--x:var(--qds-player-one);--o:var(--qds-player-two);--app-background:var(--qds-gradient-cinematic);--qds-bg-deep:#e8ebf0;--qds-bg-cinematic:#f6f7f9;--qds-surface-menu:var(--brand-ui-cream);--qds-surface-hud:color-mix(in srgb,var(--brand-ui-cream) 94%,white);--qds-surface-card:var(--brand-card-cream);--qds-text-primary:var(--brand-text-dark);--qds-text-secondary:color-mix(in srgb,var(--brand-text-dark) 68%,var(--brand-text-muted));--qds-text-muted:var(--brand-text-muted);--qds-accent:var(--brand-player-blue);--qds-accent-glow:color-mix(in srgb,var(--brand-player-blue) 28%,transparent);--qds-player-one:var(--brand-player-blue);--qds-player-two:var(--brand-player-red);--qds-success:var(--brand-accent-green);--qds-warning:var(--brand-accent-yellow);--qds-danger:var(--brand-player-red);--qx-dark-surface:#050608;--qx-dark-surface-soft:#0a0c10;--qx-dark-card:#0e1116;--qx-dark-border:rgba(255,255,255,0.1);--qx-dark-shadow:rgba(0,0,0,0.45);--qx-dark-shadow-hover:rgba(0,0,0,0.55);--qx-dark-text:#f4f6fa;--qx-dark-text-muted:#9aa3b2;--qx-dark-icon:#c5cdd8;--qx-dark-red:#e53935;--qx-dark-blue:#2979ff;--qx-dark-purple:#7c4dff;--qx-dark-gold:#f4c430;--qds-gradient-cinematic:var(--brand-plastic-gradient);--qds-gradient-glass-edge:linear-gradient(180deg,rgba(255,255,255,0.35),rgba(255,255,255,0));--qds-gradient-accent:linear-gradient(135deg,var(--brand-player-blue) 0%,#2558d4 100%);--qds-glass-blur:0px;--qds-glass-blur-heavy:0px;--qds-glass-border:1px solid var(--brand-ui-cream-border);--qds-glass-highlight:inset 0 1px 0 rgba(255,255,255,0.45);--qds-border-subtle:var(--brand-ui-cream-border);--qds-border-focus:color-mix(in srgb,var(--brand-player-blue) 50%,var(--brand-ui-cream-border));--qds-glow-soft:0 4px 18px var(--brand-card-shadow);--qds-glow-selected:0 0 0 2px color-mix(in srgb,var(--brand-player-blue) 32%,transparent);--qds-shadow-elevation-1:0 4px 14px var(--brand-card-shadow);--qds-shadow-elevation-2:0 8px 24px var(--brand-card-shadow);--qds-shadow-elevation-3:0 12px 36px color-mix(in srgb,var(--brand-card-shadow) 140%,transparent);--qds-font-display:clamp(2.5rem,6vw,4.5rem);--qds-font-title:1.5rem;--qds-font-body:1rem;--qds-font-caption:0.8125rem;--qds-font-mono:0.75rem;--qds-font-family:var(--font-manrope),"Manrope",system-ui,sans-serif;--qds-line-height-tight:1.15;--qds-line-height-body:1.5;--qds-space-1:4px;--qds-space-2:8px;--qds-space-3:12px;--qds-space-4:16px;--qds-space-5:24px;--qds-space-6:32px;--qds-space-7:48px;--qds-space-8:64px;--qds-radius-sm:8px;--qds-radius-md:14px;--qds-radius-lg:20px;--qds-radius-xl:28px;--qds-radius-pill:999px;--qds-motion-fast:150ms;--qds-motion-normal:280ms;--qds-motion-slow:450ms;--qds-motion-ease:cubic-bezier(0.22,1,0.36,1);--qds-motion-ease-out:cubic-bezier(0.16,1,0.3,1)}.qds-glass-panel{background:var(--qds-surface-menu);backdrop-filter:blur(var(--qds-glass-blur));-webkit-backdrop-filter:blur(var(--qds-glass-blur));border:var(--qds-glass-border);box-shadow:var(--qds-glass-highlight),var(--qds-shadow-elevation-1);border-radius:var(--qds-radius-lg)}.qds-card{background:var(--qds-surface-card);border:1px solid var(--qds-border-subtle);border-radius:var(--qds-radius-md);box-shadow:var(--qds-shadow-elevation-1);padding:var(--qds-space-5)}.qds-hud-chip{background:var(--qds-surface-hud);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--qds-border-subtle);border-radius:var(--qds-radius-pill);padding:var(--qds-space-2) var(--qds-space-4);font-size:var(--qds-font-caption);color:var(--qds-text-secondary)}.qds-modal{background:var(--qds-surface-card);backdrop-filter:blur(var(--qds-glass-blur-heavy));-webkit-backdrop-filter:blur(var(--qds-glass-blur-heavy));border:var(--qds-glass-border);border-radius:var(--qds-radius-xl);box-shadow:var(--qds-shadow-elevation-3)}.qds-empty-state{text-align:center;color:var(--qds-text-muted);padding:var(--qds-space-7) var(--qds-space-5)}.qds-elevation-1{box-shadow:var(--qds-shadow-elevation-1)}.qds-elevation-2{box-shadow:var(--qds-shadow-elevation-2)}.qds-elevation-3{box-shadow:var(--qds-shadow-elevation-3)}.qds-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--qds-space-2);padding:var(--qds-space-3) var(--qds-space-6);border:none;border-radius:var(--qds-radius-pill);background:var(--brand-player-blue);color:#ffffff;font-weight:600;font-size:var(--qds-font-body);cursor:pointer;box-shadow:var(--qds-shadow-elevation-1);transition:transform var(--qds-motion-fast) var(--qds-motion-ease),box-shadow var(--qds-motion-normal) var(--qds-motion-ease),background var(--qds-motion-fast) var(--qds-motion-ease)}.qds-btn-primary:hover{transform:translateY(-1px);background:#2558d4;box-shadow:var(--qds-shadow-elevation-2)}.qds-btn-ghost{display:inline-flex;align-items:center;gap:var(--qds-space-2);padding:var(--qds-space-2) var(--qds-space-4);border:1px solid var(--qds-border-subtle);border-radius:var(--qds-radius-md);background:transparent;color:var(--qds-text-secondary);font-size:var(--qds-font-caption);cursor:pointer;transition:color var(--qds-motion-fast) var(--qds-motion-ease),border-color var(--qds-motion-fast) var(--qds-motion-ease)}.qds-btn-ghost:hover{color:var(--qds-text-primary);border-color:var(--qds-border-focus)}.qds-badge{display:inline-flex;align-items:center;padding:2px var(--qds-space-2);border-radius:var(--qds-radius-pill);font-size:var(--qds-font-caption);font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:var(--brand-ui-cream);color:var(--qds-text-secondary);border:1px solid var(--qds-border-subtle)}.qds-badge--success{color:var(--qds-success)}.qds-badge--warning{color:var(--qds-warning)}.qds-badge--danger{color:var(--qds-danger)}.qds-home-canvas{min-height:var(--layout-viewport-height,100svh);background:var(--qds-gradient-cinematic);color:var(--qds-text-primary);font-family:var(--qds-font-family)}.qds-display-title{font-size:var(--qds-font-display);font-weight:600;line-height:var(--qds-line-height-tight);letter-spacing:-.02em}.match-active .game-board{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"hud" "stage" "chrome";flex:1 1;min-height:0;height:100%;max-height:100%;overflow:hidden;grid-gap:0;gap:0;position:relative}.match-active .brand-game-hud,.match-active .game-hud{grid-area:hud;align-self:stretch;justify-self:stretch;z-index:20;background:transparent;border:none;border-radius:0;padding:max(var(--brand-space-2),env(safe-area-inset-top,0px),var(--safe-top)) max(var(--brand-space-3),env(safe-area-inset-right,0px),var(--safe-right)) var(--brand-space-2) max(var(--brand-space-3),env(safe-area-inset-left,0px),var(--safe-left));box-sizing:border-box;pointer-events:none}.match-active .tip-banner{grid-area:chrome;align-self:stretch;justify-self:center;z-index:15;margin:0 var(--brand-space-3) var(--brand-space-2);width:min(28rem,100%);max-width:calc(100% - (2 * var(--brand-space-3)));box-sizing:border-box}.match-active .game-board-terminal~.tip-banner,.match-active .game-board.game-board-terminal .tip-banner,.match-active:has(.game-board-terminal) .tip-banner{display:none}.game-board .board-stage,.game-board .brand-board-stage,.match-active .board-stage,.match-active .brand-board-stage{grid-area:stage;z-index:1;min-height:0!important;height:100%!important;max-height:100%;border:none;border-radius:0;box-shadow:none;background:transparent}.qds-loading-cube{display:grid;grid-gap:var(--qds-space-3);gap:var(--qds-space-3);place-items:center;padding:var(--qds-space-6);color:var(--qds-text-muted)}.qds-loading-cube-compact{padding:var(--qds-space-4)}.qds-loading-cube-spinner{width:2.5rem;height:2.5rem;border:2px solid var(--qds-border-subtle);border-top-color:var(--qds-accent);border-radius:50%;animation:qds-cube-spin .9s linear infinite}html[data-reduce-motion=true] .qds-loading-cube-spinner{animation:none;border-top-color:var(--qds-accent);opacity:.7}@keyframes qds-cube-spin{to{transform:rotate(1turn)}}.qds-loading-label{margin:0;font-size:var(--qds-font-caption)}.qds-empty-state-premium{max-width:22rem;margin-inline:auto}.qds-empty-icon{font-size:1.75rem;margin-bottom:var(--qds-space-2);opacity:.7}.qds-empty-title{margin:0 0 var(--qds-space-2);font-size:1.1rem;font-weight:600;color:var(--qds-text-primary)}.qds-empty-description{margin:0;font-size:var(--qds-font-body);color:var(--qds-text-muted);line-height:var(--qds-line-height-body)}.qds-empty-action{margin-top:var(--qds-space-4)}.qds-error-state{border:1px solid color-mix(in srgb,var(--qds-danger) 30%,transparent);border-radius:var(--qds-radius-md);background:color-mix(in srgb,var(--qds-danger) 6%,var(--qds-surface-card))}.settings-card,.settings-card.qds-card{background:var(--qds-surface-card);border:1px solid var(--qds-border-subtle);border-radius:var(--qds-radius-lg);padding:var(--qds-space-5);box-shadow:var(--qds-shadow-elevation-1)}.settings-card h2{color:var(--qds-text-primary);font-size:1.05rem}.field-description,.settings-hint{color:var(--qds-text-muted);font-size:var(--qds-font-caption);line-height:1.45}.settings-level-badge{border:1px solid var(--qds-border-subtle);background:rgba(255,255,255,.04)}.toggle-row{padding:var(--qds-space-3) 0;border-bottom:1px solid var(--qds-border-subtle)}.toggle-row:last-child{border-bottom:none}.collection-card,.collection-card.qds-card{background:var(--qds-surface-card);border:1px solid var(--qds-border-subtle);border-radius:var(--qds-radius-lg);transition:border-color var(--qds-motion-normal) var(--qds-motion-ease),box-shadow var(--qds-motion-normal) var(--qds-motion-ease),transform var(--qds-motion-fast) var(--qds-motion-ease)}.collection-card:hover{border-color:color-mix(in srgb,var(--qds-accent) 35%,var(--qds-border-subtle));box-shadow:var(--qds-shadow-elevation-2)}.collection-card.active{border-color:var(--qds-border-focus);box-shadow:var(--qds-glow-soft),var(--qds-shadow-elevation-2)}.collection-detail-panel.qds-glass-panel{border-radius:var(--qds-radius-xl)}.collection-showroom-featured{box-shadow:var(--qds-shadow-elevation-2)}.collection-showroom-lineup-item.active{box-shadow:var(--qds-glow-soft)}.collection-showroom-apply-running{animation:qds-collection-apply .6s var(--qds-motion-ease-out)}.collection-showroom-apply-done{box-shadow:var(--qds-glow-soft)}.stats-progress-card{background:var(--qds-surface-card);border:1px solid var(--qds-border-subtle);border-radius:var(--qds-radius-lg);padding:var(--qds-space-5);box-shadow:var(--qds-shadow-elevation-1)}.stats-progress-value{color:var(--qds-text-primary);font-size:1.75rem;font-weight:600}.cell-empty:not(.cell-playable){opacity:.72;transform:scale(.94)}.cell-playable:not(:disabled):hover:not(.cell-selected){border-color:color-mix(in srgb,var(--qds-accent) 45%,var(--cell-empty-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--qds-accent-glow) 50%,transparent)}.cell-selected:not(:disabled){box-shadow:var(--qds-glow-selected),0 0 calc(24px * 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)}.motion-applied{animation:qds-collection-apply .45s var(--qds-motion-ease-out)}@keyframes qds-collection-apply{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--qds-success) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--qds-success) 25%,transparent)}to{box-shadow:none}}html[data-reduce-motion=true] .motion-applied{animation:none}.qds-toast-stack{position:fixed;top:max(.75rem,env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:1200;display:flex;flex-direction:column;gap:.5rem;width:min(22rem,calc(100vw - 1.5rem));pointer-events:none}.qds-toast{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;padding:.75rem .85rem;border-radius:var(--qds-radius-lg);background:var(--qds-surface-hud);border:1px solid var(--qds-border-subtle);box-shadow:var(--qds-shadow-elevation-2);will-change:transform,opacity}.qds-toast__message{margin:0;font-size:var(--qds-font-caption);line-height:var(--qds-line-height-body);color:var(--qds-text-primary)}.qds-toast__dismiss{flex-shrink:0;border:none;background:transparent;color:var(--qds-text-secondary);font-size:1.1rem;line-height:1;padding:.1rem .25rem;cursor:pointer}.qds-toast--success{border-color:color-mix(in srgb,var(--qds-success) 35%,var(--qds-border-subtle))}.qds-toast--error{border-color:color-mix(in srgb,var(--qds-danger) 35%,var(--qds-border-subtle))}.route-transition{min-height:100%;width:100%}@media (min-width:768px) and (min-height:600px){.game-board .board-stage,.game-board .brand-board-stage,.game-board .brand-cube-stage,.match-active .board-stage,.match-active .brand-board-stage,.match-active .brand-board-stage--environment,.match-active .brand-cube-stage{width:100%;max-width:none;margin-inline:0;border:none;border-radius:0;box-shadow:none;background:transparent}.match-active .board-canvas-touch,.match-active .board-view-3d,.match-active .board-view-3d canvas{width:100%;max-width:none}.match-active .brand-game-hud,.match-active .game-hud.brand-game-hud{padding-top:max(var(--brand-space-2),env(safe-area-inset-top,0px),var(--safe-top));padding-right:max(var(--brand-space-3),env(safe-area-inset-right,0px),var(--safe-right));padding-left:max(var(--brand-space-3),env(safe-area-inset-left,0px),var(--safe-left))}.match-active .brand-hud-bar{grid-template-columns:auto minmax(0,1fr) auto;width:100%;max-width:100%;min-width:0}.match-active .brand-hud-bar__center{min-width:0;overflow:hidden}.match-active .brand-hud-score-primary,.match-active .brand-hud-turn-secondary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.match-active .brand-hud-bar--reflow .brand-hud-bar__center{overflow:visible}.match-active .brand-hud-bar--reflow .brand-hud-score-primary,.match-active .brand-hud-bar--reflow .brand-hud-turn-secondary{overflow:visible;text-overflow:unset;white-space:normal}}@media (min-width:768px) and (min-height:600px) and (orientation:landscape){.match-active .brand-game-hud,.match-active .game-hud.brand-game-hud{padding-right:max(var(--brand-space-3),env(safe-area-inset-right,0px),var(--safe-right));padding-left:max(var(--brand-space-3),env(safe-area-inset-left,0px),var(--safe-left))}.match-active .brand-hud-bar{grid-template-columns:auto minmax(0,1fr) auto}}@media (min-width:768px) and (min-height:600px) and (orientation:portrait){.match-active .brand-hud-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--brand-space-2)}.match-active .brand-hud-bar__end,.match-active .brand-hud-bar__start{flex-shrink:0}}