:root{font-family:Nunito,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#dfffb0;color:#042b0c;--forest: #1f8b24;--forest-dark: #0b4412;--sunny: #ffd75c;--mint: #f1ffe3;--accent: #58cc02;--warning: #fbbf24}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#f6ffdf,#c0e98e);min-height:100vh}main{max-width:860px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.screen{border-radius:26px;padding:1.75rem;box-shadow:0 25px 45px #0f320c26;display:flex;flex-direction:column;gap:1rem}.screen.hero{background:linear-gradient(135deg,#fff,#f0ffd7)}.screen.secondary{background:#fff5d5}h1,h2,h3{margin:0;color:var(--forest-dark)}.subtitle{color:#376022;margin-top:-.25rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat{background:var(--mint);border-radius:20px;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.25rem;color:var(--forest-dark)}.stat strong{font-size:1.6rem}.card{border-radius:24px;padding:1.2rem 1.4rem;background:#ffffffe6;border:2px solid rgba(4,43,12,.08);display:flex;flex-direction:column;gap:.65rem}.card.emphasis{border-color:#58cc0266;background:#f1ffe3f2}.card.notice{background:#ffd75c33;border-color:#ffd75c80}.actions{display:flex;flex-wrap:wrap;gap:.75rem}button{background:linear-gradient(120deg,#58cc02,#2fa31b);border:none;color:#fff;font-size:1rem;padding:.9rem 1.35rem;border-radius:999px;cursor:pointer;min-height:48px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 15px 30px #044c1040}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.ghost{background:#042b0c14;color:var(--forest-dark);box-shadow:none}.warning-text{color:#b45309}.round-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.option button{width:100%}.progress{display:flex;justify-content:space-between;color:#265215;font-size:.95rem}.question{font-size:1.25rem;line-height:1.6}.choices{display:flex;flex-direction:column;gap:.75rem}.choice{background:#fff;color:var(--forest-dark);box-shadow:0 10px 20px #042b0c26;text-align:left;padding:1rem}.timer{width:100%;height:10px;background:#042b0c1a;border-radius:999px;overflow:hidden}.timer-bar{height:100%;background:linear-gradient(120deg,#fd0,#ff6b6b);transition:width .1s linear}.question-meta{display:flex;justify-content:space-between;color:#0f4012;font-size:.9rem}.note{font-size:.9rem;color:#042b0ca6}.banner{background:#ffffffe6;border-radius:999px;padding:.75rem 1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;border:2px solid rgba(4,43,12,.08)}.banner.warning{background:#ff6f6133;border-color:#ff6f6173}.banner.success{background:#8f83;border-color:#88ff8880}.result-card{text-align:center;border-radius:24px;padding:1.5rem;background:#fff;box-shadow:0 25px 45px #0f172a26}.result-card.correct{border:3px solid #84cc16;color:#3f6212}.result-card.incorrect{border:3px solid #f87171;color:#7f1d1d}.result-card .explanation{margin-bottom:1rem}.modal-backdrop{position:fixed;inset:0;background:#051108a6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.modal-backdrop.card-mode{background:radial-gradient(circle at center,#ffffff1a,#051108fa)}.modal{background:#fffef3;border-radius:28px;padding:1.5rem;max-height:90vh;overflow-y:auto;width:min(720px,100%);display:flex;flex-direction:column;gap:1rem}.modal header{display:flex;justify-content:space-between;align-items:center}.inventory.single{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.purchase .share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.purchase .status{text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;padding:.25rem .6rem;border-radius:999px;background:#e2e8f0}.purchase .status.redeemed{background:#bbf7d0;color:#166534}.purchase .status.unredeemed{background:#fee2e2;color:#b91c1c}.code{font-family:DM Mono,SFMono-Regular,Consolas,monospace;background:var(--forest-dark);color:#fff;padding:.3rem .6rem;border-radius:8px}.helper{color:#042b0cb3}.question-card{background:linear-gradient(135deg,#fff,#dfffb0)}.card-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.card-close{position:absolute;top:-32px;right:-32px;transform:none;background:#fffffff2;color:var(--forest-dark);box-shadow:0 8px 18px #0003;border-radius:999px;padding:.35rem 1rem;z-index:5}.prize-card{width:min(360px,80vw);height:540px;border-radius:28px;position:relative;overflow:hidden;transform:rotateY(8deg) rotateX(5deg);box-shadow:0 35px 65px #00000073;animation:float-card 6s ease-in-out infinite}.card-glow{position:absolute;inset:-40%;background:conic-gradient(from 0deg,#58cc02,#ffd75c,#7c3aed,#58cc02);animation:glow-spin 8s linear infinite}.card-face{position:absolute;inset:14px;border-radius:20px;background:radial-gradient(circle at 20% 20%,#ffffffbf,#ffffff1a);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.4);padding:1.5rem;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:1rem}.card-eyebrow{font-size:.9rem;letter-spacing:.2em}.card-code{font-size:1.8rem;letter-spacing:.25em}.card-instructions{font-size:.95rem;color:#ffffffd9}.card-actions{display:flex;gap:.75rem;align-self:flex-end;justify-content:flex-end}@keyframes float-card{0%{transform:rotateY(8deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(6deg) rotateX(7deg) translateY(-12px)}to{transform:rotateY(8deg) rotateX(5deg) translateY(0)}}@keyframes glow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){main{padding:1rem .75rem 2rem}.screen{padding:1.25rem}.card-actions,.actions{flex-direction:column}}.case-wheel.svelte-1dpx3ee{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.track-wrapper.svelte-1dpx3ee{position:relative;width:min(520px,100%);height:150px;border-radius:30px;background:radial-gradient(circle at 40% 40%,#253f1d,#091b0e 70%);border:6px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 25px 40px #061f0b59}.case-track.svelte-1dpx3ee{--slot-width: 130px;--slot-gap: .75rem;position:absolute;top:50%;left:50%;display:flex;gap:var(--slot-gap);transform:translate3d(calc(-50% - var(--offset) * (var(--slot-width) + var(--slot-gap))),-50%,0);transition:transform .1s linear}.case-slot.svelte-1dpx3ee{width:var(--slot-width);min-width:var(--slot-width);height:82px;border-radius:18px;background:#ffffff14;border:2px solid rgba(255,255,255,.25);color:#f6ffed;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 .6rem;font-weight:600;letter-spacing:.01em;box-shadow:0 18px 30px #0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.case-slot.played.svelte-1dpx3ee{opacity:.45}.case-slot.selected.svelte-1dpx3ee{border-color:var(--accent);color:var(--accent)}.case-slot.revealed.svelte-1dpx3ee{border-color:#ffd75c;color:#ffd75c;background:#ffd75c26}.case-pointer.svelte-1dpx3ee{position:absolute;top:0;bottom:0;left:50%;width:6px;transform:translate(-50%);background:linear-gradient(180deg,transparent,#ffd75c,transparent);box-shadow:0 0 16px #ffd75ccc;pointer-events:none}.status.svelte-1dpx3ee{font-size:.9rem;color:#1f3b15}.status.svelte-1dpx3ee strong:where(.svelte-1dpx3ee){color:var(--forest-dark)}.status.rolling.svelte-1dpx3ee{color:#0e2d11}.case-reveals.svelte-1dpx3ee{width:min(520px,100%);margin:1rem auto 0}.reveal-grid.svelte-1dpx3ee{display:flex;flex-wrap:wrap;gap:.75rem}.reveal-card.svelte-1dpx3ee{flex:1;min-width:160px;background:#fffffff2;border-radius:18px;border:2px solid rgba(4,43,12,.1);padding:.8rem 1rem;box-shadow:0 12px 30px #042b0c26}.reveal-card.svelte-1dpx3ee span:where(.svelte-1dpx3ee){font-size:.8rem;color:#042b0c99}.reveal-card.svelte-1dpx3ee strong:where(.svelte-1dpx3ee){display:block;color:var(--forest-dark);font-size:1.1rem}.helper.svelte-1dpx3ee{text-align:center;color:#042b0c99}.empty.svelte-1dpx3ee{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fffc;font-weight:600}@media(max-width:540px){.case-track.svelte-1dpx3ee{--slot-width: 110px}.track-wrapper.svelte-1dpx3ee{height:130px}.case-slot.svelte-1dpx3ee{height:72px;font-size:.85rem}}