.quantum-operation-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;min-height:1.6em;padding:0 .4em;margin-inline:.25em;border-radius:.4em;border:1px solid var(--t-border-default, rgba(148, 163, 255, .55));background:var(--t-bg-elevated, rgba(59, 78, 146, .25));color:var(--t-text-primary, #e3ebff);font-size:.92em;font-weight:600;letter-spacing:.04em;line-height:1;box-shadow:inset 0 0 0 1px #00000026}.quantum-operation-symbol--text{font-family:var(--t-font-display, "Orbitron"),"Segoe UI",sans-serif}.quantum-operation-symbol--icon{font-family:"Font Awesome 6 Free",Segoe UI Symbol,sans-serif;font-weight:900}.quantum-operation-symbol--img{padding:0;min-width:auto;min-height:auto;border:0;background:transparent;box-shadow:none}.quantum-operation-symbol--img img{display:block;width:1.6em;height:1.6em;object-fit:contain;filter:none}.quantum-operation-symbol--prismatic{padding:0;min-width:1.45em;min-height:1.45em;border-radius:.3em;border:1px solid var(--t-border-emphasis, rgba(148, 163, 255, .7));background:linear-gradient(90deg,#ff3e3e,#ffb347,#f7ff00,#7fff00,#00d4ff,#7b5cff,#ff3e81);box-shadow:inset 0 0 6px #0003}.loading-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--s-12);background-color:var(--t-modal-backdrop, rgba(0, 0, 0, .9))}.loading-overlay__card{display:flex;flex-direction:column;align-items:center;gap:var(--s-5);width:min(420px,100%);text-align:center}.loading-overlay__title{margin:0;font-size:var(--text-3xl);font-weight:700}.loading-overlay__spinner{width:clamp(2.5rem,6vw,3rem);height:clamp(2.5rem,6vw,3rem);border-radius:var(--radius-full);border:clamp(.35rem,1vw,.45rem) solid color-mix(in srgb,var(--t-accent-primary, #4ecbff) 25%,transparent);border-top-color:var(--t-accent-primary, #4ecbff);animation:loading-overlay-spin .9s linear infinite}@keyframes loading-overlay-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay__message{margin:0;font-size:var(--text-md);color:var(--t-text-secondary, rgba(203, 224, 255, .85))}.loading-overlay__submessage{margin:0;font-size:var(--text-sm);color:var(--t-text-muted, rgba(203, 224, 255, .65))}.loading-overlay__stalled{display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.loading-overlay__stalled[hidden]{display:none}.loading-overlay__stalled .q-button{min-height:var(--min-tap-target, 44px)}#error-toast{position:fixed;top:clamp(1rem,3vw,1.6rem);right:clamp(1rem,3vw,1.6rem);display:flex;align-items:flex-start;gap:var(--s-3);min-width:clamp(18rem,28vw,20rem);max-width:min(24rem,calc(100% - 2rem));padding:var(--s-4) 2.75rem var(--s-4) var(--s-4);border-radius:var(--radius-lg);border:1px solid transparent;pointer-events:auto;z-index:var(--z-max);transform:translateY(0);opacity:1;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}#error-toast .quantris-toast__icon-wrap{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-sm);font-size:var(--text-sm)}#error-toast .quantris-toast__body{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}@media(max-width:767px){#error-toast{left:clamp(1rem,4vw,1.6rem);right:clamp(1rem,4vw,1.6rem);min-width:auto;max-width:calc(100% - clamp(2rem,8vw,3.2rem))}}#error-toast .error-toast__message{margin:0;font-size:var(--text-base);line-height:1.45}#error-toast .error-toast__actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:0}#error-toast .error-toast__action-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--s-1\.5) var(--s-4);border-radius:var(--radius-full);border:0;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),filter var(--duration-fast) var(--ease-default)}#error-toast .error-toast__close{position:absolute;top:.35rem;right:.4rem;width:1.8rem;height:1.8rem;border:0;border-radius:var(--radius-full);background:transparent;font-size:var(--text-xl);line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),filter var(--duration-fast) var(--ease-default)}#error-toast.hidden{opacity:0;transform:translateY(-6px);pointer-events:none}.replay-overlay-list{display:flex;flex-direction:column;gap:var(--s-3)}.replay-overlay-item{box-sizing:border-box;width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;grid-template-areas:"title  share" "meta   share" "details share";align-items:start;gap:var(--s-1) var(--s-4);border-radius:var(--t-card-radius, 12px);border:1px solid var(--t-border-default, rgba(94, 234, 212, .25));background:var(--t-card-bg, rgba(15, 23, 42, .92));padding:var(--s-4) var(--s-5);color:var(--t-text-primary, #e2e8f0);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.replay-overlay-item__main{grid-row:1 / -1;grid-column:1;display:grid;grid-template-areas:"title" "meta" "details";gap:var(--s-1);padding:var(--s-2);margin:calc(-1 * var(--s-2));border:0;border-radius:var(--radius-md, 8px);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.replay-overlay-item:focus-within,.replay-overlay-item:hover{border-color:var(--t-border-emphasis, rgba(94, 234, 212, .55));transform:translateY(-1px);outline:none}.replay-overlay-item__title{grid-area:title;font-size:var(--text-md);font-weight:600;letter-spacing:.02em}.replay-overlay-item__meta{grid-area:meta;font-size:var(--text-sm);color:var(--t-text-secondary, rgba(148, 163, 184, .95));letter-spacing:.02em}.replay-overlay-item__details{grid-area:details;font-size:var(--text-xs);color:var(--t-text-muted, rgba(148, 163, 184, .65));letter-spacing:.03em}.replay-overlay-item__footer{grid-area:share;display:flex;align-items:center;align-self:center}.replay-overlay-item__share{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--radius-full);border:1px solid var(--t-accent-success, rgba(94, 234, 212, .45));background:transparent;color:var(--t-accent-success, #5eead4);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.replay-overlay-item__share:hover,.replay-overlay-item__share:focus{background:var(--t-btn-hover-bg, rgba(45, 212, 191, .12));border-color:var(--t-accent-success, rgba(94, 234, 212, .8));color:var(--t-text-primary, #ccfbf1);outline:none}.replay-overlay-empty{width:100%;text-align:center;color:var(--t-text-muted, rgba(148, 163, 184, .7));font-size:var(--text-base);padding:2.4rem var(--s-4);box-sizing:border-box;border-radius:var(--t-card-radius, 16px);border:1px dashed var(--t-border-default, rgba(94, 234, 212, .2));background:var(--t-card-bg, rgba(15, 23, 42, .4));line-height:var(--leading-relaxed, 1.65)}.bug-report-modal{width:min(560px,calc(100% - 2.2rem));max-height:min(88vh,640px);overflow:hidden;gap:var(--s-6);box-sizing:border-box}.bug-report-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.bug-report-body{flex:1 1 auto;overflow-y:auto;min-height:0;gap:var(--s-6)}.bug-report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4)}.bug-report-title{margin:0}.bug-report-intro{margin:clamp(.15rem,.8vw,.4rem) 0 0;font-size:var(--text-base);line-height:1.5;opacity:.8}.bug-report-game-button{position:absolute;left:100%;bottom:clamp(.55rem,1.6vw,1.2rem);margin-left:var(--s-5);display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;z-index:var(--z-raised)}.bug-report-game-button .fas{font-size:var(--text-2xl)}@media(max-width:1023px){.bug-report-game-button{left:auto;right:clamp(.6rem,4vw,1.6rem);margin-left:0}}.bug-report-section--grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5);width:100%}.bug-report-field{display:flex;flex-direction:column;gap:var(--s-3);min-width:0;width:100%;box-sizing:border-box}.bug-report-field-label{font-size:var(--text-base);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.bug-report-textarea{min-height:120px;resize:vertical;width:100%;max-width:100%;box-sizing:border-box}.bug-report-select{appearance:none;background:var(--t-btn-hover-bg);width:100%;max-width:100%;box-sizing:border-box}.bug-report-input{background:var(--t-bg-elevated);width:100%;max-width:100%;box-sizing:border-box}.bug-report-summary{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--text-sm);word-break:break-word}.bug-report-summary li{display:flex;align-items:center;gap:var(--s-2)}.bug-report-summary li:before{content:"\2022";color:var(--t-accent-primary, #78f5ff);opacity:.7;font-size:1.2em;line-height:1}.bug-report-checkbox{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-sm);cursor:pointer;user-select:none}.bug-report-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--t-accent-secondary, #ff5fb8)}.bug-report-section--screenshot{display:flex;flex-direction:column;gap:var(--s-4)}.bug-report-screenshot{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}.bug-report-screenshot__frame{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--t-border-default, rgba(120, 245, 255, .35));background:var(--t-bg-overlay, rgba(6, 10, 22, .8));min-height:140px;display:flex;align-items:center;justify-content:center}.bug-report-screenshot__frame img{display:block;width:100%;height:auto;object-fit:contain}.bug-report-screenshot__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);font-size:var(--text-sm);opacity:.85}.bug-report-screenshot__status{margin:0;min-height:1em}.bug-report-actions{justify-content:flex-end;flex-shrink:0}.bug-report-status{margin-top:var(--s-1\.5);min-height:1.1rem;font-size:var(--text-sm);text-align:right;color:var(--t-text-secondary, rgba(255, 255, 255, .75));white-space:pre-line}.bug-report-status[data-status=error]{color:var(--t-accent-danger, #ff8aa6)}.bug-report-status[data-status=success]{color:var(--t-accent-success, #78f5ff)}@media(max-width:767px){.bug-report-modal{width:min(100%,calc(100% - 1.5rem));max-height:min(92vh,600px)}.bug-report-actions{justify-content:center}.bug-report-actions .q-button{width:100%}.bug-report-section--grid{grid-template-columns:1fr}.bug-report-body{padding-right:0}}.confirm-modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-6)}.confirm-modal__icon{display:grid;place-items:center;width:clamp(3rem,7vw,3.75rem);height:clamp(3rem,7vw,3.75rem);border-radius:var(--radius-full)}.confirm-modal__content{display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.confirm-modal__title{margin:0;font-size:var(--text-2xl);font-weight:700}.confirm-modal__message{margin:0;font-size:var(--text-md)}.confirm-modal__actions{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-4)}.replay-menu{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-5);text-align:center}.replay-menu__title{margin:0}.replay-menu__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-3)}.replay-menu__speed{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.replay-menu__speed[hidden],.replay-menu__actions>[hidden]{display:none}.replay-menu__speed-value{font-variant-numeric:tabular-nums;font-weight:600}.quantris-result-hero{flex:0 0 auto;display:grid;place-items:center;width:clamp(3.2rem,6vw,4rem);height:clamp(3.2rem,6vw,4rem);border-radius:var(--radius-full)}.quantris-result-hero i{font-size:var(--text-3xl)}.quantris-result-stats{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s-5);row-gap:var(--s-4);margin:0;padding:0;list-style:none;max-width:100%;box-sizing:border-box}.quantris-result-stats--compact{gap:var(--s-3)}.quantris-result-stats--compact dt{font-size:var(--text-sm)}.quantris-result-stats--compact dd{font-size:var(--text-md)}.quantris-result-stats dt,.quantris-result-stats dd{margin:0}.quantris-result-stats dd{justify-self:end;display:inline-flex;align-items:center;text-align:right}.quantris-result-value{display:inline-flex;align-items:center}.instructions-content{display:flex;flex-direction:column;gap:var(--s-6)}.instructions-content--padded{font-size:var(--text-md);line-height:1.6}.quantris-instructions-section{display:flex;flex-direction:column;gap:var(--s-5)}.quantris-instructions-header{display:flex;flex-direction:column;gap:var(--s-2);padding-bottom:var(--s-3);border-bottom:1px solid var(--t-border-subtle)}.quantris-instructions-title,.quantris-instructions-meta{margin:0}.quantris-instructions-body{display:flex;flex-direction:column;gap:var(--s-5)}.quantris-instructions-subsection{display:flex;flex-direction:column;gap:var(--s-3)}.quantris-instructions-subsection+.quantris-instructions-subsection{margin-top:var(--s-4)}.quantris-instructions-subtitle{margin:0}.quantris-instructions-text{margin:0;display:block}.base-instructions,.high-score-entry-modal{display:flex;flex-direction:column;gap:var(--s-8)}.high-score-entry-modal__header{display:flex;flex-direction:column;align-items:center;gap:var(--s-5);text-align:center}.high-score-entry-modal__icon{display:grid;place-items:center;width:clamp(3.4rem,8vw,4.2rem);height:clamp(3.4rem,8vw,4.2rem);border-radius:var(--radius-full)}.high-score-entry-modal__title{margin:0;font-family:var(--t-font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:.06em}.high-score-entry-modal__subtitle{margin:0;font-size:var(--text-md)}.high-score-entry-modal__stats{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6);border-radius:var(--radius-xl)}.high-score-entry-modal__stat{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.high-score-entry-modal__stat dt,.high-score-entry-modal__stat dd{margin:0}.high-score-entry-modal__value{font-weight:600;min-width:0}.high-score-entry-modal__form-wrap{display:contents}.high-score-entry-modal__form{display:flex;flex-direction:column;gap:var(--s-3)}.high-score-entry-modal__label{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);font-weight:600}.high-score-name-edit-btn{background:none;border:none;color:var(--t-accent-primary, #4ecbff);cursor:pointer;padding:var(--s-1) var(--s-2);font-size:var(--text-sm);opacity:.7;transition:opacity var(--duration-normal)}.high-score-name-edit-btn:hover{opacity:1}.high-score-name-edit-btn.hidden{display:none}.q-input[readonly]{opacity:.8;cursor:default}.high-score-entry-modal__error{min-height:1.25rem;font-size:var(--text-sm)}.high-score-entry-modal__actions{display:flex;flex-direction:column;gap:var(--s-4)}.q-input{width:100%;box-sizing:border-box;border-radius:var(--radius-xl);padding:var(--s-3) var(--s-4);font-family:inherit;font-size:var(--text-md);line-height:1.4;border:1px solid transparent;transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);background:none}.quantris-instructions-list{display:flex;flex-direction:column;gap:var(--s-4);margin:0;padding:0;list-style:none}.quantris-instructions-list-item{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s-3)}.quantris-instructions-chip-group{display:flex;flex-wrap:wrap;gap:var(--s-2)}.quantris-instructions-chip{display:inline-flex;align-items:center;justify-content:center;padding:var(--s-1) .65rem;border-radius:var(--radius-full);font-family:var(--t-font-mono, "IBM Plex Mono", "SFMono-Regular", monospace);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;line-height:1.2;white-space:nowrap}.quantris-instructions-list-text{flex:1 1 180px;min-width:0}.quantris-instructions-note{margin:var(--s-5) 0 0;font-size:var(--text-sm)}.rdm-color-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.rdm-color-legend__item{display:flex;align-items:center;gap:var(--s-2)}.rdm-color-chip{--rdm-color: #ffffff;width:1.2rem;min-width:1.2rem;height:1.2rem;aspect-ratio:1;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--t-border-default);box-shadow:none;background:var(--rdm-color)}.rdm-color-legend__label{font-weight:600}.rdm-color-legend__hex{font-family:var(--t-font-mono, "IBM Plex Mono", "SFMono-Regular", monospace);font-size:var(--text-xs);color:var(--t-text-secondary)}.level-start-content{display:flex;flex-direction:column;gap:var(--s-8)}.quantris-level-start{display:flex;flex-direction:column;gap:var(--s-6)}.quantris-level-start__header{display:flex;align-items:center;justify-content:flex-start;gap:var(--s-6);padding-bottom:var(--s-4);border-bottom:1px solid var(--t-border-subtle)}.quantris-level-start__badge{display:grid;place-items:center;width:clamp(3rem,6vw,3.75rem);aspect-ratio:1;border-radius:var(--radius-full);flex:0 0 auto}.quantris-level-start__badge i{font-size:var(--text-xl)}.quantris-level-start__heading{display:flex;flex-direction:column;gap:var(--s-3);flex:1 1 auto;min-width:0}.quantris-level-start__divider{width:100%;height:1px;background:var(--t-border-subtle)}.quantris-level-start__title,.quantris-level-start__description{margin:0}.quantris-level-start__body{display:flex;flex-direction:column;gap:var(--s-6)}.quantris-level-start__section{display:flex;flex-direction:column;gap:var(--s-3)}.quantris-level-start__section+.quantris-level-start__section{padding-top:var(--s-4);border-top:1px solid var(--t-border-subtle)}.quantris-level-start__actions{display:flex;justify-content:center;padding-top:var(--s-5);border-top:1px solid var(--t-border-subtle)}.quantris-level-start__actions .q-button{flex:0 1 auto;width:min(280px,100%)}.mode-brief-modal{width:min(560px,calc(100vw - 2 * var(--s-4)))}.mode-brief__eyebrow{margin:0 0 var(--s-1);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--t-text-secondary)}.mode-brief{display:flex;flex-direction:column;gap:var(--s-4)}.mode-brief__goal{margin:0;font-size:var(--text-lg);line-height:1.45;color:var(--t-text-primary)}.mode-brief__rule{margin:0;padding:var(--s-3) var(--s-4);border-left:2px solid var(--t-accent-primary);background:var(--t-bg-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;line-height:1.5;color:var(--t-text-secondary)}.mode-brief__rule .operation-symbol,.mode-brief__rule img,.mode-brief__rule svg{vertical-align:-.2em;margin-right:var(--s-1)}.mode-brief__controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3);margin:0;padding:0;list-style:none}.mode-brief__controls li{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);text-align:center;font-size:var(--text-sm);color:var(--t-text-secondary)}.mode-brief__chips{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:var(--s-1)}.mode-brief__note{margin:0;text-align:center;font-size:var(--text-sm);color:var(--t-text-secondary)}.mode-brief__actions{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--t-border-subtle)}.mode-brief__actions .q-button{width:min(320px,100%)}@media(max-width:480px){.mode-brief__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.full-game-sheet .quantris-modal-body{display:flex;flex-direction:column;gap:var(--s-4)}.full-game-sheet__lead{margin:0;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--t-text-secondary)}.full-game-sheet__list{display:grid;gap:var(--s-3);margin:0;padding:0;list-style:none}.full-game-sheet__list li{display:grid;grid-template-columns:1.5rem 1fr;align-items:baseline;gap:var(--s-3);line-height:1.45;color:var(--t-text-primary)}.full-game-sheet__list i{color:var(--t-accent-primary);text-align:center}.full-game-sheet__note{margin:0;font-size:var(--text-sm);color:var(--t-text-secondary)}.full-game-sheet__note[hidden]{display:none}.full-game-sheet a.q-button{text-decoration:none}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){html[data-profile=mobile] .rotate-notice{position:fixed;inset:0;z-index:var(--z-max);display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);background:var(--t-bg-app);color:var(--t-text-primary);font-size:var(--text-lg);text-align:center}html[data-profile=mobile] .rotate-notice i{font-size:2.5rem;color:var(--t-accent-primary)}html[data-profile=mobile] .rotate-notice p{margin:0}}.quantris-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-5);width:100%;margin-inline:auto;max-width:min(1180px,100%)}@media(min-width:1024px){.quantris-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.gamepad-settings{display:flex;flex-direction:column;gap:var(--s-6);padding:var(--s-2) 0}.gamepad-settings-status{text-align:center;padding:var(--s-4);background:var(--t-bg-surface);border-radius:var(--radius-md);border:1px solid var(--t-border-subtle)}.gamepad-settings-status:not(.connected){padding:var(--s-8) var(--s-4)}.gamepad-connected-content{display:flex;flex-direction:column;gap:var(--s-6)}.gamepad-connected-content.hidden{display:none}.gamepad-status-indicator{display:flex;align-items:center;justify-content:center;gap:var(--s-3);font-size:var(--text-lg);margin-bottom:var(--s-2)}.gamepad-status-icon{font-size:var(--text-2xl);opacity:.5;transition:opacity var(--duration-slow)}.gamepad-settings-status.connected .gamepad-status-icon{opacity:1}.gamepad-status-text{color:var(--t-text-muted)}.gamepad-settings-status.connected .gamepad-status-text{color:var(--t-accent-success)}.gamepad-status-hint{font-size:var(--text-sm);color:var(--t-text-muted);margin:0}.gamepad-settings-status.connected .gamepad-status-hint{display:none}.gamepad-settings-section{padding:var(--s-2) 0}.gamepad-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-2)}.gamepad-settings-title{margin:0 0 var(--s-1) 0;font-size:var(--text-md);color:var(--t-accent-primary)}.gamepad-settings-description{font-size:var(--text-sm);color:var(--t-text-muted);margin:0 0 var(--s-4) 0}.gamepad-toggle{display:flex;align-items:center;gap:var(--s-3);cursor:pointer;padding:var(--s-2);border-radius:var(--radius-sm);transition:background var(--duration-normal)}.gamepad-toggle:hover{background:var(--t-btn-hover-bg)}.gamepad-toggle input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--t-accent-primary)}.gamepad-toggle-label{font-size:var(--text-md)}.gamepad-binding-list{display:flex;flex-direction:column;gap:var(--s-3)}.gamepad-binding-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s-6);padding:var(--s-3) var(--s-4);background:var(--t-bg-surface);border:1px solid var(--t-border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-normal)}.gamepad-binding-row:hover{border-color:var(--t-border-default)}.gamepad-binding-label{font-size:var(--text-md);font-weight:500;color:var(--t-text-primary)}.gamepad-binding-button{min-width:7rem;padding:var(--s-2) var(--s-4);font-size:var(--text-base);font-weight:600;background:var(--t-btn-bg);border:2px solid var(--t-btn-border);border-radius:var(--radius-sm);color:var(--t-accent-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all var(--duration-normal)}.gamepad-binding-button:hover{border-color:var(--t-accent-primary);background:var(--t-btn-hover-bg);transform:translateY(-1px);box-shadow:var(--t-card-shadow)}.gamepad-binding-button:active{transform:translateY(0)}.gamepad-binding-button.capturing{border-color:var(--t-accent-warm);background:var(--t-btn-active-bg);color:var(--t-accent-warm);animation:gamepad-pulse 1s infinite}@keyframes gamepad-pulse{0%,to{opacity:1}50%{opacity:.7}}.gamepad-slider-group{margin-bottom:var(--s-5)}.gamepad-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-2)}.gamepad-slider-label{font-size:var(--text-sm)}.gamepad-slider-value{font-family:var(--t-font-mono, monospace);color:var(--t-accent-primary)}.gamepad-slider-hint{font-size:var(--text-xs);color:var(--t-text-muted);margin:var(--s-1) 0 0 0}.gamepad-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-3)}.gamepad-info-item{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-2);background:var(--t-bg-surface);border-radius:var(--radius-sm)}.gamepad-info-label{font-size:var(--text-xs);color:var(--t-text-muted)}.gamepad-info-value{font-size:var(--text-sm);color:var(--t-text-primary)}.gamepad-settings-section:not(.enabled) .gamepad-binding-list,.gamepad-settings-section:not(.enabled) .gamepad-slider-group{opacity:.5;pointer-events:none}.overlay-controls-diagram{position:relative;display:flex;justify-content:center;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.overlay-controls-diagram__swap{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--t-border-default, rgba(148, 163, 255, .4));border-radius:var(--radius-full);background:var(--t-bg-elevated, rgba(59, 78, 146, .15));color:var(--t-text-secondary, rgba(203, 224, 255, .85));font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.overlay-controls-diagram__swap:hover,.overlay-controls-diagram__swap:focus:where([data-input=keyboard] *,[data-input=gamepad] *){background:var(--t-btn-hover-bg, rgba(78, 203, 255, .12));border-color:var(--t-accent-primary, #4ecbff);color:var(--t-text-primary, #e3ebff)}.overlay-controls-diagram svg{width:min(310px,100%);height:auto}.overlay-controls-diagram [data-pad=dpad]{transform:translate(80px,58px);transition:transform .35s var(--ease-default)}.overlay-controls-diagram [data-pad=actions]{transform:translate(230px,58px);transition:transform .35s var(--ease-default)}.overlay-controls-diagram--swapped [data-pad=dpad]{transform:translate(230px,58px)}.overlay-controls-diagram--swapped [data-pad=actions]{transform:translate(80px,58px)}.theme-options{display:flex;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-1) 0}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--s-1\.5);padding:var(--s-2) .6rem;border:2px solid var(--t-border-subtle, rgba(255, 255, 255, .1));border-radius:var(--t-card-radius, 8px);background:transparent;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default);min-width:64px}.theme-option:hover{border-color:var(--t-border-default, rgba(255, 255, 255, .25))}.theme-option--active{border-color:var(--t-accent-primary, #4ecbff);background:var(--t-btn-hover-bg, rgba(78, 203, 255, .08))}.theme-option__swatch{display:block;width:40px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--t-border-subtle)}.theme-option__swatch--neon{background:linear-gradient(135deg,#0a0a1a 50%,#4ecbff 50%)}.theme-option__swatch--retro{background:linear-gradient(135deg,#0a0a0a 50%,#3f3 50%)}.theme-option__swatch--lab{background:linear-gradient(135deg,#f4f5f7 50%,#3b82f6 50%)}.theme-option__swatch--synthwave{background:linear-gradient(135deg,#0d0221 50%,#ff1493 50%)}.theme-option__swatch--zen{background:linear-gradient(135deg,#f5f0e8 50%,#2d3a4a 50%)}.theme-option__swatch--arcade{background:linear-gradient(135deg,#05040f 50%,#00f0ff 50%)}.theme-option__label{font-size:var(--text-2xs);color:var(--t-text-secondary, rgba(255, 255, 255, .7));font-family:var(--t-font-body, inherit)}.theme-option--active .theme-option__label{color:var(--t-text-primary, #fff)}