:root{--piece-showroom-surface:#0c1016}.app-shell{font-family:var(--font-manrope),var(--brand-font-family);color:var(--brand-text-dark);box-sizing:border-box;min-height:var(--layout-viewport-height,100svh);padding-inline:var(--safe-left) var(--safe-right);padding-block:0}.brand-screen-shell,.screen-enter{position:relative;opacity:1;transform:none}.route-transition{opacity:1}.screen{color:var(--brand-text-dark);font-family:inherit;max-width:72rem}.brand-play-screen.screen,.brand-secondary-screen.screen,.screen.brand-play-screen,.screen.brand-secondary-screen{max-width:none;margin-inline:auto;padding:0}.page-header h1{font-size:var(--brand-font-title);font-weight:800;color:var(--brand-text-dark);letter-spacing:-.02em}.back-link,.page-subtitle{color:color-mix(in srgb,var(--brand-text-dark) 78%,var(--brand-text-muted));font-size:var(--brand-font-body);font-weight:500}.field-description,.field-note,.qx-field-note,.settings-hint{color:color-mix(in srgb,var(--brand-text-dark) 68%,var(--brand-text-muted));font-size:var(--brand-font-caption);font-weight:500}.animated-btn-primary,.btn-primary,.btn-start,.qds-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--brand-space-2);padding:var(--brand-space-3) var(--brand-space-5);border:none;border-radius:var(--brand-radius-pill);background:var(--brand-player-blue);color:var(--brand-text-on-primary);font-family:inherit;font-size:var(--brand-font-body);font-weight:700;box-shadow:var(--brand-shadow-button);cursor:pointer;text-decoration:none;transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),background .15s cubic-bezier(.22,1,.36,1)}.animated-btn-primary:hover,.btn-primary:hover,.btn-start:hover,.qds-btn-primary:hover{transform:translateY(-1px);background:var(--brand-player-blue-hover);box-shadow:var(--brand-shadow-card-hover)}.animated-btn-secondary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--brand-space-2);padding:var(--brand-space-3) var(--brand-space-5);border:1px solid var(--brand-ui-cream-border);border-radius:var(--brand-radius-md);background:var(--brand-ui-cream);color:var(--brand-text-dark);font-family:inherit;font-size:var(--brand-font-body);font-weight:700;box-shadow:var(--brand-shadow-button);cursor:pointer;text-decoration:none;transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),background .15s cubic-bezier(.22,1,.36,1)}.animated-btn-secondary:hover,.btn-secondary:hover{transform:translateY(-1px);background:var(--brand-ui-cream-hover);box-shadow:var(--brand-shadow-card-hover)}.animated-btn-ghost,.btn-ghost,.qds-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--brand-space-2);padding:var(--brand-space-2) var(--brand-space-4);border:1px solid var(--brand-ui-cream-border);border-radius:var(--brand-radius-md);background:transparent;color:var(--brand-text-muted);font-family:inherit;font-size:var(--brand-font-body);font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s cubic-bezier(.22,1,.36,1),color .15s cubic-bezier(.22,1,.36,1)}.animated-btn-ghost:hover,.btn-ghost:hover,.qds-btn-ghost:hover{background:var(--brand-ui-cream-hover);color:var(--brand-text-dark)}.animated-btn-developer,.btn-danger{border-color:color-mix(in srgb,var(--brand-player-red) 35%,var(--brand-ui-cream-border));color:var(--brand-player-red)}.segmented{display:flex;flex-wrap:wrap;gap:var(--brand-space-2)}.animated-btn-segment,.segment{flex:1 1;min-width:6rem;min-height:2.75rem;padding:var(--brand-space-2) var(--brand-space-3);border:1px solid var(--brand-ui-cream-border);border-radius:var(--brand-radius-md);background:var(--brand-card-cream);color:var(--brand-text-dark);font-family:inherit;font-size:var(--brand-font-caption);font-weight:700;cursor:pointer;box-shadow:var(--brand-shadow-button);transition:background .15s ease,border-color .15s ease,color .15s ease}.animated-btn-segment:hover,.segment:hover{background:var(--brand-ui-cream-hover)}.animated-btn-segment.animated-btn-selected,.segment.active{background:var(--brand-player-blue);border-color:var(--brand-player-blue-hover);color:var(--brand-text-on-primary);box-shadow:var(--brand-shadow-button)}.account-screen .settings-card,.brand-section-card,.challenge-play-panel,.challenge-result-panel,.challenge-summary,.collection-card,.collection-card.qds-card,.premium-collection-overlay-card,.settings-card,.settings-card.qds-card,.setup-group,.stats-panel,.stats-progress-card,.theme-card{background:var(--brand-card-cream);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-lg);box-shadow:var(--brand-shadow-card);color:var(--brand-text-dark)}.brand-section-card__subheading,.brand-section-card__title,.challenge-section-title,.stats-section-title{color:var(--brand-text-muted);font-size:var(--brand-font-caption);font-weight:800;letter-spacing:.05em;text-transform:uppercase}.stats-section{margin:0}.brand-section-card{display:grid;grid-gap:var(--brand-space-3);gap:var(--brand-space-3);padding:var(--brand-space-4)}.brand-section-card__header{display:flex;align-items:flex-start;gap:var(--brand-space-3);min-width:0}.brand-section-card__header-toggle{display:flex;align-items:flex-start;gap:var(--brand-space-3);width:100%;padding:0;border:none;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}.brand-section-card__icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--brand-radius-sm);background:color-mix(in srgb,var(--brand-player-blue) 12%,var(--brand-ui-cream));font-size:1rem;line-height:1;flex-shrink:0}.brand-section-card__headings{display:grid;grid-gap:var(--brand-space-1);gap:var(--brand-space-1);flex:1 1 auto;min-width:0}.brand-section-card__title{margin:0;padding:0;line-height:var(--brand-line-height-tight);overflow-wrap:anywhere}.brand-section-card__subtitle{margin:0;font-size:var(--brand-font-caption);font-weight:500;letter-spacing:normal;text-transform:none;color:var(--brand-text-muted);line-height:1.4;overflow-wrap:anywhere}.brand-section-card__header-end{flex-shrink:0;margin-left:auto}.brand-section-card__body{display:grid;grid-gap:var(--brand-space-3);gap:var(--brand-space-3);min-width:0}.brand-section-card__subheading{margin:0;padding:0;line-height:var(--brand-line-height-tight)}.brand-section-card__body .stats-next-achievement,.brand-section-card__body .stats-panel{padding:0;border:none;border-radius:0;box-shadow:none;background:transparent}.brand-section-card__body .challenge-puzzle-entry+.challenge-puzzle-entry{margin-top:var(--brand-space-2)}.brand-section-card__body .challenge-puzzle-entry.animated-btn-menu-card{padding:var(--brand-space-3) var(--brand-space-4)}.settings-card-collapsible .brand-section-card__header-toggle{align-items:center}.settings-card-collapsible .settings-section-chevron{flex-shrink:0;font-size:1.25rem;line-height:1;color:var(--brand-text-muted)}.settings-section-body{overflow:hidden}.brand-card.brand-menu-card,.brand-menu-card,.brand-section-card.brand-menu-card,.settings-card.brand-section-card{background:linear-gradient(180deg,color-mix(in srgb,white 42%,var(--brand-card-cream)) 0,var(--brand-card-cream) 100%);border:1px solid var(--brand-card-border);box-shadow:var(--brand-shadow-card);color:var(--brand-text-dark)}.brand-menu-card__eyebrow{margin:0 0 var(--brand-space-2);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-text-muted)}.hub-nav-menu{display:grid;grid-gap:var(--brand-space-3);gap:var(--brand-space-3);width:100%}.hub-nav-card.animated-btn-menu-card{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:var(--brand-space-3);gap:var(--brand-space-3);width:100%;min-height:4.75rem;padding:var(--brand-space-3) var(--brand-space-4);text-align:left}.hub-nav-card--preview.animated-btn-menu-card{grid-template-columns:4rem 1fr auto}.hub-nav-card__preview{width:4rem;height:4rem;border-radius:var(--brand-radius-md);border:1px solid var(--brand-card-border);box-shadow:inset 0 0 0 2px color-mix(in srgb,white 70%,transparent),var(--brand-shadow-button)}.hub-nav-card__main{display:flex;align-items:flex-start;gap:var(--brand-space-3);min-width:0}.hub-nav-card__icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:var(--brand-radius-sm);background:color-mix(in srgb,var(--brand-player-blue) 12%,var(--brand-ui-cream));font-size:1.15rem;line-height:1;flex-shrink:0}.hub-nav-card__copy{display:grid;grid-gap:.2rem;gap:.2rem;min-width:0}.animated-btn-label,.hub-nav-card__title{display:block;font-size:var(--brand-font-body);font-weight:700;color:var(--brand-text-dark);line-height:var(--brand-line-height-tight);overflow-wrap:anywhere}.animated-btn-desc,.hub-nav-card__description{display:block;font-size:var(--brand-font-caption);font-weight:500;color:var(--brand-text-muted);line-height:1.4;overflow-wrap:anywhere}.hub-nav-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;margin-top:.15rem}.hub-nav-card__meta-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-accent-green)}.hub-nav-card__meta-value{font-size:var(--brand-font-caption);font-weight:700;color:var(--brand-text-dark);overflow-wrap:anywhere}.hub-nav-card__chevron{font-size:1.75rem;line-height:1;font-weight:300;color:var(--brand-text-muted);-webkit-padding-start:var(--brand-space-1);padding-inline-start:var(--brand-space-1);flex-shrink:0}.brand-play-screen{display:flex;flex-direction:column;align-items:center;gap:var(--brand-space-3);width:100%;max-width:none;margin-inline:auto;padding:max(var(--brand-space-3),env(safe-area-inset-top,0px),var(--safe-top)) 0 calc(var(--brand-space-5) + max(env(safe-area-inset-bottom, 0px), var(--safe-bottom))) 0;box-sizing:border-box}@media (min-width:480px){.brand-play-screen{gap:var(--brand-space-4);padding:max(var(--brand-space-4),env(safe-area-inset-top,0px),var(--safe-top)) 0 calc(var(--brand-space-6) + max(env(safe-area-inset-bottom, 0px), var(--safe-bottom))) 0}:root{--page-content-padding-inline:var(--brand-space-5)}}.brand-page-content,.qx-page-content{display:flex;flex-direction:column;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}.brand-multiplayer-join-btn,.brand-multiplayer-room-code-input,.brand-page-content>*,.brand-play-cta,.brand-play-setup,.brand-play-start,.brand-section-card,.official-mode-card,.qx-page-content>*{width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media (min-width:480px){.brand-page-content,.qx-page-content{gap:var(--brand-space-4)}}.brand-play-setup{display:grid;grid-gap:var(--brand-space-4);gap:var(--brand-space-4)}.brand-segmented{display:flex;flex-wrap:wrap;gap:var(--brand-space-2)}.brand-segmented .animated-btn-segment{flex:1 1;min-width:6.5rem;min-height:2.75rem}.brand-segmented--wrap .animated-btn-segment{flex:1 1 calc(50% - var(--brand-space-2));min-width:7rem}.brand-play-cta{margin-top:var(--brand-space-1)}.brand-play-start{width:100%;min-height:3.25rem;padding:var(--brand-space-4);font-size:var(--brand-font-body);font-weight:700}.brand-play-secondary{margin-top:calc(-1 * var(--brand-space-1))}.brand-play-menu{display:flex;flex-direction:column;gap:var(--brand-space-3);width:100%}.brand-play-entry-card{display:block;width:100%;text-align:left;text-decoration:none;color:inherit}.brand-play-entry-card.animated-btn-menu-card,.brand-play-entry-card.brand-card{padding:var(--brand-space-4);min-height:4.5rem}.brand-play-entry-eyebrow{margin:0 0 var(--brand-space-2);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-field-note,.brand-play-entry-eyebrow{font-size:var(--brand-font-caption);color:var(--brand-text-muted)}.brand-field-note{margin:var(--brand-space-2) 0 0;line-height:var(--brand-line-height-body)}.brand-toggle-row{display:flex;align-items:center;gap:var(--brand-space-3);min-height:2.75rem;padding:var(--brand-space-3) var(--brand-space-4);border-radius:var(--brand-radius-md);background:var(--brand-card-cream);border:1px solid var(--brand-card-border);font-size:var(--brand-font-body);color:var(--brand-text-dark);box-shadow:var(--brand-shadow-button)}.brand-toggle-row input{width:1.1rem;height:1.1rem;accent-color:var(--brand-player-blue)}.brand-practice-toolbar{margin-bottom:var(--brand-space-3)}@media (max-width:390px){.brand-segmented--wrap .animated-btn-segment{flex:1 1 100%;min-width:100%}}.practice-toolbar,.setup-panel{display:grid;grid-gap:var(--brand-space-4);gap:var(--brand-space-4);max-width:32rem}.setup-group{padding:var(--brand-space-4);margin:0;border:1px solid var(--brand-card-border)}.collection-screen,.collection-showroom-screen{gap:var(--brand-space-4)}.collection-card{padding:var(--brand-space-4);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.collection-card:hover{transform:translateY(-2px);box-shadow:var(--brand-shadow-card-hover)}.collection-card.active,.collection-card.motion-selected{border-color:var(--brand-player-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-player-blue) 24%,transparent),var(--brand-shadow-card-hover)}.collection-card-rarity-common{border-left:3px solid var(--brand-text-muted)}.collection-card-rarity-rare,.collection-card-rarity-uncommon{border-left:3px solid var(--brand-player-blue)}.collection-card-rarity-epic{border-left:3px solid color-mix(in srgb,var(--brand-player-blue) 65%,var(--brand-accent-green))}.collection-card-rarity-legendary,.collection-card-rarity-limited{border-left:3px solid var(--brand-accent-yellow)}.collection-card-name,.collection-showroom-title{font-weight:700;color:var(--brand-text-dark)}.collection-card-desc,.collection-showroom-description,.collection-showroom-story{color:var(--brand-text-muted);font-size:var(--brand-font-caption)}.collection-detail-panel,.collection-detail-panel.qds-glass-panel,.collection-showroom-detail,.showroom-panel{background:var(--brand-card-cream);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-lg);box-shadow:var(--brand-shadow-panel);backdrop-filter:none;-webkit-backdrop-filter:none}.collection-showroom-featured{border-radius:var(--brand-radius-xl);overflow:hidden;box-shadow:var(--brand-shadow-panel)}.collection-showroom-lineup-item.active{border-color:var(--brand-player-blue);box-shadow:var(--brand-shadow-card)}.challenge-screen{gap:var(--brand-space-4)}.home-menu.practice-menu{display:flex;flex-direction:column;gap:var(--brand-space-2);width:min(100%,28rem)}.animated-btn-menu-card{background:linear-gradient(180deg,color-mix(in srgb,white 42%,var(--brand-card-cream)) 0,var(--brand-card-cream) 100%);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-md);box-shadow:var(--brand-shadow-card);padding:var(--brand-space-4);color:var(--brand-text-dark)}.animated-btn-menu-card:hover{background:linear-gradient(180deg,color-mix(in srgb,white 50%,var(--brand-ui-cream-hover)) 0,var(--brand-ui-cream-hover) 100%);border-color:var(--brand-card-border);box-shadow:var(--brand-shadow-card-hover)}.challenge-result-actions{display:flex;flex-wrap:wrap;gap:var(--brand-space-2)}.statistics-screen{gap:var(--brand-space-4)}.stats-empty-hero{margin-top:var(--brand-space-2)}.stats-progression-hero{padding:var(--brand-space-5);border-radius:var(--brand-radius-lg);background:var(--brand-card-cream);border:1px solid var(--brand-card-border);box-shadow:var(--brand-shadow-card)}.stats-progress-card{padding:var(--brand-space-3) var(--brand-space-4);background:var(--brand-ui-cream);border:1px solid var(--brand-ui-cream-border);border-radius:var(--brand-radius-md);box-shadow:none}.stats-level-value,.stats-progress-value{color:var(--brand-text-dark);font-weight:700}.stats-achievement-card{padding:var(--brand-space-4);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-md);background:var(--brand-card-cream)}.stats-achievement-card.unlocked{border-color:color-mix(in srgb,var(--brand-accent-green) 45%,var(--brand-card-border))}.stats-history-row{padding:var(--brand-space-3) var(--brand-space-4);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-md);background:var(--brand-card-cream)}.stats-history-list{display:grid;grid-gap:var(--brand-space-2);gap:var(--brand-space-2)}.stats-history-row:first-child .stats-history-result.win{color:var(--brand-accent-yellow)}.stats-chart-fill.win{background:var(--brand-accent-green)}.stats-chart-fill.loss{background:var(--brand-player-red)}.stats-actions{display:flex;flex-wrap:wrap;gap:var(--brand-space-2)}.settings-grid{gap:var(--brand-space-4)}.settings-card{padding:var(--brand-space-5)}.toggle-row{padding:var(--brand-space-3) 0;border-bottom:1px solid var(--brand-ui-cream-border);min-height:2.75rem}.settings-level-badge{border:1px solid var(--brand-ui-cream-border);background:var(--brand-ui-cream);color:var(--brand-text-muted);font-size:var(--brand-font-caption);padding:var(--brand-space-1) var(--brand-space-2);border-radius:var(--brand-radius-pill)}.settings-level-badge-player{background:color-mix(in srgb,var(--brand-accent-green) 14%,var(--brand-ui-cream))}.settings-level-badge-advanced{background:color-mix(in srgb,var(--brand-accent-yellow) 18%,var(--brand-ui-cream))}.theme-card.active{border-color:var(--brand-player-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-player-blue) 22%,transparent)}.account-screen .account-identity-name{color:var(--brand-text-dark)}.account-screen .account-beta-note,.account-screen .account-identity-email,.account-screen .account-identity-meta,.account-screen .account-note,.account-screen .account-sync-summary{color:var(--brand-text-muted)}.account-screen .account-warning{color:var(--brand-accent-yellow)}.account-screen .account-error{color:var(--brand-player-red)}.account-deletion-separator{margin:var(--brand-space-5,1.25rem) 0;border:0;border-top:1px solid color-mix(in srgb,var(--brand-player-red) 35%,transparent)}.account-deletion-warning{color:var(--brand-player-red)}.account-deletion-modal{margin-top:var(--brand-space-4,1rem);padding:var(--brand-space-4,1rem);border:1px solid color-mix(in srgb,var(--brand-player-red) 40%,transparent);background:color-mix(in srgb,var(--brand-player-red) 6%,var(--qds-surface-card,transparent));color:var(--brand-text-dark)}.account-deletion-modal h2{margin:0 0 .75rem;font-size:1.15rem}.account-deletion-acks{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-gap:.65rem;gap:.65rem}.account-deletion-ack{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem}.account-deletion-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;align-items:center}.account-deletion-actions--final{justify-content:space-between}.account-deletion-continue{border:1px solid var(--brand-border,rgba(0,0,0,.2));color:var(--brand-text-dark)}.account-deletion-continue,.account-deletion-destroy{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:.55rem .9rem;min-height:44px;cursor:pointer}.account-deletion-destroy{border:1px solid var(--brand-player-red);color:var(--brand-player-red)}.account-deletion-destroy:disabled{opacity:.45;cursor:not-allowed}.account-deletion-complete{color:var(--brand-text-dark)}.premium-collection-overlay{background:color-mix(in srgb,var(--brand-wood-dark) 72%,transparent)}.premium-collection-overlay-card{padding:var(--brand-space-5);max-width:28rem}.tutorial-eyebrow,.welcome-card .tutorial-eyebrow{color:var(--brand-text-muted);font-size:var(--brand-font-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tutorial-actions,.welcome-actions{display:flex;flex-wrap:wrap;gap:var(--brand-space-2);justify-content:flex-end}.tip-banner{background:var(--brand-card-cream);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-md);box-shadow:var(--brand-shadow-panel);color:var(--brand-text-dark)}.multiplayer-lobby-screen .qds-card,.private-room-screen .qds-card{background:var(--brand-card-cream);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-lg);box-shadow:var(--brand-shadow-card)}.online-match-hud{font-family:inherit}.qds-glass-panel:not(.main-menu *){backdrop-filter:none;-webkit-backdrop-filter:none}.qds-card,.qds-glass-panel:not(.main-menu *){background:var(--brand-card-cream);border:1px solid var(--brand-card-border);box-shadow:var(--brand-shadow-card)}.qds-card{border-radius:var(--brand-radius-lg);color:var(--brand-text-dark)}@media (max-width:960px){.collection-layout{grid-template-columns:1fr}.collection__aside,.main-menu__aside{width:100%}}@media (max-width:390px){.screen:not(.brand-play-screen):not(.brand-secondary-screen):not(.consumer-screen):not(.match-active){padding-inline:max(.85rem,env(safe-area-inset-left,0px),var(--safe-left)) max(.85rem,env(safe-area-inset-right,0px),var(--safe-right))}.settings-grid{grid-template-columns:1fr}.stats-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segment{min-width:calc(50% - var(--brand-space-2))}}.brand-page-header,.qx-page-header{margin-bottom:var(--brand-space-4)}.brand-page-header .back-link,.qx-page-header .back-link{margin-bottom:var(--brand-space-2)}.brand-btn-primary.btn-start,.btn-start{width:100%;padding:var(--brand-space-4);font-size:var(--brand-font-body)}.play-online-link-wrap{margin-top:var(--brand-space-2)}.play-online-link-wrap .animated-btn-menu-card{width:100%;text-align:left}.animated-btn-label{font-weight:700;color:var(--brand-text-dark);font-size:var(--brand-font-body)}.animated-btn-desc{font-weight:500;line-height:var(--brand-line-height-body)}.animated-btn-desc,.collection-section-title{color:var(--brand-text-muted);font-size:var(--brand-font-caption)}.collection-section-title{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.collection-tag{color:var(--brand-text-muted)}.collection-tag,.cosmetic-rarity-badge{background:var(--brand-ui-cream);border:1px solid var(--brand-ui-cream-border);border-radius:var(--brand-radius-pill);font-size:var(--brand-font-caption)}.cosmetic-rarity-badge{color:var(--brand-text-dark);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cosmetic-rarity-badge.rarity-common{color:var(--brand-text-muted)}.cosmetic-rarity-badge.rarity-rare,.cosmetic-rarity-badge.rarity-uncommon{color:var(--brand-player-blue);border-color:color-mix(in srgb,var(--brand-player-blue) 30%,var(--brand-ui-cream-border))}.cosmetic-rarity-badge.rarity-epic{color:var(--brand-accent-green);border-color:color-mix(in srgb,var(--brand-accent-green) 35%,var(--brand-ui-cream-border))}.cosmetic-rarity-badge.rarity-legendary,.cosmetic-rarity-badge.rarity-limited{color:color-mix(in srgb,var(--brand-accent-yellow) 85%,var(--brand-text-dark));border-color:color-mix(in srgb,var(--brand-accent-yellow) 45%,var(--brand-ui-cream-border));background:color-mix(in srgb,var(--brand-accent-yellow) 12%,var(--brand-ui-cream))}.theme-card{background:var(--brand-card-cream);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-md);box-shadow:var(--brand-shadow-button)}.theme-card:hover{border-color:var(--brand-card-border);background:var(--brand-ui-cream-hover)}.theme-card-badge{background:color-mix(in srgb,var(--brand-player-blue) 12%,var(--brand-ui-cream));border-radius:var(--brand-radius-sm)}.toggle-row input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--brand-player-blue);cursor:pointer}.settings-card input,.settings-card select,.settings-card textarea{border:1px solid var(--brand-ui-cream-border);border-radius:var(--brand-radius-sm);background:var(--brand-ui-cream);color:var(--brand-text-dark);font-family:inherit;font-size:var(--brand-font-body)}.settings-card input:focus,.settings-card select:focus,.settings-card textarea:focus{outline:2px solid color-mix(in srgb,var(--brand-player-blue) 35%,transparent);outline-offset:1px}.stats-level-badge{background:var(--brand-ui-cream);border:1px solid var(--brand-ui-cream-border);border-radius:var(--brand-radius-md);box-shadow:var(--brand-shadow-button)}.stats-player-title{color:var(--brand-text-dark)}.stats-xp-bar-track{background:var(--brand-ui-cream);border:1px solid var(--brand-ui-cream-border);border-radius:var(--brand-radius-pill)}.stats-xp-bar-fill{background:var(--brand-player-blue);border-radius:var(--brand-radius-pill)}.stats-history-result.win{color:var(--brand-accent-green)}.stats-history-result.loss{color:var(--brand-player-red)}.stats-next-achievement-label,.stats-section-title{color:var(--brand-text-muted);font-size:var(--brand-font-caption);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.stats-next-achievement,.stats-panel{background:var(--brand-card-cream);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-md);box-shadow:var(--brand-shadow-card)}.stats-chart-track{background:var(--brand-ui-cream);border:1px solid var(--brand-ui-cream-border);border-radius:var(--brand-radius-pill)}.premium-collection-overlay{background:color-mix(in srgb,var(--brand-wood-dark) 55%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.premium-collection-overlay-card{background:var(--brand-card-cream);border:1px solid color-mix(in srgb,var(--brand-accent-yellow) 40%,var(--brand-card-border));box-shadow:var(--brand-shadow-panel)}.premium-collection-overlay-badge,.premium-collection-overlay-icon{color:var(--brand-accent-yellow)}.practice-screen .practice-toolbar,.replay-screen .replay-toolbar{background:var(--brand-card-cream);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-lg);box-shadow:var(--brand-shadow-card);padding:var(--brand-space-4)}.replay-delete{color:var(--brand-player-red);border-color:color-mix(in srgb,var(--brand-player-red) 30%,var(--brand-ui-cream-border))}.qds-empty-state,.qds-loading-cube{color:var(--brand-text-muted);font-family:inherit}.brand-card.collection-card{border-width:1px;min-height:11rem;background:var(--brand-card-cream)}.collection-card-premium-tier{border-color:color-mix(in srgb,var(--brand-accent-yellow) 35%,var(--brand-card-border))}.collection-board-preview{border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-md);background:var(--brand-cube-frame)}.about-screen,.account-screen{gap:var(--brand-space-4)}.brand-secondary-screen{display:flex;flex-direction:column;gap:var(--brand-space-3);width:100%;max-width:72rem;margin-inline:auto;padding:max(var(--brand-space-3),var(--safe-top)) var(--brand-space-4) calc(var(--brand-space-5) + var(--safe-bottom)) var(--brand-space-4);box-sizing:border-box}@media (min-width:480px){.brand-secondary-screen{gap:var(--brand-space-4);padding:max(var(--brand-space-4),var(--safe-top)) var(--brand-space-5) calc(var(--brand-space-6) + var(--safe-bottom)) var(--brand-space-5)}}.brand-secondary-screen>.settings-hub.brand-play-screen{padding:0;width:100%;max-width:min(100%,28rem);margin-inline:auto}.brand-challenge-summary{padding:var(--brand-space-4);display:grid;grid-gap:var(--brand-space-2);gap:var(--brand-space-2)}.challenge-summary-row{display:flex;justify-content:space-between;align-items:center;gap:var(--brand-space-3);margin:0;font-size:var(--brand-font-body)}.challenge-summary-row strong{color:var(--brand-text-dark);font-weight:700}.challenge-back-link{align-self:flex-start;margin-top:var(--brand-space-2)}.brand-about-content{display:grid;grid-gap:var(--brand-space-3);gap:var(--brand-space-3);width:100%}.brand-about-section{padding:var(--brand-space-4)}.brand-about-section h2{margin:0 0 var(--brand-space-2);font-size:var(--brand-font-body);font-weight:700;color:var(--brand-text-dark)}.brand-about-section p,.brand-about-section ul{margin:0;color:var(--brand-text-muted);font-size:var(--brand-font-body);line-height:var(--brand-line-height-body)}.brand-about-section ul{padding-left:var(--brand-space-5)}.brand-about-section strong{color:var(--brand-text-dark)}.brand-multiplayer-lobby{width:100%}.brand-multiplayer-room-field{display:flex;flex-direction:column;gap:var(--brand-space-2);margin-bottom:var(--brand-space-3)}.brand-multiplayer-room-field span{font-size:var(--brand-font-caption);font-weight:700;color:var(--brand-text-muted)}.brand-multiplayer-room-code-input{font-family:var(--font-mono,ui-monospace,monospace);font-size:clamp(1.1rem,4.5vw,var(--brand-font-title));letter-spacing:.16em;text-transform:uppercase;padding:var(--brand-space-3) var(--brand-space-4);border-radius:var(--brand-radius-md);border:1px solid var(--brand-card-border);background:color-mix(in srgb,white 45%,var(--brand-card-cream));color:var(--brand-text-dark);width:100%;max-width:100%;box-sizing:border-box}.brand-multiplayer-room-code-input:focus{outline:2px solid color-mix(in srgb,var(--brand-player-blue) 35%,transparent);outline-offset:1px}.brand-multiplayer-join-btn{width:100%;min-height:2.75rem}.brand-multiplayer-room-code-share{display:flex;flex-direction:column;gap:var(--brand-space-2);padding:var(--brand-space-4);text-align:center}.brand-multiplayer-room-code-label{margin:0;font-size:var(--brand-font-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-text-muted)}.brand-multiplayer-room-code-value{margin:0;font-size:clamp(1.75rem,6vw,2.25rem);font-weight:700;letter-spacing:.28em;font-family:var(--font-mono,ui-monospace,monospace);color:var(--brand-text-dark)}.brand-multiplayer-copy-btn{width:100%;min-height:2.75rem;margin-top:var(--brand-space-1)}.multiplayer-lobby-screen,.private-room-screen{gap:var(--brand-space-4)}.multiplayer-error{color:var(--brand-player-red)}.settings-hub{width:min(100%,28rem);margin-inline:auto}.settings-hub-header h1{margin:0;font-size:var(--brand-font-title);font-weight:800;color:var(--brand-text-dark)}.settings-hub-subtitle{display:block;width:100%;margin:var(--brand-space-2) 0 0;padding:0;border:none;background:transparent;text-align:left;cursor:pointer;color:color-mix(in srgb,var(--brand-text-dark) 78%,var(--brand-text-muted));font-size:var(--brand-font-body);font-weight:500;font-family:inherit}.settings-hub-menu{margin-top:var(--brand-space-2)}.settings-section-focused{padding:var(--brand-space-4);display:grid;grid-gap:var(--brand-space-3);gap:var(--brand-space-3)}.settings-section-summary{margin:0}.settings-hub-menu,.studio-hub-menu{display:grid;grid-gap:var(--brand-space-3);gap:var(--brand-space-3);width:100%}.studio-hub-group-label{margin:var(--brand-space-2) 0 0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--brand-text-dark) 55%,var(--brand-text-muted))}.studio-hub-group-label:first-child{margin-top:0}.studio-section-panel{display:grid;grid-gap:var(--brand-space-3);gap:var(--brand-space-3);width:100%}.studio-hub-footer{margin-top:var(--brand-space-3)}@media (min-width:480px){.studio-hub-footer{margin-top:var(--brand-space-4)}}.studio-equip-rail__track{display:flex;gap:var(--brand-space-3);overflow-x:auto;padding-block:0;margin-inline:calc(-1 * var(--brand-space-1));padding-inline:var(--brand-space-1);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.studio-equip-card{flex:0 0 min(16rem,78vw);scroll-snap-align:start;display:grid;grid-gap:var(--brand-space-2);gap:var(--brand-space-2);padding:var(--brand-space-3);border:1px solid var(--brand-card-border);background:var(--brand-card-cream)}.studio-equip-card--selected{outline:2px solid var(--brand-player-blue)}.studio-equip-card--equipped{border-color:var(--brand-accent-green)}.studio-equip-card--locked{opacity:.72}.studio-equip-card__preview{min-height:7rem;border-radius:var(--brand-radius-md);border:1px solid var(--brand-card-border)}.studio-equip-card__title{margin:0;font-size:var(--brand-font-title-sm)}.studio-equip-card__subtitle{margin:0;color:var(--brand-text-muted);font-size:var(--brand-font-caption);line-height:1.35}.studio-equip-card__status{display:flex;flex-wrap:wrap;gap:var(--brand-space-1)}.studio-equip-card__badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--brand-radius-pill);font-size:var(--brand-font-caption);font-weight:700}.studio-equip-card__badge--equipped{background:color-mix(in srgb,var(--brand-accent-green) 18%,transparent);color:var(--brand-text-dark)}.studio-equip-card__badge--locked{background:color-mix(in srgb,var(--brand-text-muted) 16%,transparent);color:var(--brand-text-muted)}.studio-equip-card__badge--future{background:color-mix(in srgb,var(--brand-accent-yellow) 22%,transparent);color:var(--brand-text-dark)}.studio-equip-card__badge--owned{background:color-mix(in srgb,var(--brand-player-blue) 16%,transparent);color:var(--brand-text-dark)}.studio-equip-card__action{width:100%}.studio-equip-rail__footer{margin-top:var(--brand-space-1)}.studio-presets-panel{display:grid;grid-gap:var(--brand-space-4);gap:var(--brand-space-4)}.studio-presets-create-actions{display:flex;flex-wrap:wrap;gap:var(--brand-space-2)}.studio-presets-list{display:grid;grid-gap:var(--brand-space-2);gap:var(--brand-space-2);list-style:none;margin:0;padding:0}.studio-presets-row{padding:var(--brand-space-3) var(--brand-space-4);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-md);background:var(--brand-card-cream)}.studio-presets-row__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--brand-space-2)}.studio-presets-row__title{margin:0;font-weight:600;color:var(--brand-text-dark)}.studio-presets-row__meta{margin:var(--brand-space-2) 0 0;color:var(--brand-text-muted);font-size:var(--brand-font-caption)}.studio-presets-row__actions{display:flex;flex-wrap:wrap;gap:var(--brand-space-2);margin-top:var(--brand-space-3)}.studio-presets-badge{display:inline-flex;align-items:center;padding:var(--brand-space-1) var(--brand-space-2);border-radius:var(--brand-radius-pill);font-size:var(--brand-font-caption);border:1px solid var(--brand-card-border)}.studio-presets-badge--playable{border-color:color-mix(in srgb,var(--brand-accent-green) 45%,var(--brand-card-border));background:color-mix(in srgb,var(--brand-accent-green) 12%,var(--brand-card-cream));color:var(--brand-text-dark)}.studio-presets-badge--coming-soon{border-color:color-mix(in srgb,var(--brand-accent-yellow) 45%,var(--brand-card-border));background:color-mix(in srgb,var(--brand-accent-yellow) 12%,var(--brand-card-cream));color:var(--brand-text-dark)}.studio-presets-badge--invalid{border-color:color-mix(in srgb,var(--brand-player-red) 35%,var(--brand-card-border));background:color-mix(in srgb,var(--brand-player-red) 10%,var(--brand-card-cream));color:var(--brand-text-dark)}.studio-presets-detail{display:grid;grid-gap:var(--brand-space-3);gap:var(--brand-space-3);margin:0 0 var(--brand-space-4)}.studio-presets-detail__field{display:grid;grid-gap:var(--brand-space-1);gap:var(--brand-space-1)}.studio-presets-detail__field dt{margin:0;color:var(--brand-text-muted);font-size:var(--brand-font-caption)}.studio-presets-detail__field dd{margin:0;color:var(--brand-text-dark)}.studio-presets-name-field{display:grid;grid-gap:var(--brand-space-1);gap:var(--brand-space-1);margin-bottom:var(--brand-space-4)}.studio-presets-name-field__label{color:var(--brand-text-muted);font-size:var(--brand-font-caption)}.studio-presets-name-input{width:100%;padding:var(--brand-space-2) var(--brand-space-3);border:1px solid var(--brand-card-border);border-radius:var(--brand-radius-md);background:var(--brand-ui-cream);color:var(--brand-text-dark)}.studio-presets-detail__actions{display:flex;flex-wrap:wrap;gap:var(--brand-space-2)}.cell-blocked{position:relative;cursor:not-allowed;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--brand-text-muted) 18%,var(--brand-card-cream)) 0 6px,color-mix(in srgb,var(--brand-text-muted) 10%,var(--brand-card-cream)) 6px 12px);border:1px solid color-mix(in srgb,var(--brand-text-muted) 42%,var(--brand-card-border));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--brand-ui-cream) 35%,transparent),inset 0 -2px 4px color-mix(in srgb,var(--brand-text-dark) 10%,transparent);opacity:1}.cell-blocked:after,.cell-blocked:before{content:"";position:absolute;inset:22%;border-radius:1px;background:color-mix(in srgb,var(--brand-text-dark) 28%,transparent);pointer-events:none}.cell-blocked:before{transform:rotate(45deg)}.cell-blocked:after{transform:rotate(-45deg)}.cell-blocked:focus-visible,.cell-blocked:hover{border-color:color-mix(in srgb,var(--brand-player-red,#c44) 45%,var(--brand-card-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-player-red,#c44) 25%,transparent),0 0 0 2px color-mix(in srgb,var(--brand-player-red,#c44) 12%,transparent)}.chaos-setup-details{margin:0;padding-left:1.15rem;color:var(--brand-text-secondary);display:grid;grid-gap:var(--brand-space-1);gap:var(--brand-space-1)}.chaos-setup-details li{line-height:1.45}.recovery-panel__actions{gap:var(--brand-space-2)}.recovery-panel__home-link{text-decoration:none}.recovery-panel--compact .qds-empty-state{padding:var(--brand-space-3)}.recovery-banner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--brand-space-2);margin:0;padding:var(--brand-space-3) var(--brand-space-4);background:color-mix(in srgb,var(--brand-accent-yellow) 14%,var(--brand-surface-raised));border-bottom:1px solid color-mix(in srgb,var(--brand-accent-yellow) 28%,transparent)}.recovery-banner__title{margin:0;font-size:var(--brand-font-title-sm);font-weight:600}.recovery-banner__description{margin:var(--brand-space-1) 0 0;font-size:var(--brand-font-body-sm);color:var(--brand-text-muted)}.recovery-banner__actions{display:flex;flex-wrap:wrap;gap:var(--brand-space-2)}.settings-collection-link{width:100%}.app-legal-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem;color:var(--muted);font-size:.85rem}.app-legal-links__item{display:inline-flex;align-items:center;gap:.35rem}.app-legal-links__sep{color:var(--muted);opacity:.7}.app-legal-links__link{color:var(--muted);text-decoration:underline;text-underline-offset:.12em}.app-legal-links__link:hover{color:var(--text)}.about-legal-links,.legal-screen__footer,.settings-legal-links{margin-top:1.25rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.app-error-boundary{min-height:60dvh;display:grid;place-items:center}.legal-document .brand-about-section+.brand-about-section{margin-top:1rem}.legal-document .brand-card,.legal-document.qx-info-card{background:transparent;box-shadow:none;border:none;padding:0}.legal-document.qx-info-card:before{display:none}.profile-screen{display:flex;flex-direction:column;gap:var(--brand-space-3)}.profile-player-card{display:grid;grid-gap:var(--brand-space-4);gap:var(--brand-space-4);padding:var(--brand-space-4)}.profile-player-card__showcase{display:grid;grid-template-columns:minmax(5.5rem,6.5rem) minmax(0,1fr);grid-gap:var(--brand-space-4);gap:var(--brand-space-4);align-items:center}.profile-player-card__pedestal{display:grid;place-items:center;min-height:6.5rem;padding:var(--brand-space-3);border-radius:var(--brand-radius-md);background:color-mix(in srgb,var(--brand-ui-cream) 80%,white);border:1px solid var(--brand-card-border)}.profile-player-card__avatar{width:4.5rem;height:4.5rem;border-radius:999px;border:2px solid var(--brand-card-border);box-shadow:var(--brand-shadow-card)}.profile-player-card__identity{display:grid;grid-gap:var(--brand-space-2);gap:var(--brand-space-2);min-width:0}.profile-player-card__rank{margin:0;font-size:var(--brand-font-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-text-muted)}.profile-player-card__name-field{display:grid;grid-gap:.25rem;gap:.25rem;min-width:0}.profile-player-card__name-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-text-muted)}.profile-player-card__name-input{width:100%;min-width:0;padding:.65rem .75rem;border-radius:var(--brand-radius-md);border:1px solid var(--brand-card-border);background:color-mix(in srgb,white 55%,var(--brand-card-cream));color:var(--brand-text-dark);font:inherit;font-size:1.1rem;font-weight:800}.profile-player-card__level{margin:0;font-size:var(--brand-font-caption);color:var(--brand-text-muted);line-height:1.45;overflow-wrap:anywhere}.profile-player-card__save{justify-self:start;min-height:2.5rem}.profile-player-card__avatars{display:grid;grid-gap:var(--brand-space-2);gap:var(--brand-space-2);padding-top:var(--brand-space-2);border-top:1px solid color-mix(in srgb,var(--brand-card-border) 80%,transparent)}.profile-player-card__avatars-label{margin:0;font-size:var(--brand-font-caption);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-text-muted)}.profile-name-row{display:flex;flex-wrap:wrap;gap:var(--brand-space-2);align-items:center}.profile-name-input{flex:1 1 12rem;min-width:0;padding:.65rem .75rem;border-radius:var(--brand-radius-md);border:1px solid var(--brand-card-border);background:color-mix(in srgb,white 55%,var(--brand-card-cream));color:var(--brand-text-dark);font:inherit}.profile-avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.75rem,1fr));grid-gap:var(--brand-space-2);gap:var(--brand-space-2)}.profile-avatar-option{display:grid;grid-gap:.35rem;gap:.35rem;justify-items:center;padding:.65rem;border-radius:var(--brand-radius-md);border:1px solid var(--brand-card-border);background:color-mix(in srgb,white 40%,var(--brand-card-cream));cursor:pointer}.profile-avatar-option--selected{border-color:var(--brand-accent,#2d6bff);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-accent,#2d6bff) 25%,transparent)}.profile-avatar-option__swatch{width:2.5rem;height:2.5rem;border-radius:999px}.profile-avatar-option__label{font-size:var(--brand-font-caption);font-weight:700;color:var(--brand-text-dark)}.profile-recent-matches{display:grid;grid-gap:var(--brand-space-2);gap:var(--brand-space-2)}.profile-recent-match__label,.profile-recent-match__meta,.profile-recent-match__placeholder{margin:0}.profile-recent-match__placeholder{color:var(--brand-text-muted)}.profile-footer-actions{display:flex;flex-wrap:wrap;gap:var(--brand-space-3);align-items:center}.profile-footer-link{color:var(--brand-text-muted);font-weight:700;text-decoration:none}.profile-footer-link:hover{color:var(--brand-text-dark)}@media (max-width:420px){.profile-player-card__showcase{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-player-card__identity{width:100%}.profile-player-card__save{justify-self:stretch}.hub-nav-card--preview.animated-btn-menu-card{grid-template-columns:3.25rem 1fr auto}.hub-nav-card--preview .hub-nav-card__preview{width:3.25rem;height:3.25rem}}html[data-mobile=true] .brand-play-screen,html[data-mobile=true] .brand-secondary-screen{gap:var(--brand-space-3);scroll-padding-bottom:calc(var(--brand-space-5) + var(--safe-bottom))}html[data-mobile=true] .challenge-screen,html[data-mobile=true] .profile-screen,html[data-mobile=true] .settings-screen,html[data-mobile=true] .statistics-screen{gap:var(--brand-space-3)}html[data-mobile=true] .brand-page-header{margin-bottom:var(--brand-space-2)}html[data-mobile=true] .brand-page-header h1{line-height:var(--brand-line-height-tight);overflow-wrap:anywhere}html[data-mobile=true] .brand-play-setup{gap:var(--brand-space-3)}html[data-mobile=true] .hub-nav-menu{gap:var(--brand-space-2)}html[data-mobile=true] .brand-card,html[data-mobile=true] .brand-section-card,html[data-mobile=true] .profile-player-card,html[data-mobile=true] .settings-card.brand-section-card{padding:var(--brand-space-4)}html[data-mobile=true] .brand-section-card{gap:var(--brand-space-3)}html[data-mobile=true] .brand-section-card__subheading,html[data-mobile=true] .brand-section-card__title{line-height:var(--brand-line-height-tight);overflow-wrap:anywhere}html[data-mobile=true] .brand-section-card__subtitle{color:color-mix(in srgb,var(--brand-text-dark) 62%,var(--brand-text-muted));line-height:var(--brand-line-height-body)}html[data-mobile=true] .stats-progression-hero{padding:var(--brand-space-4)}html[data-mobile=true] .animated-btn-menu-card,html[data-mobile=true] .animated-btn-segment{background:linear-gradient(180deg,color-mix(in srgb,white 42%,var(--brand-card-cream)) 0,var(--brand-card-cream) 100%);border:1px solid var(--brand-card-border);color:var(--brand-text-dark);box-shadow:var(--brand-shadow-card)}html[data-mobile=true] .animated-btn-segment.animated-btn-selected{background:var(--brand-player-blue);border-color:var(--brand-player-blue-hover);color:var(--brand-text-on-primary)}html[data-mobile=true] .animated-btn-segment.animated-btn-selected .animated-btn-desc,html[data-mobile=true] .animated-btn-segment.animated-btn-selected .animated-btn-label{color:var(--brand-text-on-primary)}html[data-mobile=true] .animated-btn-segment.animated-btn-selected .animated-btn-desc{color:color-mix(in srgb,white 82%,var(--brand-text-on-primary))}html[data-mobile=true] .animated-btn-desc,html[data-mobile=true] .animated-btn-label,html[data-mobile=true] .hub-nav-card__description,html[data-mobile=true] .hub-nav-card__meta-value,html[data-mobile=true] .hub-nav-card__title{overflow-wrap:anywhere;word-break:break-word;min-width:0}html[data-mobile=true] .animated-btn-desc,html[data-mobile=true] .hub-nav-card__description{color:color-mix(in srgb,var(--brand-text-dark) 58%,var(--brand-text-muted));line-height:var(--brand-line-height-body)}html[data-mobile=true] .brand-play-entry-card.animated-btn-menu-card,html[data-mobile=true] .brand-section-card__body .challenge-puzzle-entry.animated-btn-menu-card,html[data-mobile=true] .hub-nav-card.animated-btn-menu-card{min-height:4.5rem;padding:var(--brand-space-3) var(--brand-space-4)}html[data-mobile=true] .challenge-summary-row,html[data-mobile=true] .stat-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--brand-space-2);min-width:0}html[data-mobile=true] .challenge-summary-row span,html[data-mobile=true] .challenge-summary-row strong,html[data-mobile=true] .stat-label,html[data-mobile=true] .stat-value{overflow-wrap:anywhere;word-break:break-word;min-width:0}html[data-mobile=true] .stat-label{flex:1 1 auto}html[data-mobile=true] .challenge-summary-row strong,html[data-mobile=true] .stat-value{flex-shrink:0;text-align:right}html[data-mobile=true] .stats-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-mobile=true] .stats-progress-label,html[data-mobile=true] .stats-progress-value{overflow-wrap:anywhere;word-break:break-word}html[data-mobile=true] .brand-segmented--wrap .animated-btn-segment{flex:1 1 calc(50% - var(--brand-space-2));min-width:0}html[data-mobile=true] .profile-player-card__identity,html[data-mobile=true] .profile-player-card__name-field,html[data-mobile=true] .profile-player-card__name-input{min-width:0}html[data-mobile=true] .profile-avatar-option__label{overflow-wrap:anywhere;text-align:center;font-size:.75rem;line-height:var(--brand-line-height-tight)}html[data-mobile=true] .studio-equip-card__subtitle{color:color-mix(in srgb,var(--brand-text-dark) 55%,var(--brand-text-muted))}html[data-mobile=true] .brand-play-cta,html[data-mobile=true] .challenge-back-link,html[data-mobile=true] .profile-footer-actions,html[data-mobile=true] .studio-hub-footer{margin-bottom:0}html[data-mobile=true] .about-screen,html[data-mobile=true] .account-screen,html[data-mobile=true] .collection-showroom-screen,html[data-mobile=true] .legal-screen,html[data-mobile=true] .multiplayer-lobby-screen,html[data-mobile=true] .practice-screen,html[data-mobile=true] .private-room-screen,html[data-mobile=true] .replay-screen,html[data-mobile=true] .studio-screen{gap:var(--brand-space-3)}html[data-mobile=true] .page-subtitle{line-height:var(--brand-line-height-body);overflow-wrap:anywhere}html[data-mobile=true] .brand-about-section p,html[data-mobile=true] .brand-about-section ul,html[data-mobile=true] .field-description,html[data-mobile=true] .field-note,html[data-mobile=true] .page-subtitle,html[data-mobile=true] .settings-hint{color:color-mix(in srgb,var(--brand-text-dark) 55%,var(--brand-text-muted))}html[data-mobile=true] .animated-btn-primary,html[data-mobile=true] .animated-btn-secondary,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] .brand-btn-secondary,html[data-mobile=true] .btn-primary,html[data-mobile=true] .btn-secondary{min-height:2.75rem}html[data-mobile=true] .brand-multiplayer-copy-btn,html[data-mobile=true] .brand-multiplayer-join-btn,html[data-mobile=true] .brand-play-start,html[data-mobile=true] .collection-showroom-cta{min-height:3rem;width:100%}html[data-mobile=true] .account-email-actions,html[data-mobile=true] .account-link-actions,html[data-mobile=true] .challenge-result-actions,html[data-mobile=true] .multiplayer-lobby-actions,html[data-mobile=true] .recovery-panel__actions,html[data-mobile=true] .stats-actions{flex-direction:column;align-items:stretch;gap:var(--brand-space-2)}html[data-mobile=true] .account-email-actions .brand-btn-primary,html[data-mobile=true] .account-link-actions .brand-btn-ghost,html[data-mobile=true] .multiplayer-lobby-actions .animated-btn-primary,html[data-mobile=true] .multiplayer-lobby-actions .brand-btn-cream,html[data-mobile=true] .multiplayer-lobby-actions .brand-btn-primary,html[data-mobile=true] .recovery-panel__actions .brand-btn-primary,html[data-mobile=true] .recovery-panel__actions .brand-btn-secondary,html[data-mobile=true] .stats-actions .brand-btn-cream{width:100%}html[data-mobile=true] .replay-actions,html[data-mobile=true] .replay-control-row,html[data-mobile=true] .replay-speed-row{flex-wrap:wrap;gap:var(--brand-space-2)}html[data-mobile=true] .replay-control-row .brand-btn-cream,html[data-mobile=true] .replay-control-row .brand-btn-primary,html[data-mobile=true] .replay-speed-row .brand-btn-cream,html[data-mobile=true] .replay-speed-row .brand-btn-primary{flex:1 1 calc(33.333% - var(--brand-space-2));min-width:0;min-height:2.75rem}html[data-mobile=true] .replay-actions .brand-btn-cream,html[data-mobile=true] .replay-actions .brand-btn-primary{flex:1 1 auto;min-height:2.75rem}html[data-mobile=true] .multiplayer-lobby-screen .qds-card,html[data-mobile=true] .private-room-screen .qds-card{padding:var(--brand-space-4)}html[data-mobile=true] .brand-multiplayer-room-code-label,html[data-mobile=true] .brand-multiplayer-room-field span{color:color-mix(in srgb,var(--brand-text-dark) 58%,var(--brand-text-muted))}html[data-mobile=true] .brand-multiplayer-room-code-value{overflow-wrap:anywhere;word-break:break-word;letter-spacing:.2em}html[data-mobile=true] .brand-multiplayer-room-code-input{max-width:100%;min-width:0;box-sizing:border-box}html[data-mobile=true] .collection-showroom-featured{background:var(--brand-card-cream);border-color:var(--brand-card-border);padding:var(--brand-space-4);gap:var(--brand-space-3);min-height:auto}html[data-mobile=true] .collection-showroom-flow{gap:var(--brand-space-3)}html[data-mobile=true] .collection-showroom-description,html[data-mobile=true] .collection-showroom-lineup-name,html[data-mobile=true] .collection-showroom-story,html[data-mobile=true] .collection-showroom-title{overflow-wrap:anywhere;min-width:0}html[data-mobile=true] .collection-showroom-apply-hint,html[data-mobile=true] .collection-showroom-description,html[data-mobile=true] .collection-showroom-eyebrow,html[data-mobile=true] .collection-showroom-story{color:color-mix(in srgb,var(--brand-text-dark) 55%,var(--brand-text-muted))}html[data-mobile=true] .collection-showroom-apply-actions{flex-direction:column;align-items:stretch;width:100%;gap:var(--brand-space-2)}html[data-mobile=true] .collection-apply-btn,html[data-mobile=true] .collection-showroom-apply-actions .brand-btn-cream,html[data-mobile=true] .collection-showroom-apply-actions .brand-btn-primary{width:100%;min-height:2.75rem}html[data-mobile=true] .account-screen .account-field,html[data-mobile=true] .account-screen .account-field input{min-width:0;width:100%;box-sizing:border-box}html[data-mobile=true] .account-screen .account-identity-meta,html[data-mobile=true] .account-screen .account-note,html[data-mobile=true] .account-screen .account-sync-summary{color:color-mix(in srgb,var(--brand-text-dark) 55%,var(--brand-text-muted));overflow-wrap:anywhere}html[data-mobile=true] .about-legal-links,html[data-mobile=true] .legal-screen__footer,html[data-mobile=true] .settings-legal-links{margin-top:var(--brand-space-3);padding-top:var(--brand-space-3)}html[data-mobile=true] .toggle-row{min-height:2.75rem;gap:var(--brand-space-2)}html[data-mobile=true] .stats-achievement-card,html[data-mobile=true] .stats-history-row,html[data-mobile=true] .theme-card{padding:var(--brand-space-3) var(--brand-space-4)}@media (max-width:390px){html[data-mobile=true] .stats-progress-grid{grid-template-columns:1fr}html[data-mobile=true] .brand-segmented .animated-btn-segment{min-width:0}html[data-mobile=true] .hub-nav-card--preview.animated-btn-menu-card{grid-template-columns:3.25rem minmax(0,1fr) auto}}html[data-mobile=true] .brand-hud-btn-compact,html[data-mobile=true] .brand-hud-icon-btn{min-width:2.75rem;min-height:2.75rem}html[data-mobile=true] .brand-hud-xray-btn{min-height:2.75rem}html[data-mobile=true] .brand-hud-actions{gap:var(--brand-space-2)}html[data-mobile=true] .brand-online-match-hud .brand-hud-actions{row-gap:var(--brand-space-2)}html[data-mobile=true] .animated-btn-ghost,html[data-mobile=true] .animated-btn-icon{min-height:2.75rem;min-width:2.75rem}html[data-mobile=true] .brand-page-header .back-link{display:inline-flex;align-items:center;min-height:2.75rem;padding-inline:var(--brand-space-2)}html[data-mobile=true] .hub-nav-card.animated-btn-menu-card{min-height:3rem}html[data-mobile=true] .settings-section-toggle{min-height:2.75rem;padding-block:var(--brand-space-2)}html[data-mobile=true] .studio-hub-menu .animated-btn-menu-card{min-height:2.75rem}html[data-mobile=true] .match-active .board-stage{min-height:0}html[data-mobile=true] .replay-scrubber input[type=range]{min-height:2.75rem}html[data-mobile=true] .brand-toggle-row input[type=checkbox]{width:1.35rem;height:1.35rem}html[data-reduce-motion=true] .cell-win{animation:none!important}html[data-contrast=high] .brand-game-hud,html[data-contrast=high] .brand-hud-chip,html[data-contrast=high] .brand-online-match-hud{color:var(--text)}html[data-contrast=high] .brand-hud-turn-dot--x{background:var(--x)}html[data-contrast=high] .brand-hud-turn-dot--o{background:var(--o)}html[data-contrast=high] .cell-blocked{border-color:color-mix(in srgb,var(--text) 55%,var(--brand-card-border));background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--text) 22%,var(--brand-card-cream)) 0 6px,color-mix(in srgb,var(--text) 12%,var(--brand-card-cream)) 6px 12px)}html[data-contrast=high] .cell-blocked:after,html[data-contrast=high] .cell-blocked:before{background:color-mix(in srgb,var(--text) 65%,transparent)}html[data-touch-target-size=large] .animated-btn-ghost,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-btn-secondary,html[data-touch-target-size=large] .brand-hud-btn-compact,html[data-touch-target-size=large] .brand-hud-icon-btn{min-height:2.75rem;min-width:2.75rem}html[data-touch-target-size=extraLarge] .animated-btn-ghost,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-btn-secondary,html[data-touch-target-size=extraLarge] .brand-hud-btn-compact,html[data-touch-target-size=extraLarge] .brand-hud-icon-btn{min-height:3.25rem;min-width:3.25rem}.feedback-screen .feedback-form{display:flex;flex-direction:column;gap:1rem;max-width:36rem;padding:1rem 1.25rem}.feedback-field{display:flex;flex-direction:column;gap:.5rem}.feedback-message{width:100%;min-height:8rem;resize:vertical}.feedback-context-note{margin:0;font-size:var(--brand-font-caption,.875rem);color:var(--brand-text-muted,#5c4a3a)}.feedback-context-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;word-break:break-all}.feedback-error{color:var(--brand-player-red,#c0392b)}.feedback-actions{display:flex;flex-wrap:wrap;gap:.75rem}.feedback-actions .brand-btn-primary{min-height:2.75rem;min-width:2.75rem}.recovery-panel__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.recovery-panel__feedback-link,.recovery-panel__home-link{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.recovery-panel__diagnostics{margin:1rem auto 0;max-width:36rem;padding:.75rem 1rem;border-radius:.5rem;background:rgba(20,16,12,.72);color:#f3ebe0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;line-height:1.35;white-space:pre-wrap;word-break:break-word;text-align:left}.alpha-access-screen{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:28rem;margin:0 auto}.alpha-access-header{text-align:center}.alpha-access-form{display:flex;flex-direction:column;gap:1rem}.alpha-access-field input{width:100%;min-height:2.75rem}.alpha-access-error{color:var(--brand-player-red,#c0392b)}.multiplayer-online-unavailable{padding:.75rem 1rem;border-radius:var(--brand-radius-sm);border:1px solid color-mix(in srgb,var(--brand-player-red,#c0392b) 35%,transparent);background:color-mix(in srgb,var(--brand-player-red,#c0392b) 8%,var(--brand-ui-cream))}.settings-card h2,.settings-section-heading{font-weight:800;font-size:var(--brand-font-body)}.settings-field-label{font-weight:600;font-size:calc(var(--brand-font-body) * .96)}.settings-subheading{font-weight:800;font-size:var(--brand-font-body)}.toggle-row-text{font-weight:600;font-size:var(--brand-font-body)}.cube-board.xray-enabled .board-layer-xray-outer .cell-empty:not(.cell-selected):not(.cell-win):not(.cell-preview){opacity:.08}.cube-board.xray-enabled .board-layer-xray-outer .cell-preview .piece-marker,.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}.cube-board.xray-enabled .board-layer-xray-inner{background:color-mix(in srgb,var(--bg-elevated) 82%,var(--accent) 18%);border-color:color-mix(in srgb,var(--border) 55%,var(--accent) 45%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent),0 0 var(--brand-space-3,.75rem) color-mix(in srgb,var(--accent) 10%,transparent)}.cube-board.xray-enabled .board-layer-xray-inner .cell-empty:not(.cell-selected):not(.cell-win):not(.cell-preview){opacity:.52}.cube-board.xray-enabled .board-layer .cell-selected .piece-marker,.cube-board.xray-enabled .board-layer .cell-win .piece-marker,.cube-board.xray-enabled .board-layer-xray-inner .piece-marker{opacity:1}.match-active .brand-game-hud,.match-active .game-hud.brand-game-hud{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}