:root{--font-ui: "Plus Jakarta Sans", sans-serif;--font-display: "Plus Jakarta Sans", sans-serif;--bg-0: #050505;--bg-1: #0b0f14;--bg-2: #0f172a;--app-bg: #050505;--text-1: #e6edf6;--text-2: #b2c0d4;--text-3: #7f8ea6;--accent-rgb: 56, 225, 205;--accent: #38e1cd;--accent-strong: #7cf3e3;--accent-soft: rgba(56, 225, 205, .2);--amber: #f1c375;--amber-soft: rgba(241, 195, 117, .22);--glass-border: rgba(255, 255, 255, .2);--glass-border-strong: rgba(255, 255, 255, .32);--glass-fill: linear-gradient(135deg, rgba(255, 255, 255, .012), rgba(255, 255, 255, .002));--panel-fill: linear-gradient(135deg, rgba(255, 255, 255, .01), rgba(255, 255, 255, .0018));--glass-edge: conic-gradient( from 180deg at 18% 8%, rgba(255, 64, 64, .98) 0deg, rgba(255, 140, 64, .98) 32deg, rgba(255, 224, 64, .98) 70deg, rgba(96, 255, 96, .98) 115deg, rgba(64, 210, 255, .98) 165deg, rgba(96, 120, 255, .98) 215deg, rgba(160, 96, 255, .98) 265deg, rgba(255, 96, 210, .98) 310deg, rgba(160, 96, 255, .98) 340deg, rgba(96, 120, 255, .98) 360deg );--glass-edge-soft: conic-gradient( from 200deg at 85% 85%, rgba(255, 64, 64, .9) 0deg, rgba(255, 140, 64, .9) 28deg, rgba(255, 224, 64, .9) 62deg, rgba(96, 255, 96, .88) 108deg, rgba(64, 210, 255, .88) 158deg, rgba(96, 120, 255, .88) 208deg, rgba(160, 96, 255, .88) 258deg, rgba(255, 96, 210, .88) 302deg, rgba(160, 96, 255, .88) 332deg, rgba(96, 120, 255, .88) 360deg );--glass-shadow: 0 28px 70px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .12) inset;--board-shadow: 0 20px 46px rgba(0, 0, 0, .65);--edge-thickness: 2px;--good-glow: rgba(246, 199, 106, .85);--good-glow-soft: rgba(246, 199, 106, .45);--bad-glow: rgba(248, 113, 113, .9);--bad-glow-soft: rgba(248, 113, 113, .6)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--app-bg);color:var(--text-1);font-family:var(--font-ui);font-weight:700;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body *{font-weight:inherit!important}button,input,select,textarea{font-family:var(--font-ui);font-weight:inherit}body:before{content:"";position:fixed;inset:0;background:radial-gradient(30% 30% at 12% 10%,rgba(140,108,255,.28),transparent 70%),radial-gradient(28% 28% at 85% 8%,rgba(72,229,210,.3),transparent 70%),radial-gradient(28% 28% at 88% 88%,rgba(255,196,132,.26),transparent 70%),radial-gradient(30% 30% at 8% 88%,rgba(251,113,210,.22),transparent 70%),repeating-linear-gradient(120deg,rgba(255,255,255,.04) 0 1px,transparent 1px 7px);pointer-events:none;opacity:.85;z-index:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em}#root{min-height:100vh;min-height:100dvh;height:auto;position:relative;z-index:1}.app-shell{animation:appFade .56s ease-out}.main-card{background:var(--glass-fill);border:1px solid rgba(255,255,255,.12);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;isolation:isolate}.main-card .panel-surface,.main-card .board-frame{position:relative;overflow:hidden;isolation:isolate;z-index:2}.main-card:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge);animation:edgeHue 18s linear infinite;animation-delay:-6s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;pointer-events:none;z-index:1}.main-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-fill);backdrop-filter:blur(10px) saturate(165%);-webkit-backdrop-filter:blur(10px) saturate(165%);pointer-events:none;z-index:0}.panel-surface{background:var(--panel-fill);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);box-shadow:0 18px 40px #00000059;position:relative;isolation:isolate}.board-frame{border:1px solid rgba(255,255,255,.08);background:var(--panel-fill);box-shadow:0 0 0 1px #ffffff1f inset;isolation:isolate}.board-frame>*{position:relative;z-index:1}.glass-card{position:relative;isolation:isolate;border:1px solid transparent!important;background:var(--panel-fill)!important;backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%)}.glass-card:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge-soft);animation:edgeHue 14s linear infinite;animation-delay:var(--edge-delay, -3.5s);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.92;mix-blend-mode:screen;pointer-events:none;z-index:1}.glass-card>*{position:relative;z-index:2}.glass-ring{position:relative;isolation:isolate;border:1px solid transparent;background:transparent}.glass-ring:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge-soft);animation:edgeHue 14s linear infinite;animation-delay:var(--edge-delay, -3.5s);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.92;mix-blend-mode:screen;pointer-events:none;z-index:0}.glass-ring>*{position:relative;z-index:1}.panel-surface:before,.board-frame:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge-soft);animation:edgeHue 20s linear infinite;animation-delay:-9s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.82;mix-blend-mode:screen;pointer-events:none;z-index:0}@keyframes edgeHue{0%{filter:hue-rotate(0deg) saturate(1.35)}to{filter:hue-rotate(360deg) saturate(1.35)}}.effects-static .main-card:before,.effects-static .glass-card:before,.effects-static .glass-ring:before,.effects-static .panel-surface:before,.effects-static .board-frame:before{animation:none!important;filter:none!important;opacity:.55;mix-blend-mode:screen}.effects-static .main-card:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.effects-static .panel-surface,.effects-static .glass-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.effects-static .main-card{box-shadow:0 12px 28px #00000073}.effects-static .panel-surface{box-shadow:0 10px 24px #0006}.effects-static .board-frame{box-shadow:0 0 0 1px #ffffff14 inset}@media(prefers-reduced-motion:reduce){.glass-card:before,.panel-surface:before,.board-frame:before{animation:none}}@keyframes appFade{0%{opacity:0}to{opacity:1}}