:root{--bg-1: #1a1140;--bg-2: #3a1c5a;--bg-3: #0d2a4a}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:linear-gradient(135deg,var(--bg-1),var(--bg-2),var(--bg-3));background-size:300% 300%;animation:drift 24s ease infinite;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none}@keyframes drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.stage{position:fixed;top:0;right:0;bottom:0;left:0}.answer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:1rem}.question{font-size:clamp(1.1rem,4vw,2.4rem);font-weight:600;margin:0 0 .2em;opacity:.92;text-shadow:0 2px 12px rgba(0,0,0,.4)}.verdict{font-weight:900;line-height:.9;font-size:clamp(5rem,32vw,22rem);letter-spacing:-.03em;text-shadow:0 8px 40px rgba(0,0,0,.45)}.verdict.no{color:#ff5470}.verdict.yes{color:#2bff88;animation:reveal .85s cubic-bezier(.17,.89,.32,1.28) both,pop 1.5s ease-in-out .85s infinite}@keyframes reveal{0%{transform:scale(0) rotate(-14deg);opacity:0}55%{transform:scale(1.28) rotate(5deg);opacity:1}78%{transform:scale(.9) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.years{font-size:clamp(1rem,3vw,1.8rem);margin:.4em 0 0;font-weight:700;animation:years-in .6s ease-out .6s both}@keyframes years-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:radial-gradient(circle at center,rgba(43,255,136,.55),rgba(255,255,255,.25) 40%,transparent 70%);animation:flash 1.2s ease-out forwards}@keyframes flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.paint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:crosshair;touch-action:none}.cursors{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.cursor{position:absolute;top:0;left:0;font-size:1.6rem;will-change:transform;transition:transform 80ms linear;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.toolbar{position:absolute;z-index:4;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.6rem .9rem;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;max-width:calc(100vw - 1.5rem)}.palette{display:flex;gap:.4rem}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.5);cursor:pointer;padding:0;transition:transform .1s ease}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:#fff;box-shadow:0 0 0 3px #ffffff59;transform:scale(1.12)}.hint{font-size:.8rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90vw}.you{font-size:1rem}