:root{--ink:#1a1230;--veil:#2a1f47;--veil-2:#352a55;--bone:#efe7d8;--bone-dim:#b3a996;--gilt:#e5b84b;--sage:#7fb88a;--amber:#d9a441;--rose:#c86b85;--ring:min(72vw, 340px);font-size:16px}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:radial-gradient(120% 90% at 50% 0%, #241a3e 0%, var(--ink) 60%);color:var(--bone);-webkit-tap-highlight-color:transparent;justify-content:center;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}#app{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:480px;min-height:100%;padding:1.25rem 1rem 2rem;display:flex}header{text-align:center}h1{letter-spacing:.06em;text-transform:uppercase;color:var(--gilt);text-shadow:0 0 24px #e5b84b40;font-family:Fraunces,Georgia,serif;font-size:clamp(1.9rem,8vw,2.4rem);font-weight:600}.tagline{color:var(--bone-dim);margin-top:.15rem;font-family:Fraunces,Georgia,serif;font-size:.95rem;font-style:italic}.puzzle-no{font-variant-numeric:tabular-nums;color:var(--bone-dim);letter-spacing:.2em;margin-top:.4rem;font-size:.8rem}.arena{width:var(--ring);height:var(--ring);place-items:center;display:grid;position:relative}.ring{position:absolute;inset:0}.ring circle.track{fill:none;stroke:var(--veil-2);stroke-width:2px}.notch{fill:var(--veil-2);stroke:var(--ink);stroke-width:2px;transition:fill .4s}.notch.win{fill:var(--sage)}.notch.tie{fill:var(--amber)}.notch.loss{fill:var(--rose)}.clash{-webkit-user-select:none;user-select:none;align-items:center;gap:1.1rem;font-size:clamp(2.6rem,12vw,3.4rem);display:flex}.hand{text-align:center;min-width:1.4em;display:inline-block}.hand.oracle{transform:scaleX(-1)}.vs{color:var(--bone-dim);letter-spacing:.15em;font-family:Fraunces,Georgia,serif;font-size:1rem}@keyframes shake{0%,to{transform:translateY(0)}25%{transform:translateY(-.35em)}75%{transform:translateY(.12em)}}@keyframes shake-flip{0%,to{transform:scaleX(-1)translateY(0)}25%{transform:scaleX(-1)translateY(-.35em)}75%{transform:scaleX(-1)translateY(.12em)}}.shaking .hand{animation:.28s ease-in-out 3 shake}.shaking .hand.oracle{animation:.28s ease-in-out 3 shake-flip}@media (prefers-reduced-motion:reduce){.shaking .hand,.shaking .hand.oracle{animation:none}.notch{transition:none}}.verdict{color:var(--bone-dim);min-height:1.4em;font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-style:italic;position:absolute;bottom:12%}.verdict.win{color:var(--sage)}.verdict.tie{color:var(--amber)}.verdict.loss{color:var(--rose)}.score{letter-spacing:.12em;color:var(--bone-dim);font-variant-numeric:tabular-nums;gap:1.6rem;font-size:.85rem;display:flex}.score b{color:var(--bone);font-weight:600}.throws{justify-content:center;gap:.8rem;width:100%;margin-top:auto;display:flex}.throw-btn{aspect-ratio:1/1.1;border:1px solid var(--veil-2);background:linear-gradient(180deg, var(--veil) 0%, #241a3e 100%);max-width:128px;color:var(--bone);cursor:pointer;touch-action:manipulation;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.3rem;font-size:2rem;transition:transform .12s,border-color .12s;display:flex}.throw-btn small{letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim);font-size:.7rem}.throw-btn:hover:not(:disabled){border-color:var(--gilt)}.throw-btn:active:not(:disabled){transform:scale(.94)}.throw-btn:focus-visible{outline:2px solid var(--gilt);outline-offset:3px}.throw-btn:disabled{opacity:.35;cursor:default}.panel{background:var(--veil);border:1px solid var(--veil-2);text-align:center;border-radius:18px;flex-direction:column;gap:.8rem;width:100%;margin-top:auto;padding:1.2rem;display:flex}.panel h2{color:var(--gilt);font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:600}.panel .reveal{color:var(--bone);font-family:Fraunces,Georgia,serif;font-style:italic;line-height:1.45}.grid-preview{letter-spacing:.1em;font-size:1.15rem}.panel .quote{color:var(--bone-dim);font-family:Fraunces,Georgia,serif;font-size:.95rem;font-style:italic;line-height:1.4}.quote-src{letter-spacing:.1em;margin-top:.3rem;font-size:.72rem;font-style:normal;display:block}.stats-row{color:var(--bone-dim);letter-spacing:.08em;font-variant-numeric:tabular-nums;justify-content:center;gap:1.8rem;font-size:.8rem;display:flex}.stats-row b{color:var(--bone);font-size:1.3rem;display:block}.share-btn{background:var(--gilt);color:var(--ink);letter-spacing:.06em;cursor:pointer;border:none;border-radius:12px;padding:.85rem 1rem;font-size:1rem;font-weight:700;transition:transform .12s}.share-btn:active{transform:scale(.97)}.share-btn:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.countdown{color:var(--bone-dim);font-variant-numeric:tabular-nums;font-size:.8rem}