.phase8-audio-panel{z-index:var(--z-emergency);backdrop-filter:blur(20px);background:#0a0a14fa;border:1px solid #cc11224d;border-radius:16px;min-width:min(450px,90vw);max-width:90vw;padding:30px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #c123}.phase8-audio-panel__header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.phase8-audio-panel__title{color:#c12;margin:0;font-family:Fraunces,Georgia,serif;font-size:1.5rem}.phase8-audio-panel__close{color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.phase8-audio-panel__body{max-height:60vh;overflow:auto}.phase8-audio-panel__section{margin-bottom:24px}.phase8-audio-panel__section-title{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:1rem}.phase8-audio-panel__row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.phase8-audio-panel__label{color:#aaa;font-size:.9rem}.phase8-toggle{cursor:pointer;background:#cc11224d;border:none;border-radius:13px;width:48px;height:26px;padding:0;position:relative}.phase8-toggle input{display:none}.phase8-toggle-slider{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:3px;left:3px}input:checked+.phase8-toggle-slider{transform:translate(22px)}input:checked~.phase8-toggle{background:#c129}.phase8-audio-panel__calibrate-btn{color:#c12;cursor:pointer;background:#c123;border:1px solid #c126;border-radius:8px;width:100%;padding:12px;font-size:.9rem;transition:background .3s}.phase8-audio-panel__calibrate-btn:hover{background:#cc11224d}.phase8-audio-panel__calibrate-hint{color:#666;text-align:center;margin-top:8px;font-size:.8rem}.phase8-audio-panel__footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:20px;padding-top:16px}.phase8-audio-panel__reset-btn{color:#aaa;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:8px 20px;font-size:.85rem}@media (width<=520px){.phase8-audio-panel{border-radius:12px;width:calc(100vw - 24px);min-width:auto;padding:20px 16px}.phase8-audio-panel__title{font-size:1.2rem}}.hud-pacman-count{color:#f44;text-shadow:0 0 10px red;margin-left:16px;font-family:Fraunces,Georgia,serif;font-size:1.2rem}.stamina-bar-container{bottom:max(20px, env(safe-area-inset-bottom));z-index:70;width:200px;display:none;position:fixed;left:50%;transform:translate(-50%)}.stamina-bar-label{color:#aaa;text-align:center;margin-bottom:4px;font-family:monospace;font-size:.7rem}.stamina-bar-track{background:#0009;border:1px solid #ffffff26;border-radius:4px;height:8px;overflow:hidden}.stamina-bar-fill{background:#0c6;border-radius:4px;width:100%;height:100%;transition:width .1s,background .3s}.hud-torch{color:#fa0;font-size:1rem}.hud-level{font-size:1rem}.game-end-back-link{color:#888;margin-top:16px;text-decoration:none;display:block}.game-end-back-link:hover{color:#aaa}.game-container--letterbox{background:#000;justify-content:center;align-items:center;display:flex}.game-container--letterbox #game-canvas{flex:none;display:block}.game-container--letterbox>.game-hud{z-index:30;position:absolute;top:0;left:0;right:0}.hub-stats{color:#aaa;margin:10px 0;font-size:.9rem}.hub-btn-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:15px 0;display:flex}.hub-btn--start{background:#2a6e2a}.hub-btn--upgrades{background:#6e4a2a}.hub-btn--talents{background:#4a2a6e}.hub-btn--characters{background:#2a4a6e}.hub-btn--ng{background:#6e2a2a}.minimap-container{display:none}.game-hud[data-xr-overlay]{transform-origin:bottom;border:1px solid color-mix(in oklch, var(--accent-red,#c12) 45%, transparent);backdrop-filter:blur(8px);background:oklch(12.4608% .0103222 284.804/.86);border-radius:18px;max-width:60vw;padding:14px 18px;position:fixed;bottom:8%;left:50%;transform:translate(-50%)perspective(600px)rotateX(34deg);box-shadow:0 0 40px #cc112259}.sgai-vr-btn{letter-spacing:.04em;font-weight:700}.game-page,.game-container{width:100vw;min-height:100dvh;position:relative;overflow:hidden}.start-screen,.controls-overlay,.game-end-screen{box-sizing:border-box;padding:max(16px, var(--safe-top,env(safe-area-inset-top,0px))) max(16px, var(--safe-right,env(safe-area-inset-right,0px))) max(16px, var(--safe-bottom,env(safe-area-inset-bottom,0px))) max(16px, var(--safe-left,env(safe-area-inset-left,0px)));overflow:auto}.start-screen,.game-end-screen{padding-bottom:max(1.5rem, var(--safe-bottom,env(safe-area-inset-bottom,0px)))}.controls-overlay{padding-bottom:max(1rem, var(--safe-bottom,env(safe-area-inset-bottom,0px)))}.start-screen{gap:10px}.start-screen h1,.game-end-screen h1{overflow-wrap:anywhere;max-width:min(920px,100%);line-height:1.05}.start-screen .game-desc,.game-end-screen p{overflow-wrap:anywhere;max-width:min(620px,92vw)}.start-btn,.play-btn,.hud-btn{box-sizing:border-box;text-align:center;white-space:normal;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;max-width:calc(100vw - 32px);min-height:44px;line-height:1.2;display:inline-flex}.start-btn,.play-btn{min-width:min(220px,100vw - 32px)}.hud-btn{min-width:44px;padding:8px 12px}.hud-controls,.game-selector-group,.world-options,.option-row,.mode-buttons{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:min(920px,100%);display:flex}.game-hud{box-sizing:border-box;padding:max(10px, var(--safe-top,env(safe-area-inset-top,0px))) max(10px, var(--safe-right,env(safe-area-inset-right,0px))) 10px max(10px, var(--safe-left,env(safe-area-inset-left,0px)));flex-wrap:wrap;align-items:flex-start;gap:8px 12px;display:flex}.game-hud .hud-controls{justify-content:flex-end;margin-left:auto}.hud-score,.game-hud>*{max-width:100%}.controls-content{box-sizing:border-box;justify-items:center;width:min(560px,100%);max-height:calc(100dvh - 32px);display:grid;overflow:auto}.controls-content h2{overflow-wrap:anywhere;max-width:100%;line-height:1.1}.control-item{overflow-wrap:anywhere;justify-content:center;align-items:center;gap:10px;max-width:100%;margin:8px 0;display:flex}.control-key{flex:none}#game-canvas.fixed-size-canvas{object-fit:contain!important;width:auto!important;max-width:100vw!important;height:auto!important;max-height:100dvh!important;margin:auto!important;display:block!important;position:fixed!important;inset:0!important}@media (width<=520px){.start-screen,.controls-overlay,.game-end-screen{padding:max(12px, var(--safe-top,env(safe-area-inset-top,0px))) max(12px, var(--safe-right,env(safe-area-inset-right,0px))) max(12px, var(--safe-bottom,env(safe-area-inset-bottom,0px))) max(12px, var(--safe-left,env(safe-area-inset-left,0px)))}.start-btn,.play-btn{letter-spacing:.08em;min-height:48px;padding:12px 18px}.game-hud{justify-content:center;align-items:center;gap:6px}.game-hud .hud-controls{justify-content:center;width:100%;margin-left:0}.hud-btn{min-height:40px;padding:7px 10px;font-size:.78rem}.control-item{font-size:.9rem}}@media (height<=480px) and (orientation:landscape){.start-screen{justify-content:flex-start}.start-screen h1,.controls-content h2{margin-block:4px 8px}.start-screen .game-desc{margin-bottom:8px;line-height:1.35}.controls-content{max-height:calc(100dvh - 24px)}}.sgai-orientation-overlay{z-index:var(--z-emergency);opacity:0;pointer-events:none;font-family:var(--font-body,"Satoshi", system-ui, sans-serif);background:#000000f5;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.sgai-orientation-overlay.sgai-orientation-visible{opacity:1;pointer-events:all}.sgai-orientation-overlay:popover-open,.sgai-orientation-overlay[popover]{background:#000000f5;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;inset:0;overflow:hidden}.sgai-orientation-prompt{text-align:center;color:#ccc;padding:32px}.sgai-orientation-icon{width:64px;height:64px;margin:0 auto 16px;animation:2s ease-in-out infinite sgai-orient-wiggle;display:block}.sgai-orientation-icon svg{stroke:#fff9;stroke-width:2px;fill:none;width:100%;height:100%}.sgai-orientation-prompt h2{color:#fff;margin:0 0 8px;font-size:1.15rem;font-weight:600}.sgai-orientation-prompt p{color:#ffffff8c;max-width:280px;margin:0 auto;font-size:.88rem;line-height:1.5}@keyframes sgai-orient-wiggle{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}@media (hover:hover) and (pointer:fine){.sgai-orientation-overlay{display:none!important}}.start-screen{text-align:center;background:radial-gradient(120% 100% at 50% 0%, color-mix(in oklch, var(--accent-red) 10%, transparent), transparent 55%), linear-gradient(180deg, var(--bg-deep,#060608), var(--bg-primary,#0b0b0f));min-height:100dvh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,3vh,1.75rem);display:flex;position:relative}.start-screen h1{font-family:var(--font-display,Georgia, serif);letter-spacing:-.02em;text-shadow:0 0 24px color-mix(in oklch, var(--accent-red) 40%, transparent);margin:0;font-size:clamp(2rem,7vw,4rem);font-weight:700;line-height:1.05}.start-screen .game-desc{color:var(--text-secondary);max-width:min(620px,90vw);margin:0 auto;font-size:clamp(.95rem,2.5vw,1.25rem);line-height:1.55}.back-link{top:max(12px, var(--safe-top,env(safe-area-inset-top,0px)));left:max(12px, var(--safe-left,env(safe-area-inset-left,0px)));z-index:var(--z-sticky,100);color:var(--text-secondary);background:color-mix(in oklch, var(--bg-card,#141419) 70%, transparent);border:1px solid var(--glass-border,#ffffff1a);-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s,transform .15s;display:inline-flex;position:absolute}.back-link:hover,.back-link:focus-visible{color:var(--text-primary);background:color-mix(in oklch, var(--bg-card,#141419) 90%, transparent);transform:translateY(-1px)}.game-selector-group{text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:min(420px,90vw);display:flex}.game-selector-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.game-start-select{-webkit-appearance:none;appearance:none;width:100%;font:inherit;text-align:center;color:var(--text-primary);background:color-mix(in oklch, var(--bg-card,#141419) 80%, transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .85rem center;border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--radius-lg,12px);cursor:pointer;padding:.85rem 2.5rem .85rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.game-start-select:focus-visible{border-color:var(--accent-red);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent-red) 25%, transparent);outline:none}.game-selector-desc{color:var(--text-secondary);min-height:1.3em;font-size:.85rem;line-height:1.4}.start-btn,.play-btn{letter-spacing:.04em;color:#fff;background:linear-gradient(135deg, var(--accent-red), color-mix(in oklch, var(--accent-red) 70%, black));border-radius:var(--radius-lg,12px);min-height:56px;box-shadow:0 0 24px color-mix(in oklch, var(--accent-red) 35%, transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:clamp(1rem,3vw,1.25rem);font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex}.start-btn:hover,.play-btn:hover,.start-btn:focus-visible,.play-btn:focus-visible{box-shadow:0 0 32px color-mix(in oklch, var(--accent-red) 50%, transparent);filter:brightness(1.08);transform:translateY(-2px)}.start-btn:active,.play-btn:active{transform:translateY(0)}.sub-tier-badge{background:color-mix(in oklch, var(--bg-card,#141419) 70%, transparent);border:1px solid var(--glass-border,#ffffff1a);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.6rem 1rem;font-size:.85rem;text-decoration:none;transition:color .15s,background .15s,transform .15s;display:inline-flex}.sub-tier-badge:hover,.sub-tier-badge:focus-visible{color:var(--text-primary);background:color-mix(in oklch, var(--bg-card,#141419) 90%, transparent);transform:translateY(-1px)}.sub-tier-badge__upgrade{color:var(--accent-red);font-weight:700}.boot-error{text-align:center;color:#fff;background:color-mix(in oklch, var(--accent-red) 20%, var(--bg-card,#141419));border:1px solid color-mix(in oklch, var(--accent-red) 50%, transparent);border-radius:var(--radius-md,8px);width:min(420px,90vw);max-width:100%;margin:0 auto;padding:.75rem 1rem;font-size:.85rem}@media (width<=520px){.start-screen{padding-top:max(64px, var(--safe-top,env(safe-area-inset-top,0px)));gap:clamp(.85rem,2.5vh,1.25rem)}.start-screen h1{font-size:clamp(1.6rem,6vw,2.4rem)}.start-screen .game-desc{padding:0 12px;font-size:.9rem}.game-selector-group{width:min(340px,92vw)}.start-btn,.play-btn{min-height:52px;padding:.8rem 1.75rem;font-size:1rem}.sub-tier-badge{padding:.5rem .9rem;font-size:.8rem}}@media (height<=480px) and (orientation:landscape){.start-screen{padding-top:max(56px, var(--safe-top,env(safe-area-inset-top,0px)));justify-content:flex-start;gap:.6rem}.start-screen h1{font-size:clamp(1.4rem,5vh,2rem)}.start-screen .game-desc{margin-bottom:.25rem;font-size:.85rem}.game-selector-group{width:min(360px,80vw)}.game-start-select{padding:.65rem 2.25rem .65rem .85rem}.start-btn,.play-btn{min-height:44px;padding:.6rem 1.5rem}}.sgai-pause-btn{z-index:var(--z-a11y-pause);color:#fff;cursor:pointer;background:#000000c7;border:2px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;height:44px;font-size:18px;display:inline-flex;position:fixed;top:12px;right:12px}.sgai-pause-btn:focus-visible{outline-offset:2px;outline:3px solid #ffeb3b}.sgai-hint-banner{z-index:var(--z-a11y-hint);color:#fff;background:#000000d9;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font:600 13px/1.2 system-ui,sans-serif;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.sgai-hint-banner[hidden]{display:none}.sgai-hint-banner__text{line-height:1.3}.sgai-hint-banner button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;padding:0 8px;font-size:16px;display:grid}.sgai-hint-banner button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #ffeb3b}@media (width<=520px){body.mc-mobile-active .sgai-hint-banner{border-radius:12px;gap:8px;max-width:none;padding:8px 12px;font-size:12px;inset:12px 12px auto;transform:none}body.mc-mobile-active .sgai-hint-banner__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width<=340px){body.mc-mobile-active .sgai-hint-banner{border-radius:50%;justify-content:center;width:48px;height:48px;padding:0;right:auto}body.mc-mobile-active .sgai-hint-banner__text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.mc-mobile-active .sgai-hint-banner button{background:#000000db;border-radius:50%;width:24px;height:24px;padding:0;position:absolute;top:-6px;right:-6px}}.sgai-pause-overlay{z-index:var(--z-a11y-pause);backdrop-filter:blur(4px);color:#f5f5f5;background:#000000c7;justify-content:center;align-items:center;padding:16px;font-family:system-ui,-apple-system,sans-serif;position:fixed;inset:0}.sgai-pause-overlay[hidden]{display:none}.sgai-pause__panel{background:#0c0c12;border:1px solid #ffffff2e;border-radius:14px;width:min(560px,100%);max-height:min(90vh,800px);padding:22px clamp(16px,4vw,28px);overflow-y:auto;box-shadow:0 18px 50px #000000b3}.sgai-pause__panel h2{color:#fff;margin:0 0 6px;font-size:1.5rem}.sgai-pause__panel h3{color:#ffeb3b;margin:12px 0 6px;font-size:1.1rem}.sgai-pause__hint{color:#c7c7d0;font-size:.9rem;line-height:1.45}.sgai-pause__hint kbd{font:inherit;background:#222;border:1px solid #444;border-radius:4px;padding:2px 6px}.sgai-pause__buttons{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.sgai-pause__btn{cursor:pointer;color:#fff;background:#1c1c26;border:1px solid #ffffff26;border-radius:8px;padding:10px 14px;font-size:.95rem;font-weight:700}.sgai-pause__btn:focus-visible{outline-offset:2px;outline:3px solid #ffeb3b}.sgai-pause__btn--primary{background:#ff3b3b;border-color:#ff3b3b}.sgai-pause__btn--primary:hover{background:#e63333}.sgai-pause__btn--ghost{background:0 0}.sgai-pause__remap-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.sgai-pause__remap-item{background:#14141c;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.sgai-pause__remap-btn{color:#fff;cursor:pointer;text-align:center;background:#1c1c26;border:1px solid #ffffff2e;border-radius:6px;min-width:110px;padding:6px 10px;font:700 .9rem/1 monospace,system-ui}.sgai-pause__remap-btn:focus-visible{outline-offset:2px;outline:3px solid #ffeb3b}.sgai-pause__remap-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}body.sgai-game-paused{overflow:hidden}body.sgai-game-paused canvas{filter:brightness(.65)saturate(.85)}.game-hud.sgai-hud-safe-contrast{outline-offset:2px;color:#fff!important;background:#000!important;outline:2px solid #fff!important}.game-hud.sgai-hud-safe-contrast .hud-item,.game-hud.sgai-hud-safe-contrast .hud-score,.game-hud.sgai-hud-safe-contrast .hud-btn{color:#fff!important;background:#000!important;border:2px solid #fff!important}.sgai-comfort__bpm{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--accent-cyan,#06b6d4);margin-top:6px;font-weight:700;display:inline-block}html[data-sgai-protective=true] .sgai-comfort__bpm{color:var(--calm,#6ee7b7)}@layer components{.game-hud{contain:layout;top:var(--nav-height);z-index:var(--z-dropdown);pointer-events:none;font-family:var(--font-body,"Satoshi", system-ui, sans-serif);padding:12px 20px;position:fixed;left:0;right:0}.game-hud *{pointer-events:auto}.game-hud-top{justify-content:space-between;align-items:center;display:flex}.game-hud-left,.game-hud-right{align-items:center;gap:12px;display:flex}.game-hud-center{position:absolute;left:50%;transform:translate(-50%)}.hud-pause-btn{backdrop-filter:blur(10px);border:1px solid var(--glass-border,#ffffff1a);cursor:pointer;background:#0009;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.hud-pause-btn:hover{border-color:var(--accent-red,var(--accent-red,#c12));background:#000c}.hud-pause-btn svg{width:18px;height:18px;color:var(--text-primary)}.game-title{color:var(--text-secondary,#fffc);text-shadow:0 1px 2px var(--bg-deep,#00000080);font-size:14px;font-weight:600}.game-timer,.game-score{backdrop-filter:blur(10px);border:1px solid var(--glass-border,#ffffff1a);background:#0009;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;display:flex}.timer-icon{font-size:16px}.timer-value,.score-value{font-variant-numeric:tabular-nums;color:var(--text-primary);min-width:50px;font-size:16px;font-weight:600}.score-label{color:var(--text-muted,#fff9);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.game-score .score-value{color:var(--accent-green,var(--accent-green,#0f8));min-width:70px}.game-hud-bottom{position:fixed;bottom:208px;left:12px}.game-fps{color:var(--text-muted,#fff6);font-variant-numeric:tabular-nums;font-size:11px}.game-pause-overlay{z-index:var(--z-dropdown);opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.game-pause-overlay[style*=flex]{opacity:1;visibility:visible}.pause-backdrop{backdrop-filter:blur(8px);background:#000000d9;position:absolute;inset:0}.pause-menu{background:var(--bg-secondary,var(--bg-secondary,#12121a));border:1px solid var(--glass-border,#ffffff1a);width:100%;max-width:400px;box-shadow:0 25px 50px var(--bg-deep,#00000080), 0 0 100px var(--accent-red-glow,#cc11221a);border-radius:16px;padding:32px;position:relative}.pause-title{text-align:center;color:var(--text-primary);margin-bottom:24px;font-size:28px;font-weight:700}.pause-stats{border-bottom:1px solid var(--glass-border,#ffffff1a);justify-content:center;gap:32px;margin-bottom:32px;padding-bottom:24px;display:flex}.pause-stat{text-align:center}.pause-stat .stat-label{color:var(--text-muted,#ffffff80);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;display:block}.pause-stat .stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.pause-actions{flex-direction:column;gap:8px;display:flex}.pause-btn{background:var(--border-dark,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);cursor:pointer;color:var(--text-primary);border-radius:10px;align-items:center;gap:12px;padding:14px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.pause-btn:hover{background:var(--glass-border,#ffffff1a);border-color:var(--border-default,#fff3);transform:translate(4px)}.pause-btn.resume{background:var(--accent-red,var(--accent-red,#c12));border-color:var(--accent-red,var(--accent-red,#c12))}.pause-btn.resume:hover{background:var(--accent-red,#e01525);border-color:var(--accent-red,#e01525)}.pause-btn.danger{color:var(--state-error,#ff4d5a)}.pause-btn.danger:hover{background:var(--accent-red-glow,#ff4d5a33);border-color:var(--state-error,#ff4d5a)}.btn-icon{text-align:center;width:24px;font-size:18px}.pause-shortcuts{border-top:1px solid var(--border-dark,#ffffff0d);justify-content:center;gap:24px;margin-top:24px;padding-top:16px;display:flex}.pause-shortcuts span{color:var(--text-muted,#fff6);font-size:12px}.pause-shortcuts kbd{background:var(--glass-border,#ffffff1a);border-radius:4px;margin-right:4px;padding:2px 6px;font-size:11px}.game-settings-panel{background:var(--bg-primary,var(--bg-primary,#0a0a0f));border:1px solid var(--glass-border,#ffffff1a);border-radius:12px;flex-direction:column;width:calc(100% - 64px);max-width:500px;max-height:70vh;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.settings-header{background:var(--bg-deep,#0000004d);border-bottom:1px solid var(--border-dark,#ffffff0d);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.settings-close{width:32px;height:32px;color:var(--text-muted,#ffffff80);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.settings-close:hover{background:var(--glass-border,#ffffff1a);color:var(--text-primary)}.settings-tabs{background:#0003;justify-content:center;gap:4px;padding:12px 16px;display:flex;overflow-x:auto}.settings-tab{color:var(--text-muted,#ffffff80);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.settings-tab:hover{color:var(--text-secondary,#fffc);background:var(--border-dark,#ffffff0d)}.settings-tab.active{background:var(--accent-red,var(--accent-red,#c12));color:var(--text-primary)}.settings-content{flex:1;padding:16px;overflow-y:auto}.settings-tab-content{display:none}.settings-tab-content.active{display:block}.setting-group{margin-bottom:20px}.setting-label{color:var(--text-secondary,#fffc);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.setting-checkbox{width:18px;height:18px;accent-color:var(--accent-red,var(--accent-red,#c12));cursor:pointer}.setting-slider{appearance:none;background:var(--glass-border,#ffffff1a);cursor:pointer;border-radius:3px;flex:1;height:6px}.setting-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-red,var(--accent-red,#c12));cursor:pointer;border-radius:50%;width:16px;height:16px}.setting-select{background:var(--border-dark,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;padding:10px 12px;font-size:14px}.setting-select option{background:var(--bg-secondary,var(--bg-secondary,#12121a));color:var(--text-primary)}.setting-value{color:var(--text-muted,#ffffff80);text-align:right;min-width:45px;font-size:13px}.settings-footer{border-top:1px solid var(--border-dark,#ffffff0d);background:#0003;padding:16px}.settings-reset{border:1px solid var(--glass-border,#ffffff1a);width:100%;color:var(--text-muted,#ffffff80);cursor:pointer;background:0 0;border-radius:6px;padding:10px;font-size:13px;transition:all .2s}.settings-reset:hover{background:var(--accent-red-soft,#ff4d5a1a);border-color:var(--state-error,#ff4d5a);color:var(--state-error,#ff4d5a)}.keybindings{border-top:1px solid var(--glass-border,#ffffff1a);margin-top:24px;padding-top:16px}.keybindings h4{color:var(--text-muted,#fff9);margin-bottom:16px;font-size:14px;font-weight:600}.keybinding-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.keybinding-row span{color:#ffffffb3;font-size:13px}.keybinding-btn{background:var(--border-dark,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);color:var(--text-primary);cursor:pointer;border-radius:6px;min-width:80px;padding:6px 14px;font-family:monospace;font-size:13px;transition:all .2s}.keybinding-btn:hover{background:var(--glass-border,#ffffff1a)}.keybinding-btn.capturing{background:var(--accent-red,var(--accent-red,#c12));border-color:var(--accent-red,var(--accent-red,#c12));animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.game-over-overlay{z-index:var(--z-dropdown);opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.game-over-overlay[style*=flex]{opacity:1;visibility:visible}.game-over-backdrop{backdrop-filter:blur(12px);background:#000000e6;position:absolute;inset:0}.game-over-menu{background:var(--bg-secondary,var(--bg-secondary,#12121a));border:1px solid var(--glass-border,#ffffff1a);width:100%;max-width:450px;box-shadow:0 25px 50px #0009, 0 0 150px var(--accent-red-glow,#cc112226);text-align:center;border-radius:20px;padding:40px;position:relative}.game-over-header{margin-bottom:32px}.game-over-title{color:var(--state-error,#ff4d5a);margin:0 0 8px;font-size:36px;font-weight:700}.game-over-subtitle{color:var(--text-muted,#ffffff80);margin:0;font-size:16px}.game-over-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}.game-over-stat{background:var(--border-dark,#ffffff08);border:1px solid var(--border-dark,#ffffff0d);border-radius:12px;padding:16px}.game-over-stat.highlight{background:var(--accent-green-glow,#00ff8814);border-color:var(--accent-green-glow,#0f83)}.game-over-stat.highlight .stat-value{color:var(--accent-green,var(--accent-green,#0f8))}.game-over-stat.new-record{background:linear-gradient(135deg, var(--accent-red-glow,#c123), var(--accent-red-glow,#ff4d5a33));border-color:var(--accent-red,var(--accent-red,#c12));animation:2s infinite glow}@keyframes glow{0%,to{box-shadow:0 0 20px var(--border-glow,#cc11224d)}50%{box-shadow:0 0 40px var(--accent-red-glow,#cc112280)}}.game-over-stat .stat-icon{margin-bottom:8px;font-size:24px;display:block}.game-over-stat .stat-label{color:var(--text-muted,#ffffff80);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.game-over-stat .stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:4px;font-size:24px;font-weight:700}.game-over-actions{flex-direction:column;gap:10px;display:flex}.game-over-btn{background:var(--border-dark,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);cursor:pointer;color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.game-over-btn:hover{background:var(--glass-border,#ffffff1a);border-color:var(--border-default,#fff3);transform:translateY(-2px)}.game-over-btn.primary{background:var(--accent-green,var(--accent-green,#0f8));border-color:var(--accent-green,var(--accent-green,#0f8));color:var(--bg-deep,#000)}.game-over-btn.primary:hover{background:var(--accent-green,#00e67a);border-color:var(--accent-green,#00e67a)}.game-notification{backdrop-filter:blur(10px);border:1px solid var(--glass-border,#ffffff1a);color:var(--text-primary);z-index:var(--z-dropdown);background:#000000e6;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s slideDown;position:fixed;top:80px;left:50%;transform:translate(-50%)}.game-notification.success{border-color:var(--accent-green,var(--accent-green,#0f8));color:var(--accent-green,var(--accent-green,#0f8))}.game-notification.warning{border-color:var(--accent-orange,var(--accent-orange,#ff6b35));color:var(--accent-orange,var(--accent-orange,#ff6b35))}.game-notification.error{border-color:var(--state-error,#ff4d5a);color:var(--state-error,#ff4d5a)}.game-notification.fade-out{opacity:0;transition:all .3s;transform:translate(-50%)translateY(-10px)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ghost-replay-indicator{background:var(--accent-purple,#8b5cf633);border:1px solid var(--accent-purple,#8b5cf666);color:var(--accent-purple,#a78bfa);z-index:var(--z-nav);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex;position:fixed;bottom:120px;right:20px}.ghost-replay-indicator:before{content:"👻"}@media (width<=768px){.game-hud{padding:8px 12px}.game-hud-left{gap:8px}.game-title{display:none}.game-timer,.game-score{padding:6px 10px;font-size:12px}}@container overlay (width<=768px){.pause-menu,.game-over-menu{margin:16px;padding:24px}.pause-title,.game-over-title{font-size:24px}.pause-stats{gap:24px}.game-over-stats{grid-template-columns:1fr}.game-settings-panel{max-width:calc(100% - 32px);max-height:80vh}.settings-tabs{gap:2px;padding:8px}.settings-tab{padding:6px 10px;font-size:11px}}@container overlay (width<=480px){.pause-btn,.game-over-btn{padding:12px 16px;font-size:14px}.btn-icon{font-size:16px}.game-over-stat .stat-value{font-size:20px}}@media (prefers-reduced-motion:reduce){.game-notification,.pause-menu,.game-over-menu,.game-settings-panel,.keybinding-btn.capturing{transition:none;animation:none}}.high-contrast .pause-btn,.high-contrast .game-over-btn,.high-contrast .settings-tab{border-width:2px}.high-contrast .pause-btn.resume,.high-contrast .game-over-btn.primary{border-width:3px}.larger-text .pause-title,.larger-text .game-over-title{font-size:32px}.larger-text .pause-btn,.larger-text .game-over-btn,.larger-text .setting-label{font-size:17px}.game-hud{container:game-hud/inline-size}@container game-hud (width<=30rem){.game-hud-top{align-items:flex-start;gap:var(--space-2)}.game-timer,.game-score{padding-inline:var(--space-2)}}.mobile-controls-container{z-index:var(--z-overlay);pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;inset:0}.mobile-controls-container *{pointer-events:auto;touch-action:none}.mc-joystick{opacity:0;width:0;height:0;z-index:var(--z-overlay-fx);transition:opacity .15s;position:fixed;bottom:100px;left:80px}.mc-joystick.active{opacity:1}.mc-joystick-ring{background:var(--border-dark,#ffffff0f);border:2px solid var(--glass-border,#ffffff26);-webkit-backdrop-filter:blur(4px);width:120px;height:120px;box-shadow:0 0 20px var(--bg-deep,#0000004d), inset 0 0 15px var(--border-dark,#ffffff08);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-60px;left:-60px}.mc-joystick-thumb{background:radial-gradient(circle at 35% 35%, #ffffff40, var(--border-dark,#ffffff14));border:2px solid var(--border-default,#fff3);will-change:transform;border-radius:50%;width:48px;height:48px;transition:transform 50ms;box-shadow:0 0 12px #ff323226,0 2px 8px #0006}.mc-joystick.active .mc-joystick-thumb{box-shadow:0 0 18px #ff32324d,0 2px 8px #0006}.mc-buttons-zone{z-index:var(--z-overlay-fx);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column-reverse;align-items:center;gap:14px;display:flex;position:fixed;bottom:80px;right:20px}.mc-btn{background:var(--border-dark,#ffffff12);border:2px solid var(--glass-border,#ffffff26);-webkit-backdrop-filter:blur(4px);width:60px;height:60px;box-shadow:0 2px 10px var(--bg-deep,#0000004d);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .1s,background .1s,box-shadow .1s;display:flex}.mc-btn-active{box-shadow:0 0 16px #ff3c3c4d, 0 2px 10px var(--bg-deep,#0000004d);background:#ff3c3c33;border-color:#ff3c3c66;transform:scale(.88)}.mc-btn-icon{font-size:22px;line-height:1}.mc-btn-label{font-size:8px;font-family:var(--font-body,"Satoshi", system-ui, sans-serif);color:var(--text-muted,#ffffff80);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.mc-btn-jump{border-color:#64ff6433;width:68px;height:68px}.mc-btn-jump.mc-btn-active{background:#64ff6426;border-color:#64ff6466;box-shadow:0 0 16px #64ff644d}.mc-btn-attack{border-color:#ff505033}.mc-btn-attack.mc-btn-active{background:#ff505033;border-color:#ff505080;box-shadow:0 0 16px #ff505066}.mc-btn-sprint{border-color:#ffc83233;width:50px;height:50px}.mc-btn-sprint.mc-btn-active{background:#ffc83226;border-color:#ffc83266;box-shadow:0 0 16px #ffc8324d}.mc-btn-interact{border-color:#6496ff33}.mc-btn-interact.mc-btn-active{background:#6496ff26;border-color:#6496ff66;box-shadow:0 0 16px #6496ff4d}.mc-buttons-zone .mc-btn:nth-child(n+3){width:50px;height:50px}.mc-buttons-zone .mc-btn:nth-child(n+3) .mc-btn-icon{font-size:18px}body.mc-mobile-active{overscroll-behavior:none;-webkit-overflow-scrolling:auto}body.mc-mobile-active .game-hud{font-size:clamp(11px,2.5vw,16px)}body.mc-mobile-active .hud-score{padding:4px 8px;font-size:clamp(10px,2.5vw,14px)}body.mc-mobile-active .hud-btn{padding:6px 10px;font-size:clamp(9px,2vw,12px)}body.mc-mobile-active .start-screen h1{font-size:clamp(1.2rem,5vw,2.5rem)}body.mc-mobile-active .start-screen .game-desc{padding:0 10px;font-size:clamp(.75rem,2.5vw,1rem)}body.mc-mobile-active .start-btn,body.mc-mobile-active .play-btn{min-width:160px;min-height:48px;font-size:clamp(14px,3vw,18px)}body.mc-mobile-active .controls-overlay .control-item{font-size:clamp(11px,2.5vw,14px)}body.mc-mobile-active .back-link{z-index:var(--z-sticky);padding:8px 12px;font-size:clamp(12px,2.5vw,14px)}body.mc-mobile-active .controls-overlay .control-item{display:none}body.mc-mobile-active .controls-overlay .controls-content h2:after{content:"Use on-screen touch controls";color:var(--text-muted,#ffffff80);margin-top:8px;font-size:14px;font-weight:400;display:block}body.mc-mobile-active .minimap-container{transform-origin:100% 0;transform:scale(.7);top:50px!important;right:10px!important}body.mc-mobile-active .game-end-screen h1{font-size:clamp(1.5rem,6vw,3rem)}body.mc-mobile-active .game-end-screen p{font-size:clamp(.8rem,3vw,1.1rem)}@container touch-controls (width<=480px){.mc-joystick-ring{width:100px;height:100px;top:-50px;left:-50px}.mc-joystick-thumb{width:40px;height:40px}.mc-btn{width:52px;height:52px}.mc-btn-icon{font-size:18px}.mc-buttons-zone{gap:10px;bottom:60px;right:14px}}@container touch-controls (width>=768px) and (width<=1024px){.mc-joystick-ring{width:140px;height:140px;top:-70px;left:-70px}.mc-joystick-thumb{width:56px;height:56px}.mc-btn{width:70px;height:70px}.mc-btn-icon{font-size:26px}}@media (hover:hover) and (pointer:fine){.mobile-controls-container{display:none!important}}.mc-btn:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;transition:opacity .15s,transform .15s;position:absolute;inset:0;transform:scale(.5)}.mc-btn-active:after{opacity:1;transform:scale(1.2)}.mc-btn-active{animation:.6s ease-in-out infinite mcBtnPulse}@keyframes mcBtnPulse{0%,to{box-shadow:0 0 12px #ff3c3c4d}50%{box-shadow:0 0 22px #ff3c3c99}}.mc-btn-released{animation:.25s ease-out mcBtnBounce}@keyframes mcBtnBounce{0%{transform:scale(.88)}50%{transform:scale(1.08)}to{transform:scale(1)}}.mc-joystick-ring:before{content:"↑";color:var(--glass-border,#ffffff26);pointer-events:none;font-size:12px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.mc-joystick-ring:after{content:"↓";color:var(--glass-border,#ffffff26);pointer-events:none;font-size:12px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.mc-joystick.active .mc-joystick-ring{background:var(--border-dark,#ffffff14);box-shadow:0 0 25px #ff323226, inset 0 0 15px var(--border-dark,#ffffff08);border-color:#ff64644d}.mobile-controls-container{opacity:0;transition:opacity .3s}.mobile-controls-container.mc-visible{opacity:1}.mc-touch-indicator{border:2px solid var(--border-default,#fff3);background:var(--border-dark,#ffffff0d);pointer-events:none;width:32px;height:32px;z-index:calc(var(--z-overlay) + 1);opacity:0;border-radius:50%;transition:opacity .15s;position:fixed;transform:translate(-50%,-50%)}.mc-touch-indicator.active{opacity:1;animation:.4s ease-out mcTouchRipple}@keyframes mcTouchRipple{0%{opacity:.6;width:16px;height:16px}to{opacity:0;width:40px;height:40px}}.mc-btn-label{transition:color .15s}.mc-btn-active .mc-btn-label{color:#ffffffe6}.mc-btn-sprint.mc-btn-active{animation:.5s ease-in-out infinite mcSprintGlow}@keyframes mcSprintGlow{0%,to{border-color:#ffc83266;box-shadow:0 0 12px #ffc8324d}50%{border-color:#ffc83299;box-shadow:0 0 24px #ffc83299}}.mc-btn-interact.mc-btn-active{animation:.5s ease-in-out infinite mcInteractGlow}@keyframes mcInteractGlow{0%,to{box-shadow:0 0 12px #6496ff4d}50%{box-shadow:0 0 24px #6496ff99}}.mc-settings-btn{z-index:var(--z-overlay-fx-2);background:var(--bg-deep,#00000080);border:1px solid var(--glass-border,#ffffff1a);width:32px;height:32px;color:var(--text-muted,#ffffff80);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:fixed;top:8px;right:60px}.mc-settings-panel{z-index:var(--z-overlay-fx-3);background:var(--glass-bg,#0a0a0ff2);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-dark,#ffffff14);opacity:0;visibility:hidden;width:240px;font-family:var(--font-body,"Satoshi", system-ui, sans-serif);color:var(--text-secondary,#ccc);border-radius:14px;padding:14px;transition:all .2s;position:fixed;top:48px;right:12px;transform:translateY(-8px)}.mc-settings-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.mc-settings-title{color:var(--accent-orange,#fc4);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.82rem;font-weight:600}.mc-settings-row{border-bottom:1px solid var(--border-dark,#ffffff0d);justify-content:space-between;align-items:center;padding:8px 0;font-size:.78rem;display:flex}.mc-settings-row:last-child{border-bottom:none}.mc-settings-slider{-webkit-appearance:none;appearance:none;background:var(--glass-border,#ffffff26);border-radius:2px;outline:none;width:80px;height:4px}.mc-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-red,#c12);cursor:pointer;border-radius:50%;width:16px;height:16px}.mc-settings-toggle{background:var(--glass-border,#ffffff1a);border:1px solid var(--glass-border,#ffffff1a);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;width:36px;height:20px;transition:all .2s;position:relative}.mc-settings-toggle:after{content:"";background:var(--text-muted,#fff6);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.mc-settings-toggle.on{background:var(--accent-red,#c12);border-color:var(--accent-red,#c12)}.mc-settings-toggle.on:after{background:var(--text-primary,#fff);left:18px}@media (prefers-reduced-motion:reduce){.mc-btn-active,.mc-btn-released,.mc-touch-indicator.active,.mc-btn-sprint.mc-btn-active,.mc-btn-interact.mc-btn-active{animation:none!important}}.sgai-button{--_bg:transparent;--_fg:var(--text-primary);--_border:transparent;--_shadow:none;--_hover-bg:var(--bg-card-hover);--_hover-border:var(--glass-border-hover);--_hover-shadow:var(--elev-2);justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:40px;padding:0 var(--spacing-lg);border:1px solid var(--_border);border-radius:var(--radius-md);background:var(--_bg);color:var(--_fg);font:600 var(--text-sm)/1 var(--font-ui);letter-spacing:.01em;cursor:pointer;white-space:nowrap;box-shadow:var(--_shadow);transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-instant) var(--ease-standard);text-decoration:none;display:inline-flex;&:hover:not(:disabled,.is-disabled,.is-loading){background:var(--_hover-bg);border-color:var(--_hover-border);box-shadow:var(--_hover-shadow);transform:translateY(-1px)}&:active:not(:disabled,.is-disabled,.is-loading){transform:translateY(0)scale(.98)}&:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}&:disabled,&.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}&.is-loading{color:#0000;pointer-events:none;position:relative;&:after{content:"";border:2px solid;width:16px;height:16px;color:var(--accent-red);opacity:.85;border-inline-start-color:#0000;border-radius:50%;margin:-8px 0 0 -8px;animation:.6s linear infinite sgaiSpin;position:absolute;inset-block-start:50%;inset-inline-start:50%}}& .sgai-icon{flex:none}}.sgai-button--primary{--_bg:var(--accent-red);--_fg:oklch(98% .01 25);--_hover-bg:color-mix(in oklch, var(--accent-red) 80%, var(--text-primary));--_hover-border:transparent;--_hover-shadow:0 0 24px var(--accent-red-glow)}.sgai-button--secondary{--_bg:var(--glass-bg);--_border:var(--glass-border);--_hover-bg:var(--glass-bg-hover);--_hover-border:var(--glass-border-hover);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.sgai-button--ghost{--_fg:var(--text-secondary);--_hover-bg:oklch(100% 0 0/.04);--_hover-border:var(--glass-border);--_hover-shadow:none;&:hover:not(:disabled,.is-disabled,.is-loading){color:var(--text-primary)}}.sgai-button--danger{--_bg:transparent;--_fg:var(--state-error);--_border:color-mix(in oklch, var(--state-error) 40%, transparent);--_hover-bg:color-mix(in oklch, var(--state-error) 12%, transparent);--_hover-border:var(--state-error);--_hover-shadow:var(--elev-glow-danger)}.sgai-button--link{--_fg:var(--accent-red);text-underline-offset:3px;background:0 0;border:none;min-height:auto;padding:0;text-decoration:underline 1px;&:hover:not(:disabled,.is-disabled,.is-loading){color:color-mix(in oklch, var(--accent-red) 75%, var(--text-primary));box-shadow:none;background:0 0;border-color:#0000;text-decoration-thickness:2px;transform:none}}.sgai-button--sm{min-height:32px;padding:0 var(--spacing-md);font-size:var(--text-xs)}.sgai-button--lg{min-height:48px;padding:0 var(--spacing-xl);font-size:var(--text-base)}.sgai-button--block{width:100%}@media (prefers-reduced-motion:reduce){.sgai-button{transition:none}.sgai-button:hover,.sgai-button:active{transform:none}.sgai-button.is-loading:after{animation:none}}.sgai-field{gap:var(--spacing-xs);font-family:var(--font-ui);flex-direction:column;display:flex;&>.sgai-field__label{font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-secondary);text-transform:uppercase;font-weight:600}&>.sgai-field__help{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}&>.sgai-field__error{font-size:var(--text-xs);color:var(--state-error);line-height:1.5;display:none}&[data-state=error]>.sgai-field__error{display:block}&[data-state=error]>.sgai-field__help{display:none}}.sgai-input{width:100%;min-height:40px;padding:0 var(--spacing-md);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);font:400 var(--text-sm)/1.4 var(--font-ui);letter-spacing:0;appearance:none;transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);background:oklch(14% .02 285/.5);display:block;&::placeholder{color:var(--text-muted);opacity:.7}&:hover:not(:disabled,:focus){border-color:var(--glass-border-hover)}&:focus,&:focus-visible{border-color:color-mix(in oklch, var(--accent-red) 70%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent-red) 18%, transparent);background:oklch(14% .02 285/.85);outline:none}&:disabled{opacity:.5;cursor:not-allowed;background:oklch(14% .02 285/.2)}&[aria-invalid=true]{border-color:var(--state-error);box-shadow:0 0 0 3px color-mix(in oklch, var(--state-error) 22%, transparent);animation:sgaiInputGlitch var(--glitch-dur) steps(2, end) 1}}textarea.sgai-input{min-height:96px;padding:var(--spacing-sm) var(--spacing-md);resize:vertical;field-sizing:content;line-height:1.6}.sgai-input-group{isolation:isolate;align-items:stretch;display:flex;position:relative;&>.sgai-input{flex:auto;min-width:0}&>.sgai-input-group__addon{padding:0 var(--spacing-md);color:var(--text-muted);border:1px solid var(--glass-border);font-size:var(--text-sm);background:oklch(14% .02 285/.75);align-items:center;display:inline-flex;&:first-child{border-inline-end:none;border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}&:last-child{border-inline-start:none;border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}}&>.sgai-input:first-child{border-start-end-radius:0;border-end-end-radius:0}&>.sgai-input:last-child{border-start-start-radius:0;border-end-start-radius:0}&[data-state=loading]>.sgai-input{padding-inline-end:calc(var(--spacing-md) * 2 + 16px)}&[data-state=loading]:after{content:"";border:2px solid var(--glass-border);border-top-color:var(--accent-red);pointer-events:none;border-radius:50%;width:14px;height:14px;margin-top:-7px;animation:.6s linear infinite sgaiSpin;position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-md)}}@keyframes sgaiInputGlitch{0%{transform:translate(0)}25%{transform:translateX(calc(var(--glitch-clip-micro) * -1))}50%{transform:translateX(var(--glitch-clip-micro))}75%{transform:translateX(calc(var(--glitch-clip-micro) * -.5))}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.sgai-input{transition:none}.sgai-input[aria-invalid=true],.sgai-input-group[data-state=loading]:after{animation:none}}.sgai-checkbox{align-items:center;gap:var(--spacing-sm);cursor:pointer;font:500 var(--text-sm)/1.4 var(--font-ui);color:var(--text-primary);user-select:none;display:inline-flex;&>input[type=checkbox]{appearance:none;border:1.5px solid var(--glass-border-hover);border-radius:var(--radius-sm);cursor:pointer;width:18px;height:18px;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);background:oklch(14% .02 285/.5);flex:none;place-items:center;margin:0;display:grid;&:before{content:"";width:10px;height:10px;transition:transform var(--dur-fast) var(--ease-spring-soft);box-shadow:inset 1em 1em var(--text-primary);clip-path:polygon(16% 50%,44% 78%,84% 18%,96% 28%,44% 96%,4% 58%);transform:scale(0)}&:checked{background:var(--accent-red);border-color:var(--accent-red)}&:checked:before{transform:scale(1)}&:indeterminate{background:var(--accent-red);border-color:var(--accent-red)}&:indeterminate:before{clip-path:none;background:var(--text-primary);width:10px;height:2px;box-shadow:none;transform:scale(1)}&:hover:not(:disabled){border-color:var(--accent-red)}&:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}&:disabled{opacity:.4;cursor:not-allowed}}&.is-disabled{opacity:.5;cursor:not-allowed}}.sgai-checkbox-group{gap:var(--spacing-sm);flex-direction:column;display:flex;&--horizontal{gap:var(--spacing-md) var(--spacing-lg);flex-flow:wrap}}@media (prefers-reduced-motion:reduce){.sgai-checkbox>input[type=checkbox],.sgai-checkbox>input[type=checkbox]:before{transition:none}}.sgai-radio{align-items:center;gap:var(--spacing-sm);cursor:pointer;font:500 var(--text-sm)/1.4 var(--font-ui);color:var(--text-primary);user-select:none;display:inline-flex;&>input[type=radio]{appearance:none;border:1.5px solid var(--glass-border-hover);cursor:pointer;width:18px;height:18px;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);background:oklch(14% .02 285/.5);border-radius:50%;flex:none;place-items:center;margin:0;display:grid;&:before{content:"";background:var(--text-primary);width:8px;height:8px;transition:transform var(--dur-fast) var(--ease-spring-soft);border-radius:50%;transform:scale(0)}&:checked{background:var(--accent-red);border-color:var(--accent-red)}&:checked:before{transform:scale(1)}&:hover:not(:disabled){border-color:var(--accent-red)}&:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}&:disabled{opacity:.4;cursor:not-allowed}}}.sgai-radio-group{gap:var(--spacing-sm);border:none;flex-direction:column;margin:0;padding:0;display:flex;&>legend{font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-secondary);text-transform:uppercase;padding:0 0 var(--spacing-xs);font-weight:600}&--horizontal{gap:var(--spacing-md) var(--spacing-lg);flex-flow:wrap}}.sgai-radio-card{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);display:flex;& input[type=radio]{margin-top:2px}& .sgai-radio-card__title{color:var(--text-primary);font-weight:600}& .sgai-radio-card__hint{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}&:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}&:has(input[type=radio]:checked){border-color:var(--accent-red);background:color-mix(in oklch, var(--accent-red) 10%, var(--bg-card));box-shadow:var(--elev-glow-danger)}&:has(input[type=radio]:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.sgai-radio>input[type=radio],.sgai-radio>input[type=radio]:before,.sgai-radio-card{transition:none}}.sgai-switch{align-items:center;gap:var(--spacing-sm);cursor:pointer;font:500 var(--text-sm)/1 var(--font-ui);color:var(--text-primary);user-select:none;display:inline-flex;&>input[role=switch]{appearance:none;border:1.5px solid var(--glass-border-hover);border-radius:var(--radius-full);cursor:pointer;width:40px;height:22px;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);background:oklch(14% .02 285/.6);flex:none;margin:0;position:relative;&:before{content:"";top:1px;background:var(--text-secondary);width:16px;height:16px;transition:all var(--dur-fast) var(--ease-spring-soft);border-radius:50%;position:absolute;inset-inline-start:1px}&:checked{background:var(--accent-red);border-color:var(--accent-red)}&:checked:before{background:var(--text-primary);inset-inline-start:calc(100% - 17px)}&:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}&:disabled{opacity:.4;cursor:not-allowed}}}@media (prefers-reduced-motion:reduce){.sgai-switch>input[role=switch],.sgai-switch>input[role=switch]:before{transition:none}}.sgai-badge{--_bg:oklch(40% .02 285/.5);--_fg:var(--text-secondary);--_border:var(--glass-border);border-radius:var(--radius-full);background:var(--_bg);min-height:20px;color:var(--_fg);border:1px solid var(--_border);font:600 var(--text-xs)/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.sgai-badge--success{--_bg:color-mix(in oklch, var(--state-success) 18%, transparent);--_fg:var(--state-success);--_border:color-mix(in oklch, var(--state-success) 30%, transparent)}.sgai-badge--warning{--_bg:color-mix(in oklch, var(--state-warning) 18%, transparent);--_fg:var(--state-warning);--_border:color-mix(in oklch, var(--state-warning) 30%, transparent)}.sgai-badge--danger{--_bg:color-mix(in oklch, var(--state-error) 20%, transparent);--_fg:color-mix(in oklch, var(--state-error) 70%, var(--text-primary));--_border:color-mix(in oklch, var(--state-error) 40%, transparent)}.sgai-badge--info{--_bg:color-mix(in oklch, var(--state-info) 18%, transparent);--_fg:var(--state-info);--_border:color-mix(in oklch, var(--state-info) 30%, transparent)}.sgai-badge--sm{min-height:16px;padding:2px 7px;font-size:.65rem}.sgai-badge--pulse{position:relative;&:before{content:"";border-radius:inherit;animation:sgaiBadgePulse 2s var(--ease-standard) infinite;opacity:0;pointer-events:none;border:1px solid;position:absolute;inset:-1px}}@keyframes sgaiBadgePulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.sgai-badge--pulse:before{animation:none;display:none}}.sgai-card{gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);color:var(--text-primary);flex-direction:column;display:flex;container-type:inline-size;&>.sgai-card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}&>.sgai-card__title{font:600 var(--text-lg)/1.25 var(--font-editorial);letter-spacing:-.01em;text-wrap:balance;margin:0}&>.sgai-card__subtitle{color:var(--text-secondary);font-size:var(--text-sm);text-wrap:pretty;margin:0;line-height:1.55}&>.sgai-card__footer{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border);margin-top:auto;display:flex}&.is-loading{pointer-events:none;min-height:140px;position:relative}&.is-loading>:not(.sgai-card__loading){visibility:hidden}}.sgai-card--glass{background:var(--glass-bg);border-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-inner-highlight), var(--elev-2)}.sgai-card--premium{background:var(--bg-card);isolation:isolate;border:var(--foil-border-width) solid transparent;background-clip:padding-box;position:relative;&:before{content:"";inset:calc(var(--foil-border-width) * -1);border-radius:inherit;padding:var(--foil-border-width);background:conic-gradient(from var(--foil-angle), var(--foil-chroma-1), var(--foil-chroma-2), var(--foil-chroma-3), var(--foil-chroma-4), var(--foil-chroma-1));-webkit-mask:linear-gradient(var(--bg-deep,#000), var(--bg-deep,#000)) content-box, linear-gradient(var(--bg-deep,#000), var(--bg-deep,#000));-webkit-mask-composite:xor;mask:linear-gradient(var(--bg-deep,#000), var(--bg-deep,#000)) content-box, linear-gradient(var(--bg-deep,#000), var(--bg-deep,#000));animation:sgaiFoilSpin var(--foil-spin-dur) linear infinite;z-index:-1;pointer-events:none;position:absolute;mask-composite:exclude}}@keyframes sgaiFoilSpin{to{--foil-angle:360deg}}.sgai-card--holographic:after{--foil-angle:45deg}@supports (background:linear-gradient(in oklch, red, blue)){@property --foil-angle{syntax:"<angle>";inherits:false;initial-value:0deg}}.sgai-card--interactive{cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);&:hover{border-color:var(--glass-border-hover);background:var(--bg-card-hover);box-shadow:var(--elev-3), 0 0 0 1px color-mix(in oklch, var(--accent-red) 22%, transparent);transform:translateY(-2px)}&:active{transform:translateY(0)scale(.995)}&:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}}@media (prefers-reduced-motion:reduce){.sgai-card--premium:before{animation:none}.sgai-card--interactive{transition:none}.sgai-card--interactive:hover,.sgai-card--interactive:active{transform:none}}.sgai-skeleton{composes:skeleton}.skeleton--card{border-radius:var(--radius-xl);width:100%;height:180px}.sgai-skeleton-group{gap:var(--spacing-sm);flex-direction:column;display:flex;&--text-3>.skeleton--text:first-child{width:92%}&--text-3>.skeleton--text:nth-child(2){width:78%}&--text-3>.skeleton--text:nth-child(3){width:56%}&--text-5>.skeleton--text:first-child{width:94%}&--text-5>.skeleton--text:nth-child(2){width:82%}&--text-5>.skeleton--text:nth-child(3){width:88%}&--text-5>.skeleton--text:nth-child(4){width:74%}&--text-5>.skeleton--text:nth-child(5){width:48%}}.sgai-avatar{--_size:40px;width:var(--_size);height:var(--_size);color:var(--text-primary);border:1px solid var(--glass-border);font:600 calc(var(--_size) * .36)/1 var(--font-ui);letter-spacing:.02em;text-transform:uppercase;user-select:none;background:oklch(20% .02 285/.85);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;&>img{object-fit:cover;width:100%;height:100%;display:block}&--xs{--_size:24px}&--sm{--_size:32px}&--md{--_size:40px}&--lg{--_size:56px}&--xl{--_size:80px}&--square{border-radius:var(--radius-md)}&[data-status]{&:after{content:"";border:2px solid var(--bg-primary);background:var(--text-muted);border-radius:50%;width:25%;min-width:8px;height:25%;min-height:8px;position:absolute;inset-block-end:2px;inset-inline-end:2px}}&[data-status=online]:after{background:var(--state-success)}&[data-status=away]:after{background:var(--state-warning)}&[data-status=offline]:after{background:var(--text-muted)}&[data-status=dnd]:after{background:var(--state-error)}}.sgai-progress{--_value:0;--_height:8px;width:100%;height:var(--_height);border-radius:var(--radius-full);background:oklch(20% .02 285/.6);display:block;position:relative;overflow:hidden;&:before{content:"";height:100%;width:calc(var(--_value) * 1%);background:linear-gradient(90deg, color-mix(in oklch, var(--accent-red) 80%, transparent) 0%, var(--accent-red) 100%);border-radius:inherit;transition:width var(--dur-normal) var(--ease-standard);display:block}&--sm{--_height:4px}&--lg{--_height:12px}&.is-indeterminate:before{width:40%;animation:sgaiProgressSweep 1.4s var(--ease-standard) infinite}}@keyframes sgaiProgressSweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.sgai-progress:before{transition:none}.sgai-progress.is-indeterminate:before{opacity:.5;width:100%;animation:none}}sgai-tabs{display:block;container-type:inline-size;& [role=tablist]{border-bottom:1px solid var(--glass-border);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}& [role=tablist]::-webkit-scrollbar{display:none}& [role=tab]{min-height:40px;padding:0 var(--spacing-md);color:var(--text-secondary);border:0;font:600 var(--text-sm)/1 var(--font-ui);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);background:0 0;border-bottom:2px solid #0000;flex:none}& [role=tab]:hover{color:var(--text-primary)}& [role=tab][aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--accent-red)}& [role=tab]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}& [role=tab][disabled]{opacity:.4;cursor:not-allowed}& [role=tabpanel]{padding:var(--spacing-lg) 0;animation:sgaiTabEnter var(--dur-fast) var(--ease-standard)}& [role=tabpanel][hidden]{display:none}&[variant=pills] [role=tablist]{gap:var(--spacing-sm);border-bottom:0}&[variant=pills] [role=tab]{border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:0 var(--spacing-md);min-height:32px}&[variant=pills] [role=tab][aria-selected=true]{background:var(--accent-red);border-color:var(--accent-red);color:oklch(98% .01 25);box-shadow:var(--elev-glow-danger)}&[variant=underline] [role=tablist]{gap:var(--spacing-lg)}}@keyframes sgaiTabEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){sgai-tabs [role=tab]{transition:none}sgai-tabs [role=tabpanel]{animation:none}}.sgai-accordion{gap:var(--spacing-xs);flex-direction:column;display:flex}.sgai-accordion>details{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);transition:border-color var(--dur-fast) var(--ease-standard);overflow:clip;&[open]{border-color:var(--glass-border-hover)}}.sgai-accordion>details>summary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font:600 var(--text-sm)/1.2 var(--font-ui);color:var(--text-primary);cursor:pointer;user-select:none;min-height:44px;transition:background var(--dur-fast) var(--ease-standard);list-style:none;display:flex}.sgai-accordion>details>summary::-webkit-details-marker{display:none}.sgai-accordion>details>summary:hover{background:oklch(100% 0 0/.02)}.sgai-accordion>details>summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sgai-accordion>details>summary:after{content:"";transform-origin:60% 60%;block-size:10px;inline-size:10px;transition:transform var(--dur-fast) var(--ease-standard);border-block-end:2px solid;border-inline-end:2px solid;margin-inline-start:auto;transform:rotate(45deg)}.sgai-accordion>details[open]>summary:after{transform:rotate(-135deg)}.sgai-accordion>details>:not(summary){padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--text-secondary);line-height:1.6}@media (prefers-reduced-motion:reduce){.sgai-accordion>details,.sgai-accordion>details>summary,.sgai-accordion>details>summary:after{transition:none}}.sgai-table-wrap{--_table-radius:var(--radius-lg);border-radius:var(--_table-radius);border:1px solid var(--glass-border);background:var(--bg-card);overflow-x:auto;container-type:inline-size}.sgai-table{border-collapse:separate;border-spacing:0;width:100%;font:400 var(--text-sm)/1.45 var(--font-ui);color:var(--text-primary);font-variant-numeric:tabular-nums;& th,& td{padding:12px var(--spacing-lg);text-align:start;vertical-align:middle}& thead th{backdrop-filter:blur(12px);color:var(--text-secondary);font:600 var(--text-xs)/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;border-block-end:1px solid var(--glass-border);z-index:var(--z-content);background:oklch(18% .02 285/.92);position:sticky;inset-block-start:0}& tbody tr{transition:background var(--dur-fast) var(--ease-standard)}& tbody tr:hover{background:oklch(100% 0 0/.025)}& tbody tr[aria-selected=true]{background:color-mix(in oklch, var(--accent-red) 12%, transparent)}& tbody td{border-block-start:1px solid var(--glass-border)}& th[aria-sort]{cursor:pointer;user-select:none;padding-inline-end:calc(var(--spacing-lg) + 14px);position:sticky;&:after{content:"";opacity:.35;width:8px;height:8px;transition:transform var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard);border-block-end:1.5px solid;border-inline-end:1.5px solid;margin-top:-4px;position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-md);transform:rotate(45deg)}}& th[aria-sort=ascending]:after{opacity:1;transform:rotate(-135deg)}& th[aria-sort=descending]:after{opacity:1;transform:rotate(45deg)}}.sgai-table--striped tbody tr:nth-child(2n){background:oklch(100% 0 0/.015)}.sgai-table--compact th,.sgai-table--compact td{padding:8px var(--spacing-md)}.sgai-table--bordered td{border-inline-start:1px solid var(--glass-border)}.sgai-table--bordered td:first-child{border-inline-start:0}.sgai-table.is-loading tbody{min-height:120px;position:relative;&:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,oklch(25% .02 285/.3) 50%,#0000 100%);animation:1.5s ease-in-out infinite skeletonSweep;position:absolute;inset:0}}@container (inline-size<560px){.sgai-table-wrap{border-radius:var(--radius-md)}.sgai-table thead{display:none}.sgai-table,.sgai-table tbody,.sgai-table tr,.sgai-table td{width:100%;display:block}.sgai-table tr{padding:var(--spacing-md);border-block-start:1px solid var(--glass-border)}.sgai-table td{justify-content:space-between;gap:var(--spacing-md);border-block-start:0;padding:4px 0;display:flex}.sgai-table td:before{content:attr(data-label);font:600 var(--text-xs)/1 var(--font-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}}.sgai-pagination{align-items:center;gap:var(--spacing-xs);font-family:var(--font-ui);margin:0;padding:0;list-style:none;display:flex}.sgai-pagination>li>a,.sgai-pagination>li>button{min-width:36px;min-height:36px;padding:0 var(--spacing-sm);color:var(--text-secondary);border-radius:var(--radius-md);font:500 var(--text-sm)/1 var(--font-ui);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.sgai-pagination>li>a:hover,.sgai-pagination>li>button:hover{color:var(--text-primary);background:oklch(100% 0 0/.04)}.sgai-pagination>li>a:focus-visible,.sgai-pagination>li>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sgai-pagination>li>[aria-current=page]{color:var(--text-primary);border-color:var(--accent-red);background:color-mix(in oklch, var(--accent-red) 14%, transparent)}.sgai-pagination>li>[aria-disabled=true]{opacity:.35;pointer-events:none}.sgai-pagination>li.sgai-pagination__ellipsis{min-width:28px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.sgai-pagination--compact>li>a,.sgai-pagination--compact>li>button{min-width:28px;min-height:28px;font-size:var(--text-xs)}sgai-pagination[variant=infinite]{text-align:center;min-height:48px;color:var(--text-muted);font:400 var(--text-xs)/1.4 var(--font-ui);padding:var(--spacing-md) 0;display:block}sgai-pagination[variant=infinite][data-state=loading]:after{content:"";border:2px solid var(--glass-border);border-top-color:var(--accent-red);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-inline-start:8px;animation:.6s linear infinite sgaiSpin;display:inline-block}@media (prefers-reduced-motion:reduce){.sgai-table.is-loading tbody:after,sgai-pagination[variant=infinite][data-state=loading]:after{animation:none}}}body[data-game-id]{--font-ui:"Satoshi", "Bricolage Grotesque", system-ui, sans-serif;--font-game:var(--font-ui)}.game-shell,.game-container,#game-container,canvas.game-canvas{contain:layout paint}.game-hud,.game-overlay,.mobile-controls{contain:layout paint style}