:root{--font-display: "Literata", Georgia, serif;--font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;--font-mono: "Courier Prime", ui-monospace, monospace;--ink: oklch(.29 .03 45);--muted: oklch(.512 .035 55);--paper: oklch(.985 .011 91);--paper-edge: oklch(.906 .028 82);--primary: oklch(.577 .132 39);--on-primary: oklch(.985 .008 90);--honey: oklch(.803 .116 78);--danger: oklch(.55 .19 25);--shadow-paper: 0 1px 2px oklch(.4 .05 45 / .06), 0 10px 28px -12px oklch(.45 .07 45 / .28);--radius: 1rem;--bar: 3.25rem;--menu: 13rem;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font:16px/1.5 var(--font-sans);color:var(--ink);background:var(--style-background);min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.2}a{color:var(--primary)}.boot,.shell{min-height:100dvh}.bar{position:sticky;inset-block-start:0;z-index:10;display:flex;align-items:center;gap:.75rem;block-size:var(--bar);padding-inline:1rem;background:color-mix(in oklch,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-block-end:1px solid var(--paper-edge)}.bar .brand{font-family:var(--font-display);font-weight:700;color:var(--ink);text-decoration:none}.bar .lucky{font-size:.85rem;color:var(--muted)}.bar .grow{flex:1}.bar .coins{font-weight:700;text-decoration:none;color:var(--ink)}.bar .menu-toggle{display:none;background:none;border:0;font-size:1.4rem;cursor:pointer}.guest-banner{display:block;margin-inline-end:var(--menu);padding:.45rem 1rem;text-align:center;font-size:.9rem;background:var(--honey);color:var(--ink);text-decoration:none}.menu{position:fixed;inset-block:var(--bar) 0;inset-inline-end:0;inline-size:var(--menu);display:flex;flex-direction:column;gap:.15rem;padding:.75rem;background:var(--paper);border-inline-start:1px solid var(--paper-edge);overflow-y:auto}.menu a,.menu button{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:.6rem;color:var(--ink);text-decoration:none;background:none;border:0;text-align:start;cursor:pointer}.menu a.active{background:color-mix(in oklch,var(--accent) 30%,transparent);font-weight:600}.menu .icon{inline-size:1.4rem;text-align:center}.page{position:relative;padding:1.25rem 1rem 4rem;margin-inline-end:var(--menu);min-block-size:calc(100dvh - var(--bar))}.page-bg{position:fixed;inset:var(--bar) var(--menu) 0 0;z-index:-1;background-size:cover;background-position:center;opacity:.35}.column{max-inline-size:36rem;margin-inline:auto;display:grid;gap:1.25rem}.page h1{color:var(--art-ink);font-size:1.6rem}.page .lead{color:var(--art-muted);margin:0}@media(max-width:720px){.bar .menu-toggle{display:block}.menu{inset-inline-end:calc(-1 * var(--menu));transition:inset-inline-end .25s;box-shadow:var(--shadow-paper);z-index:20}.menu.open{inset-inline-end:0}.page,.guest-banner{margin-inline-end:0}.page-bg{inset-inline-end:0}}@media(orientation:landscape)and (max-height:600px){:root{--menu: 3.75rem}.menu .label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.menu .menu-toggle{display:none}.menu{inset-inline-end:0}.page{margin-inline-end:var(--menu)}}@media(orientation:landscape)and (min-width:721px){.with-scene{max-inline-size:72rem;grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);align-items:start}.with-scene .scene{position:sticky;inset-block-start:calc(var(--bar) + 1rem);max-block-size:calc(100dvh - var(--bar) - 2rem)}}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.2rem;border-radius:999px;border:0;cursor:pointer;background:var(--primary);color:var(--on-primary);font-weight:700;text-decoration:none;box-shadow:var(--shadow-paper)}.btn.secondary{background:var(--paper);color:var(--ink);border:1px solid var(--paper-edge);box-shadow:none}.btn.choice{background:var(--paper);color:var(--ink);border:2px solid var(--primary);padding-block:1.05rem;font-size:1.05rem}.btn:disabled{opacity:.55;cursor:default}.btn.wide{inline-size:100%}.panel{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-paper);display:grid;gap:.9rem}.field{display:grid;gap:.3rem}.field input{padding:.7rem .8rem;border-radius:.6rem;border:1px solid var(--paper-edge);background:#fff}.hint{font-size:.85rem;color:var(--muted);margin:0}.stack{display:grid;gap:.9rem}.stack.sub{border-block-start:1px solid var(--paper-edge);padding-block-start:.9rem}.link{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:4px;cursor:pointer;justify-self:start;font-size:.9rem}.with-eye{position:relative;display:block}.with-eye input{inline-size:100%;padding-inline-end:2.75rem}.eye{position:absolute;inset-block:0;inset-inline-end:0;padding-inline:.8rem;background:none;border:0;cursor:pointer}.field input.code{text-align:center;font-size:1.2rem;letter-spacing:.3em}.error{color:var(--danger);margin:0;font-size:.9rem}.divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;border-block-start:1px solid var(--paper-edge)}.streak{color:var(--art-muted);font-size:.95rem;margin:0}.scene{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--paper);border:1px solid var(--paper-edge);aspect-ratio:4 / 3}.scene video{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.scene .on-paper{position:absolute;inset-inline-start:0;inset-block-start:0;transform-origin:0 0;display:grid;place-items:center;white-space:pre-line;text-align:center;opacity:0;padding:8% 10%;font-family:var(--card-font);font-size:.8rem;line-height:1.3;color:#35251b;direction:ltr}.latest{position:relative;margin-inline:auto;inline-size:min(100%,26rem)}.latest>img{display:block;inline-size:100%;pointer-events:none;position:relative;z-index:1}.latest .card{position:absolute;overflow:hidden;display:grid;place-items:center;padding:8%;background:var(--card-bg) center / cover}.latest .card.round{border-radius:50%}.latest .card p{margin:0;font-family:var(--card-font);font-size:1.05rem;line-height:1.45;text-align:center;white-space:pre-line}.latest .ornament{position:absolute;inset-inline-end:6%;inset-block-start:4%;inline-size:14%;z-index:2}.caret:after{content:"▍";animation:blink .8s steps(2) infinite}@keyframes blink{50%{opacity:0}}.wheel{position:relative;inline-size:min(100%,26rem);margin-inline:auto;direction:ltr}.wheel .disc{position:absolute;aspect-ratio:1}.wheel .disc>img{display:block;inline-size:100%;block-size:100%}.wheel .prize{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;padding-block-start:6%;font-weight:800;pointer-events:none}.wheel .prize img{inline-size:9%;block-size:fit-content}.wheel .frame{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;pointer-events:none}.wheel .hub{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:3px solid;font-weight:800;text-transform:uppercase;font-size:.8rem;cursor:pointer;box-shadow:var(--shadow-paper)}.wheel .hub:disabled{cursor:default;opacity:.85}.legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;color:var(--art-ink)}.legend img{inline-size:1.5rem;vertical-align:middle}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}