@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-0:#0b0b0f;--bg-1:#12121a;--ink:#f2f5f7;--pink:#ff2fa8;--lime:#b8ff2c;--cyan:#28e3ff;--orange:#ff8a1f;--pink-200:#ff6ac5;--lime-200:#d4ff74;--cyan-200:#79f0ff;--orange-200:#ffb366;--glow-sm: 0 0 6px;--glow-md: 0 0 16px;--glow-lg: 0 0 32px;--edge-w: 18px;--edge-r: 14px}html,body,#root{background:var(--bg-0);color:var(--ink)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.panel-chalk{position:relative;background:var(--bg-1);border-radius:var(--edge-r);border:var(--edge-w) solid transparent;background-clip:padding-box;overflow:visible;box-shadow:0 12px 28px #00000073,0 2px #ffffff05 inset}@supports (border-image: url()){.panel-chalk--lime{border-image-slice:36;border-image-repeat:none;border-image-width:var(--edge-w);border-image-source:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"> <defs><filter id="rough" x="-20%" y="-20%" width="140%" height="140%">  <feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2" seed="2"/>  <feDisplacementMap in="SourceGraphic" scale="2"/></filter></defs> <rect x="6" y="6" width="88" height="88" rx="14" ry="14" fill="none"   stroke="%23b8ff2c" stroke-opacity="0.85" stroke-width="8"   stroke-linecap="round" stroke-linejoin="round" filter="url(%23rough)"/></svg>')}.panel-chalk--pink{border-image-slice:36;border-image-repeat:none;border-image-width:var(--edge-w);border-image-source:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"> <defs><filter id="rough" x="-20%" y="-20%" width="140%" height="140%">  <feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2" seed="3"/>  <feDisplacementMap in="SourceGraphic" scale="2"/></filter></defs> <rect x="6" y="6" width="88" height="88" rx="14" ry="14" fill="none"   stroke="%23ff2fa8" stroke-opacity="0.85" stroke-width="8"   stroke-linecap="round" stroke-linejoin="round" filter="url(%23rough)"/></svg>')}}.panel-chalk:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:calc(var(--edge-r) - 2px);box-shadow:0 0 0 1px #ffffff0a inset}.subpanel{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:clamp(10px,2vw,14px)}.panel-dust,.panel-splat{position:relative;z-index:0}.panel-dust>*,.panel-splat>*{position:relative;z-index:1}.panel-dust:after{content:"";position:absolute;inset:-2px;pointer-events:none;border-radius:inherit;z-index:0;background:radial-gradient(280px 200px at 4% 6%,rgba(184,255,44,.28) 0 40%,transparent 41%),radial-gradient(260px 180px at 96% 94%,rgba(255,47,168,.26) 0 42%,transparent 43%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"> <filter id="n"><feTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="2" seed="2"/> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 12 -6 0"/></filter> <rect width="100%" height="100%" filter="url(%23n)" fill="white"/></svg>') repeat;background-blend-mode:screen,screen,normal;opacity:.38;filter:saturate(130%);-webkit-mask:radial-gradient(110% 95% at 50% 50%,transparent 58%,#000 60%);mask:radial-gradient(110% 95% at 50% 50%,transparent 58%,#000 60%)}.panel-splat:after{content:"";position:absolute;inset:-2px;pointer-events:none;border-radius:inherit;z-index:0;background:radial-gradient(120px 80px at 10% 18%,rgba(184,255,44,.34) 0 42%,transparent 43%),radial-gradient(95px 70px at 86% 14%,rgba(255,47,168,.34) 0 44%,transparent 45%),radial-gradient(120px 90px at 88% 36%,rgba(40,227,255,.3) 0 46%,transparent 47%),radial-gradient(90px 65px at 14% 88%,rgba(255,138,31,.33) 0 40%,transparent 41%);mix-blend-mode:screen;filter:saturate(135%);opacity:.5;-webkit-mask:radial-gradient(110% 95% at 50% 50%,transparent 58%,#000 60%);mask:radial-gradient(110% 95% at 50% 50%,transparent 58%,#000 60%)}.mask-sticker{border-radius:22px;background:radial-gradient(120% 100% at 0% 20%,rgba(255,255,255,.06),transparent 55%) #12121a;padding:10px;box-shadow:0 0 2px #ffffff0f,0 10px 30px #0009,0 0 18px var(--pink)}.mask-sticker img{display:block;filter:drop-shadow(0 0 8px var(--lime))}.pixel-confetti{--c1: var(--pink);--c2: var(--lime);--c3: var(--cyan);--c4: var(--orange);background:radial-gradient(circle at 10% 20%,var(--c1) 0 2px,transparent 3px),radial-gradient(circle at 40% 70%,var(--c2) 0 2px,transparent 3px),radial-gradient(circle at 75% 30%,var(--c3) 0 3px,transparent 4px),radial-gradient(circle at 85% 80%,var(--c4) 0 3px,transparent 4px);background-size:120px 120px;opacity:.35;filter:saturate(140%)}