:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1016;--fg:#f1efe9;--muted:#9a9fae;--line:#2a2e3b;--card:#161925;--card-hi:#1d2130;--accent:#f5b942;--accent-fg:#14120b;--ok:#34d399;--miss:#ef4444;--warn:#fb7185;--warn-soon:#f5b942;--tile-live:#ffffff42;--primary:#f5b942;--primary-fg:#14120b}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;padding:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}body{flex-direction:column;min-height:100dvh;display:flex}main{flex:1 0 auto;width:100%;max-width:520px;margin:0 auto;padding:12px 16px 32px}a{color:var(--fg)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted);font-size:14px}.small{font-size:13px}.center{text-align:center}.h1{letter-spacing:-.01em;margin:8px 0 4px;font-size:24px;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:11px;font-weight:700}.link{color:var(--muted);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.row2>.share,.row3>.share{min-width:0}.site{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.site__inner{justify-content:space-between;align-items:center;max-width:520px;margin:0 auto;padding:10px 16px;display:flex}.site__home{color:var(--fg);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.site__mark{flex-shrink:0;width:22px;height:22px}.site__mark-tile{fill:var(--fg)}.site__mark-bar{fill:var(--bg)}.site__mark-hot{fill:var(--accent)}.site__name{letter-spacing:-.01em;font-size:19px;font-weight:800}.site__nav{align-items:center;gap:12px;display:flex}.site__link{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.site__cta{color:var(--primary-fg);background:var(--primary);white-space:nowrap;border-radius:8px;padding:7px 12px;font-size:14px;font-weight:700;text-decoration:none}.foot{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:20px 16px 28px;font-size:13px;display:flex}.foot__by{align-items:center;gap:6px;display:flex}.foot__ss{color:var(--fg);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.foot__mark{width:18px;height:18px}.foot__mark-sq{fill:var(--fg)}.foot__mark-line{stroke:var(--bg)}.foot__nav{gap:14px;display:flex}.foot__nav a{color:var(--muted);text-decoration:none}.foot__note{font-size:12px}.btn{font:inherit;border:2px solid var(--line);min-height:48px;color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-weight:800;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.btn--big{width:100%;min-height:56px;font-size:19px}.btn--share{background:var(--fg);color:var(--bg);border-color:var(--fg);width:100%}.btn--copied{background:color-mix(in srgb, var(--ok) 20%, transparent);color:var(--ok);border-color:var(--ok)}.btn--share[data-state=idle]{animation:2.8s ease-in-out infinite share-glow}@keyframes share-glow{0%,to{box-shadow:0 0 10px 1px color-mix(in srgb, var(--accent) 30%, transparent)}50%{box-shadow:0 0 28px 6px color-mix(in srgb, var(--accent) 65%, transparent)}}.share{flex-direction:column;align-items:stretch;gap:6px;display:flex}.share__next{color:var(--muted);text-align:center;margin:0;font-size:13px}.share__next a{font-weight:700}.input{font:inherit;border:1px solid var(--line);min-height:48px;color:var(--fg);background:#0000004d;border-radius:12px;width:100%;padding:12px;font-size:17px}.input:focus{border-color:var(--accent);outline:none}.input--code{text-align:center;letter-spacing:.35em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.chip{border:2px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 16px;text-decoration:none;display:flex}.chip__name{font-size:18px;font-weight:800}.chip__go{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.modes{border:1px solid var(--line);background:#0000004d;border-radius:16px;width:100%;max-width:480px;margin:0 auto;padding:4px;font-size:13px;font-weight:800;display:grid;position:relative}.modes--compact{max-width:360px;font-size:12px}.modes__thumb{background:var(--fg);border-radius:12px;transition:transform .2s ease-out;position:absolute;top:4px;bottom:4px;left:4px}.modes__opt{z-index:1;font:inherit;text-transform:uppercase;letter-spacing:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;min-width:0;min-height:44px;padding:0 4px;font-weight:800;position:relative;overflow:hidden}@media (max-width:379px){.modes{font-size:12px}}.modes--compact .modes__opt{min-height:34px}.modes__opt--on{color:var(--bg)}.home{flex-direction:column;gap:18px;padding-top:8px;display:flex}.home__top{grid-template-columns:1fr;align-items:center;display:grid;container-type:inline-size}.home__title{text-align:center;letter-spacing:-.03em;text-transform:uppercase;min-width:0;margin:0;font-size:clamp(1.5rem,10.5cqw,2.75rem);font-weight:900;line-height:1}.home__blurb{text-align:center;color:var(--muted);margin:0;font-size:18px}.scorecard{border-color:color-mix(in srgb, var(--accent) 25%, var(--line))}.scorecard__head{align-items:baseline;gap:12px;display:flex}.scorecard__num{color:var(--accent);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:900;line-height:1}.scorecard .share-unit{margin-top:10px}.scorecard .row2{margin-top:14px}.share-unit{text-align:left;border:1px solid var(--line);background:#00000040;border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex}.share-unit__img{object-fit:contain;background:#ffffff0f;border-radius:10px;flex:none;width:64px;height:64px}.share-unit__lines{text-transform:uppercase;letter-spacing:.02em;flex-direction:column;flex:1;gap:3px;min-width:0;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.share-unit__lines li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.share-unit__lines li:first-child{color:var(--accent)}.share-unit__lines a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);text-underline-offset:3px}.share-unit__lines--bare{margin-top:10px}.share-unit__ans{text-transform:none;letter-spacing:0;color:var(--muted);font-size:12px;font-weight:600}.share-unit__ans b{color:var(--fg)}.play{flex-direction:column;gap:12px;display:flex}.play__head{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.play__home{font:inherit;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:8px 0;font-size:13px;font-weight:800;display:inline-flex}.play__home .site__mark{width:18px;height:18px}.play__streak{text-align:center;color:var(--accent);letter-spacing:-.04em;font-variant-numeric:tabular-nums;justify-self:center;font-size:52px;font-weight:900;line-height:1;animation:.3s ease-out pop;display:inline-block}@keyframes pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.play__right{justify-self:end;align-items:center;gap:10px;display:flex}.play__best{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-size:12px}@media (max-width:359px){.play__best{display:none}}.wheels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reel{box-shadow:inset 0 0 0 1px var(--line);perspective:420px;perspective-origin:50%;background:linear-gradient(#0000008c,#ffffff0d 50%,#0000008c);border:1px solid #0000;border-radius:14px;position:relative;overflow:hidden}.reel--empty{background:#0003}.reel__strip{will-change:transform;transform-style:preserve-3d}.reel--blur .reel__strip{filter:blur(1.2px)}.reel__item{backface-visibility:hidden;transform-origin:50%;justify-content:center;align-items:center;padding:0 8px;display:flex;overflow:hidden}.reel__text{text-align:center;letter-spacing:.01em;text-overflow:ellipsis;width:100%;font-weight:900;line-height:1.1;overflow:hidden}.reel__text--year{font-variant-numeric:tabular-nums;font-size:26px}.reel__text--cat{text-transform:uppercase;font-size:15px}.reel__frag{flex-direction:column;align-items:center;gap:1px;width:100%;display:flex}.reel__house{text-transform:uppercase;letter-spacing:.06em;width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:10.5px;font-weight:700;overflow:hidden}.reel__text--frag{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:16px;display:-webkit-box}.reel__text--sm{font-size:14px}.reel__text--xs{font-size:12px}.reel__dots{color:#ffffff40;background:#0e1016b3;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}.reel__fade{pointer-events:none;height:32px;position:absolute;left:0;right:0}.reel__fade--top{background:linear-gradient(to bottom, var(--bg), transparent);top:0}.reel__fade--bottom{background:linear-gradient(to top, var(--bg), transparent);bottom:0}.reel__window{pointer-events:none;border:1.5px solid #ffffff2e;border-radius:8px;height:64px;transition:border-color .15s,box-shadow .15s;position:absolute;top:32px;left:3px;right:3px}.reel--landed .reel__window{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 30%, transparent)}.reel--landed .reel__item--on .reel__text{color:var(--fg)}.reel--landed .reel__item:not(.reel__item--on)>*{opacity:.5}.reel--landed{animation:.18s ease-out reel-land}@keyframes reel-land{0%{transform:scale(1.04);box-shadow:inset 0 0 0 2px #ffffff59}to{transform:scale(1)}}.roll{text-align:center;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-height:20px;margin:-4px 0 0;font-size:13px;font-weight:600;overflow:hidden}.roll b{color:var(--fg);font-weight:800}.roll--q{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.timer{background:#ffffff14;border-radius:999px;width:100%;height:12px;margin-bottom:-4px;overflow:hidden}.timer__fill{transform-origin:0;background:var(--ok);border-radius:999px;width:100%;height:100%;transition:background-color .15s}.timer__fill[data-soon=true]{background:var(--warn-soon)}.timer__fill[data-warn=true]{background:var(--warn);animation:.4s ease-in-out infinite warn-pulse}@keyframes warn-pulse{50%{opacity:.55}}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tile{aspect-ratio:1/1.25;background:var(--card);min-height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);font:inherit;cursor:pointer;text-align:center;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;transition:border-color .15s,background-color .15s,opacity .2s;display:flex;position:relative;overflow:hidden}.tile:disabled{cursor:default}.tiles--empty .tile{background:color-mix(in srgb, var(--card) 45%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 50%, transparent)}.tiles--live .tile{border-color:var(--tile-live);background:var(--card-hi);box-shadow:0 6px 18px #00000059}.tiles--live .tile:active{border-color:var(--fg);transform:scale(.97)}.tile__key{color:var(--muted);font-variant-numeric:tabular-nums;opacity:.7;font-size:10px;font-weight:800;position:absolute;top:7px;left:9px}@media (hover:none) and (pointer:coarse){.tile__key{display:none}}.tile__label{letter-spacing:.005em;text-transform:uppercase;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;white-space:normal;width:100%;font-size:19px;font-weight:900;line-height:1.1;display:block}.tile--note .tile__label,.tile--perfumer .tile__label{text-transform:none}.tile__flag{font-size:40px;line-height:1}.tile__img{aspect-ratio:1;object-fit:contain;background:#ffffff0f;border-radius:10px;width:70%}.tile:has(.tile__img){aspect-ratio:1/1.45;justify-content:flex-start;padding-top:12px}.tile--checking{border-color:var(--fg)}.tile--correct{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, var(--card));box-shadow:none;animation:.3s ease-out pop}.tile--wrong{border-color:var(--miss);background:color-mix(in srgb, var(--miss) 12%, var(--card));box-shadow:none;animation:.25s ease-in-out shake}.tiles--graded .tile:not(.tile--correct):not(.tile--wrong){opacity:.45}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tile__mark{color:#111;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:flex;position:absolute;top:6px;right:6px}.tile__mark--correct{background:var(--ok)}.tile__mark--wrong{background:var(--miss)}.over{text-align:center;border-color:color-mix(in srgb, var(--accent) 25%, var(--line));flex-direction:column;gap:10px;margin-top:auto;padding:18px 16px 16px;display:flex}.over__streak{color:var(--accent);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-size:72px;font-weight:900;line-height:1}.over__best{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:-8px 0 0;font-size:12px}.over__msg{color:var(--muted);margin:0;font-size:14px}.over__msg b{color:var(--fg)}.over__rank{text-transform:uppercase;letter-spacing:.08em;min-height:20px;color:var(--muted);margin:0;font-size:13px;font-weight:700}.over__moment{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:2px 0 0;font-size:12px;font-weight:900}.over .row3 .btn{min-height:52px;padding:10px 4px;font-size:13px}.over .row3 .btn--share{font-size:13px}.signup{text-align:left;flex-direction:column;gap:8px;display:flex}.signup__label .input{min-height:44px;padding:10px 12px}.signup .btn--big{min-height:52px;font-size:17px}.signup__title{text-align:center;margin:0;font-size:17px;font-weight:800}.signup__blurb{text-align:center;color:var(--muted);margin:0;font-size:13px}.signup__label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);flex-direction:column;gap:3px;font-size:11px;display:flex}.signup__label .input{text-transform:none;letter-spacing:normal}.signup__fine{text-align:center;color:var(--muted);margin:0;font-size:11px}.signup__error{color:var(--miss);margin:0;font-size:14px}.signup__links{text-transform:uppercase;letter-spacing:.1em;justify-content:center;gap:16px;font-size:12px;display:flex}.overlay{z-index:10;background:#0009;flex-direction:column;align-items:center;min-height:100lvh;display:flex;position:fixed;inset:0}.overlay__panel{background:var(--card);border-radius:0 0 16px 16px;flex-direction:column;width:100%;max-width:520px;min-height:0;max-height:100%;padding:12px 16px 16px;display:flex;box-shadow:0 8px 24px #0006}.sheet__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet__title{font-weight:700}.sheet__close{cursor:pointer;color:var(--fg);background:0 0;border:0;font-size:26px;line-height:1}.board{flex-direction:column;gap:10px;display:flex}.board__head{flex-direction:column;align-items:center;gap:10px;display:flex}.board__day{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);justify-content:center;align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.board__nav{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--fg);cursor:pointer;background:0 0;border-radius:10px;font-size:16px}.board__nav:disabled{opacity:.25}.board__list{border:1px solid var(--line);background:var(--card);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.board__row{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;grid-template-areas:"rank name streak""rank roll streak";align-items:center;column-gap:12px;padding:12px 14px;display:grid}.board__row:last-child{border-bottom:0}.board__row--you{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:inset 3px 0 0 var(--accent)}.board__rank{text-align:right;color:var(--muted);grid-area:rank;font-family:ui-monospace,monospace;font-size:12px}.board__name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;min-width:0;font-weight:700;overflow:hidden}.board__name a{text-decoration:none}.board__youtag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-left:8px;font-size:10px}.board__roll{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:roll;font-size:12px;overflow:hidden}.board__streak{font-variant-numeric:tabular-nums;color:var(--fg);letter-spacing:-.03em;grid-area:streak;font-size:30px;font-weight:900}.board__row--you .board__streak{color:var(--accent)}.board__empty{text-align:center;color:var(--muted);padding:16px;font-size:14px}.profile{flex-direction:column;gap:12px;display:flex}.profile__name{text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:30px;font-weight:900;line-height:1}.profile__day{text-transform:uppercase;letter-spacing:.1em;color:var(--fg);margin:10px 0 0;font-size:13px}.tier{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.tier__name{text-transform:uppercase;letter-spacing:-.02em;margin-top:2px;font-size:26px;font-weight:900;line-height:1.1}.tier__pts{text-align:right}.progress{background:var(--line);border-radius:999px;height:6px;margin-top:12px;overflow:hidden}.progress__bar{background:var(--fg);border-radius:999px;height:100%;transition:width .4s}.awards{flex-direction:column;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.awards li{grid-template-columns:5.5em 1fr auto;align-items:baseline;gap:10px;font-size:14px;display:grid}.awards strong{font-variant-numeric:tabular-nums}.statgrid2{grid-template-columns:1fr 1fr;gap:16px 14px;margin-top:14px;display:grid}.stat__label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.stat__value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:2px;font-size:26px;font-weight:900;line-height:1.1}.stat__note{color:var(--muted);margin-top:2px;font-size:12px}.legal h2{margin:18px 0 6px;font-size:16px}.legal ul{padding-left:18px}.legal li{margin:6px 0}.legal a{color:var(--accent)}.ad{justify-content:center;margin:16px 0 0;display:flex}.ad--below-game{min-height:100px}@media (prefers-reduced-motion:reduce){.play__streak,.tile--correct,.tile--wrong,.reel--landed,.btn--share[data-state=idle],.timer__fill[data-warn=true]{animation:none}.modes__thumb{transition:none}}