:root{--bg:#17191f;--ink:#f2efe8;--muted:#a9adb8;--panel:#14161cc7;--accent:#e9b949;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app canvas{display:block}#hud{pointer-events:none;position:fixed;inset:0}#room{letter-spacing:.01em;text-shadow:0 1px 3px #0009;font-size:18px;font-weight:650;position:absolute;top:14px;left:16px}#help{color:var(--muted);background:var(--panel);border-radius:6px;padding:5px 9px;font-size:12px;position:absolute;bottom:12px;left:16px}#stats{color:var(--muted);background:var(--panel);border-radius:6px;padding:5px 9px;font:12px ui-monospace,monospace;position:absolute;bottom:12px;right:12px}body.no-hud #hud{display:none}#loading{background:var(--bg);text-align:center;place-content:center;gap:12px;transition:opacity .4s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .track{background:#2a2d36;border-radius:3px;width:240px;height:6px;overflow:hidden}#loading-bar{background:var(--accent);width:0;height:100%;transition:width .15s}#loading .error{color:#ffb4a8;max-width:420px}#round{text-align:right;text-shadow:0 1px 3px #0009;position:absolute;top:12px;right:16px}#timer{letter-spacing:.02em;font:700 28px/1 ui-monospace,SF Mono,monospace}#timer.low{color:#ff8a73}#tally{color:var(--ink);margin-top:4px;font-size:14px}#sack{letter-spacing:2px;max-width:44vw;margin-top:6px;font-size:22px}#prompt{background:var(--panel);border:1px solid #e9b94999;border-radius:8px;padding:8px 14px;font-weight:600;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}#toasts{pointer-events:none;z-index:5;justify-items:center;gap:8px;display:grid;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border-left:4px solid var(--muted);border-radius:8px;padding:8px 14px;font-weight:600;transition:opacity .5s,transform .5s}.toast.good{border-left-color:#7fd67a}.toast.bad{border-left-color:#ff7a66}.toast.out{opacity:0;transform:translateY(-8px)}#overlay{z-index:10;background:#0c0d119e;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}#overlay[hidden]{display:none}.card{background:#20232b;border:1px solid #343846;border-radius:14px;width:min(640px,100%);padding:24px 26px;box-shadow:0 20px 60px #00000073}.card h1{letter-spacing:-.01em;margin:0 0 6px;font-size:34px}.card h2{margin:18px 0 10px;font-size:17px}.card .lede{color:var(--muted);margin:0}.card .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;font-weight:700}button{font:inherit;color:inherit;cursor:pointer}button.primary{background:var(--accent);color:#1c1a14;border:0;border-radius:10px;width:100%;margin-top:18px;padding:12px 16px;font-size:16px;font-weight:750}button.primary:focus-visible,.choice:focus-visible,.character:focus-visible{outline-offset:2px;outline:3px solid #fff}kbd{text-align:center;background:#2b2f3a;border:1px solid #4a4f60;border-bottom-width:2px;border-radius:5px;min-width:1.8em;padding:1px 6px;font:600 12px ui-monospace,monospace;display:inline-block}.characters{flex-wrap:wrap;gap:10px;display:flex}.character{background:#262a33;border:2px solid #343846;border-radius:10px;justify-items:center;gap:6px;padding:10px 14px;display:grid}.character[aria-pressed=true]{border-color:var(--accent);background:#2e2c24}.character .swatch{border-radius:19px 19px 6px 6px;width:38px;height:54px}.controls{border-collapse:collapse;font-size:13px}.controls td{color:var(--muted);padding:3px 12px 3px 0}.controls td:first-child{white-space:nowrap}.question h2{margin:4px 0 16px;font-size:22px;line-height:1.3}.choices{gap:10px;display:grid}.choice{text-align:left;background:#282c36;border:1px solid #3a3f4e;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:16px;display:flex}.choice:hover{border-color:var(--accent)}.choice.picked{border-color:var(--accent);background:#3a3523}.reveal{text-align:center;overflow:hidden}.reveal.beast{background:linear-gradient(#3a1d1d,#20232b 70%);border-color:#6b2d27}.reveal.cute{background:linear-gradient(#24342a,#20232b 70%)}.hatch{place-items:center;height:170px;display:grid;position:relative}.egg{background:radial-gradient(circle at 35% 30%,#fffbe8,#f6dc8c 60%,#e2b850);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;width:96px;height:128px;box-shadow:inset -8px -10px #00000014}.reveal.cracking .egg{animation:.3s ease-in-out infinite wobble}.reveal.hatched .egg{animation:.5s ease-out forwards crack}.animal{opacity:0;font-size:104px;line-height:1;position:absolute;transform:scale(.2)translateY(30px)}.reveal.hatched .animal{animation:.55s cubic-bezier(.2,1.6,.4,1) .15s forwards pop}.reveal .line{opacity:0;margin:6px 0 2px;font-size:30px}.reveal .noise{color:var(--muted);opacity:0;margin:0;font-style:italic}.reveal.hatched .line,.reveal.hatched .noise{animation:.4s ease-out .45s forwards fade}.reveal .sub{color:var(--ink)}@keyframes wobble{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes crack{to{opacity:0;filter:blur(2px);transform:scale(1.3)}}@keyframes pop{to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fade{to{opacity:1}}@media (prefers-reduced-motion:reduce){.reveal.cracking .egg,.reveal.hatched .egg,.reveal.hatched .animal,.reveal.hatched .line,.reveal.hatched .noise{animation-duration:10ms}}.end .score{font-size:44px}.end .stats{color:var(--muted);margin:0}.sack{flex-wrap:wrap;gap:8px;display:flex}.sack .item{background:#282c36;border-radius:10px;justify-items:center;min-width:84px;padding:8px 10px;font-size:12px;display:grid}.sack .emoji{font-size:34px}.sack .empty{color:var(--muted);margin:0}.end textarea{resize:vertical;width:100%;color:var(--ink);font:inherit;background:#181a20;border:1px solid #3a3f4e;border-radius:10px;padding:10px 12px}.end .count{text-align:right;color:var(--muted);margin-top:4px;font-size:12px;display:block}@media (max-width:560px){.card{padding:18px 16px}.card h1{font-size:28px}#help{display:none}}.qhead{justify-content:space-between;align-items:baseline;display:flex}.qhead .secs{color:var(--ink);font:700 18px ui-monospace,monospace}.countdown{background:#2f333e;border-radius:3px;height:6px;margin:2px 0 12px;overflow:hidden}.countdown .fill{background:var(--accent);transform-origin:0;height:100%;transition:transform .1s linear,background .3s}.question.hurry .countdown .fill{background:#ff7a66}.question.hurry .secs{color:#ff8a73}.question.timeout .choice{opacity:.5}.signin .gis{min-height:44px;margin-top:18px}.signin .gis iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.signin .error{color:#ffb4a8;margin:12px 0 0}.signin .links{color:var(--muted);margin:18px 0 0;font-size:13px}.signin .links a{color:var(--muted)}.dev-login{border-top:1px dashed #3a3f4e;margin-top:18px;padding-top:12px}.dev-login input{width:100%;color:var(--ink);font:inherit;background:#181a20;border:1px solid #3a3f4e;border-radius:10px;padding:10px 12px}.rarity-common{--egg:radial-gradient(circle at 35% 30%, #fffdf4, #f2e6cc 60%, #d6c4a0);--tier:#d9ccb0}.rarity-uncommon{--egg:radial-gradient(circle at 35% 30%, #e6ffe9, #9fdcab 60%, #34965a);--tier:#7fe39a}.rarity-rare{--egg:radial-gradient(circle at 35% 30%, #e8f3ff, #70acf4 60%, #2c63c4);--tier:#7fbaff}.rarity-epic{--egg:radial-gradient(circle at 35% 30%, #f3e6ff, #a45ed6 60%, #5f2b9a);--tier:#d39bff}.rarity-legendary{--egg:radial-gradient(circle at 35% 30%, #fffbe0, #fac434 55%, #c07c10);--tier:#ffd23a}.mini-egg{vertical-align:-2px;background:var(--egg);width:12px;height:16px;box-shadow:0 0 6px color-mix(in srgb, var(--tier) 50%, transparent);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;display:inline-block}.rarities{flex-wrap:wrap;gap:8px;display:flex}.tier{border:1px solid color-mix(in srgb, var(--tier) 45%, transparent);background:#262a33;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:flex}.tier .name{color:var(--tier);font-weight:600}.tier .pts{color:var(--muted)}.card .fine{color:var(--muted);margin:6px 0 0;font-size:13px}.question .eyebrow{color:var(--tier,var(--muted))}.question.rarity-epic,.question.rarity-legendary{border-color:color-mix(in srgb, var(--tier) 60%, transparent)}.reveal .egg{background:var(--egg,radial-gradient(circle at 35% 30%, #fffbe8, #f6dc8c 60%, #e2b850))}.reveal .badge{letter-spacing:.12em;text-transform:uppercase;color:#15171c;background:var(--tier);opacity:0;border-radius:999px;margin:0;padding:2px 12px;font:700 12px/1.6 system-ui,sans-serif;display:inline-block}.reveal.hatched .badge{animation:.3s ease-out .35s forwards fade}.reveal.rarity-legendary.cute{background:radial-gradient(circle at 50% 22%,#6b5214,#2a2616 55%,#20232b);border-color:#c99a1e}.reveal.rarity-epic.cute{background:radial-gradient(circle at 50% 22%,#4a2a6b,#262033 55%,#20232b);border-color:#7f4bb3}.reveal.rarity-legendary.hatched .hatch:before,.reveal.rarity-epic.hatched .hatch:before{content:"";pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--tier) 35%, transparent) 0 10deg, transparent 10deg 30deg);animation:8s linear infinite spin;position:absolute;inset:-40px;-webkit-mask:radial-gradient(circle,#000 20%,#0000 65%);mask:radial-gradient(circle,#000 20%,#0000 65%)}@keyframes spin{to{transform:rotate(1turn)}}.sack .item{border:1px solid color-mix(in srgb, var(--tier,#282c36) 55%, transparent)}.sack .item.rarity-legendary,.sack .item.rarity-epic{box-shadow:0 0 10px color-mix(in srgb, var(--tier) 40%, transparent)}@media (prefers-reduced-motion:reduce){.reveal.hatched .hatch:before{animation:none}.reveal.hatched .badge{animation-duration:10ms}}