:root{color:#f6f4ef;font-synthesis:none;text-rendering:optimizelegibility;background:#151517;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(140deg,#2ec0ff24,#0000 28%),linear-gradient(320deg,#ff6f5624,#0000 32%),#151517;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:minmax(0,1fr) 360px;gap:24px;width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:24px;display:grid}.app-shell--centered{place-items:center;display:grid}.game-surface,.leaderboard-panel{background:#151517d1;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 24px 80px #00000052}.game-surface{min-height:calc(100vh - 48px);position:relative;overflow:hidden}.topbar{z-index:2;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px;display:flex;position:relative}.eyebrow{color:#a6f1ff;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2.2rem,7vw,4.8rem);line-height:.92}.daily-pill{color:#f6f4ef;background:#ffffff14;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 11px;font-size:.8rem;font-weight:800;display:inline-flex}.daily-pill span{border:2px solid #fffc;border-radius:50%;width:18px;height:18px}.intro-layout{grid-template-rows:minmax(340px,58vh) auto;min-height:calc(100vh - 132px);display:grid}.target-stage,.reveal-screen{color:#151517;align-items:end;padding:24px;display:grid}.target-label,.reveal-screen div{max-width:520px}.target-label span,.reveal-screen p{text-transform:uppercase;margin:0 0 8px;font-size:.9rem;font-weight:900;display:block}.target-label strong,.reveal-screen h2{letter-spacing:0;margin:0;font-size:clamp(2.2rem,9vw,6rem);line-height:.9;display:block}.action-panel{justify-content:space-between;align-items:center;gap:18px;padding:20px 22px 24px;display:flex}.action-panel p{color:#d7d1c6;max-width:460px;margin-bottom:0;font-size:1rem;line-height:1.5}.primary-button,.icon-button{letter-spacing:0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-weight:900;display:inline-flex}.primary-button{color:#151517;background:#a6f1ff;padding:0 18px}.primary-button:disabled{cursor:not-allowed;opacity:.55}.icon-button{color:#f6f4ef;background:#ffffff1a;border:1px solid #ffffff1a;padding:0 14px}.reveal-screen{min-height:calc(100vh - 132px)}.camera-layout{z-index:20;background:#060607;min-height:100dvh;position:fixed;inset:0}.camera-frame{background:#060607;width:100%;height:100dvh;position:relative;overflow:hidden}.camera-frame video,.camera-fallback{width:100%;height:100%;min-height:100dvh}.camera-frame video{object-fit:cover}.camera-fallback{color:#f5c451;align-content:center;place-items:center;gap:10px;display:grid}.reticle{color:#f6f4ef;background:#0000001f;border:2px solid #f6f4efe6;border-radius:50%;place-items:center;width:min(42vw,170px);height:min(42vw,170px);display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #0000002e}.camera-instructions{top:max(18px, env(safe-area-inset-top));pointer-events:none;justify-content:center;display:flex;position:absolute;left:16px;right:16px}.camera-instructions span{color:#f6f4ef;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008a;border-radius:999px;max-width:320px;padding:10px 14px;font-size:.94rem;font-weight:900}.camera-close-button{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:#f6f4ef;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;background:#0000008a;border:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;box-shadow:0 12px 34px #00000057}.sampling-meter{left:28px;right:28px;bottom:max(118px, calc(env(safe-area-inset-bottom) + 108px));background:#ffffff2e;border-radius:999px;height:10px;position:absolute;overflow:hidden}.sampling-meter span{background:#81e66f;height:100%;transition:width .12s;display:block}.shutter-button{left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 18px));color:#f6f4ef;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:manipulation;background:#0000006b;border:0;border-radius:999px;grid-template-rows:84px auto;place-items:center;gap:8px;width:148px;height:148px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 18px 48px #0000006b}.shutter-button span{background:#f6f4ef;border:7px solid #a6f1ff;border-radius:50%;width:78px;height:78px;box-shadow:0 0 0 4px #f6f4efbf}.shutter-button strong{letter-spacing:0;text-align:center;max-width:120px;font-size:.86rem;line-height:1.05}.shutter-button:disabled{opacity:.72}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:18px 22px 22px;display:flex}.manual-group{align-items:center;gap:8px;min-width:0;display:inline-flex}.camera-manual-fallback{left:50%;bottom:max(184px, calc(env(safe-area-inset-bottom) + 172px));background:#0000006b;border-radius:8px;justify-content:center;padding:8px;position:absolute;transform:translate(-50%)}.manual-picker{color:#d7d1c6;background:#ffffff14;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 12px 0 16px;font-weight:800;display:inline-flex}.manual-picker input{background:0 0;border:0;width:38px;height:38px;padding:0}.results-layout{gap:18px;padding:0 22px 24px;display:grid;position:relative}.score-block{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-items:center;gap:2px;padding:28px 12px;display:grid}.score-block p{color:#f5c451;text-transform:uppercase;margin-bottom:0;font-weight:900}.score-block strong{font-size:clamp(4rem,16vw,8rem);line-height:.9}.score-block span{color:#d7d1c6;font-weight:800}.score-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.score-confetti span{top:48px;left:var(--confetti-left);background:var(--confetti-color);opacity:0;width:9px;height:16px;transform:translate3d(0, 0, 0) rotate(var(--confetti-rotation));animation:confetti-fall .9s cubic-bezier(.2, .72, .38, 1) var(--confetti-delay) both;border-radius:2px;position:absolute}.swatch-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.swatch{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;min-width:0;overflow:hidden}.swatch>span{height:92px;display:block}.swatch p,.swatch strong,.swatch code{margin:0;padding-inline:12px;display:block}.swatch p{color:#a6f1ff;text-transform:uppercase;padding-top:12px;font-size:.78rem;font-weight:900}.swatch strong{overflow-wrap:anywhere;padding-top:3px}.swatch code{color:#d7d1c6;padding-top:3px;padding-bottom:12px}.verification{border-radius:8px;align-items:center;gap:10px;padding:13px 14px;font-weight:900;display:flex}.verification--verified{color:#15220f;background:#81e66f}.verification--unranked{color:#2c2007;background:#f5c451}.verification--moderation-approved{color:#15220f;background:#81e66f}.verification--moderation-pending_review{color:#2c2007;background:#f5c451}.verification--moderation-rejected{color:#f6f4ef;background:#a84848}.verification--moderation-not_required{color:#d7d1c6;background:#ffffff14}.save-panel{grid-template-columns:minmax(0,1fr) 104px auto;gap:12px;display:grid}.save-panel label{gap:7px;min-width:0;display:grid}.save-panel label span{color:#d7d1c6;text-transform:uppercase;font-size:.78rem;font-weight:900}.save-panel input{color:#f6f4ef;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;min-width:0;height:48px;padding:0 12px}.field-hint{color:#a6f1ff;font-size:.78rem;font-weight:800}.toast{pointer-events:none;color:#151517;background:#f5c451;border-radius:8px;padding:12px 14px;font-weight:900;animation:.18s ease-out both toast-in;position:absolute;bottom:22px;left:22px;right:22px;box-shadow:0 14px 40px #00000059}.leaderboard-panel{align-self:start;padding:18px;position:sticky;top:24px}.panel-heading{color:#f5c451;align-items:center;gap:10px;margin-bottom:16px;display:flex}.panel-heading h2{letter-spacing:0;margin:0;font-size:1.05rem}.leaderboard-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{color:#d7d1c6;grid-template-columns:24px 18px 48px minmax(0,1fr) 54px;align-items:center;gap:9px;min-height:44px;display:grid}.leaderboard-list i{border:2px solid #ffffffb3;border-radius:50%;width:18px;height:18px}.leaderboard-list strong{color:#f6f4ef}.leaderboard-list em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.leaderboard-list b{color:#81e66f;text-align:right}.empty-board{background:#ffffff0f;border-radius:8px;padding:20px}.empty-board p{margin-bottom:6px;font-weight:900}.empty-board span{color:#d7d1c6}.loader{border:6px solid #ffffff24;border-top-color:#a6f1ff;border-radius:50%;width:54px;height:54px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0, -18px, 0) rotate(var(--confetti-rotation)) scale(.7)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift), 210px, 0) rotate(calc(var(--confetti-rotation) + 260deg)) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.loader,.score-confetti span,.toast{animation:none}}@media (width<=920px){.app-shell{grid-template-columns:1fr;gap:0;padding:0}.game-surface,.leaderboard-panel{border-inline:0;border-radius:0}.game-surface{min-height:100vh}.leaderboard-panel{position:static}}@media (width<=640px){.topbar,.action-panel,.result-actions{padding-inline:16px}.topbar,.action-panel{flex-direction:column;align-items:stretch}.daily-pill{width:fit-content}.intro-layout,.reveal-screen{min-height:calc(100vh - 164px)}.target-stage{min-height:52vh}.save-panel,.swatch-row{grid-template-columns:1fr}.toast{position:fixed;bottom:12px;left:12px;right:12px}}