:root{--font-display: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--bg: #fff5f7;--bg-2: #ffe9ef;--surface: #ffffff;--surface-2: #fff0f4;--ink: #1c1326;--ink-soft: #6b5e72;--accent: #ff4d8d;--accent-2: #ffd166;--accent-ink: #ffffff;--good: #2ec27e;--bad: #e5484d;--warn: #f5a524;--ring: rgba(255, 77, 141, .4);--shadow: 0 10px 30px rgba(28, 19, 38, .12);--radius: 18px;--radius-sm: 10px}[data-mode=afterdark]{--bg: #120206;--bg-2: #1d0309;--surface: #20060d;--surface-2: #2b0710;--ink: #ffe8ee;--ink-soft: #e0a3b4;--accent: #ff3d77;--accent-2: #ff8fb0;--accent-ink: #1a0207;--good: #ff7aa0;--bad: #ff2d55;--warn: #ff9e4a;--ring: rgba(255, 61, 119, .55);--shadow: 0 12px 40px rgba(255, 0, 60, .28)}[data-mode=afterdark] .uhoh-hero{filter:drop-shadow(0 0 16px rgba(255,61,119,.55))}[data-mode=afterdark] .uhoh-display{text-shadow:0 1px 10px rgba(255,61,119,.35)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 80% -10%,var(--bg-2),transparent),radial-gradient(900px 500px at -10% 110%,var(--bg-2),transparent),var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .5s ease,color .3s ease}.uhoh-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.uhoh-btn{font:inherit;font-weight:700;border:none;border-radius:var(--radius);padding:.9rem 1.4rem;background:var(--accent);color:var(--accent-ink);cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease,filter .15s ease;touch-action:manipulation}.uhoh-btn:active{transform:translateY(2px) scale(.98)}.uhoh-btn:disabled{filter:grayscale(.6) opacity(.6);cursor:not-allowed}.uhoh-btn.secondary{background:var(--surface-2);color:var(--ink)}.uhoh-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.uhoh-code{font-family:var(--font-display);font-weight:800;letter-spacing:.35em;font-size:clamp(3rem,12vw,8rem);color:var(--accent);text-shadow:0 4px 0 var(--accent-2)}@keyframes uhoh-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.uhoh-pop{animation:uhoh-pop .25s cubic-bezier(.2,1.4,.4,1)}@keyframes uhoh-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.uhoh-float{animation:uhoh-float 4s ease-in-out infinite}@keyframes uhoh-wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}}@keyframes uhoh-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.uhoh-hero{background:linear-gradient(100deg,var(--accent),var(--accent-2),var(--accent));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:uhoh-shimmer 4s linear infinite}.uhoh-game-card{transition:transform .16s cubic-bezier(.2,1.2,.4,1),box-shadow .16s ease;cursor:pointer}.uhoh-game-card:hover{transform:translateY(-6px) rotate(-.6deg) scale(1.02);box-shadow:0 18px 40px #00000038}.uhoh-game-card:active{transform:translateY(-1px) scale(.99)}@keyframes uhoh-pulse{0%,to{box-shadow:0 0 0 0 var(--ring)}50%{box-shadow:0 0 0 8px transparent}}.uhoh-pulse{animation:uhoh-pulse 1.8s ease-in-out infinite}@keyframes uhoh-breathe{0%,to{filter:drop-shadow(0 0 4px var(--ring))}50%{filter:drop-shadow(0 0 22px var(--ring))}}.uhoh-code{animation:uhoh-breathe 2.6s ease-in-out infinite}@keyframes uhoh-confetti-fall{to{transform:translateY(110vh) rotate(720deg);opacity:.2}}