:root{--achievement-gold:#ffd700;--achievement-gold-end:#ff8c00;--achievement-text:#1a1a2e}input[type="range"]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type="range"]:focus-visible{outline:none}.level-card{position:relative;display:flex;align-items:stretch;gap:var(--s-5);padding:var(--s-6);border-radius:var(--t-card-radius);background:var(--t-card-bg);border:1px solid var(--t-card-border);box-shadow:var(--t-card-shadow);cursor:pointer;font:inherit;line-height:1.45;color:var(--t-text-primary);transition:transform 0.28s var(--ease-spring),box-shadow 0.28s var(--ease-default),border-color 0.28s var(--ease-default),filter 0.28s var(--ease-default)}.level-card:hover,.level-card:focus-visible{transform:translateY(-4px) scale(1.01);border-color:var(--t-accent-secondary)}.level-card:hover::before,.level-card:focus-visible::before{opacity:1}.level-card:hover::after,.level-card:focus-visible::after{opacity:1}.level-card:focus-visible{outline:none;border-color:var(--t-border-focus);box-shadow:0 0 0 2px var(--t-focus-glow),0 0 0 4px var(--t-focus-color)}.level-card:active{transform:translateY(-2px) scale(0.99);transition-duration:var(--duration-fast)}.level-card.selected{border-color:var(--t-accent-secondary)}.level-card.selected::before,.level-card.selected::after{opacity:1}.level-card-thumbnail{position:relative;flex:0 0 clamp(64px,14vw,80px);display:block;max-width:clamp(64px,14vw,80px);aspect-ratio:10 / 16;border-radius:var(--radius-lg);background:var(--t-bg-elevated);border:1px solid var(--t-border-default);overflow:hidden;isolation:isolate}quantris-board.level-thumbnail-board{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:var(--z-raised)}.level-card-content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:var(--s-4);position:relative;z-index:var(--z-raised)}.level-title{font-family:var(--t-font-display);font-size:var(--text-lg);letter-spacing:0.16em;text-transform:uppercase;color:var(--t-text-primary)}.level-desc{font-family:var(--t-font-body);font-size:var(--text-sm);line-height:1.65;letter-spacing:0.02em;color:var(--t-text-secondary)}@media (max-width:767px){.level-card{flex-direction:column;align-items:center;text-align:center}.level-card-thumbnail{width:min(190px,100%);flex:0 0 auto}.level-card-content{align-items:center}.level-desc{text-align:center}}.mode-select-modal .quantris-modal-body{overflow-y:auto;padding:var(--s-3);margin:-0.75rem;margin-top:0;margin-bottom:0}.mode-select-tab-bar{display:flex;border-radius:var(--radius-full);background:var(--t-bg-elevated);border:1px solid var(--t-border-subtle);padding:var(--s-1);margin-bottom:var(--s-2);align-self:center}.mode-select-tab-bar__item{flex:0 1 auto;border-radius:var(--radius-full);background:transparent;border:1px solid transparent;color:var(--t-text-muted);font-family:var(--t-font-display);font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;padding:var(--s-2) var(--s-4);cursor:pointer;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.mode-select-tab-bar__item:hover{color:var(--t-text-secondary)}.mode-select-tab-bar__item.is-active{background:var(--t-btn-active-bg);border-color:var(--t-accent-primary);color:var(--t-text-primary)}.mode-select-grid[data-mode-context="coop"] [data-solo-only]{display:none}.mode-select-online-content{display:flex;flex-direction:column;gap:var(--s-6);padding:var(--s-4) 0}.mode-select-online-room{display:flex;flex-direction:column;gap:var(--s-2)}.mode-select-online-room__label{font-family:var(--t-font-display);font-size:var(--text-sm);color:var(--t-text-muted);text-transform:uppercase;letter-spacing:0.05em}.mode-select-online-room__input{font-family:var(--t-font-mono,monospace);font-size:var(--text-lg);text-align:center;letter-spacing:0.15em;text-transform:uppercase;padding:var(--s-3) var(--s-4);border:1px solid var(--t-border-color);border-radius:var(--radius-md);background:var(--t-input-bg,var(--t-surface-secondary));color:var(--t-text-primary);outline:none;transition:border-color 0.15s}.mode-select-online-room__input:focus{border-color:var(--t-accent-primary)}.mode-select-online-room__input::placeholder{color:var(--t-text-muted);opacity:0.6;text-transform:none;letter-spacing:normal}.spectate-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-4);background:var(--t-surface-secondary);border-bottom:1px solid var(--t-border-color);font-family:var(--t-font-display);font-size:var(--text-sm);gap:var(--s-4)}.spectate-banner__status{display:flex;align-items:center;gap:var(--s-2);color:var(--t-text-primary)}.spectate-banner__icon{color:var(--t-accent-primary)}.spectate-banner__room{font-family:var(--t-font-mono,monospace);letter-spacing:0.1em;color:var(--t-accent-primary);font-weight:600}.spectate-banner__info{display:flex;align-items:center;gap:var(--s-4);color:var(--t-text-muted)}.spectate-banner__hint{opacity:0.7;font-size:var(--text-xs)}.spectate-banner--disconnected{background:var(--t-error-surface,#3a1c1c);border-bottom-color:var(--t-error-border,#6b2e2e)}.spectate-banner--disconnected .spectate-banner__icon{color:var(--t-error-text,#f87171);animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,100%{opacity:1}50%{opacity:0.4}}.waiting-room-modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-6);overflow-y:auto}.waiting-room__header{display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.waiting-room__icon{display:grid;place-items:center;width:clamp(3rem,7vw,3.75rem);height:clamp(3rem,7vw,3.75rem);border-radius:var(--radius-full);font-size:var(--text-xl)}.waiting-room__title{margin:0;font-size:var(--text-2xl);font-family:var(--t-font-display);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--t-text-primary)}.waiting-room__code-section{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);width:100%}.waiting-room__code-label{font-size:var(--text-xs);font-family:var(--t-font-display);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--t-text-muted)}.waiting-room__code-row{display:flex;align-items:center;justify-content:center;gap:var(--s-3)}.waiting-room__code{font-family:var(--t-font-mono,monospace);font-size:var(--text-3xl);font-weight:700;letter-spacing:0.2em;color:var(--t-accent-primary);line-height:var(--leading-none);user-select:all}.waiting-room__copy-btn{display:inline-flex;align-items:center;justify-content:center;width:clamp(2.4rem,5vw,2.8rem);height:clamp(2.4rem,5vw,2.8rem);border-radius:var(--radius-full);border:1px solid var(--t-border-color);background:transparent;color:var(--t-text-muted);font-size:var(--text-base);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.waiting-room__copy-btn:hover,.waiting-room__copy-btn:focus-visible{color:var(--t-text-primary);border-color:var(--t-accent-primary);background:var(--t-btn-hover-bg,rgba(78,203,255,0.08))}.waiting-room__copy-btn:focus-visible{outline:2px solid var(--t-focus-color);outline-offset:2px}.waiting-room__copy-btn.is-copied{color:var(--t-accent-success,#5eead4);border-color:var(--t-accent-success,#5eead4)}.waiting-room__mode-select{display:flex;flex-direction:column;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);background:rgba(0,0,0,0.15)}.waiting-room__mode-row{display:flex;align-items:center;gap:var(--s-3)}.waiting-room__mode-label{font-size:var(--text-xs);font-family:var(--t-font-display);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--t-text-muted);flex-shrink:0;min-width:5.5rem}.waiting-room__mode-toggle,.waiting-room__mode-variants{display:flex;gap:var(--s-1);flex-wrap:wrap}.waiting-room__mode-btn{padding:var(--s-1) var(--s-3);border:1px solid var(--t-border-color);border-radius:var(--radius-md);background:transparent;color:var(--t-text-muted);font-size:var(--text-xs);font-family:var(--t-font-display);letter-spacing:var(--tracking-wide);cursor:pointer;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.waiting-room__mode-btn:hover,.waiting-room__mode-btn:focus-visible{color:var(--t-text-primary);border-color:var(--t-accent-primary)}.waiting-room__mode-btn:focus-visible{outline:2px solid var(--t-focus-color);outline-offset:2px}.waiting-room__mode-btn--active{color:var(--t-accent-primary);border-color:var(--t-accent-primary);background:rgba(78,203,255,0.1)}.waiting-room__mode-readonly{display:flex;align-items:center;gap:var(--s-2)}.waiting-room__mode-value{font-size:var(--text-sm);font-family:var(--t-font-display);font-weight:600;color:var(--t-accent-primary);letter-spacing:var(--tracking-wide)}.waiting-room__sprint-select{padding:var(--s-1) var(--s-2);border:1px solid var(--t-border-color);border-radius:var(--radius-md);background:rgba(0,0,0,0.3);color:var(--t-text-primary);font-size:var(--text-xs);font-family:var(--t-font-display);cursor:pointer;outline:none;transition:border-color var(--duration-fast) var(--ease-default)}.waiting-room__sprint-select:focus{border-color:var(--t-accent-primary)}.waiting-room__slots{display:flex;align-items:stretch;justify-content:center;gap:var(--s-4);width:100%}.waiting-room__slot{flex:1;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-5) var(--s-4);border:2px dashed var(--t-border-color);border-radius:var(--radius-lg);background:transparent;color:var(--t-text-muted);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.waiting-room__slot:hover,.waiting-room__slot:focus-visible{border-color:var(--t-accent-primary);background:rgba(78,203,255,0.04)}.waiting-room__slot:focus-visible{outline:2px solid var(--t-focus-color);outline-offset:2px}.waiting-room__slot--occupied{border-style:solid;border-color:var(--t-border-color);color:var(--t-text-primary);cursor:default}.waiting-room__slot--self{border-color:var(--t-accent-primary);border-style:solid}.waiting-room__slot--ready{border-color:var(--t-accent-success,#5eead4);position:relative}.waiting-room__slot--ready::after{content:"READY";position:absolute;top:var(--s-2);right:var(--s-2);font-size:var(--text-2xs,0.625rem);font-family:var(--t-font-display);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--t-accent-success,#5eead4)}.waiting-room__slot-label{font-size:var(--text-xs);font-family:var(--t-font-display);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--t-text-muted)}.waiting-room__slot-name{font-size:var(--text-lg);font-weight:600;font-family:var(--t-font-display)}.waiting-room__slot-status{font-size:var(--text-xs);color:var(--t-text-muted);min-height:1em}.waiting-room__vs{display:flex;align-items:center;font-family:var(--t-font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-wider);color:var(--t-text-muted);flex-shrink:0}.waiting-room__members{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);width:100%}.waiting-room__member-count{font-size:var(--text-xs);color:var(--t-text-muted);font-family:var(--t-font-display);letter-spacing:var(--tracking-wide)}.waiting-room__members-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2)}.waiting-room__member-pill{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--t-font-display);background:rgba(255,255,255,0.06);color:var(--t-text-secondary);border:1px solid rgba(255,255,255,0.08)}.waiting-room__member-pill--host::before{content:"\f521";font-family:"Font Awesome 6 Free";font-weight:900;font-size:0.6em;color:var(--t-accent-warning,#fbbf24)}.waiting-room__chat{display:flex;flex-direction:column;gap:var(--s-2);width:100%}.waiting-room__chat-messages{max-height:120px;overflow-y:auto;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md);padding:var(--s-2) var(--s-3);text-align:left;font-size:var(--text-xs);min-height:48px}.waiting-room__chat-msg{margin:var(--s-1) 0;line-height:1.4;color:var(--t-text-secondary);word-break:break-word}.waiting-room__chat-msg-name{font-weight:600;color:var(--t-accent-primary);margin-right:var(--s-1)}.waiting-room__chat-msg--system{color:var(--t-text-muted);font-style:italic}.waiting-room__chat-form{display:flex;gap:var(--s-2)}.waiting-room__chat-input{flex:1;padding:var(--s-2) var(--s-3);border:1px solid var(--t-border-color);border-radius:var(--radius-md);background:rgba(0,0,0,0.2);color:var(--t-text-primary);font-size:var(--text-sm);font-family:inherit;outline:none;transition:border-color var(--duration-fast) var(--ease-default)}.waiting-room__chat-input:focus{border-color:var(--t-accent-primary)}.waiting-room__chat-input::placeholder{color:var(--t-text-muted)}.waiting-room__chat-send{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:1px solid var(--t-border-color);border-radius:var(--radius-md);background:transparent;color:var(--t-text-muted);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.waiting-room__chat-send:hover,.waiting-room__chat-send:focus-visible{color:var(--t-accent-primary);border-color:var(--t-accent-primary)}.waiting-room__actions{display:flex;align-items:center;justify-content:center;gap:var(--s-4);width:100%}.waiting-room__ready-btn{min-width:140px}.waiting-room__ready-btn--active{background:var(--t-accent-success,#5eead4);border-color:var(--t-accent-success,#5eead4);color:#000}.waiting-room__cancel{margin:0}.waiting-room__disconnected{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-4);text-align:center}.waiting-room__disconnected-text{font-size:var(--text-md);color:var(--t-error-text,#f87171);font-family:var(--t-font-display)}.mode-select-grid{display:flex;flex-direction:column;gap:var(--s-5)}.mode-select-grid__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-5)}.mode-select-card__tier-select{display:flex;flex-direction:column;width:100%;align-items:center;text-align:center}.sprint-tier__label{font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--t-text-secondary)}.sprint-tier-select-wrapper{max-width:14rem}.sprint-tier-select-wrapper .neon-select{font-size:var(--text-sm);text-align:center}.mode-select-card__start-level{display:flex;flex-direction:column;width:100%;align-items:center;text-align:center}.marathon-start-level__label-row{display:flex;align-items:center;justify-content:center;gap:var(--s-2);flex-wrap:wrap}.marathon-start-level__label{font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--t-text-secondary)}.marathon-start-level__value{font-family:var(--t-font-display);font-size:var(--text-lg);color:var(--t-text-accent)}.marathon-start-level__controls{display:flex;align-items:center;gap:var(--s-2)}.marathon-start-level__control{width:2.5rem;height:2.5rem;border-radius:0.75rem;border:1px solid var(--t-border-default);background:var(--t-btn-bg);color:var(--t-text-primary);font-size:var(--text-xl);font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.marathon-start-level__control:hover,.marathon-start-level__control:focus-visible{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,0.35);outline:none}.marathon-start-level__control:focus-visible{border-color:var(--t-border-focus)}.marathon-start-level__input{width:4.5rem;padding:var(--s-1\.5) var(--s-1\.5);border-radius:0.6rem;border:1px solid var(--t-border-default);background:var(--t-btn-bg);color:var(--t-text-primary);font-size:var(--text-lg);text-align:center;font-family:var(--t-font-display)}.marathon-start-level__input:focus-visible{outline:2px solid var(--t-border-focus);outline-offset:2px}.mode-select-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--s-3);padding:var(--s-6);border:1px solid var(--t-card-border);border-radius:var(--t-card-radius);background:var(--t-card-bg);box-shadow:var(--t-card-shadow);cursor:pointer;font:inherit;line-height:1.45;color:var(--t-text-primary);text-align:left;overflow:hidden;transition:transform 0.28s var(--ease-spring),box-shadow 0.28s var(--ease-default),filter 0.28s var(--ease-default),border-color 0.28s var(--ease-default)}.mode-select-card--marathon{cursor:pointer}.mode-select-card--marathon .mode-select-card__content{width:100%}.mode-select-card__main{display:flex;width:100%;align-items:flex-start;gap:var(--s-5)}.mode-select-card:hover,.mode-select-card:focus-visible{transform:translateY(-4px) scale(1.01);border-color:var(--t-accent-secondary)}.mode-select-card:hover::before,.mode-select-card:focus-visible::before{opacity:1}.mode-select-card:hover::after,.mode-select-card:focus-visible::after{opacity:1}.mode-select-card:focus-visible{outline:none;border-color:var(--t-border-focus);box-shadow:0 0 0 2px var(--t-focus-glow),0 0 0 4px var(--t-focus-color)}.mode-select-card:active{transform:translateY(-2px) scale(0.99);transition-duration:var(--duration-fast)}.mode-select-card__icon{flex:0 0 clamp(3rem,6vw,3.6rem);width:clamp(3rem,6vw,3.6rem);height:clamp(3rem,6vw,3.6rem);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--t-btn-cta-bg);border:1px solid var(--t-border-default);color:var(--t-btn-cta-text)}.mode-select-card__icon .fas{font-size:var(--text-2xl)}.mode-select-card__content{display:flex;flex-direction:column;gap:var(--s-3)}.mode-select-card__title{font-family:var(--t-font-display);font-size:var(--text-lg);letter-spacing:0.16em;text-transform:uppercase}.mode-select-card__meta{font-size:var(--text-xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-muted)}.mode-select-card__description{margin:0;font-size:var(--text-sm);line-height:1.65;font-family:var(--t-font-body);color:var(--t-text-secondary)}.mode-select-card.is-locked,.mode-select-card[disabled]{cursor:not-allowed;opacity:0.6;transform:none !important;box-shadow:var(--menu-card-shadow);filter:grayscale(0.4)}.mode-select-card[disabled]:focus-visible{outline:none}.mode-select-card.is-locked .mode-select-card__icon{opacity:0.75}.mode-select-card__badge{position:absolute;top:clamp(0.6rem,1.6vw,0.9rem);right:clamp(0.6rem,1.6vw,0.9rem);display:inline-flex;align-items:center;gap:var(--s-1\.5);padding:var(--s-1) 0.65rem;border-radius:var(--radius-full);background:var(--t-bg-elevated);font-size:var(--text-2xs);letter-spacing:0.18em;text-transform:uppercase}.mode-select-card__badge i{font-size:var(--text-2xs)}.mode-select-card__badge--locked{color:var(--t-accent-danger)}.mode-select-card__badge--new{color:var(--t-accent-warm)}@media (max-width:767px){.mode-select-grid__row{grid-template-columns:1fr}.mode-select-card__content{align-items:flex-start}}quantris-board[data-role="level-thumbnail"]{pointer-events:none}#main-game-board{pointer-events:auto}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.quantris-title{font-family:"Orbitron","Inter",system-ui,-apple-system,sans-serif;letter-spacing:clamp(0.08em,0.12em + 0.2vw,0.28em);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;margin-bottom:0.25em}.quantris-title--hero{gap:var(--s-10);font-size:var(--text-5xl);font-weight:700}.quantris-title-logo--hero{width:clamp(4rem,10vw,6rem);height:clamp(4rem,10vw,6rem)}@media (max-width:767px){.quantris-title{letter-spacing:0.06em}.quantris-title--hero{font-size:clamp(1.5rem,7.5vw,3rem);gap:clamp(0.5rem,2vw,1rem)}.quantris-title-logo--hero{width:clamp(2rem,7vw,3.5rem);height:clamp(2rem,7vw,3.5rem)}}.quantris-title-text{color:var(--t-text-accent);display:inline-block}body.quantris-app{font-family:var(--t-font-body);color:var(--t-text-primary);background:var(--t-bg-app)}#game-view{position:relative;background:var(--t-bg-app);color:var(--t-text-secondary);isolation:isolate}.game-hud{border-radius:0;background:none;box-shadow:none}.game-hud::before{content:none}.game-hud-button{background:var(--t-btn-bg);border:1px solid var(--t-btn-border);color:var(--t-btn-text);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.game-hud-button[data-variant="danger"]{border-color:var(--t-accent-danger);color:var(--t-accent-danger)}.game-hud-scrubber{background:none;border:none;box-shadow:none}.game-hud-scrubber__label{font-family:var(--t-font-display);font-weight:600;letter-spacing:0.08em;color:var(--t-text-secondary)}.game-hud-button:hover,.game-hud-button:focus-visible{transform:translateY(-1px);color:var(--t-text-primary);border-color:var(--t-border-emphasis);outline:none}.game-hud-stat{background:var(--t-hud-bg);border:1px solid var(--t-hud-border);box-shadow:var(--t-hud-glow)}.game-hud-stat-label{font-family:var(--t-font-display);font-size:var(--text-2xs);letter-spacing:0.22em;text-transform:uppercase;color:var(--t-hud-label)}.game-hud-stat-value{font-family:var(--t-font-display);font-size:var(--text-2xl);letter-spacing:0.06em;color:var(--t-hud-value);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.game-panel{background:var(--t-hud-bg);border:1px solid var(--t-hud-border);box-shadow:var(--t-hud-glow);transition:box-shadow var(--duration-slow) var(--ease-default),border-color var(--duration-slow) var(--ease-default)}.game-panel-title{font-family:var(--t-font-display);font-size:var(--text-sm);letter-spacing:0.2em;text-transform:uppercase;color:var(--t-text-primary)}.game-board-frame{background:var(--t-bg-game-board);border:none}.game-board-frame quantris-board{border-radius:0;outline:none;box-shadow:none}.game-board-frame quantris-board:focus,.game-board-frame quantris-board:focus-visible,.game-board-frame quantris-board:focus-within{outline:none}.game-board-frame .feedback-overlay-layer{position:absolute;inset:0;pointer-events:none;z-index:var(--z-raised);overflow:visible}.feedback-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);will-change:transform,opacity}.feedback-overlay img{display:block;width:clamp(280px,76%,520px);max-width:560px;height:auto;filter:drop-shadow(0 0 12px rgba(255,255,255,0.35))}.game-layout{isolation:isolate}.game-layout .game-panel-surface{border-radius:clamp(0.6rem,1vw,0.9rem)}.dpad-btn,.action-btn{transition:all 120ms ease-out;-webkit-user-select:none;user-select:none}.dpad-btn:focus-visible,.action-btn:focus-visible{outline:none;border-color:var(--t-border-focus,rgba(78,203,255,0.5));box-shadow:0 0 0 2px var(--t-focus-glow,rgba(78,203,255,0.2)),0 0 0 4px var(--t-focus-color,rgba(78,203,255,0.1))}.game-footer{background:var(--t-hud-bg);border:1px solid var(--t-hud-border);color:var(--t-text-muted)}@media (max-width:767px){.game-hud-stat-label{font-size:var(--text-2xs);font-weight:600;letter-spacing:0.08em}.game-hud-stat-value{font-size:var(--text-xl);font-variant-numeric:tabular-nums}.game-hud-stat[data-stat="lines"] .game-hud-stat-value,.game-hud-stat[data-stat="level"] .game-hud-stat-value,.game-hud-stat[data-stat="timer"] .game-hud-stat-value{font-size:var(--text-lg)}}.quantris-tagline{font-family:var(--t-font-body);color:var(--t-text-secondary);font-size:var(--text-xl);letter-spacing:0.045em;text-transform:uppercase;position:relative;z-index:var(--z-raised)}.q-button{font-family:var(--t-font-display);letter-spacing:0.14em;text-transform:uppercase;font-weight:600;border:1px solid var(--t-btn-border);color:var(--t-btn-text);background:var(--t-btn-bg);transition:transform var(--duration-normal) var(--ease-spring),box-shadow 0.25s var(--ease-default),background-position var(--duration-slow) var(--ease-default),filter var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);will-change:transform,box-shadow}.q-button:hover{transform:translateY(-3px) scale(1.02);background:var(--t-btn-hover-bg);border-color:var(--t-border-emphasis)}.q-button--wide{max-width:98%;margin-inline:auto}.q-button:hover::before{opacity:0.6;animation:button-glow-pulse 2s ease-in-out infinite}.q-button:hover::after{opacity:0.7}@keyframes button-glow-pulse{0%,100%{opacity:0.5}50%{opacity:0.8}}.q-button[data-variant="community"]>i{animation:icon-pulse-discord 4s ease-in-out infinite}.q-button[data-variant="support"]>i{animation:icon-pulse-magenta 4s ease-in-out infinite}@keyframes icon-pulse-discord{0%,80%,100%{filter:brightness(1)}90%{filter:brightness(1.6) drop-shadow(0 0 4px #5865f2);color:#5865f2}}@keyframes icon-pulse-magenta{0%,80%,100%{filter:brightness(1)}90%{filter:brightness(1.6) drop-shadow(0 0 4px #ff00ff);color:#ff00ff}}.q-button:active{transform:translateY(1px) scale(0.98);filter:brightness(0.92);transition-duration:var(--duration-fast)}.q-button:active::before{opacity:0.3;animation:none}.q-button:active::after{opacity:0.3}.q-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--t-focus-glow),0 0 0 4px var(--t-focus-color)}.q-button .fas,.q-button .fab{font-size:var(--text-xl)}.q-button--compact{padding:var(--s-4) var(--s-6);font-size:var(--text-xs);letter-spacing:0.12em;border-radius:var(--radius-xl);justify-content:center;min-height:var(--min-tap-target)}.q-button--compact .fas,.q-button--compact .fab{font-size:var(--text-md)}.q-button--icon{padding:var(--s-4);min-width:clamp(2.4rem,4vw,3rem);aspect-ratio:1}.q-button--icon .fas,.q-button--icon .fab{font-size:var(--text-xl)}.q-button:disabled,.q-button[disabled]{opacity:0.5;cursor:not-allowed;transform:none !important;filter:grayscale(0.3)}.q-button:disabled:hover,.q-button[disabled]:hover{transform:none !important}.q-button:disabled::before,.q-button[disabled]::before{opacity:0 !important;animation:none !important}.quantris-menu-footer{border-top:1px solid var(--t-border-subtle);background:var(--t-bg-surface)}.quantris-footer-accent{font-size:var(--text-sm);color:var(--t-text-secondary);text-transform:uppercase;letter-spacing:0.12em}.quantris-footer-copy{font-size:var(--text-xs);letter-spacing:0.16em;text-transform:uppercase;color:var(--t-text-muted)}.quantris-footer-links{display:flex;flex-direction:row;justify-content:center;gap:var(--s-10);font-family:var(--t-font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.18em;margin-top:var(--s-4)}.quantris-footer-link{color:var(--t-accent-primary);transition:color var(--duration-normal) var(--ease-default),text-shadow var(--duration-normal) var(--ease-default)}.quantris-footer-link:hover,.quantris-footer-link:focus-visible{color:var(--t-text-primary);outline:none}@media (max-width:767px){.quantris-footer-links{gap:var(--s-6)}}@media (max-width:479px){.q-button{letter-spacing:0.08em;padding:0.85rem 1.15rem}.quantris-footer-links{gap:var(--s-3)}}.quantris-modal{background:var(--t-modal-bg);border:1px solid var(--t-modal-border);box-shadow:var(--t-modal-shadow);animation:modal-entrance 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards;transform-origin:center center}@keyframes modal-entrance{0%{opacity:0;transform:scale(0.92) translateY(20px);filter:blur(4px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.high-scores-modal{gap:var(--s-4);padding-bottom:var(--s-6);max-height:min(90dvh,860px);padding-top:var(--s-8)}.high-scores-header{display:flex;align-items:center;gap:var(--s-4)}.high-scores-title-row{display:flex;align-items:center;gap:var(--s-5);width:100%;justify-content:space-between}.high-scores-header-toggles{display:flex;align-items:center;gap:var(--s-4)}.high-scores-title-row .high-scores-tabs{display:flex;align-items:center;gap:var(--s-1)}.high-scores-title-row .high-scores-tab{padding:var(--s-1) 0.7rem;font-size:var(--text-xs)}.high-scores-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:0}.high-scores-panel-head .high-scores-mode-tabs{display:inline-flex;align-items:stretch;gap:clamp(0.25rem,0.6vw,0.45rem);border:none;background:transparent;box-shadow:none}.high-scores-panel-head .high-scores-tab--mode{border-radius:var(--t-card-radius);border:1px solid var(--t-border-default);min-width:0;justify-content:center}.high-scores-panel-head .high-scores-tab--mode.is-active{background:var(--t-btn-active-bg)}.high-scores-panel-head .high-scores-sprint-filters{margin-left:auto}.high-scores-footer{display:none}.high-scores-subtitle{color:var(--t-text-secondary);letter-spacing:0.06em;max-width:42ch}.high-scores-body{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--s-3);min-height:0}.high-scores-pagination{display:flex;align-items:center;justify-content:center;gap:var(--s-1\.5);padding:var(--s-1) 0}.high-scores-page-btn{width:2.4rem;min-width:2.4rem;height:2.4rem;padding:0;display:grid;place-items:center;font-weight:700;letter-spacing:0.08em}.high-scores-page-label{font-size:var(--text-sm);letter-spacing:0.08em;color:var(--t-text-secondary)}.high-scores-mode-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-3)}.high-scores-tab--mode{font-size:var(--text-xs);padding:var(--s-2) var(--s-4)}.high-scores-sprint-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--s-3);margin:0;padding:0;flex:0 0 auto;margin-left:auto}.high-scores-sprint-filters.hidden{display:none}.high-scores-sprint-select-wrapper{width:clamp(11rem,26vw,15rem)}.high-scores-sprint-select-wrapper .neon-select{font-size:var(--text-xs)}.high-scores-tabs{display:flex;flex:0 1 auto;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--s-3);margin:0 auto}.high-scores-tab{appearance:none;border:1px solid var(--t-border-default);background:var(--t-card-bg);color:var(--t-text-secondary);font-family:var(--t-font-display);font-size:var(--text-sm);letter-spacing:0.15em;text-transform:uppercase;padding:var(--s-3) var(--s-6);border-radius:var(--t-card-radius);cursor:pointer;transition:color var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default);box-shadow:var(--t-card-shadow)}.high-scores-tab:hover:not(.is-active){color:var(--t-text-primary);transform:translateY(-1px)}.high-scores-tab.is-active{color:var(--t-btn-cta-text);background:var(--t-btn-cta-bg);border-color:var(--t-accent-warm)}.high-scores-scroll{flex:1 1 auto;padding:var(--s-2) var(--s-3) var(--s-3) var(--s-3);overflow-y:auto;margin-right:clamp(-0.15rem,-0.32vw,-0.08rem);max-height:none;min-height:0}.high-scores-local-panel{position:relative;display:flex;flex-direction:column;gap:var(--s-2)}.high-scores-local-actions{display:flex;justify-content:flex-end;padding:0 var(--s-1) 0.1rem}.high-scores-local-actions button.q-button--icon{width:34px;height:34px;min-width:34px;padding:0;border-radius:var(--radius-lg)}.high-scores-scroll>#high-scores-list-global{margin-top:0}.high-scores-list{display:flex;flex-direction:column;gap:var(--s-2)}.high-scores-entry{display:flex;flex-direction:column;gap:clamp(0.15rem,0.4vw,0.25rem);padding:var(--s-3) var(--s-4);border-radius:var(--t-card-radius);background:var(--t-card-bg);border:1px solid var(--t-card-border);box-shadow:var(--t-card-shadow)}.high-scores-entry__row{display:flex;align-items:center;gap:var(--s-3);min-width:0}.high-scores-entry__row--top{flex-wrap:nowrap}.high-scores-entry__row--bottom{flex-wrap:wrap;padding-left:clamp(2.9rem,5vw,3.4rem);gap:var(--s-2)}.high-scores-entry__name{flex:1 1 auto;font-weight:600;letter-spacing:0.04em;color:var(--t-text-primary);word-break:break-word;overflow-wrap:anywhere;min-width:0}.high-scores-entry__rank{flex:0 0 auto;width:clamp(2.2rem,3.5vw,2.6rem);padding:var(--s-1);border-radius:var(--t-card-radius);font-family:var(--t-font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;text-align:center;background:var(--t-btn-bg);border:1px solid var(--t-border-default);color:var(--t-accent-warm)}.high-scores-entry__score{font-family:var(--t-font-display);font-size:var(--text-base);letter-spacing:0.10em;color:var(--t-accent-warm)}.high-scores-entry__meta{font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--t-text-muted)}.high-scores-entry__action.q-button{flex:0 0 auto;width:auto;min-width:clamp(2rem,3.5vw,2.4rem);height:clamp(1.8rem,3vw,2.2rem);max-height:clamp(1.8rem,3vw,2.2rem);padding:0 var(--s-3);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:clamp(0.25rem,0.5vw,0.35rem);background:var(--t-btn-cta-bg);border:1px solid var(--t-accent-primary);color:var(--t-btn-cta-text);font-size:var(--text-xs);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.high-scores-entry__action.q-button:hover:not(:disabled){transform:translateY(-1px)}.high-scores-entry__action.q-button:active:not(:disabled){transform:translateY(0)}.high-scores-entry__action.q-button i{font-size:var(--text-sm);line-height:1;color:inherit}.high-scores-entry__action.q-button:disabled,.high-scores-entry__action.q-button[disabled]{background:var(--t-btn-bg);border-color:var(--t-border-subtle);box-shadow:none;color:var(--t-text-muted);cursor:not-allowed;opacity:0.6;filter:none;transform:none !important}@media (max-width:479px){.high-scores-entry__action-label{display:none}}.high-scores-empty{padding:var(--s-12);border-radius:var(--t-card-radius);border:1px dashed var(--t-border-default);background:var(--t-card-bg);color:var(--t-text-muted);text-align:center;letter-spacing:0.05em}.quantris-modal-title{font-family:var(--t-font-display);color:var(--t-text-accent)}.quantris-modal-close{background:var(--t-btn-bg);border:1px solid var(--t-border-default);color:var(--t-text-secondary);transition:color var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default),box-shadow 0.25s var(--ease-default),transform var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) var(--ease-default)}.quantris-modal-close:hover{color:var(--t-text-primary);background:var(--t-btn-hover-bg);border-color:var(--t-border-emphasis);transform:scale(1.08) rotate(90deg)}.quantris-modal-close:focus-visible{color:var(--t-text-primary);background:var(--t-btn-active-bg);border-color:var(--t-border-focus);box-shadow:0 0 0 2px var(--t-focus-glow),0 0 0 4px var(--t-focus-color);outline:none}.quantris-modal-close:active{transform:scale(0.95) rotate(90deg);transition-duration:var(--duration-fast)}.modal-close-icon{color:var(--t-text-secondary);transition:color var(--duration-normal) var(--ease-default)}.quantris-modal-close:hover .modal-close-icon,.quantris-modal-close:focus-visible .modal-close-icon{color:var(--t-text-primary)}.quantris-overlay{background:var(--t-bg-overlay);backdrop-filter:blur(22px);animation:overlay-fade-in 0.3s ease forwards}@keyframes overlay-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}100%{opacity:1;backdrop-filter:blur(22px)}}@media (min-width:768px){.quantris-overlay--panel::before,.quantris-overlay--panel::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}@keyframes panel-content-entrance{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quantris-overlay--panel .quantris-modal-header{opacity:0;animation:panel-content-entrance 0.45s var(--ease-out) 0.05s forwards}.quantris-overlay--panel .quantris-modal-body{opacity:0;animation:panel-content-entrance 0.45s var(--ease-out) 0.15s forwards}.quantris-overlay--panel .quantris-modal-footer{opacity:0;animation:panel-content-entrance 0.45s var(--ease-out) 0.25s forwards}.quantris-overlay--panel .quantris-modal-title{font-size:var(--text-3xl)}.quantris-overlay--panel .quantris-modal-subtitle{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){.quantris-overlay--panel>.quantris-modal,.quantris-overlay--panel .quantris-modal-header,.quantris-overlay--panel .quantris-modal-body,.quantris-overlay--panel .quantris-modal-footer{opacity:1;animation:none}}.tutorial-prompt-modal{text-align:center;padding-top:clamp(2.8rem,5.5vw,3.5rem);overflow:visible}@media (max-width:767px){.tutorial-prompt-modal{margin-top:clamp(1.75rem,4vw,2.5rem)}}.tutorial-prompt-icon{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:clamp(3.5rem,7vw,4.2rem);height:clamp(3.5rem,7vw,4.2rem);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--t-btn-cta-bg);border:2px solid var(--t-border-emphasis);box-shadow:var(--t-card-shadow)}.tutorial-prompt-icon .tutorial-prompt-logo{width:65%;height:65%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,0.6))}@keyframes tutorial-icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tutorial-prompt-header{text-align:center}.tutorial-prompt-title{font-family:var(--t-font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--t-text-primary)}.tutorial-prompt-subtitle{margin-top:var(--s-1\.5);font-family:var(--t-font-body);font-size:var(--text-base);font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--t-text-muted)}.tutorial-prompt-body{display:flex;flex-direction:column;align-items:center;gap:var(--s-8)}.tutorial-prompt-message{font-size:var(--text-lg);line-height:1.6;color:var(--t-text-secondary);max-width:32ch}.tutorial-prompt-message strong{color:var(--t-accent-primary);font-weight:600}.tutorial-prompt-actions{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);width:100%}.tutorial-prompt-btn--primary{width:100%;max-width:18rem;padding:var(--s-5) var(--s-8);font-size:var(--text-lg);font-weight:600;letter-spacing:0.06em;background:var(--t-btn-cta-bg);border:1px solid var(--t-accent-warm);color:var(--t-btn-cta-text)}.tutorial-prompt-btn--primary:hover,.tutorial-prompt-btn--primary:focus-visible{transform:translateY(-2px)}.tutorial-prompt-btn--secondary{background:transparent;border:none;box-shadow:none;padding:var(--s-2) var(--s-4);font-size:var(--text-sm);color:var(--t-text-muted);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-normal) var(--ease-default)}.tutorial-prompt-btn--secondary:hover,.tutorial-prompt-btn--secondary:focus-visible{color:var(--t-accent-primary);background:transparent;box-shadow:none;transform:none}.tutorial-complete-modal{text-align:center;padding-top:clamp(2.8rem,5.5vw,3.5rem);overflow:visible}.tutorial-complete-icon{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:clamp(3.5rem,7vw,4.2rem);height:clamp(3.5rem,7vw,4.2rem);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--t-accent-success);border:2px solid var(--t-border-emphasis);box-shadow:var(--t-card-shadow)}.tutorial-complete-icon i{font-size:var(--text-2xl);color:var(--t-btn-cta-text)}.tutorial-complete-header{text-align:center}.tutorial-complete-title{font-family:var(--t-font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--t-text-primary)}.tutorial-complete-subtitle{margin-top:var(--s-1\.5);font-family:var(--t-font-body);font-size:var(--text-base);font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--t-text-muted)}.tutorial-complete-body{display:flex;flex-direction:column;align-items:center;gap:var(--s-8)}.tutorial-complete-message{font-size:var(--text-lg);line-height:1.6;color:var(--t-text-secondary);max-width:32ch}.tutorial-complete-message strong{color:var(--t-accent-warm);font-weight:600}.tutorial-complete-actions{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);width:100%}.tutorial-complete-btn--primary{width:100%;max-width:18rem;padding:var(--s-5) var(--s-8);font-size:var(--text-lg);font-weight:600;letter-spacing:0.06em;background:var(--t-btn-cta-bg);border:1px solid var(--t-accent-warm);color:var(--t-btn-cta-text)}.tutorial-complete-btn--primary:hover,.tutorial-complete-btn--primary:focus-visible{transform:translateY(-2px)}.tutorial-complete-btn--secondary{background:transparent;border:none;box-shadow:none;padding:var(--s-2) var(--s-4);font-size:var(--text-sm);color:var(--t-text-muted);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-normal) var(--ease-default)}.tutorial-complete-btn--secondary:hover,.tutorial-complete-btn--secondary:focus-visible{color:var(--t-accent-primary);background:transparent;box-shadow:none;transform:none}#error-toast{background:var(--t-card-bg);border-color:var(--t-border-subtle);border-left-color:var(--t-accent-primary);color:var(--t-text-primary)}#error-toast .error-toast__message{color:var(--t-text-primary)}#error-toast .error-toast__actions{color:var(--t-text-secondary)}#error-toast .error-toast__action-btn{background:var(--t-btn-cta-bg);color:var(--t-btn-cta-text)}#error-toast .error-toast__action-btn:hover,#error-toast .error-toast__action-btn:focus-visible{filter:brightness(1.1);transform:translateY(-1px)}#error-toast .error-toast__action-btn:active{filter:brightness(0.96);transform:translateY(0)}#error-toast .error-toast__close{color:var(--t-text-muted)}#error-toast .error-toast__close:hover,#error-toast .error-toast__close:focus-visible{color:var(--t-text-primary);background:var(--t-btn-hover-bg);transform:scale(1.05)}#error-toast.border-l-red-500{--toast-accent-color:var(--t-accent-danger)}#error-toast.border-l-amber-500{--toast-accent-color:var(--t-accent-warm)}#error-toast.border-l-blue-500{--toast-accent-color:var(--t-accent-primary)}#error-toast.border-l-emerald-500{--toast-accent-color:var(--t-accent-success)}.confirm-modal__icon{background:var(--t-accent-danger);border:1px solid var(--t-border-emphasis);color:var(--t-btn-cta-text)}.confirm-modal__icon i{font-size:var(--text-3xl)}.confirm-modal__title{color:var(--t-text-primary)}.confirm-modal__message{color:var(--t-text-secondary)}.high-score-entry-modal__icon{background:var(--t-accent-warm);border:1px solid var(--t-border-emphasis);color:var(--t-btn-cta-text)}.high-score-entry-modal__icon i{font-size:var(--text-3xl)}.high-score-entry-modal__subtitle{color:var(--t-text-muted);white-space:pre-line}.high-score-entry-modal__stats{background:var(--t-card-bg);border:1px solid var(--t-card-border);box-shadow:var(--t-card-shadow)}.high-score-entry-modal__stat dt{color:var(--t-text-muted);font-size:var(--text-sm);letter-spacing:0.08em;text-transform:uppercase}.high-score-entry-modal__value{color:var(--t-accent-warm);font-family:var(--t-font-display)}.high-score-entry-modal__label{color:var(--t-text-secondary);letter-spacing:0.04em;text-transform:uppercase}.high-score-entry-modal__error{color:var(--t-accent-danger)}.instructions-content--padded{color:var(--t-text-secondary)}.quantris-modal-section{border-radius:var(--t-card-radius);background:var(--t-card-bg);border:1px solid var(--t-card-border);box-shadow:var(--t-card-shadow);transition:box-shadow 0.25s var(--ease-default),border-color 0.25s var(--ease-default)}.quantris-section-title{font-family:var(--t-font-display);color:var(--t-text-accent)}.quantris-modal-subtitle{font-family:var(--t-font-body);color:var(--t-text-secondary)}#game-over-overlay .quantris-modal-subtitle .quantum-operation-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;margin-inline:0.2em;border:none;background:transparent;box-shadow:none;color:inherit}#game-over-overlay .quantris-modal-subtitle .quantum-operation-symbol--icon,#game-over-overlay .quantris-modal-subtitle .quantum-operation-symbol--text{font-size:1em;font-weight:inherit}#game-over-overlay .quantris-modal-subtitle .quantum-operation-symbol--prismatic{min-width:1.2em;min-height:1.2em;border-radius:0.3em;border:1px solid rgba(148,163,255,0.4);box-shadow:none}.quantris-modal-subtitle strong{color:var(--t-text-primary)}.settings-control-row{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) 0}.settings-control-label{font-size:var(--text-base);font-weight:600;color:var(--t-text-primary);text-transform:uppercase;letter-spacing:0.05em}.settings-toggle-group{display:flex;gap:var(--s-2);flex-wrap:wrap}.settings-toggle-group .q-button{flex:1;min-width:fit-content}.settings-toggle-group .q-button.active{background:var(--t-btn-active-bg);border-color:var(--t-border-emphasis)}.settings-panel__nav-item{color:var(--t-text-secondary);font-family:var(--t-font-display);transition:color var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default)}.settings-panel__nav-item:hover:not(.is-active){color:var(--t-text-primary);background:var(--t-card-bg)}.settings-panel__nav-item.is-active{color:var(--t-text-accent);background:var(--t-btn-active-bg);border-color:var(--t-border-emphasis);font-weight:600}.quantris-result-hero{background:var(--t-card-bg);border:1px solid var(--t-border-emphasis);box-shadow:var(--t-card-shadow);color:var(--t-text-primary)}.quantris-result-hero[data-variant="neutral"]{border-color:var(--t-accent-primary)}.quantris-result-hero[data-variant="victory"]{border-color:var(--t-accent-success)}.quantris-result-hero[data-variant="defeat"]{border-color:var(--t-accent-danger)}.quantris-result-stats{padding:var(--s-5) var(--s-8);border-radius:0px;border-top:1px solid var(--t-border-subtle);row-gap:var(--s-4);column-gap:var(--s-6)}.quantris-modal--flush .quantris-result-stats{padding:var(--s-4) var(--s-6);row-gap:var(--s-3);column-gap:var(--s-5)}.quantris-result-stats dt{font-family:var(--t-font-display);font-size:var(--text-2xs);letter-spacing:0.2em;text-transform:uppercase;color:var(--t-text-accent)}.quantris-result-stats dd{font-family:var(--t-font-display);font-size:var(--text-2xl);letter-spacing:0.08em;color:var(--t-text-primary)}.quantris-modal--flush .quantris-result-stats dd{font-size:var(--text-xl)}.quantris-result-value{min-width:3ch;justify-content:flex-end}.quantris-modal-scroll{background:var(--t-card-bg);border:1px solid var(--t-card-border);scrollbar-width:thin;scrollbar-gutter:stable both-edges;scrollbar-color:var(--t-scrollbar-thumb) var(--t-scrollbar-track)}.instructions-content{color:var(--t-text-secondary);font-family:var(--t-font-body);font-size:var(--text-base);line-height:1.6}.instructions-content p{margin:0}.instructions-content p + p{margin-top:var(--s-2)}.instructions-preferences{margin-top:var(--s-5);display:flex;align-items:center;gap:var(--s-3);color:var(--t-text-secondary);font-size:var(--text-sm)}.instructions-preference-toggle{display:inline-flex;align-items:center;gap:0.65rem;cursor:pointer}.instructions-preference-toggle input[type="checkbox"]{width:1.1rem;height:1.1rem;accent-color:var(--t-accent-secondary);border-radius:0.25rem}.instructions-preferences-note{margin-top:var(--s-2);font-size:var(--text-xs);color:var(--t-text-muted)}.changelog-modal .changelog-content{flex:1;overflow-y:auto}.settings-toggle{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-1\.5) 0;cursor:pointer;color:var(--t-text-secondary);font-family:var(--t-font-body);transition:color var(--duration-normal) var(--ease-default)}.settings-toggle:hover{color:var(--t-text-primary)}.settings-toggle input[type="checkbox"]{width:1.15rem;height:1.15rem;margin-top:var(--s-1);accent-color:var(--t-accent-secondary);flex-shrink:0;border-radius:0.25rem}.settings-toggle-copy{display:flex;flex-direction:column;gap:var(--s-1\.5)}.settings-toggle-title{font-size:var(--text-base);font-weight:600;letter-spacing:0.04em;color:var(--t-text-primary);text-transform:uppercase}.settings-toggle-description{font-size:var(--text-sm);line-height:1.45;color:var(--t-text-muted)}.instructions-panel .instructions-content{flex:1;overflow-y:auto}.instructions-panel .instructions-preferences,.instructions-panel .instructions-preferences-note{flex-shrink:0}.kebab-stats{display:flex;justify-content:space-around;align-items:center;padding:var(--s-3) var(--s-4);border-radius:var(--radius-md);background:var(--t-surface-alt,var(--surface-alt));border:1px solid var(--t-border-subtle,var(--border-subtle))}.kebab-stat{display:flex;flex-direction:column;align-items:center;gap:var(--s-1)}.kebab-stat__label{font-family:var(--font-display);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:0.08em;color:var(--t-text-muted,var(--text-muted))}.kebab-stat__value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--t-text-primary,var(--text-primary))}.kebab-resume-btn{width:100%;justify-content:center;padding:var(--s-4) var(--s-5);font-size:var(--text-md)}.kebab-actions{display:flex;flex-direction:column;gap:var(--s-3)}.kebab-actions__primary{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.kebab-actions__secondary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s-3)}.kebab-btn-sm{font-size:var(--text-2xs);padding:var(--s-2) var(--s-3)}.kebab-audio__row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) 0}.kebab-audio__icon{color:var(--t-text-muted,var(--text-muted));font-size:var(--text-sm);flex-shrink:0}.kebab-audio__slider{flex:1}.kebab-audio__mute{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full,9999px);border:1px solid var(--t-border-subtle,var(--border-subtle));background:var(--t-surface-alt,var(--surface-alt));color:var(--t-text-muted,var(--text-muted));cursor:pointer;flex-shrink:0;transition:color 0.15s,border-color 0.15s,background 0.15s}.kebab-audio__mute:hover{color:var(--t-text-primary,var(--text-primary));border-color:var(--t-border,var(--border))}.kebab-audio__hidden{display:none}.kebab-footer{display:flex;justify-content:center}.kebab-footer__link{background:none;border:none;color:var(--t-text-muted,var(--text-muted));font-size:var(--text-2xs);cursor:pointer;padding:var(--s-1) var(--s-2);text-decoration:none;transition:color 0.15s}.kebab-footer__link:hover{color:var(--t-text-primary,var(--text-primary));text-decoration:underline}.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}#kebab-menu-overlay .quantris-sheet{gap:var(--s-3);overflow-x:clip}#handling-overlay .quantris-modal,#keybinds-overlay .quantris-modal{max-height:min(80vh,760px);display:flex;flex-direction:column}@media (min-width:768px){#handling-overlay.quantris-overlay--panel .quantris-modal,#keybinds-overlay.quantris-overlay--panel .quantris-modal{max-height:none}}#handling-overlay .quantris-modal-body,#keybinds-overlay .quantris-modal-body{flex:1;display:flex;flex-direction:column;overflow-y:auto}#handling-overlay .quantris-modal-section:last-child,#keybinds-overlay .quantris-modal-section:last-child{padding-bottom:var(--s-4)}.changelog-content{display:flex;flex-direction:column;gap:1.75rem;color:var(--t-text-secondary);font-family:var(--t-font-body)}.changelog-intro{margin:0;font-size:var(--text-base);line-height:1.6;color:var(--t-text-muted)}.changelog-entry{padding:var(--s-6);border-radius:var(--t-card-radius);background:var(--t-card-bg);border:1px solid var(--t-card-border);box-shadow:var(--t-card-shadow)}.changelog-entry__header{display:flex;justify-content:space-between;gap:var(--s-4);align-items:baseline;margin-bottom:var(--s-4)}.changelog-entry__title{font-family:var(--t-font-display);font-size:var(--text-md);letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-primary);margin:0}.changelog-entry__date{margin:var(--s-1) 0 0;font-size:var(--text-sm);color:var(--t-text-muted);letter-spacing:0.08em;text-transform:uppercase}.changelog-entry__badge{align-self:flex-start;padding:var(--s-1\.5) var(--s-3);border-radius:var(--radius-full);background:var(--t-bg-elevated);color:var(--t-text-accent);font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase}.changelog-entry__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-4)}.changelog-entry__item--bullet + .changelog-entry__item--bullet,.changelog-entry__item--group-heading + .changelog-entry__item--bullet{margin-top:calc(-1 * var(--s-3))}.changelog-entry__item-title{margin:0 0 var(--s-1);font-size:var(--text-base);font-weight:600;color:var(--t-text-primary)}.changelog-entry__item--group-heading{gap:var(--s-1)}.changelog-entry__item--bullet{padding-left:var(--s-4)}.changelog-entry__item-body{margin:0;font-size:var(--text-sm);line-height:1.55;color:var(--t-text-secondary)}.changelog-entry__item-body--bullet::before{content:"\2022";margin-right:var(--s-2);color:var(--t-text-muted)}.changelog-entry__notes{margin:var(--s-5) 0 0;font-size:var(--text-sm);line-height:1.5;color:var(--t-text-muted)}.changelog-actions{margin-top:1.75rem;display:flex;justify-content:flex-end}.changelog-empty{margin:0;font-size:var(--text-sm);color:var(--t-text-muted)}.quantris-instructions-section{background:transparent}[data-input-type="touch"]{display:none}@media (pointer:coarse){[data-input-type="keyboard"]{display:none}[data-input-type="touch"]{display:block}}.quantris-instructions-title{font-family:var(--t-font-display);font-size:var(--text-sm);letter-spacing:0.22em;text-transform:uppercase;color:var(--t-text-accent)}.quantris-instructions-meta{font-size:var(--text-base);letter-spacing:0.08em;text-transform:uppercase;color:var(--t-text-primary)}.quantris-instructions-body{color:var(--t-text-secondary)}.quantris-instructions-subtitle{font-family:var(--t-font-display);font-size:var(--text-xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-muted)}.quantris-instructions-text{font-family:inherit;font-size:var(--text-base);color:var(--t-text-secondary)}.quantris-instructions-text strong{color:var(--t-text-primary)}.quantris-instructions-text em{color:var(--t-text-primary)}.quantris-instructions-text ul,.quantris-instructions-text ol{margin:var(--s-2) 0 var(--s-1\.5);padding-left:1.2rem;color:inherit}.quantris-instructions-text li + li{margin-top:var(--s-1\.5)}.base-instructions__section{background:transparent}.quantris-instructions-chip{background:var(--t-bg-elevated);border:1px solid var(--t-border-default);color:var(--t-text-primary)}.quantris-instructions-list-text{color:var(--t-text-secondary)}.quantris-instructions-note{color:var(--t-text-muted)}.quantris-level-start__badge{background:var(--t-bg-elevated);border:1px solid var(--t-border-default);color:var(--t-text-primary)}.quantris-level-start__title{font-family:var(--t-font-display);font-size:var(--text-2xl);letter-spacing:0.16em;text-transform:uppercase;color:var(--t-text-primary)}.quantris-level-start__divider{background:var(--t-border-subtle)}.quantris-level-start__description{color:var(--t-text-secondary)}.level-start-content{font-family:var(--t-font-body);color:var(--t-text-secondary);line-height:1.6;letter-spacing:0.015em}.level-start-content .quantris-instructions-subtitle{font-family:inherit;font-size:var(--text-md);letter-spacing:0.08em;text-transform:uppercase;color:var(--t-text-secondary)}.level-start-content .quantris-instructions-text{font-family:inherit;font-size:var(--text-md);line-height:1.65;color:var(--t-text-secondary)}.level-start-content .quantris-instructions-text strong{color:var(--t-text-primary)}.level-start-content .quantris-instructions-text em{color:var(--t-text-primary)}.quantris-level-start__body{color:var(--t-text-secondary)}.quantris-level-start__section{background:transparent}.quantris-level-start__section + .quantris-level-start__section{border-color:var(--t-border-subtle)}.quantris-modal-scroll>* + *{margin-top:clamp(1rem,2vw,1.6rem)}.handling-controls{display:flex;flex-direction:column;gap:var(--s-6);font-family:var(--t-font-body);font-size:var(--text-base);color:var(--t-text-secondary);padding-right:var(--s-1)}#handling-overlay,#keybinds-overlay{overscroll-behavior:contain}.handling-presets{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.handling-presets .settings-toggle-group{flex:1;min-width:0}.handling-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-4)}.handling-group__title{font-family:var(--t-font-display);font-size:var(--text-2xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-muted);padding-bottom:var(--s-2);border-bottom:1px solid var(--t-border-subtle);margin-bottom:var(--s-1)}.handling-group__hint{font-size:var(--text-xs);color:var(--t-text-muted);line-height:1.4;margin:0}.handling-row{display:grid;grid-template-columns:3.5rem 1fr;gap:var(--s-3);align-items:start}.handling-row--no-tag{grid-template-columns:1fr}.handling-row__tag{display:inline-flex;align-items:center;justify-content:center;padding:var(--s-1) var(--s-2);border-radius:var(--radius-full);font-size:var(--text-2xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-primary);background:var(--t-bg-elevated);border:1px solid var(--t-border-default);white-space:nowrap;margin-top:var(--s-0\.5)}.handling-row__body{display:flex;flex-direction:column;gap:var(--s-2)}.handling-row__label-line{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3)}.handling-row__label{font-size:var(--text-sm);font-weight:600;color:var(--t-text-primary)}.handling-row__value{font-family:var(--t-font-mono);font-size:var(--text-sm);color:var(--t-accent-primary);text-align:right;white-space:nowrap}.handling-row__desc{font-size:var(--text-xs);color:var(--t-text-muted);margin:0;line-height:1.3}.handling-row .q-range{width:100%;touch-action:pan-y}@media (max-width:767px){.handling-row{grid-template-columns:1fr}.handling-row__tag{justify-self:start}}.video-settings{display:flex;flex-direction:column;gap:var(--s-6);font-family:var(--t-font-body)}.video-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-4)}.video-group__title{font-family:var(--t-font-display);font-size:var(--text-2xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-muted);padding-bottom:var(--s-2);border-bottom:1px solid var(--t-border-subtle);margin-bottom:var(--s-1)}.video-row{display:flex;flex-direction:column;gap:var(--s-2)}.video-row--toggle{flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer}.video-row__label-line{display:flex;justify-content:space-between;align-items:baseline}.video-row__label{font-size:var(--text-sm);font-weight:600;color:var(--t-text-primary)}.video-row__checkbox{width:1.1rem;height:1.1rem;accent-color:var(--t-accent-primary)}.video-row__hint{font-size:var(--text-xs);color:var(--t-text-muted);margin:0}.video-stats{font-size:var(--text-xs);color:var(--t-text-muted);display:flex;gap:var(--s-6)}.audio-settings{display:flex;flex-direction:column;gap:var(--s-6)}.audio-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-4)}.audio-group__title{font-family:var(--t-font-display);font-size:var(--text-2xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-muted);padding-bottom:var(--s-2);border-bottom:1px solid var(--t-border-subtle);margin-bottom:var(--s-1)}.audio-row{display:flex;flex-direction:column;gap:var(--s-2)}.audio-row__label{font-size:var(--text-sm);font-weight:600;color:var(--t-text-primary)}.gameplay-settings{display:flex;flex-direction:column;gap:var(--s-6)}.gameplay-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-4)}.gameplay-group__title{font-family:var(--t-font-display);font-size:var(--text-2xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-muted);padding-bottom:var(--s-2);border-bottom:1px solid var(--t-border-subtle);margin-bottom:var(--s-1)}.instructions-meta{display:flex;align-items:center;gap:var(--s-3)}.instructions-meta__version{font-size:var(--text-xs);color:var(--t-text-muted);font-family:var(--t-font-mono)}.instructions-meta__changelog{appearance:none;background:none;border:none;padding:0;font-size:var(--text-xs);color:var(--t-text-muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-family:var(--t-font-body)}.instructions-meta__changelog:hover{color:var(--t-text-primary)}.control-settings{display:flex;flex-direction:column;gap:var(--s-12);font-family:var(--t-font-body);color:var(--t-text-secondary)}.control-settings-card{border-radius:var(--t-card-radius);padding:var(--s-8);background:var(--t-card-bg);border:1px solid var(--t-card-border);box-shadow:var(--t-card-shadow);display:flex;flex-direction:column;gap:var(--s-8)}.control-settings-header{display:flex;flex-direction:column;gap:var(--s-5)}.control-settings-copy{display:flex;flex-direction:column;gap:var(--s-2)}.control-settings-title{font-family:var(--t-font-display);font-size:var(--text-lg);letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-primary)}.control-settings-subtitle{font-size:var(--text-sm);letter-spacing:0.05em;color:var(--t-text-muted);display:block;width:100%}.control-settings-subtitle span{color:var(--t-accent-primary);font-weight:600}.control-settings-reset{align-self:flex-start}.control-settings-hint{border-radius:var(--radius-full);padding:var(--s-3) var(--s-4);font-size:var(--text-sm);font-weight:600;letter-spacing:0.06em;color:var(--t-accent-primary);background:color-mix( in srgb,var(--t-accent-primary) 12%,var(--t-bg-elevated) );border:1px solid color-mix(in srgb,var(--t-accent-primary) 30%,transparent);text-align:center;position:sticky;top:0;z-index:1}.control-settings-hint.hidden{display:none !important}.control-settings-list{display:flex;flex-direction:column;border-radius:var(--t-card-radius);border:1px solid var(--t-card-border);background:var(--t-bg-surface);overflow:hidden}.control-settings-group-header{font-family:var(--t-font-display);font-size:var(--text-2xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-muted);padding:var(--s-3) var(--s-6);background:var(--t-bg-elevated)}.control-settings-group-header:not(:first-child){border-top:1px solid var(--t-border-subtle)}.control-settings-head{display:none}.control-settings-head-cell{font-size:var(--text-2xs);letter-spacing:0.16em;text-transform:uppercase;color:var(--t-text-muted)}.control-settings-head-cell--center{text-align:center}.control-settings-row{display:flex;flex-direction:column;gap:0.65rem;padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--t-border-subtle)}.control-settings-row:last-child{border-bottom:none}.control-settings-label{display:flex;flex-direction:column;gap:var(--s-1\.5)}.control-settings-label-title{font-size:var(--text-base);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--t-text-primary)}.control-settings-label-description{font-size:var(--text-xs);letter-spacing:0.04em;color:var(--t-text-muted)}.control-settings-slot{display:flex;flex-direction:column;gap:0.45rem}.control-settings-slot-label{font-size:var(--text-2xs);font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--t-text-muted)}.control-binding-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);padding:0.65rem 1.05rem;width:100%;min-height:2.35rem;font-size:var(--text-xs);font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--t-text-primary);background:var(--t-btn-bg);border:1px solid var(--t-btn-border);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default);cursor:pointer}.control-binding-button--icon{font-size:var(--text-xl);letter-spacing:0;line-height:1;padding:0.75rem 1.05rem;min-height:2.6rem}.control-binding-button:hover,.control-binding-button:focus-visible{transform:translateY(-1px);border-color:var(--t-border-emphasis);outline:none}.control-binding-button:disabled{opacity:0.8;cursor:progress}.control-binding-button--capturing{border-color:var(--t-accent-primary);background:color-mix( in srgb,var(--t-accent-primary) 15%,var(--t-bg-elevated) );animation:capture-pulse 1.2s infinite}@keyframes capture-pulse{0%,100%{border-color:var(--t-accent-primary)}50%{border-color:color-mix( in srgb,var(--t-accent-primary) 40%,transparent )}}.control-binding-button--empty{color:var(--t-text-muted);border-style:dashed;border-color:var(--t-border-default);background:var(--t-bg-elevated)}@media (min-width:768px){.control-settings-header{flex-direction:row;align-items:flex-start;justify-content:space-between}.control-settings-reset{align-self:center}.control-settings-head{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));align-items:center;gap:1.4rem;padding:0.85rem var(--s-6);background:var(--t-bg-elevated);border-bottom:1px solid var(--t-border-subtle)}.control-settings-row{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));align-items:center;gap:1.1rem}.control-settings-slot{gap:var(--s-3)}.control-settings-slot-label{display:none}}.quantris-control-label{display:block;font-family:var(--t-font-body);font-size:var(--text-sm);letter-spacing:0.06em;color:var(--t-text-secondary);text-transform:uppercase}.neon-select{width:100%;border-radius:var(--t-card-radius);padding:var(--s-2) 0.85rem;background:var(--t-btn-bg);border:1px solid var(--t-border-default);color:var(--t-text-primary);font-family:var(--t-font-body);font-size:var(--text-sm);letter-spacing:0.04em;transition:border-color 0.25s var(--ease-default),box-shadow 0.25s var(--ease-default);appearance:none;padding-right:2.8rem;cursor:pointer;line-height:1.35;min-height:2.75rem}.neon-select:focus-visible{outline:none;border-color:var(--t-border-focus);box-shadow:0 0 0 3px var(--t-focus-glow)}.q-select-wrapper{position:relative;display:inline-flex;align-items:center;width:100%}.q-select-wrapper::after{content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:0.75rem;height:0.75rem;pointer-events:none;background:var(--t-text-muted);clip-path:polygon(50% 100%,0 0,100% 0)}.neon-select option,.neon-select optgroup{color:var(--t-text-primary);background:var(--t-bg-elevated)}.neon-select optgroup{font-weight:600;color:var(--t-text-accent)}.neon-select::-ms-expand{display:none}.q-range{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:var(--radius-full);background:var(--t-bg-elevated);border:1px solid var(--t-border-default);position:relative;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-default)}.q-range:hover{border-color:var(--t-border-emphasis)}.q-range::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-full);background:var(--t-bg-elevated);transition:box-shadow var(--duration-normal) var(--ease-default)}.q-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:var(--radius-full);border:2px solid var(--t-border-default);background:var(--t-accent-primary);box-shadow:0 1px 4px rgba(0,0,0,0.25);cursor:pointer;margin-top:-6px;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-default)}.q-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.q-range:active::-webkit-slider-thumb{transform:scale(1.05)}.q-range::-moz-range-track{height:4px;border-radius:var(--radius-full);background:var(--t-bg-elevated);transition:box-shadow var(--duration-normal) var(--ease-default)}.q-range::-moz-range-thumb{width:16px;height:16px;border-radius:var(--radius-full);border:2px solid var(--t-border-default);background:var(--t-accent-primary);box-shadow:0 1px 4px rgba(0,0,0,0.25);cursor:pointer;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-default)}.q-range::-moz-range-thumb:hover{transform:scale(1.15)}.q-range:focus-visible{outline:none}.q-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--t-focus-glow),0 0 0 4px var(--t-focus-color)}.q-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--t-focus-glow),0 0 0 4px var(--t-focus-color)}.q-control-row{display:flex;align-items:center;gap:var(--s-4)}.q-control-icon{color:var(--t-text-accent);font-size:var(--text-md)}.q-input{background:var(--t-btn-bg);border-color:var(--t-border-default);color:var(--t-text-primary)}.q-input::placeholder{color:var(--t-text-muted)}.q-input:focus-visible{outline:none;border-color:var(--t-border-focus);box-shadow:0 0 0 3px var(--t-focus-glow)}.quantris-modal.tutorial-prompt-modal,.quantris-modal.tutorial-complete-modal{overflow:visible}@media (max-width:767px){.neon-select{padding-right:2.4rem}}.keyboard-hints{display:flex;flex-direction:column;gap:var(--s-3);align-items:center}.keyboard-hints__action{display:flex;flex-direction:column;align-items:center;gap:var(--s-1\.5)}.keyboard-hints__keys{display:flex;gap:var(--s-2)}.keyboard-hints__label{font-size:var(--text-xs);color:var(--t-text-muted);text-transform:uppercase;letter-spacing:0.06em}.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 var(--s-3);background:var(--t-btn-bg);border:2px solid var(--t-border-default);border-radius:var(--radius-md);box-shadow:0 4px 0 rgba(0,0,0,0.2);font-family:inherit;font-size:var(--text-md);font-weight:600;color:var(--t-text-primary)}.keycap--primary{border-color:var(--t-accent-primary)}.keycap--with-secondary{min-width:4rem}.keycap--missing{border-color:var(--t-border-subtle);color:var(--t-text-muted);background:var(--t-bg-elevated)}.keycap__text{white-space:nowrap}.keyboard-hints--empty{padding:var(--s-4)}.keyboard-hints__empty{font-size:var(--text-sm);color:var(--t-text-muted);font-style:italic}.game-countdown-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);pointer-events:none;background:var(--t-modal-backdrop)}.game-countdown-overlay.hidden{display:none}.game-countdown-content{display:flex;align-items:center;justify-content:center}.game-countdown-number{font-family:var(--t-font-display);font-size:var(--text-5xl);font-weight:900;color:var(--t-text-primary);animation:countdown-pulse 1s ease-out;will-change:transform,opacity}.game-countdown-number--go{font-size:var(--text-5xl);color:var(--t-accent-primary)}@keyframes countdown-pulse{0%{transform:scale(1.4);opacity:0}20%{opacity:1}80%{transform:scale(1);opacity:1}100%{transform:scale(0.9);opacity:0.6}}.game-end-countdown-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);pointer-events:none;background:var(--t-modal-backdrop)}.game-end-countdown-overlay.hidden{display:none}.game-end-countdown-content{display:flex;align-items:center;justify-content:center}.game-end-countdown-text{font-family:var(--t-font-display);font-size:var(--text-5xl);font-weight:900;color:var(--t-accent-primary);animation:game-end-announce 3s ease-out;will-change:transform,opacity}@keyframes game-end-announce{0%{transform:scale(1.6);opacity:0}15%{opacity:1;transform:scale(1)}85%{transform:scale(1);opacity:1}100%{transform:scale(0.9);opacity:0}}.auth-modal{max-width:420px}.auth-modal-content{display:flex;flex-direction:column;gap:var(--s-4)}.auth-modal-description{font-size:var(--text-base);color:var(--t-text-secondary);line-height:1.5;text-align:center}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-3)}.auth-google-btn i{font-size:var(--text-lg)}.auth-discord-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-3);margin-top:var(--s-2)}.auth-discord-btn i{font-size:var(--text-lg);color:#7289da}.auth-divider{display:flex;align-items:center;gap:var(--s-4);margin:var(--s-2) 0}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--t-border-subtle)}.auth-divider span{font-size:var(--text-sm);color:var(--t-text-muted);text-transform:uppercase;letter-spacing:0.1em}.auth-magic-link-form{display:flex;flex-direction:column;gap:var(--s-4)}.auth-input-group{display:flex;flex-direction:column;gap:var(--s-2)}.auth-input-group .q-input{width:100%;padding:var(--s-3) var(--s-4);font-size:var(--text-md);border-radius:var(--radius-md);border:1px solid var(--t-border-default)}.auth-error{background:rgba(255,82,82,0.15);border:1px solid rgba(255,82,82,0.4);border-radius:var(--radius-md);padding:var(--s-3) var(--s-4);color:var(--t-accent-danger);font-size:var(--text-sm);text-align:center}.auth-success-icon{display:flex;justify-content:center;margin-bottom:var(--s-2)}.auth-success-icon i{font-size:var(--text-5xl);color:var(--t-accent-success)}.auth-success-title{font-family:var(--t-font-display);font-size:var(--text-xl);color:var(--t-text-primary);text-align:center;margin:0}.auth-success-message{font-size:var(--text-base);color:var(--t-text-secondary);text-align:center;line-height:1.5}.auth-success-message strong{color:var(--t-accent-primary)}.auth-user-info{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);background:var(--t-bg-elevated);border-radius:var(--t-card-radius);border:1px solid var(--t-card-border)}.auth-avatar{width:56px;height:56px;border-radius:var(--radius-full);border:2px solid var(--t-border-default);object-fit:cover}.auth-avatar.hidden{display:none}.auth-user-details{display:flex;flex-direction:column;gap:var(--s-1)}.auth-display-name{font-family:var(--t-font-display);font-size:var(--text-lg);color:var(--t-text-primary);font-weight:600}.auth-email{font-size:var(--text-sm);color:var(--t-text-muted)}.profile-display-name-section{margin-top:var(--s-6);display:flex;flex-direction:column;gap:var(--s-3)}.profile-display-name-view{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--t-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--t-border-subtle)}.profile-display-name-text{flex:1;font-size:var(--text-md);color:var(--t-text-primary);font-weight:500}.profile-edit-btn{background:none;border:none;color:var(--t-accent-primary);cursor:pointer;padding:var(--s-1) var(--s-2);font-size:var(--text-sm);opacity:0.7;transition:opacity var(--duration-normal)}.profile-edit-btn:hover{opacity:1}.profile-display-name-edit{display:flex;flex-direction:column;gap:var(--s-3)}.profile-display-name-edit .q-input{width:100%}.profile-display-name-actions{display:flex;gap:var(--s-2);align-items:center}.profile-reset-link-btn{background:none;border:none;color:var(--t-accent-primary);cursor:pointer;padding:var(--s-2) var(--s-3);font-size:var(--text-sm);opacity:0.7;transition:opacity var(--duration-normal);margin-left:auto;display:flex;align-items:center;gap:var(--s-1\.5)}.profile-reset-link-btn:hover{opacity:1}.profile-hint{font-size:var(--text-sm);color:var(--t-text-muted);font-style:italic}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);padding:var(--s-8) 0}.auth-loading i{font-size:var(--text-3xl);color:var(--t-accent-primary)}.auth-loading span{font-size:var(--text-md);color:var(--t-text-secondary)}.auth-footer-note{font-size:var(--text-sm);color:var(--t-text-muted);text-align:center;line-height:1.4}.quantris-modal-footer{margin-top:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--t-border-subtle)}.achievement-toast-container{position:fixed;bottom:var(--s-6);right:var(--s-6);z-index:var(--z-max);display:flex;flex-direction:column;gap:var(--s-3);pointer-events:none}.achievement-toast{display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--t-bg-elevated);border:1px solid var(--t-accent-warm);border-radius:var(--t-card-radius);box-shadow:var(--t-card-shadow);min-width:280px;max-width:380px;pointer-events:auto;opacity:0;transform:translateX(100%);transition:opacity var(--duration-slow) var(--ease-default),transform var(--duration-slow) var(--ease-default)}.achievement-toast--visible{opacity:1;transform:translateX(0)}.achievement-toast--exiting{opacity:0;transform:translateX(100%)}.achievement-toast-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:linear-gradient(135deg,var(--achievement-gold),var(--achievement-gold-end));border-radius:var(--radius-full);box-shadow:0 0 16px color-mix(in srgb,var(--achievement-gold) 50%,transparent)}.achievement-toast-icon i{font-size:var(--text-lg);color:var(--achievement-text)}.achievement-toast-content{flex:1;min-width:0}.achievement-toast-header{font-family:var(--t-font-display);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--t-accent-warm);margin-bottom:var(--s-1)}.achievement-toast-name{font-family:var(--t-font-display);font-size:var(--text-md);font-weight:700;color:var(--t-text-primary);margin-bottom:var(--s-1)}.achievement-toast-desc{font-size:var(--text-sm);color:var(--t-text-secondary);line-height:1.4}.achievement-toast-close{flex-shrink:0;width:1.5rem;height:1.5rem;display:grid;place-items:center;background:transparent;border:none;color:var(--t-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default)}.achievement-toast-close:hover{color:var(--t-text-primary);background:var(--t-btn-hover-bg)}.achievement-toast-signin{width:100%;padding-top:var(--s-3);margin-top:var(--s-2);border-top:1px solid var(--t-border-subtle)}.achievement-toast-signin a{font-size:var(--text-xs);color:var(--t-accent-primary);text-decoration:none;transition:color var(--duration-normal) var(--ease-default)}.achievement-toast-signin a:hover{color:var(--t-text-primary);text-decoration:underline}.achievement-summary-badge{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:linear-gradient(135deg,var(--achievement-gold),var(--achievement-gold-end));border-radius:var(--radius-full);box-shadow:0 4px 20px color-mix(in srgb,var(--achievement-gold) 30%,transparent),inset 0 1px 0 rgba(255,255,255,0.3);cursor:pointer;transition:all var(--duration-slow) var(--ease-spring);opacity:0;transform:translateX(100%) scale(0.8);min-width:120px}.achievement-summary-badge--visible{opacity:1;transform:translateX(0) scale(1)}.achievement-summary-badge:hover{transform:translateX(-4px) scale(1.05);box-shadow:0 6px 25px color-mix(in srgb,var(--achievement-gold) 40%,transparent),inset 0 1px 0 rgba(255,255,255,0.3)}.achievement-summary-badge:active{transform:translateX(-4px) scale(0.98)}.achievement-summary-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:rgba(255,255,255,0.95);border-radius:var(--radius-full);box-shadow:0 2px 8px rgba(0,0,0,0.2)}.achievement-summary-icon i{font-size:var(--text-lg);color:var(--achievement-gold-end)}.achievement-summary-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.achievement-summary-count{font-family:var(--t-font-display);font-size:var(--text-2xl);font-weight:700;color:var(--achievement-text)}.achievement-summary-label{font-family:var(--t-font-display);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:color-mix(in srgb,var(--achievement-text) 70%,transparent)}.achievement-expanded-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--t-modal-backdrop);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:var(--z-max);padding:var(--s-4);opacity:0;transition:opacity var(--duration-slow) var(--ease-default)}.achievement-expanded-overlay--visible{opacity:1}.achievement-expanded-overlay--closing{opacity:0}.achievement-expanded-modal{background:var(--t-bg-surface);border:2px solid var(--t-border-default);border-radius:var(--t-card-radius);box-shadow:var(--t-modal-shadow);max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;transform:scale(0.9);transition:transform var(--duration-slow) var(--ease-spring)}.achievement-expanded-overlay--visible .achievement-expanded-modal{transform:scale(1)}.achievement-expanded-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-6);border-bottom:1px solid var(--t-border-subtle);gap:var(--s-4)}.achievement-expanded-header h2{font-family:var(--t-font-display);font-size:var(--text-xl);font-weight:700;color:var(--t-text-primary);margin:0;display:flex;align-items:center;gap:var(--s-3)}.achievement-expanded-header h2 i{color:var(--t-accent-warm);font-size:var(--text-2xl)}.achievement-expanded-close{flex-shrink:0;width:2rem;height:2rem;display:grid;place-items:center;background:var(--t-btn-bg);border:1px solid var(--t-border-subtle);border-radius:0.5rem;color:var(--t-text-muted);cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.achievement-expanded-close:hover{color:var(--t-text-primary);background:var(--t-btn-hover-bg);border-color:var(--t-border-default)}.achievement-expanded-list{overflow-y:auto;padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.achievement-expanded-item{display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-4);background:var(--t-card-bg);border:1px solid var(--t-card-border);border-radius:0.75rem;transition:all var(--duration-normal) var(--ease-default)}.achievement-expanded-item:hover{border-color:var(--t-border-emphasis);transform:translateX(4px)}.achievement-expanded-item-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:linear-gradient(135deg,var(--achievement-gold),var(--achievement-gold-end));border-radius:var(--radius-full);box-shadow:0 2px 8px color-mix(in srgb,var(--achievement-gold) 30%,transparent)}.achievement-expanded-item-icon i{font-size:var(--text-lg);color:var(--achievement-text)}.achievement-expanded-item-content{flex:1;min-width:0}.achievement-expanded-item-name{font-family:var(--t-font-display);font-size:var(--text-md);font-weight:700;color:var(--t-text-primary);margin-bottom:var(--s-1)}.achievement-expanded-item-desc{font-size:var(--text-sm);color:var(--t-text-secondary);line-height:1.4}.menu-account-button.auth-pulse{animation:auth-button-pulse 2s ease-in-out infinite}@keyframes auth-button-pulse{0%,100%{box-shadow:0 4px 14px rgba(0,0,0,0.28),0 0 12px color-mix(in srgb,var(--achievement-gold) 30%,transparent);border-color:color-mix(in srgb,var(--achievement-gold) 50%,transparent)}50%{box-shadow:0 4px 20px rgba(0,0,0,0.35),0 0 24px color-mix(in srgb,var(--achievement-gold) 60%,transparent);border-color:color-mix(in srgb,var(--achievement-gold) 80%,transparent)}}.info-toast{position:fixed;bottom:var(--s-6);left:50%;transform:translateX(-50%) translateY(100px);background:var(--t-bg-elevated);border:1px solid var(--t-accent-warm);border-radius:var(--t-card-radius);padding:var(--s-4) var(--s-6);box-shadow:var(--t-card-shadow);z-index:var(--z-max);max-width:90vw;opacity:0;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.35s var(--ease-default);display:flex;align-items:center;gap:var(--s-3)}.info-toast--visible{transform:translateX(-50%) translateY(0);opacity:1}.info-toast--exiting{transform:translateX(-50%) translateY(100px);opacity:0}.info-toast-icon{color:var(--t-accent-warm);font-size:var(--text-xl);flex-shrink:0}.info-toast-content{color:var(--t-text-secondary);font-size:var(--text-base);line-height:1.4}.info-toast-content strong{color:var(--t-accent-warm)}.info-toast-close{position:absolute;top:0.5rem;right:0.5rem;background:transparent;border:none;color:var(--t-text-muted);cursor:pointer;padding:var(--s-1);font-size:var(--text-sm);transition:color var(--duration-normal) var(--ease-default)}.info-toast-close:hover{color:var(--t-text-secondary)}.info-toast-link{color:var(--t-accent-primary);text-decoration:none;font-weight:500;transition:color var(--duration-normal) var(--ease-default)}.info-toast-link:hover{color:var(--t-text-primary);text-decoration:underline}.info-toast-dismiss{margin-top:var(--s-2);font-size:var(--text-xs)}.info-toast-dismiss-link{color:var(--t-text-muted);text-decoration:none;transition:color var(--duration-normal) var(--ease-default)}.info-toast-dismiss-link:hover{color:var(--t-text-secondary);text-decoration:underline}.info-toast--error{border-color:color-mix(in srgb,var(--t-accent-danger) 60%,transparent);box-shadow:0 8px 24px rgba(0,0,0,0.5),0 0 20px color-mix(in srgb,var(--t-accent-danger) 30%,transparent)}.info-toast--error .info-toast-icon{color:var(--t-accent-danger)}.info-toast-message{margin-top:var(--s-1);font-size:var(--text-base);opacity:0.9}.legal-modal-overlay{position:fixed;inset:0;background:var(--t-modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-max);padding:var(--s-4);overflow-y:auto}.legal-modal{position:relative;background:var(--t-bg-surface);border:1px solid var(--t-border-default);border-radius:var(--t-card-radius);padding:var(--s-8);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--t-modal-shadow)}.legal-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--t-text-muted);cursor:pointer;padding:var(--s-2);font-size:var(--text-xl);transition:color var(--duration-normal) var(--ease-default);z-index:var(--z-raised)}.legal-modal-close:hover{color:var(--t-text-secondary)}.legal-modal-title{font-size:var(--text-2xl);font-weight:700;color:var(--t-accent-primary);margin:0 0 var(--s-2) 0}.legal-modal-updated{font-size:var(--text-sm);color:var(--t-text-muted);margin:0 0 var(--s-6) 0}.legal-modal-content{color:var(--t-text-secondary);font-family:var(--t-font-body);font-size:var(--text-base);line-height:1.65}.legal-modal-content section{margin-bottom:var(--s-6)}.legal-modal-content h2{font-size:var(--text-lg);font-weight:600;color:var(--t-text-accent);margin:0 0 var(--s-3) 0}.legal-modal-content h3{font-size:var(--text-md);font-weight:600;color:var(--t-text-primary);margin:var(--s-4) 0 var(--s-2) 0}.legal-modal-content p{margin:0 0 var(--s-3) 0;font-size:var(--text-base)}.legal-modal-content ul{margin:0 0 var(--s-3) 0;padding-left:var(--s-6)}.legal-modal-content li{margin-bottom:var(--s-1\.5);font-size:var(--text-base)}.legal-modal-content strong{color:var(--t-accent-primary)}@media (max-width:767px){.legal-modal{padding:var(--s-6);max-height:90vh}.legal-modal-title{font-size:var(--text-2xl);padding-right:var(--s-8)}}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-4)}.achievements-count{font-family:var(--t-font-display);font-size:var(--text-sm);color:var(--t-text-secondary)}.achievements-count strong{color:var(--t-accent-warm)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s-3);max-height:300px;overflow-y:auto;padding-right:var(--s-2)}.achievement-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-3);background:var(--t-card-bg);border:1px solid var(--t-card-border);border-radius:var(--t-card-radius);text-align:center;transition:all var(--duration-normal) var(--ease-default)}.achievement-card--locked{opacity:0.5;filter:grayscale(0.8)}.achievement-card--unlocked{border-color:var(--t-accent-warm)}.achievement-card--unlocked:hover{border-color:var(--t-border-emphasis)}.achievement-card-icon{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:var(--radius-full);font-size:var(--text-lg)}.achievement-card--unlocked .achievement-card-icon{background:linear-gradient(135deg,var(--achievement-gold),var(--achievement-gold-end));color:var(--achievement-text);box-shadow:0 0 12px color-mix(in srgb,var(--achievement-gold) 40%,transparent)}.achievement-card--locked .achievement-card-icon{background:var(--t-bg-elevated);color:var(--t-text-muted)}.achievement-card-name{font-family:var(--t-font-display);font-size:var(--text-xs);font-weight:600;color:var(--t-text-primary);line-height:1.3}.achievement-card--locked .achievement-card-name{color:var(--t-text-muted)}.achievement-card-desc{font-size:var(--text-2xs);color:var(--t-text-muted);line-height:1.3}.achievement-card-progress{width:100%;height:4px;background:var(--t-bg-elevated);border-radius:2px;overflow:hidden;margin-top:var(--s-1)}.achievement-card-progress-bar{height:100%;background:var(--t-accent-primary);border-radius:2px;transition:width var(--duration-slow) var(--ease-default)}@media (max-width:479px){.achievement-toast-container{left:1rem;right:1rem;bottom:1rem}.achievement-toast{min-width:auto;max-width:none}.achievement-summary-badge{min-width:100px;padding:0.65rem 0.85rem}.achievement-summary-icon{width:2rem;height:2rem}.achievement-summary-icon i{font-size:var(--text-md)}.achievement-summary-count{font-size:var(--text-xl)}.achievement-summary-label{font-size:var(--text-2xs)}.achievement-expanded-modal{max-height:90vh;border-radius:0.75rem}.achievement-expanded-header{padding:var(--s-4)}.achievement-expanded-header h2{font-size:var(--text-md)}.achievement-expanded-header h2 i{font-size:var(--text-xl)}.achievement-expanded-list{padding:var(--s-3)}.achievement-expanded-item{padding:var(--s-3);gap:var(--s-3)}.achievement-expanded-item-icon{width:2rem;height:2rem}.achievement-expanded-item-icon i{font-size:var(--text-md)}.achievement-expanded-item-name{font-size:var(--text-sm)}.achievement-expanded-item-desc{font-size:var(--text-xs)}.achievements-grid{grid-template-columns:repeat(2,1fr)}}.mobile-settings-header{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3)}.mobile-settings-title{font-family:var(--t-font-display);font-size:var(--text-lg);letter-spacing:0.1em;text-transform:uppercase;color:var(--t-text-primary);margin:0}.mobile-button-visual-layout{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,auto);gap:var(--s-2);padding:var(--s-8) var(--s-4);background:var(--t-card-bg);border:1px solid var(--t-card-border);border-radius:var(--radius-lg);margin:var(--s-6) auto;max-width:500px}.visual-button[data-position="mobile-hold"]{grid-column:1;grid-row:1}.visual-button[data-position="mobile-rotate-180"]{grid-column:1;grid-row:2}.visual-button[data-position="mobile-hard-drop"]{grid-column:5;grid-row:2}.visual-button[data-position="mobile-move-left"]{grid-column:1;grid-row:3}.visual-button[data-position="mobile-rotate-ccw"]{grid-column:2;grid-row:3}.visual-button[data-position="mobile-drop"]{grid-column:3;grid-row:3}.visual-button[data-position="mobile-rotate-cw"]{grid-column:4;grid-row:3}.visual-button[data-position="mobile-move-right"]{grid-column:5;grid-row:3}.visual-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);width:60px;height:60px;padding:var(--s-2);background:var(--t-btn-bg);border:2px solid var(--t-border-default);border-radius:var(--radius-md);color:var(--t-accent-primary);cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.visual-button:hover{background:var(--t-btn-hover-bg);border-color:var(--t-border-emphasis);transform:translateY(-2px)}.visual-button:active{transform:translateY(0)}.visual-button i{font-size:var(--text-xl)}.visual-button-label{font-size:var(--text-2xs);font-weight:500;text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--t-modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-max)}.action-picker-overlay.hidden{display:none}.action-picker-modal{background:var(--t-bg-surface);border:2px solid var(--t-accent-primary);border-radius:var(--t-card-radius);padding:var(--s-6);max-width:400px;width:90%;box-shadow:var(--t-modal-shadow)}.action-picker-title{margin:0 0 var(--s-4) 0;font-size:var(--text-lg);color:var(--t-accent-primary);text-align:center}.action-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3);margin-bottom:var(--s-4)}.action-picker-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-4) var(--s-3);background:var(--t-btn-bg);border:2px solid var(--t-border-default);border-radius:var(--radius-md);color:var(--t-accent-primary);cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.action-picker-button:hover{background:var(--t-btn-hover-bg);border-color:var(--t-border-emphasis);transform:scale(1.05)}.action-picker-button.selected{background:var(--t-btn-active-bg);border-color:var(--t-accent-primary)}.action-picker-button i{font-size:var(--text-2xl)}.action-picker-button-label{font-size:var(--text-sm);font-weight:500;text-align:center}.action-picker-cancel{width:100%}@media (max-width:767px){.mobile-button-visual-layout{padding:var(--s-4) var(--s-2);min-height:160px}.visual-button{width:50px;height:50px}.visual-button i{font-size:var(--text-md)}.visual-button-label{font-size:var(--text-2xs)}.action-picker-grid{grid-template-columns:repeat(2,1fr);gap:var(--s-2)}.action-picker-button{padding:var(--s-3) var(--s-2)}}.settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-4)}.settings-section-header h3{margin:0;font-size:var(--text-lg);color:var(--t-accent-primary)}.settings-hint{margin:0 0 var(--s-6) 0;font-size:var(--text-sm);color:var(--t-text-muted);line-height:1.4}.button-secondary{padding:var(--s-2) var(--s-4);background:var(--t-btn-bg);border:1px solid var(--t-btn-border);border-radius:var(--radius-sm);color:var(--t-accent-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.button-secondary:hover{background:var(--t-btn-hover-bg);border-color:var(--t-border-emphasis)}.button-secondary.button-small{padding:var(--s-1\.5) var(--s-3);font-size:var(--text-xs)}.coop-input-config{display:flex;gap:var(--s-4);justify-content:center;margin-bottom:var(--s-4)}.coop-input-slot{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-3) var(--s-5);background:var(--t-card-bg);border:2px solid var(--t-card-border);border-radius:var(--radius-sm);color:var(--t-text-primary);font-family:inherit;cursor:pointer;min-width:9rem;transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.coop-input-slot:hover{border-color:var(--t-accent-primary)}.coop-input-slot.is-listening{border-color:var(--t-accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--t-accent-primary) 30%,transparent)}.coop-input-slot__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--t-text-muted)}.coop-input-slot__device{font-size:var(--text-sm);font-weight:600}.coop-input-slot__hint{font-size:var(--text-xs);color:var(--t-text-muted);display:none}.coop-input-slot.is-listening .coop-input-slot__hint{display:block}.coop-input-slot.is-listening .coop-input-slot__device{animation:pulse-text 1s ease-in-out infinite}@keyframes pulse-text{0%,100%{opacity:1}50%{opacity:0.4}}