.quantum-operation-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;min-height:1.6em;padding:0 0.4em;margin-inline:0.25em;border-radius:0.4em;border:1px solid var(--t-border-default,rgba(148,163,255,0.55));background:var(--t-bg-elevated,rgba(59,78,146,0.25));color:var(--t-text-primary,#e3ebff);font-size:0.92em;font-weight:600;letter-spacing:0.04em;line-height:1;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15)}.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:0.3em;border:1px solid var(--t-border-emphasis,rgba(148,163,255,0.7));background:linear-gradient( 90deg,#ff3e3e,#ffb347,#f7ff00,#7fff00,#00d4ff,#7b5cff,#ff3e81 );box-shadow:inset 0 0 6px rgba(0,0,0,0.2)}.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,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(0.35rem,1vw,0.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 0.9s linear infinite}@keyframes loading-overlay-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading-overlay__message{margin:0;font-size:var(--text-md);color:var(--t-text-secondary,rgba(203,224,255,0.85))}.loading-overlay__submessage{margin:0;font-size:var(--text-sm);color:var(--t-text-muted,rgba(203,224,255,0.65))}#error-toast{position:fixed;top:clamp(1rem,3vw,1.6rem);right:clamp(1rem,3vw,1.6rem);display:flex;flex-direction:column;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) 1.4rem;border-radius:var(--radius-lg);border:1px solid transparent;border-left-width:4px;border-left-style:solid;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)}@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:0.04em;cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),filter var(--duration-fast) var(--ease-default)}#error-toast .error-toast__action-btn:focus-visible{outline:2px solid var(--t-focus-color);outline-offset:2px}#error-toast .error-toast__close{position:absolute;top:0.35rem;right:0.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 .error-toast__close:focus-visible{outline:2px solid var(--t-focus-color);outline-offset:2px}#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{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,0.25));background:var(--t-card-bg,rgba(15,23,42,0.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:focus,.replay-overlay-item:hover{border-color:var(--t-border-emphasis,rgba(94,234,212,0.55));transform:translateY(-1px);outline:none}.replay-overlay-item__title{grid-area:title;font-size:var(--text-md);font-weight:600;letter-spacing:0.02em}.replay-overlay-item__meta{grid-area:meta;font-size:var(--text-sm);color:var(--t-text-secondary,rgba(148,163,184,0.95));letter-spacing:0.02em}.replay-overlay-item__details{grid-area:details;font-size:var(--text-xs);color:var(--t-text-muted,rgba(148,163,184,0.65));letter-spacing:0.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,0.45));background:transparent;color:var(--t-accent-success,#5eead4);font-size:var(--text-xs);font-weight:600;letter-spacing:0.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,0.12));border-color:var(--t-accent-success,rgba(94,234,212,0.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,0.7));font-size:var(--text-base);padding:2.4rem var(--s-4);border-radius:var(--t-card-radius,16px);border:1px dashed var(--t-border-default,rgba(94,234,212,0.2));background:var(--t-card-bg,rgba(15,23,42,0.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}.bug-report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4)}.bug-report-title{margin:0;font-size:var(--text-2xl)}.bug-report-intro{margin:clamp(0.15rem,0.8vw,0.4rem) 0 0;font-size:var(--text-base);line-height:1.5;opacity:0.8}.bug-report-game-button{position:absolute;left:100%;bottom:clamp(0.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(0.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:0.04em;text-transform:uppercase}.bug-report-textarea{min-height:150px;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:0.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,0.35));background:var(--t-bg-overlay,rgba(6,10,22,0.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:0.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,0.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-header{flex-direction:column;align-items:stretch}.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}}@media (min-width:768px){.bug-report-section--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.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)}.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{margin:0}.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{display:flex;flex-direction:column;gap:var(--s-8)}.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-size:var(--text-3xl);font-weight:700}.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{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:0.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:0.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-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) 0.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:0.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{margin:0}.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%)}.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:0.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:0.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%,100%{opacity:1}50%{opacity:0.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:0.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,0.4));border-radius:var(--radius-full);background:var(--t-bg-elevated,rgba(59,78,146,0.15));color:var(--t-text-secondary,rgba(203,224,255,0.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-visible{background:var(--t-btn-hover-bg,rgba(78,203,255,0.12));border-color:var(--t-accent-primary,#4ecbff);color:var(--t-text-primary,#e3ebff)}.overlay-controls-diagram__swap:focus-visible{outline:2px solid var(--t-focus-color);outline-offset:2px}.overlay-controls-diagram svg{width:min(310px,100%);height:auto}.overlay-controls-diagram [data-pad="dpad"]{transform:translate(80px,58px);transition:transform 0.35s var(--ease-default)}.overlay-controls-diagram [data-pad="actions"]{transform:translate(230px,58px);transition:transform 0.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) 0.6rem;border:2px solid var(--t-border-subtle,rgba(255,255,255,0.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,0.25))}.theme-option--active{border-color:var(--t-accent-primary,#4ecbff);background:var(--t-btn-hover-bg,rgba(78,203,255,0.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%,#33ff33 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__label{font-size:var(--text-2xs);color:var(--t-text-secondary,rgba(255,255,255,0.7));font-family:var(--t-font-body,inherit)}.theme-option--active .theme-option__label{color:var(--t-text-primary,#fff)}