:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-text: #ffffff;--color-secondary: #f1f5f9;--color-secondary-hover: #e2e8f0;--color-secondary-text: #475569;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-success: #22c55e;--color-success-hover: #16a34a;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-surface-border: #e2e8f0}:root{--theme-bg-primary: #f8fafc;--theme-bg-secondary: #f1f5f9;--theme-bg-tertiary: #e2e8f0;--theme-bg-muted: #94a3b8;--theme-surface: #ffffff;--theme-surface-hover: #f8fafc;--theme-surface-raised: #ffffff;--theme-surface-overlay: rgba(255, 255, 255, .8);--theme-border: #e2e8f0;--theme-border-subtle: #f1f5f9;--theme-border-strong: #cbd5e1;--theme-text-primary: #0f172a;--theme-text-secondary: #475569;--theme-text-tertiary: #64748b;--theme-text-muted: #94a3b8;--theme-text-inverse: #ffffff;--theme-input-bg: #ffffff;--theme-input-border: #cbd5e1;--theme-input-focus-ring: #3b82f6;--theme-scrollbar-thumb: #cbd5e1;--theme-scrollbar-thumb-hover: #94a3b8;--theme-scrollbar-track: transparent;--theme-backdrop: rgba(15, 23, 42, .5);--theme-toggle-inactive: #cbd5e1;--theme-divider: #e2e8f0;--theme-code-bg: #f1f5f9}body{margin:0;background-color:var(--theme-bg-primary);color:var(--theme-text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover)}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-secondary-text)}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:var(--color-success-hover)}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover{background-color:var(--color-warning-hover)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--color-danger-hover)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.bg-surface{background-color:var(--color-surface)}.bg-surface-hover:hover{background-color:var(--color-surface-hover)}.border-surface{border-color:var(--color-surface-border)}.focus-ring:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent)}.text-accent{color:var(--color-accent)}.text-accent:hover{color:var(--color-accent-hover)}.t-bg-primary{background-color:var(--theme-bg-primary)}.t-bg-secondary{background-color:var(--theme-bg-secondary)}.t-bg-tertiary{background-color:var(--theme-bg-tertiary)}.t-bg-surface{background-color:var(--theme-surface)}.t-bg-surface-hover{background-color:var(--theme-surface-hover)}.t-bg-surface-raised{background-color:var(--theme-surface-raised)}.t-bg-surface-overlay{background-color:var(--theme-surface-overlay)}.t-bg-muted{background-color:var(--theme-bg-muted)}.t-bg-input{background-color:var(--theme-input-bg)}.t-bg-code{background-color:var(--theme-code-bg)}.hover\:t-bg-surface-hover:hover{background-color:var(--theme-surface-hover)}.hover\:t-bg-secondary:hover{background-color:var(--theme-bg-secondary)}.hover\:t-bg-tertiary:hover{background-color:var(--theme-bg-tertiary)}.t-text-primary{color:var(--theme-text-primary)}.t-text-secondary{color:var(--theme-text-secondary)}.t-text-tertiary{color:var(--theme-text-tertiary)}.t-text-muted{color:var(--theme-text-muted)}.t-text-inverse{color:var(--theme-text-inverse)}.t-border{border-color:var(--theme-border)}.t-border-subtle{border-color:var(--theme-border-subtle)}.t-border-strong{border-color:var(--theme-border-strong)}.t-border-input{border-color:var(--theme-input-border)}.t-divider{border-color:var(--theme-divider)}.hover\:t-border:hover{border-color:var(--theme-border)}.hover\:t-border-strong:hover{border-color:var(--theme-border-strong)}.hover\:t-text-primary:hover{color:var(--theme-text-primary)}.hover\:t-text-secondary:hover{color:var(--theme-text-secondary)}.t-decoration-muted{text-decoration-color:var(--theme-text-muted)}.t-backdrop{background-color:var(--theme-backdrop)}.t-toggle-inactive{background-color:var(--theme-toggle-inactive)}.btn-expand{display:flex;align-items:center;transition:all .2s ease;position:relative;isolation:isolate}.btn-expand>.btn-expand-text{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .2s ease,margin-left .2s ease;pointer-events:none}.btn-expand:hover>.btn-expand-text{max-width:80px;margin-left:.5rem}.active-game-pulse{animation:active-game-ping 1.5s cubic-bezier(0,0,.2,1) infinite;box-shadow:0 0 #facc15b3}@keyframes chatBadgeBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-5px)}50%{transform:translateY(-2px)}70%{transform:translateY(-3px)}}@keyframes chatBadgeFadeIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes active-game-ping{0%{box-shadow:0 0 #facc15b3;opacity:1}70%{box-shadow:0 0 0 6px #facc1500;opacity:1}to{box-shadow:0 0 #facc1500;opacity:.8}}@keyframes classroom-ping-expand{0%{r:4;opacity:.9}to{r:18;opacity:0}}.classroom-ping-ring{animation:classroom-ping-expand 2s ease-out infinite}@keyframes hover-card-in-above{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hover-card-in-below{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-hover-card-in-above{animation:hover-card-in-above .15s ease-out}.animate-hover-card-in-below{animation:hover-card-in-below .15s ease-out}._gearBtn_fwjep_3{position:absolute;bottom:18px;left:20px;z-index:20;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;cursor:pointer;transition:all .15s ease;pointer-events:auto;padding:0}._gearBtn_fwjep_3:hover{background:#0009;color:#ffffffe6;border-color:#ffffff2e}._panel_fwjep_33{position:absolute;bottom:62px;left:20px;z-index:20;width:340px;max-height:calc(100vh - 100px);display:flex;flex-direction:column;background:#0a0a0ce0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;pointer-events:auto;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ffffffd9}._panelHeader_fwjep_53{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;border-bottom:1px solid rgba(255,255,255,.06)}._panelTitle_fwjep_61{font-size:13px;font-weight:600;letter-spacing:.3px}._resetBtn_fwjep_67{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffff80;font-size:11px;font-weight:500;padding:3px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}._resetBtn_fwjep_67:hover{background:#ffffff1a;color:#fffc}._tabs_fwjep_87{display:flex;gap:2px;padding:8px 10px 6px;border-bottom:1px solid rgba(255,255,255,.06)}._tab_fwjep_87{flex:1;background:transparent;border:none;color:#fff6;font-size:10px;font-weight:500;padding:5px 2px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}._tab_fwjep_87:hover{color:#ffffffb3;background:#ffffff0a}._tabActive_fwjep_113{background:#ffffff14;color:#e8c474}._panelBody_fwjep_120{padding:8px 14px 14px;overflow-y:auto;flex:1}._sectionLabel_fwjep_126{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#ffffff4d;margin-top:12px;margin-bottom:6px}._sectionLabel_fwjep_126:first-child{margin-top:4px}._sliderRow_fwjep_142{display:flex;align-items:center;gap:8px;margin-bottom:4px;cursor:default}._sliderLabel_fwjep_150{font-size:11px;color:#ffffff8c;min-width:60px;flex-shrink:0}._slider_fwjep_142{flex:1;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1f;border-radius:2px;outline:none;cursor:pointer}._slider_fwjep_142::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#e8c474;border:none;cursor:pointer}._slider_fwjep_142::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#e8c474;border:none;cursor:pointer}._sliderValue_fwjep_188{font-size:10px;color:#ffffff59;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}._colorRow_fwjep_198{display:flex;align-items:center;gap:8px;margin-bottom:4px;cursor:default}._colorInput_fwjep_206{width:28px;height:20px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:transparent;cursor:pointer;padding:0}._colorInput_fwjep_206::-webkit-color-swatch-wrapper{padding:1px}._colorInput_fwjep_206::-webkit-color-swatch{border:none;border-radius:3px}._checkboxRow_fwjep_227{display:flex;align-items:center;gap:8px;margin-bottom:4px;cursor:pointer}._checkbox_fwjep_227{width:14px;height:14px;accent-color:#e8c474;cursor:pointer}._pbrMapLabel_fwjep_244{font-size:11px;color:#fff6;margin-top:6px;margin-bottom:3px}._textureRow_fwjep_253{display:flex;gap:6px;margin-bottom:8px}._textureUploadBtn_fwjep_259{flex:1;background:#e8c4741f;border:1px solid rgba(232,196,116,.2);color:#e8c474;font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}._textureUploadBtn_fwjep_259:hover{background:#e8c47433}._textureRemoveBtn_fwjep_277{background:#dc503c1f;border:1px solid rgba(220,80,60,.2);color:#f0a090;font-size:11px;font-weight:500;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}._textureRemoveBtn_fwjep_277:hover{background:#dc503c33}._texturePreview_fwjep_294{margin-bottom:8px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}._texturePreview_fwjep_294 img{display:block;width:100%;height:60px;object-fit:cover}._presetSaveRow_fwjep_310{display:flex;gap:6px;margin-bottom:8px}._presetInput_fwjep_316{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:5px 10px;font-size:12px;color:#ffffffd9;outline:none;font-family:inherit}._presetInput_fwjep_316::placeholder{color:#ffffff40}._presetInput_fwjep_316:focus{border-color:#e8c47466}._presetSaveBtn_fwjep_336{background:#e8c47426;border:1px solid rgba(232,196,116,.25);color:#e8c474;font-size:11px;font-weight:600;padding:5px 14px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}._presetSaveBtn_fwjep_336:hover:not(:disabled){background:#e8c47440}._presetSaveBtn_fwjep_336:disabled{opacity:.35;cursor:default}._presetEmpty_fwjep_359{font-size:11px;color:#ffffff40;padding:12px 0;text-align:center}._presetItem_fwjep_366{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:8px;margin-bottom:2px;transition:background .15s ease}._presetItem_fwjep_366:hover{background:#ffffff0a}._presetItemActive_fwjep_381{background:#e8c47414;border:1px solid rgba(232,196,116,.15)}._presetName_fwjep_386{flex:1;background:none;border:none;color:#fffc;font-size:12px;font-weight:500;text-align:left;cursor:pointer;padding:2px 0;font-family:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._presetName_fwjep_386:hover{color:#e8c474}._presetRenameInput_fwjep_407{flex:1;background:#ffffff14;border:1px solid rgba(232,196,116,.4);border-radius:4px;padding:2px 6px;font-size:12px;color:#ffffffe6;outline:none;font-family:inherit;min-width:0}._presetActions_fwjep_420{display:flex;gap:2px;flex-shrink:0}._presetActionBtn_fwjep_426{background:transparent;border:none;color:#ffffff4d;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .15s ease;padding:0}._presetActionBtn_fwjep_426:hover{background:#ffffff14;color:#ffffffb3}._presetDeleteBtn_fwjep_446:hover{background:#dc503c26;color:#f0a090}._overlay_l1v2v_1{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-start;padding:16px 20px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ffffffe6;z-index:10}._overlay_l1v2v_1 *{pointer-events:auto}._topBar_l1v2v_20{display:flex;align-items:center;justify-content:space-between}._logo_l1v2v_26{display:flex;align-items:center;gap:8px}._logoIcon_l1v2v_32{font-size:18px;color:#e8c474}._logoText_l1v2v_37{font-size:18px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#fffc}._boardSizeSelector_l1v2v_45{display:flex;gap:4px;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:8px;padding:3px;border:1px solid rgba(255,255,255,.08)}._sizeBtn_l1v2v_56{background:transparent;border:none;color:#ffffff80;font-size:12px;font-weight:500;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}._sizeBtn_l1v2v_56:hover{color:#fffc;background:#ffffff0f}._sizeBtnActive_l1v2v_74{background:#ffffff1f;color:#e8c474}._cameraSelector_l1v2v_79{display:flex;gap:4px;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:8px;padding:3px;border:1px solid rgba(255,255,255,.08)}._gameInfo_l1v2v_92{align-self:center;display:flex;align-items:center;gap:16px;background:#00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;padding:10px 20px;border:1px solid rgba(255,255,255,.07);margin-top:8px}._playerCard_l1v2v_106{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:8px;transition:background .2s ease}._activePlayer_l1v2v_115{background:#ffffff0f}._stoneIcon_l1v2v_119{width:24px;height:24px;border-radius:50%;flex-shrink:0}._blackStone_l1v2v_126{background:radial-gradient(circle at 35% 35%,#3a3a50,#0e0e18);box-shadow:0 1px 4px #0009}._whiteStone_l1v2v_131{background:radial-gradient(circle at 35% 35%,#fff,#d4cfc0);box-shadow:0 1px 4px #0000004d}._playerDetails_l1v2v_136{display:flex;flex-direction:column}._playerLabel_l1v2v_141{font-size:13px;font-weight:600;line-height:1.2}._captureCount_l1v2v_147{font-size:11px;color:#ffffff73;line-height:1.3}._turnDivider_l1v2v_153{display:flex;align-items:center;justify-content:center;min-width:36px}._turnArrow_l1v2v_160{font-size:14px;color:#e8c474;animation:_pulse_l1v2v_1 1.2s ease-in-out infinite}@keyframes _pulse_l1v2v_1{0%,to{opacity:.5}50%{opacity:1}}._gameOverBadge_l1v2v_171{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#e8c474;background:#e8c4741f;padding:3px 10px;border-radius:6px}._controls_l1v2v_184{align-self:center;display:flex;gap:6px;margin-top:auto}._controlBtn_l1v2v_191{background:#ffffff12;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#ffffffbf;font-size:12px;font-weight:500;padding:7px 18px;border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:inherit}._controlBtn_l1v2v_191:hover:not(:disabled){background:#ffffff1f;color:#fffffff2}._controlBtn_l1v2v_191:active:not(:disabled){transform:scale(.97)}._controlBtn_l1v2v_191:disabled{opacity:.35;cursor:default}._controlBtnDanger_l1v2v_220:hover:not(:disabled){background:#dc503c33;border-color:#dc503c4d;color:#f0a090}._controlBtnActive_l1v2v_226{background:#e8c47426;border-color:#e8c4744d;color:#e8c474}._playback_l1v2v_234{align-self:center;display:flex;align-items:center;gap:4px;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:10px;padding:4px 6px;border:1px solid rgba(255,255,255,.07);margin-bottom:8px}._playbackBtn_l1v2v_248{background:transparent;border:none;color:#fff9;font-size:14px;width:32px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit;padding:0}._playbackBtn_l1v2v_248:hover:not(:disabled){background:#ffffff14;color:#fffffff2}._playbackBtn_l1v2v_248:active:not(:disabled){transform:scale(.93)}._playbackBtn_l1v2v_248:disabled{opacity:.25;cursor:default}._playbackInfo_l1v2v_279{font-size:11px;color:#fff6;min-width:52px;text-align:center;font-variant-numeric:tabular-nums;padding:0 4px}._moveCounter_l1v2v_290{position:absolute;bottom:18px;right:20px;font-size:11px;color:#ffffff40;letter-spacing:.5px;pointer-events:none}._annotationToggle_l1v2v_302{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff9;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;pointer-events:auto}._annotationToggle_l1v2v_302:hover{background:#ffffff1a;color:#ffffffe6}._annotationToggleActive_l1v2v_329{background:#e8c47433;border-color:#e8c47466;color:#e8c474}._annotationToolbar_l1v2v_335{position:absolute;left:20px;top:50%;transform:translateY(-50%) translate(44px);display:flex;flex-direction:column;gap:2px;background:#0000008c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px;pointer-events:auto}._annotationGroup_l1v2v_352{display:flex;flex-direction:column;gap:2px}._annotationBtn_l1v2v_358{width:34px;height:34px;background:transparent;border:none;border-radius:8px;color:#ffffffa6;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;font-family:inherit;padding:0}._annotationBtn_l1v2v_358:hover{background:#ffffff14;color:#fffffff2}._annotationBtnActive_l1v2v_380{background:#e8c47433;color:#e8c474;box-shadow:inset 0 0 0 1px #e8c4744d}._annotationBtnDanger_l1v2v_386:hover{background:#dc503c33;color:#f0a090}._annotationDivider_l1v2v_391{height:1px;background:#ffffff14;margin:3px 4px}.cosmic-button-wrap{--transition: .25s;--spark: 1.8s;--hue: 245;position:relative;display:inline-flex}.cosmic-button{--cut: .1em;--active: 0;--bg: radial-gradient( 120% 120% at 126% 126%, hsl(var(--hue) calc(var(--active) * 97%) 98% / calc(var(--active) * .9)) 40%, transparent 50% ) calc(100px - (var(--active) * 100px)) 0 / 100% 100% no-repeat, radial-gradient( 120% 120% at 120% 120%, hsl(var(--hue) calc(var(--active) * 97%) 70% / calc(var(--active) * 1)) 30%, transparent 70% ) calc(100px - (var(--active) * 100px)) 0 / 100% 100% no-repeat, hsl(var(--hue) calc(var(--active) * 100%) calc(12% - (var(--active) * 8%)));background:var(--bg);font-size:1.1rem;font-weight:600;border:0;cursor:pointer;padding:.7em 1.4em;display:flex;align-items:center;gap:.4em;white-space:nowrap;border-radius:2rem;position:relative;box-shadow:0 0 calc(var(--active) * 6em) calc(var(--active) * 3em) hsl(var(--hue) 97% 61% / .5),0 .05em hsl(var(--hue) calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,0 -.05em hsl(var(--hue) calc(var(--active) * 97%) calc(var(--active) * 10%)) inset;transition:box-shadow var(--transition),scale var(--transition),background var(--transition);scale:calc(1 + (var(--active) * .1));transform-style:preserve-3d;perspective:100vmin;overflow:hidden}.cosmic-button:active{scale:1}.cosmic-button:is(:hover,:focus-visible){--active: 1;--play-state: running}.cosmic-star{height:calc(var(--size) * 1px);aspect-ratio:1;background:#fff;border-radius:50%;position:absolute;opacity:var(--alpha);top:50%;left:50%;transform:translate(-50%,-50%) rotate(10deg) rotate(0) translateY(calc(var(--distance) * 1px));animation:cosmic-orbit calc(var(--duration) * 1s) calc(var(--delay) * -1s) infinite linear}@keyframes cosmic-orbit{to{transform:translate(-50%,-50%) rotate(10deg) rotate(360deg) translateY(calc(var(--distance) * 1px))}}.cosmic-galaxy{position:absolute;width:100%;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;overflow:hidden;opacity:var(--active);transition:opacity var(--transition)}.cosmic-galaxy__ring{height:200%;width:200%;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-28%,-40%) rotateX(-24deg) rotateY(-30deg) rotateX(90deg);transform-style:preserve-3d}.cosmic-galaxy__container{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--active);transition:opacity var(--transition);mask:radial-gradient(white,transparent)}.cosmic-star--static{animation:none;top:50%;left:50%;transform:translate(0);max-height:4px;filter:brightness(4);opacity:.9;animation:cosmic-move-x calc(var(--duration) * .1s) calc(var(--delay) * -.1s) infinite linear,cosmic-move-y calc(var(--duration) * .2s) calc(var(--delay) * -.2s) infinite linear}.cosmic-button:hover .cosmic-star--static{animation-play-state:paused}@keyframes cosmic-move-x{0%{translate:-100px 0}to{translate:100px 0}}@keyframes cosmic-move-y{0%{transform:translateY(-50px)}to{transform:translateY(50px)}}.cosmic-spark{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2rem;rotate:0deg;overflow:hidden;mask:linear-gradient(white,transparent 50%);animation:cosmic-flip calc(var(--spark) * 2) infinite steps(2,end)}@keyframes cosmic-flip{to{rotate:360deg}}.cosmic-spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:0%;left:50%;z-index:-1;translate:-50% -15%;rotate:0;transform:rotate(-90deg);opacity:calc(var(--active) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,white 360deg);transition:opacity var(--transition);animation:cosmic-rotate var(--spark) linear infinite both}.cosmic-spark:after{content:"";position:absolute;inset:var(--cut);border-radius:2rem}.cosmic-backdrop{position:absolute;inset:var(--cut);background:var(--bg);border-radius:2rem;transition:background var(--transition)}@keyframes cosmic-rotate{to{transform:rotate(90deg)}}.cosmic-text{translate:2% -6%;letter-spacing:.01ch;color:#fff;position:relative;z-index:1;display:flex;align-items:center;gap:.4em}.cosmic-text svg{inline-size:1.25em;translate:-10% -2%}