.noctics-space{isolation:isolate;background:radial-gradient(circle at 14% 12%,#9333ea3d,#0000 28%),radial-gradient(circle at 86% 16%,#0ea5e933,#0000 30%),radial-gradient(circle at 50% 110%,#f59e0b1c,#0000 40%),linear-gradient(145deg,#030614fa,#050b1ffa);position:relative}.noctics-space:before{content:"";pointer-events:none;z-index:-1;opacity:.48;background-image:radial-gradient(circle at 15% 22%,#ffffffbf 0 1px,#0000 1.5px),radial-gradient(circle at 72% 12%,#7dd3fca6 0 1px,#0000 1.4px),radial-gradient(circle at 42% 68%,#d8b4fe99 0 1px,#0000 1.3px),radial-gradient(circle at 88% 76%,#fde68a8c 0 1px,#0000 1.5px);background-size:108px 108px,156px 156px,132px 132px,184px 184px;position:absolute;inset:0}.noctics-nebula{filter:blur(70px);opacity:.38;pointer-events:none;border-radius:9999px;animation:14s ease-in-out infinite alternate noctics-drift;position:absolute}.noctics-board-shell{background:radial-gradient(circle,#f59e0b1c,#0000 29%),radial-gradient(circle,#7c3aed1a,#0000 56%),linear-gradient(145deg,#0b1126fa,#030818fc);position:relative;box-shadow:inset 0 0 70px #581c8726,inset 0 0 0 1px #fde68a14,0 26px 90px #0000007a,0 0 44px #7c3aed1f}.noctics-board-shell:before,.noctics-board-shell:after{content:"";pointer-events:none;border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.noctics-board-shell:before{border:1px solid #fde68a1f;width:70%;height:30%;box-shadow:0 0 24px #f59e0b0d}.noctics-board-shell:after{border:1px solid #d8b4fe1c;width:42%;height:42%;transform:translate(-50%,-50%)rotate(32deg)}.noctics-cell{background:radial-gradient(circle at 30% 24%,#ffffff06,#0000 38%),linear-gradient(145deg,#ffffff05,#ffffff01)}.noctics-cell[data-variant=alt]{background:radial-gradient(circle at 70% 76%,#a855f70b,#0000 45%),linear-gradient(145deg,#312e810b,#ffffff02)}.noctics-cell:hover{background-color:#ffffff09}.noctics-piece{transform-style:preserve-3d;perspective:600px;transition:transform .18s,filter .18s}.noctics-piece:hover{filter:brightness(1.08);transform:translateY(-3px)rotateX(5deg)rotateY(-5deg)scale(1.035)}.noctics-piece-face{position:relative;overflow:hidden}.noctics-piece-face:before{content:"";border:1px solid #ffffff1c;border-radius:27%;position:absolute;inset:7%;box-shadow:inset 0 1px 1px #ffffff29}.noctics-piece-face:after{content:"";pointer-events:none;background:linear-gradient(125deg,#fff3,#0000 28% 65%,#ffffff0b);position:absolute;inset:0}.noctics-piece-violet{background:radial-gradient(circle at 50% 36%,#e879f93d,#0000 35%),linear-gradient(150deg,#6b21a8fa,#2a0d4afc 60%,#0e071ffc);box-shadow:inset 0 1px #ffffff42,inset 0 -8px 18px #00000052,0 8px 18px #18082d8c,0 0 18px #d946ef33}.noctics-piece-blue{background:radial-gradient(circle at 50% 36%,#67e8f938,#0000 35%),linear-gradient(150deg,#0369a1fa,#072e58fc 60%,#020f25fc);box-shadow:inset 0 1px #ffffff40,inset 0 -8px 18px #00000057,0 8px 18px #01122794,0 0 18px #22d3ee2e}.noctics-orbit-ring{animation:9s linear infinite noctics-orbit}.noctics-capture-burst{pointer-events:none;z-index:30;background:radial-gradient(circle,#ffffffe6 0 4%,#d8b4febf 5% 13%,#7c3aed40 28%,#0000 62%);border-radius:9999px;animation:.62s ease-out forwards noctics-capture;position:absolute;inset:14%;box-shadow:0 0 28px #d8b4fea6,0 0 55px #38bdf83d}.noctics-capture-burst:before,.noctics-capture-burst:after{content:"";border:1px solid #fde68aa6;border-radius:50%;animation:.62s ease-out forwards noctics-ring;position:absolute;inset:-28%}.noctics-capture-burst:after{border-color:#d8b4fe7a;animation-delay:60ms;inset:-48%}.noctics-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(150deg,#121630b8,#030716e0);border:1px solid #ffffff16;box-shadow:inset 0 1px #ffffff0a,0 18px 50px #0003}.noctics-action{transition:transform .18s,border-color .18s,background-color .18s;position:relative;overflow:hidden}.noctics-action:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff21,#0000 75%);transition:transform .42s;position:absolute;inset:0;transform:translate(-110%)}.noctics-action:hover{transform:translateY(-2px)}.noctics-action:hover:after{transform:translate(110%)}@keyframes noctics-drift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(4%,3%)scale(1.09)}}@keyframes noctics-orbit{to{transform:rotate(360deg)}}@keyframes noctics-capture{0%{opacity:0;transform:scale(.25)}30%{opacity:1}to{opacity:0;transform:scale(1.7)}}@keyframes noctics-ring{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.noctics-nebula,.noctics-orbit-ring,.noctics-capture-burst,.noctics-capture-burst:before,.noctics-capture-burst:after{animation:none!important}.noctics-piece,.noctics-action{transition:none!important}}[data-noctics-performance=low] .noctics-nebula,[data-noctics-performance=low] .noctics-orbit-ring{opacity:.18;animation:none}[data-noctics-performance=low] .noctics-capture-burst:before,[data-noctics-performance=low] .noctics-capture-burst:after{display:none}