.quantris-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--s-12);overflow-y:auto}.quantris-overlay--light,.quantris-overlay--heavy{z-index:var(--z-modal)}.quantris-overlay--menu{z-index:var(--z-menu)}.bug-report-overlay{z-index:var(--z-modal-heavy)}.quantris-overlay>*{flex:0 1 auto}.quantris-modal{width:min(540px,calc(100% - 2.5rem));max-height:min(85dvh,760px);border-radius:var(--radius-xl);padding:var(--s-12) var(--s-10);display:flex;flex-direction:column;gap:var(--s-10);position:relative;overflow:hidden}.quantris-modal--sm{width:min(420px,calc(100% - 2.5rem));padding:var(--s-10) var(--s-10);gap:var(--s-8)}.quantris-overlay:has(>.quantris-modal--sm){overflow:clip}.quantris-modal--md{width:min(640px,calc(100% - 2.5rem));padding:var(--s-12) var(--s-10)}.quantris-modal--lg{width:min(880px,calc(100% - 2.5rem));padding:var(--s-10) var(--s-10)}.quantris-modal--flush{padding:0;gap:0}.quantris-modal--flush .quantris-modal-header{flex-shrink:0;padding:var(--s-10) var(--s-8) var(--s-5)}.quantris-modal--flush .quantris-modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:0 var(--s-8) var(--s-6);gap:var(--s-6);max-width:100%;box-sizing:border-box}.quantris-modal--flush .quantris-modal-footer{flex-shrink:0;padding:var(--s-5) var(--s-8) var(--s-10);border-top:1px solid var(--t-border-subtle,rgba(255,255,255,0.08));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.2))}.quantris-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-8);flex-shrink:0;position:relative;z-index:var(--z-raised)}.quantris-modal-header-content{display:flex;flex-direction:column;gap:var(--s-3);flex:1 1 auto;min-width:0}.quantris-modal-header--hero{align-items:center}.quantris-modal-body{display:flex;flex-direction:column;gap:var(--s-8);flex:1 1 auto;min-height:0;min-width:100%;overflow-y:auto;overscroll-behavior:contain}.quantris-modal-body--wide{gap:var(--s-10)}.quantris-modal-footer{flex-shrink:0}.quantris-modal-close{display:inline-flex;align-items:center;justify-content:center;width:clamp(2rem,4vw,2.4rem);min-width:clamp(2rem,4vw,2.4rem);height:clamp(2rem,4vw,2.4rem);aspect-ratio:1;flex-shrink:0;border-radius:var(--radius-full);padding:0;margin:0;cursor:pointer}.quantris-modal-close i{line-height:1;font-size:var(--text-md)}.modal-close-icon{font-size:var(--text-xl);line-height:1;font-weight:700}.quantris-modal-title{font-size:var(--text-xl);letter-spacing:0.16em;text-transform:uppercase}.quantris-modal-subtitle{font-size:var(--text-base);letter-spacing:0.06em;margin-top:var(--s-2);width:100%;max-width:none}.quantris-modal-section{position:relative;padding:var(--s-8);display:flex;flex-direction:column;gap:var(--s-6);max-width:100%;box-sizing:border-box}.quantris-modal--flush .quantris-modal-section{border-radius:var(--radius-md);padding:var(--s-6);gap:var(--s-5)}.quantris-section-title{font-size:var(--text-sm);letter-spacing:0.22em;text-transform:uppercase}.quantris-control-group{display:flex;flex-direction:column;gap:var(--s-5)}.quantris-control-group--inline{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:var(--s-4)}.quantris-modal--flush .quantris-control-group{gap:var(--s-4)}.quantris-modal-actions{display:flex;justify-content:center;width:auto;margin-inline:auto}.quantris-modal-actions--split{width:100%;max-width:100%;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--s-3)}.quantris-modal-actions--split>.quantris-control-group{flex:1 1 0;display:flex;justify-content:center}.quantris-modal-actions--split>.quantris-control-group.quantris-control-group--inline{justify-content:center}.quantris-action-report{margin-left:auto;display:flex;align-items:center;flex:0 0 auto}.quantris-modal-actions .bug-report-game-button{position:static;left:auto;right:auto;bottom:auto;margin:0}.quantris-modal-actions .quantris-control-group{width:auto}.quantris-modal-actions .quantris-control-group--inline{justify-content:center;flex-wrap:nowrap}.quantris-control-group--inline .q-button{flex:1 1 clamp(140px,32%,200px);min-width:0;width:auto;white-space:nowrap}.quantris-control-group--icons{justify-content:center;gap:var(--s-3)}.quantris-control-group--icons .q-button{flex:0 0 clamp(2.8rem,12vw,3.6rem);width:clamp(2.8rem,12vw,3.6rem);height:clamp(2.8rem,12vw,3.6rem);padding:var(--s-3);gap:0}.quantris-control-group--icons .q-button i{font-size:var(--text-xl)}.quantris-modal-scroll{border-radius:var(--radius-xl);padding:var(--s-6);flex:1;min-height:0;overflow:hidden;overscroll-behavior:contain}.quantris-modal-scroll-vertical{overflow-y:auto;overflow-x:hidden;touch-action:pan-y}@media (max-width:767px){.quantris-overlay{align-items:flex-start;padding:var(--s-4) var(--s-3);padding-top:max(2rem,env(safe-area-inset-top,2rem));padding-bottom:max(2.5rem,env(safe-area-inset-bottom,2.5rem));overflow-y:auto}.quantris-overlay>.quantris-modal{width:100%;max-width:calc(100vw - 1.25rem);margin:auto 0}.quantris-modal{padding:var(--s-5) var(--s-5);gap:var(--s-5);overflow-x:hidden;border-radius:var(--radius-lg)}.quantris-modal--sm{padding:var(--s-5) var(--s-5);gap:var(--s-5)}.quantris-modal--md,.quantris-modal--lg{padding:var(--s-5) var(--s-5);gap:var(--s-4)}.quantris-modal-header{gap:var(--s-2)}.quantris-modal-title{font-size:var(--text-lg);letter-spacing:0.12em}.quantris-modal-subtitle{font-size:var(--text-sm)}.quantris-modal-close{width:clamp(2.4rem,8vw,2.75rem);min-width:clamp(2.4rem,8vw,2.75rem);height:clamp(2.4rem,8vw,2.75rem)}.quantris-modal-section{padding:var(--s-4);flex-shrink:0;border-radius:var(--radius-md)}.quantris-modal-body{gap:var(--s-5)}.quantris-modal-actions--split>.quantris-control-group{flex:1 1 100%}.quantris-action-report{width:100%;justify-content:flex-end}}@media (max-height:480px) and (orientation:landscape){.quantris-modal{max-height:92dvh;padding-block:var(--s-3);gap:var(--s-2)}.quantris-overlay{padding:var(--s-2)}}.level-start-overlay{padding:0;overflow-y:auto;align-items:flex-start;justify-content:center}.level-start-overlay>.level-start-modal{width:100%;max-width:min(600px,calc(100% - 3rem));max-height:none;margin:0 auto;padding:var(--s-16) var(--s-8) var(--s-12);border:none;box-shadow:none;border-radius:0;overflow:visible}@media (min-width:768px){.quantris-overlay--panel{padding:0;overflow-y:auto;overflow-x:hidden;align-items:flex-start;justify-content:center}.quantris-overlay--panel>.quantris-modal{width:100%;max-width:min(720px,calc(100% - 4rem));max-height:none;margin:0 auto;padding:var(--s-16) var(--s-10) var(--s-12);background:transparent;border:none;box-shadow:none;border-radius:0;backdrop-filter:none;overflow:visible}.quantris-overlay--panel>.quantris-modal::before,.quantris-overlay--panel>.quantris-modal::after{content:none}.quantris-overlay--panel>.quantris-modal--lg{max-width:min(960px,calc(100% - 4rem))}.quantris-overlay--panel>.settings-modal.quantris-modal--lg{max-width:min(920px,calc(100% - 4rem))}.quantris-overlay--panel>.quantris-modal--md{max-width:min(760px,calc(100% - 4rem))}.quantris-overlay--panel .quantris-modal-body{overflow:visible}.quantris-overlay--panel .quantris-modal-close{position:fixed;top:clamp(1rem,2vw,1.5rem);right:clamp(1rem,2vw,1.5rem);width:clamp(2.6rem,4.5vw,3rem);min-width:clamp(2.6rem,4.5vw,3rem);height:clamp(2.6rem,4.5vw,3rem);z-index:var(--z-elevated,10)}}.quantris-overlay--resultpanel{z-index:var(--z-modal);padding:0;overflow:hidden;align-items:stretch;justify-content:center}.quantris-overlay--resultpanel>.quantris-modal{width:100%;max-width:min(640px,calc(100% - 2rem));max-height:none;min-height:0;margin:0 auto;padding:0 var(--s-8);background:transparent;border:none;box-shadow:none;border-radius:0;overflow:hidden}.quantris-overlay--resultpanel .quantris-modal-header{padding:var(--s-6) var(--s-8) var(--s-4)}.quantris-overlay--resultpanel .quantris-result-hero{font-size:var(--text-3xl);padding:var(--s-5)}.quantris-overlay--resultpanel .quantris-modal-title{font-size:var(--text-2xl)}.quantris-overlay--resultpanel .quantris-modal-body{flex:1 1 0;min-height:0;gap:var(--s-4);overflow-y:auto;overflow-x:hidden}.quantris-overlay--resultpanel .quantris-modal-section{padding:var(--s-4);gap:var(--s-4)}.quantris-overlay--resultpanel .quantris-modal-footer{padding-bottom:var(--s-6)}@media (max-width:767px){.quantris-overlay--resultpanel>.quantris-modal{max-width:100%;padding:0 var(--s-4)}}.quantris-overlay--sheet{z-index:var(--z-menu);align-items:flex-end;justify-content:center;padding:0}.quantris-sheet{width:100%;max-width:480px;max-height:85dvh;border-radius:0;padding:var(--s-6) var(--s-8) max(var(--s-8),env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--s-6);position:relative;overflow-y:auto;overscroll-behavior:contain}@media (max-width:767px){.quantris-sheet{max-width:100%;border-radius:0}}.settings-panel{display:flex;flex-direction:row;gap:var(--s-8);min-height:0;flex:1 1 auto}.settings-panel__nav{display:flex;flex-direction:column;gap:var(--s-1);flex-shrink:0;width:200px;position:sticky;top:0;align-self:flex-start}.settings-panel__nav-item{appearance:none;border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;font-size:var(--text-sm);letter-spacing:0.08em;text-transform:uppercase}.settings-panel__nav-item i{width:1.25em;text-align:center}.settings-panel__body{flex:1 1 auto;min-width:0;overflow-y:auto;overscroll-behavior:contain}.settings-panel__section{display:flex;flex-direction:column;gap:var(--s-6)}.controls-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)}.controls-tab-bar__item{flex:1;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;text-align:center;padding:var(--s-2) var(--s-3);cursor:pointer;transition:background var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.controls-tab-bar__item:hover{color:var(--t-text-secondary)}.controls-tab-bar__item.is-active{background:var(--t-btn-active-bg);border-color:var(--t-accent-primary);color:var(--t-text-primary)}@media (max-width:767px){.settings-modal.quantris-modal--lg{max-height:calc( 100dvh - max(2rem,env(safe-area-inset-top,2rem)) - max(2.5rem,env(safe-area-inset-bottom,2.5rem)) - var(--s-4) * 2 );overflow:hidden;display:flex;flex-direction:column}.settings-panel{flex-direction:column;gap:0}.settings-panel__nav{flex-direction:row;width:fit-content;max-width:100%;margin-inline:auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:static;gap:var(--s-1);padding:0 0 var(--s-3);flex-shrink:0;border-bottom:1px solid var(--t-border-subtle,rgba(255,255,255,0.08));margin-bottom:var(--s-4)}.settings-panel__nav-item{width:auto;flex-shrink:0;white-space:nowrap;padding:var(--s-2) var(--s-4);font-size:var(--text-xs,0.75rem);min-height:var(--min-tap-target);display:inline-flex;align-items:center}.settings-panel__nav-item i{display:none}.settings-panel__body{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;padding:0 var(--s-1)}.settings-panel__section{gap:var(--s-5)}}