:root{--font-headline:"Saira Stencil One","Black Ops One",Impact,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--color-skeleton:#0a0a0a;--color-skeleton-elevated:#141414;--color-skeleton-border:#2a2a2a;--color-skeleton-hover:#1f1f1f;--color-card-bg:#141414;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-wet:#22c55e;--color-drying:#f59e0b;--color-scrubbed:#ef4444;--color-accent:#fff;--color-danger:#dc2626;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 4px 6px rgba(0,0,0,.5);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-glow:0 0 20px hsla(0,0%,100%,.1);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-paint:800ms ease-out;--transition-drip:1200ms cubic-bezier(0.4,0,0.2,1);--grain-opacity:0.03;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-overlay:400;--z-toast:500}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-skeleton);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:var(--grain-opacity);pointer-events:none;z-index:var(--z-overlay)}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-weight:400;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}.text-light{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.text-dark{color:#000;text-shadow:0 1px 2px hsla(0,0%,100%,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-headline);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;padding:var(--space-md) var(--space-xl);border:2px solid var(--color-accent);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn:hover{background:var(--color-accent);color:var(--color-skeleton);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-accent);color:var(--color-skeleton)}.btn-primary:hover{background:transparent;color:var(--color-accent)}.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:var(--color-text-primary)}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,currentColor 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:width .4s,height .4s,opacity .4s}.btn.splat:after{width:300px;height:300px;opacity:.3}.card{background:var(--color-skeleton-elevated);border:1px solid var(--color-skeleton-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-text-muted);box-shadow:var(--shadow-lg)}.status{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.status-wet{background:rgba(34,197,94,.2);color:var(--color-wet);border:1px solid var(--color-wet)}.status-drying{background:rgba(245,158,11,.2);color:var(--color-drying);border:1px solid var(--color-drying);animation:pulse 1s ease-in-out infinite}.status-scrubbed{background:rgba(239,68,68,.2);color:var(--color-scrubbed);border:1px solid var(--color-scrubbed)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes drip{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes spray{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes countdown{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gpu-accelerated{transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.input{width:100%;font-family:var(--font-body);font-size:1rem;padding:var(--space-md);background:var(--color-skeleton);border:2px solid var(--color-skeleton-border);border-radius:var(--radius-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-danger)}.color-picker{width:60px;height:40px;padding:0;border:2px solid var(--color-skeleton-border);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.thumb-zone{position:fixed;bottom:0;left:0;right:0;padding:var(--space-md);background:linear-gradient(to top,var(--color-skeleton) 80%,transparent);z-index:var(--z-sticky)}.btn,.input,button{min-height:44px;min-width:44px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-skeleton)}::-webkit-scrollbar-thumb{background:var(--color-skeleton-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.war-room{min-height:100vh;transition:background var(--transition-paint);position:relative}.paint-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;opacity:0;animation:drip var(--transition-drip) forwards}.paint-overlay.active{opacity:1}