:root{--bg:#020806;--bg2:#08130f;--ink:#ece9f4;--muted:#7c8a90;--gold:#ead7a8;--ember:#d98a5e;--violet:#6fb8b5;--line:#ead7a829;--display:"Zodiak", Georgia, "Times New Roman", serif;--sans:"Clash Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.23, 1, .32, 1);--ease-io:cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);font:17px / 1.6 var(--sans);background:radial-gradient(120% 80% at 50% -10%, #0d201a 0%, var(--bg2) 38%, var(--bg) 100%);min-height:100dvh;margin:0;overflow:hidden}#stars{z-index:0;pointer-events:none;position:fixed;inset:0}#app{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:560px;min-height:100dvh;margin:0 auto;padding:28px 22px;display:flex;position:relative}.screen{width:100%;animation:rise .55s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--violet);margin-bottom:18px;font-size:12.5px}h1{font-family:var(--display);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(28px,7vw,42px);font-weight:400;line-height:1.16}h1 .accent{color:var(--gold);font-style:italic}p.sub{color:var(--muted);max-width:30em;margin:0 auto 30px;font-size:16px}.field{max-width:340px;margin:24px auto 8px}input[type=date],input[type=time],input.city{border:1px solid var(--line);width:100%;color:var(--ink);transition:border-color .2s var(--ease), background .2s var(--ease);text-align:center;background:#ffffff0a;border-radius:14px;outline:none;padding:15px 16px;font-size:18px}input:focus{border-color:var(--gold);background:#ffffff12}input::-webkit-calendar-picker-indicator{filter:invert(.7)sepia()saturate(3)hue-rotate(5deg)}.btn{appearance:none;cursor:pointer;font:500 16px / 1 var(--sans);letter-spacing:.04em;color:#0b1511;background:linear-gradient(180deg, #f4e6bd, var(--gold));transition:transform .16s var(--ease), box-shadow .2s var(--ease), opacity .2s var(--ease);border:none;border-radius:999px;margin-top:26px;padding:16px 34px;box-shadow:0 8px 30px #e8c87a38}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.4;cursor:default;box-shadow:none;transform:none}.ghost{color:var(--muted);cursor:pointer;text-underline-offset:3px;transition:color .16s var(--ease);background:0 0;border:none;margin-top:18px;font-size:14px;text-decoration:underline;display:inline-block}.dots{z-index:6;justify-content:center;gap:8px;display:flex;position:fixed;bottom:48px;left:0;right:0}.dot{width:7px;height:7px;transition:background .3s var(--ease), box-shadow .3s var(--ease);background:#ffffff29;border-radius:50%}.dot.on{background:var(--gold);box-shadow:0 0 10px var(--gold)}.ac{max-width:340px;margin:0 auto;position:relative}.menu{border:1px solid var(--line);text-align:left;z-index:5;background:#0b1a15;border-radius:14px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 18px 40px #00000080}.opt{cursor:pointer;transition:background .15s var(--ease);border-bottom:1px solid #ffffff0d;padding:12px 16px;font-size:15px}.opt:last-child{border-bottom:none}.opt.hl{background:#6fb8b524}.opt small{color:var(--muted)}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-1px);box-shadow:0 12px 34px #e8c87a52}.ghost:hover{color:var(--violet)}.opt:hover{background:#6fb8b524}}.orb{background:radial-gradient(circle at 35% 30%, #fff6df, var(--gold) 40%, #2e5f54 100%);width:64px;height:64px;transition:box-shadow 1.6s var(--ease), background 1.6s var(--ease);border-radius:50%;margin:6px auto 22px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 50px #e8c87a73}@keyframes pulse{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.orb.judging{background:radial-gradient(circle at 35% 30%,#ffe7c0,#d9826a 38%,#703a33 100%);animation-duration:1s;box-shadow:0 0 78px #d96e5a8c}.spin{letter-spacing:.3em;text-transform:uppercase;color:var(--violet);min-height:1.1em;margin-bottom:14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.narr{font-family:var(--display);color:var(--ink);max-width:13em;min-height:2.5em;transition:opacity .38s var(--ease), transform .38s var(--ease);margin:0 auto 20px;font-size:clamp(19px,5.4vw,27px);font-style:italic;line-height:1.3}.narr.jab{color:var(--gold);font-style:normal}.cer{max-width:230px;margin:2px auto 0}.cer svg{width:100%;display:block;overflow:visible}.cn{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .55s var(--ease), transform .55s var(--ease);transform:scale(.25)}.cn.lit{opacity:1;transform:scale(1)}.cn.empty{opacity:.55;transition:none;transform:scale(1)}.cn.empty circle{stroke:#ead7a847;stroke-dasharray:3 4}.cn.empty text{fill:#ece9f466;font-size:11px}.cl{stroke:#ead7a880;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--ease)}.cl.hard{stroke:#d98a5ebf;stroke-width:1.3px}.cl.draw{stroke-dashoffset:0}.cn circle{fill:#0d0b20d9;stroke:#e8c87a73;stroke-width:1px}.cn text{fill:var(--ink);text-anchor:middle;dominant-baseline:central;font-size:13px}.cpath{fill:none;stroke:var(--gold);stroke-width:1.1px;opacity:.8;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.1s var(--ease)}.cpath.draw{stroke-dashoffset:0}.ccap{letter-spacing:.05em;color:var(--muted);min-height:1.7em;transition:opacity .3s var(--ease);margin-top:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.ctier{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:0;transition:opacity .6s var(--ease);margin-top:6px;font-size:12px}.ctier.on{opacity:1}.spin.lock{color:var(--gold)}.roast{font-family:var(--display);color:var(--ink);white-space:pre-wrap;min-height:3em;margin:8px 0 4px;font-size:clamp(20px,5vw,27px);line-height:1.5}.roast .cur{color:var(--gold);font-weight:600;animation:1.05s step-end infinite blink}@keyframes blink{50%{opacity:0}}.stamp{letter-spacing:.28em;text-transform:uppercase;color:var(--violet);margin-top:22px;font-size:12px}.err{color:#ff9a9a;margin-top:18px;font-size:15px}#moon{z-index:40;pointer-events:none;background:radial-gradient(circle,#020806 60%,#06120e 100%);border-radius:50%;width:170vmax;height:170vmax;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)translate(-160vmax);box-shadow:0 0 0 1px #ead7a852,0 0 60px 8px #ead7a812}@media (prefers-reduced-motion:reduce){*{transition-duration:80ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.orb{animation:none}}