@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--neon-cyan:#3df0ff;--neon-magenta:#ff4fd8;--glass-bg:linear-gradient(135deg, #ffffff1a, #ffffff08);--glass-line:#ffffff24;--spring:cubic-bezier(.34, 1.56, .64, 1)}body{font-family:var(--font-body);background:radial-gradient(1100px 700px at 15% -10%,#5846dc61,#0000 60%),radial-gradient(900px 600px at 95% 10%,#ff4fd829,#0000 60%),radial-gradient(900px 700px at 50% 120%,#3df0ff1f,#0000 60%),linear-gradient(#0b0a22 0%,#05050c 70%,#000 100%) fixed!important}.glass{background:var(--glass-bg);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(22px)saturate(140%);box-shadow:0 30px 80px -30px #000c,inset 0 1px #ffffff2e}.glass-frost{filter:saturate(.4);-webkit-backdrop-filter:blur(34px);opacity:.55}.font-display{font-family:var(--font-display)}.pill-3d{font:600 18px var(--font-body);color:#0b0a22;cursor:pointer;transition:transform .35s var(--spring), box-shadow .35s var(--spring);transform:perspective(600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:linear-gradient(#fff 0%,#c9d4ff 45%,#8e9dff 100%);border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:12px;padding:18px 38px;text-decoration:none;display:inline-flex;box-shadow:0 14px 0 -4px #4b56c9,0 24px 40px -8px #7c8cf899,inset 0 3px 6px #ffffffe6}.pill-3d:hover{box-shadow:0 16px 0 -4px #4b56c9,0 30px 50px -8px #7c8cf8bf,inset 0 3px 6px #ffffffe6}.pill-3d:active{transition-duration:80ms;transform:perspective(600px)translateY(8px)scale(1.04,.9);box-shadow:0 4px 0 -4px #4b56c9,0 10px 20px -8px #7c8cf899,inset 0 3px 6px #ffffffe6}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spin-slow{0%{transform:rotateY(-25deg)}50%{transform:rotateY(25deg)}to{transform:rotateY(-25deg)}}.float{animation:6s ease-in-out infinite float-y}.badge-spin{transform-style:preserve-3d;animation:16s ease-in-out infinite spin-slow}@keyframes neon-pulse{0%,to{box-shadow:inset 0 0 22px -6px var(--neon), 0 0 30px -12px var(--neon)}50%{box-shadow:inset 0 0 44px -4px var(--neon), 0 0 60px -10px var(--neon)}}.tier-active{animation:3.2s ease-in-out infinite neon-pulse;border-color:var(--neon)!important}@keyframes slide-l{0%{opacity:0;transform:translate(-80px)scale(.94)}to{opacity:1;transform:none}}@keyframes slide-r{0%{opacity:0;transform:translate(80px)scale(.94)}to{opacity:1;transform:none}}@keyframes zoom-out{0%{filter:blur(8px);transform:scale(1.12)}to{filter:none;transform:none}}.slide-l{animation:slide-l .7s var(--spring) both}.slide-r{animation:slide-r .7s var(--spring) .1s both}.zoom-out{animation:.6s both zoom-out}.holo-term{background:#000;border:1px solid #3df0ff40;border-radius:18px}.holo-term textarea,.holo-term .cm-content{color:#7dfbd0;text-shadow:0 0 8px #43f2a08c;font-family:var(--font-mono)!important}@keyframes torus{to{transform:rotateX(70deg)rotate(360deg)}}.torus{perspective:200px;width:34px;height:34px;display:inline-block}.torus i{border:5px solid #0000;border-top-color:var(--neon-cyan);border-bottom-color:var(--neon-magenta);border-radius:50%;animation:1s linear infinite torus;position:absolute;inset:0;transform:rotateX(70deg);box-shadow:0 0 14px #3df0ff99}.torus{position:relative}@keyframes slap{0%{opacity:0;transform:translate(-50%,-50%)scale(3.2)rotate(-30deg)}55%{opacity:1;transform:translate(-50%,-50%)scale(.88)rotate(-9deg)}75%{transform:translate(-50%,-50%)scale(1.1)rotate(-13deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-11deg)}}.cleared-sticker{z-index:20;pointer-events:none;animation:slap .7s var(--spring) both;font:700 clamp(34px, 6vw, 64px)/1 var(--font-display);letter-spacing:.06em;color:#fff;text-shadow:0 3px #00000040;background:linear-gradient(160deg,#6dffc0,#1fbf7a 55%,#0c8a56);border:4px solid #fff;border-radius:22px;padding:12px 30px;position:absolute;top:45%;left:50%;box-shadow:0 18px 0 -6px #0a6b43,0 30px 50px #0009,inset 0 6px 10px #ffffffb3,inset 0 -8px 12px #00000040}@keyframes gel-drop{0%{opacity:0;transform:translateY(-70px)scale(.6)}40%{opacity:1}70%{transform:translateY(0)scale(1.2,.8)}85%{transform:translateY(-6px)scale(.95,1.1)}to{opacity:0;transform:translateY(0)scale(1)}}.gel{width:16px;height:16px;animation:gel-drop 1s var(--spring) both;background:radial-gradient(circle at 30% 28%,#fff 0 14%,#6dffe6 28%,#00c2d4 70%,#007a8a);border-radius:50%;position:absolute;top:2px;box-shadow:0 0 14px #3df0ff}.holo-seal{width:180px;height:180px;transform-style:preserve-3d;transform:perspective(700px) rotateX(var(--sy,0deg)) rotateY(var(--sx,0deg));background:conic-gradient(from var(--ang,0deg), #ff4fd8, #7c8cf8, #3df0ff, #6dffc0, #f2b24e, #ff4fd8);border-radius:50%;place-items:center;transition:transform .15s ease-out;display:grid;position:relative;box-shadow:0 0 50px #7c8cf88c,inset 0 0 30px #ffffff80}.holo-seal:after{content:"";background:linear-gradient(115deg,#0000 30%,#ffffffb3 50%,#0000 70%);background-position:var(--sh,50%) 0;mix-blend-mode:overlay;background-size:250% 100%;border-radius:50%;position:absolute;inset:0}@keyframes soft-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.plush{animation:2.4s ease-in-out infinite soft-pulse}@media (prefers-reduced-motion:reduce){.float,.badge-spin,.tier-active,.plush,.torus i{animation:none!important}.slide-l,.slide-r,.zoom-out,.cleared-sticker,.gel{animation-duration:10ms!important}}