@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
:root{font-family:'IBM Plex Sans',sans-serif;color:#000;background:#fff;font-synthesis:none;--blue:#245de5;--line:#d9dde3;--muted:#626873}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8cacff;outline-offset:4px}main{max-width:1000px;padding:0 48px;margin:auto}header{height:100px;display:flex;align-items:center;gap:32px}.wordmark{font-family:'Bricolage Grotesque',sans-serif;text-decoration:none;color:#000;font-size:30px;letter-spacing:-1.9px;font-weight:700}.wordmark span{display:inline-block;color:var(--blue);font-size:34px;vertical-align:-2px;margin-left:2px}.daily{color:var(--muted);font-size:14px;flex:1}.quiet{border:0;background:transparent;color:var(--muted);font-size:13px;padding:10px}.quiet:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}header .quiet{border:1px solid var(--line);border-radius:30px;padding:8px 17px;color:#000}.intro{display:flex;align-items:end;justify-content:space-between;padding:26px 0 30px;border-top:1px solid #000}.eyebrow{font-size:13px;font-weight:500;color:var(--muted)}h1,h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:500;letter-spacing:-1.4px}h1{font-size:58px;font-weight:700;letter-spacing:-3.5px;line-height:1.02;margin:13px 0}p{color:var(--muted);font-size:16px;line-height:1.5;margin:0}.total{text-align:right;padding-bottom:4px}.total>span,.history span{display:block;font-size:13px;color:var(--muted)}.total strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:64px;line-height:1.1;letter-spacing:-3px;margin-top:8px;font-weight:500;font-variant-numeric:tabular-nums}.total strong span{font-family:'IBM Plex Sans',sans-serif;font-size:16px;color:var(--muted);letter-spacing:0;margin-left:6px}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:52px;align-items:start}.board{display:grid;grid-template-columns:104px repeat(3,minmax(0,1fr));gap:0}.category{display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:600;text-align:center;line-height:1.35;padding:12px 8px;color:#41464f;transition:color .18s}.category.active{color:var(--blue)}.column{min-height:54px;align-items:start;padding-top:10px}.row{text-align:left;justify-content:start;padding-left:0;padding-right:18px}.tile{aspect-ratio:1;min-height:130px;background:#fff;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;position:relative;padding:13px 8px;color:#b1b8c2;transition:background .18s,transform .15s;isolation:isolate}.tile[data-index='0'],.tile[data-index='1'],.tile[data-index='2']{border-top:1px solid var(--line)}.tile[data-index='0'],.tile[data-index='3'],.tile[data-index='6']{border-left:1px solid var(--line)}.tile:hover{background:#eef3ff;color:var(--blue)}.tile:active{transform:scale(.97)}.tile.selected{background:var(--blue);color:#fff;border-color:var(--blue)}.tile.selected:after{content:'';position:absolute;inset:7px;border:1px solid #ffffff45;pointer-events:none}.tile .plus{font-family:'Bricolage Grotesque',sans-serif;font-size:31px;font-weight:400;line-height:1}.tile .answer-text{display:block;color:#363d48;font-size:14px;overflow-wrap:anywhere;line-height:1.15;max-height:48px;overflow:hidden}.tile .points{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:46px;font-weight:500;color:#000;line-height:1.1;margin-top:4px;letter-spacing:-2px;font-variant-numeric:tabular-nums}.tile .fits{font-size:11px;color:var(--muted);display:block;margin-top:5px}.tile.done{background:#eef3ff}.tile.done.selected{background:var(--blue)}.tile.selected .answer-text,.tile.selected .points{color:white}.tile.selected .fits{color:#dce7ff}.tile.pop{animation:stamp .5s cubic-bezier(.2,.8,.3,1)}.progress{display:flex;justify-content:space-between;padding:16px 0 0 104px;color:var(--muted);font-size:12px;gap:8px;flex-wrap:wrap}.progress span:first-child{color:#000}.progress-track{display:flex;gap:4px;width:100%;height:3px;margin-bottom:5px}.progress-track i{flex:1;background:#e9ecf1;transition:background .3s}.progress-track i.filled{background:var(--blue)}.entry{margin-top:54px;padding-top:18px;border-top:2px solid #000}.entry .eyebrow{color:var(--blue)}.entry h2{font-size:26px;line-height:1.3;letter-spacing:-1px;margin:14px 0 12px}.entry h2 span{color:#818b9d;font-weight:400;padding:0 4px}.entry p{font-size:14px;margin-bottom:24px;overflow-wrap:anywhere}label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}input{width:100%;padding:12px 0;border:0;border-bottom:1px solid #929ba9;border-radius:0;font-size:19px;background:transparent;outline:none}input:focus{border-color:var(--blue);box-shadow:0 2px 0 var(--blue)}input::placeholder{color:#818894;font-size:17px}.primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:4px;background:#000;color:white;padding:13px 16px;font-size:15px;font-weight:600;margin-top:20px;transition:background .18s,transform .15s}.primary:hover{background:var(--blue)}.primary:active{transform:translateY(2px)}.primary:disabled{background:#626873;cursor:default}small{display:block;font-size:12px;color:var(--muted);margin-top:12px;line-height:1.4}footer{border-top:1px solid var(--line);margin-top:42px;padding:20px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}footer p{font-size:12px}.demo-dot{display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:100%;margin-right:6px}.footer-note{display:block;margin-left:13px;font-size:11px}footer>div{display:flex;flex-shrink:0}.results{margin-top:44px;border-top:2px solid #000;scroll-margin-top:24px}.result-heading{text-align:left;padding:28px 0 32px}.result-heading .eyebrow{display:none}.result-heading h2{font-size:44px;font-weight:700;letter-spacing:-2px;margin:0 0 12px}.result-heading p{font-size:16px}.result-heading b{color:var(--blue);font-weight:600}.result-grid{display:grid;grid-template-columns:1fr 244px;gap:52px}.chart-top{display:flex;justify-content:space-between;font-size:14px}.chart-top span{color:var(--muted);font-size:12px}.histogram{height:140px;display:flex;align-items:flex-end;gap:5px;margin-top:35px;border-bottom:1px solid var(--line)}.bar{flex:1;background:#e0e5ee;border-radius:2px 2px 0 0;position:relative;min-height:4px}.bar.you{background:var(--blue)}.bar.you:before{content:'You';position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--blue);font-weight:600}.axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:8px 0 15px}.fine{font-size:12px;line-height:1.5;color:var(--muted);max-width:65ch}.share-card{text-align:center;display:flex;flex-direction:column;justify-content:center}#mini-grid{display:grid;grid-template-columns:repeat(3,30px);gap:3px;justify-content:center;margin:0 0 12px}#mini-grid span{height:30px;border-radius:0;background:#e4eaf7}#share-status{display:block;font-size:12px;color:var(--muted);margin-top:12px}.history{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 0;margin-top:30px;gap:12px}.history strong{display:block;font-family:'Bricolage Grotesque',sans-serif;margin-top:7px;font-size:23px;font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.reveal-row{display:flex;justify-content:space-between;font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}.reveal-row strong{font-family:'Bricolage Grotesque',sans-serif;font-size:18px}.reveal-total{font-family:'Bricolage Grotesque',sans-serif;font-size:52px;letter-spacing:-2px;color:var(--blue);margin:12px 0 0;line-height:1.1}.reveal-total small{font-family:'IBM Plex Sans',sans-serif;display:inline;font-size:14px;letter-spacing:0}.formula{font-size:12px;color:var(--muted);margin-top:9px}.revealing .reveal-row{animation:ink .3s both}.revealing .reveal-row:nth-child(2){animation-delay:.2s}.revealing .reveal-total,.revealing .formula{animation:ink .3s .4s both}dialog{border:0;border-radius:8px;max-width:440px;padding:35px;box-shadow:0 20px 100px #0002}dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}dialog h2{font-size:28px}dialog p{margin-top:18px}.close{float:right}.example{padding:15px;background:#eef3ff;color:var(--blue);margin-top:18px;font-size:16px}[hidden]{display:none!important}@keyframes stamp{0%{transform:scale(.94)}60%{transform:scale(1.025)}100%{transform:scale(1)}}@keyframes ink{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:850px){main{padding:0 24px;max-width:650px}.daily{display:none}header{height:82px;justify-content:space-between}.intro{padding:24px 0}h1{font-size:42px;letter-spacing:-2px}.intro p{font-size:14px}.total strong{font-size:38px}.play-area{grid-template-columns:1fr;gap:0}.board{grid-template-columns:88px repeat(3,minmax(0,1fr))}.tile{min-height:115px}.category{font-size:12px}.row{padding-right:12px}.progress{padding-left:88px}.entry{margin:30px 0 0;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.entry .eyebrow,.entry h2,.entry>p{grid-column:1}.entry h2{margin:8px 0}.entry p{margin-bottom:0}.entry form,.entry #reveal{grid-column:2;grid-row:1 / span 3}.entry form label{margin-top:0}.entry h2{font-size:23px}footer{margin-top:30px;align-items:start}.result-grid{grid-template-columns:1fr;gap:25px}.share-card{max-width:260px;margin:auto;width:100%}.history strong{font-size:20px}.result-heading h2{font-size:30px}.history span{font-size:12px}}@media(max-width:480px){main{padding:0 18px}.wordmark{font-size:27px}header{height:76px}.intro{align-items:center}.intro h1{font-size:29px;letter-spacing:-1px}.intro p{font-size:13px;max-width:23ch}.eyebrow{font-size:12px}.total strong{font-size:34px}.total strong span{font-size:13px;margin-left:3px}.total>span{font-size:12px}.board{grid-template-columns:69px repeat(3,minmax(0,1fr))}.category{font-size:11px}.column{min-height:46px;padding:7px 3px}.row{padding-right:8px}.tile{min-height:90px;padding:12px 5px}.tile .points{font-size:33px}.tile .answer-text{font-size:12px;max-height:30px}.tile .fits{font-size:9px}.tile.selected:after{inset:5px}.progress{padding-left:69px;font-size:11px}.progress #status{display:none}.entry{grid-template-columns:1fr;margin-top:26px;gap:0}.entry .eyebrow,.entry h2,.entry>p,.entry form,.entry #reveal{grid-column:1;grid-row:auto}.entry h2{font-size:25px}.entry h2 br{display:none}.entry p{margin-bottom:19px}.entry input{font-size:18px}.primary{margin-top:16px}footer{flex-direction:column;gap:10px}footer>div{margin-left:-10px}.history strong{font-size:17px}.history span{font-size:11px}.chart-top{font-size:13px}}
/* Charcoal game sheet: the selected square is the composer. */
:root{color-scheme:dark;background:#222326;color:#f5f5f4;--blue:#9cb8ff;--line:#484a50;--muted:#b0b2b9}main{max-width:900px}.wordmark{color:#f5f5f4}.intro{border-color:#606168}header .quiet{color:#f5f5f4}.play-area{display:block;max-width:690px;margin:auto}.board{grid-template-columns:108px repeat(3,minmax(0,1fr))}.category{color:#c6c7cd}.category.active{color:#b9cdff}.tile{background:#292a2e;color:#777b85;border-color:var(--line);min-height:155px}.tile:hover{background:#32343a;color:#c5d5ff}.tile.done{background:#2e3036}.tile.selected,.tile.done.selected{background:#343e55;border-color:#92b1ff}.tile.selected:after{inset:0;border:2px solid #92b1ff}.tile .answer-text{color:#e1e3e8}.tile .points{color:#f5f5f4}.tile .fits{color:#b4b8c2}.tile.editing{padding:18px 13px;display:flex;align-items:center}.tile form{width:100%;position:relative;z-index:1}.tile input{font-size:20px;color:white;width:100%;text-align:center;border-bottom:1px solid #8290aa;padding:10px 0;background:transparent;min-width:0}.tile input::placeholder{font-size:18px;color:#c6cedd}.tile input:focus{box-shadow:0 1px 0 #c2d4ff;border-color:#c2d4ff}.tile #submit{border:0;border-radius:3px;background:#dce6ff;color:#202b41;display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;margin-top:15px;font-size:13px;font-weight:600;min-height:36px}.tile #submit:hover{background:#fff}.tile #submit:disabled{opacity:.6}.progress{padding-left:108px}.progress span:first-child{color:#e1e3e8}.progress-track i{background:#45474e}.primary{background:#dce6ff;color:#202b41}.primary:hover{background:#fff}.score-detail{max-width:582px;margin:24px auto 0;padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 20px 1fr auto;gap:8px 12px;align-items:center}.score-detail .reveal-row{border:0;display:block;padding:0}.score-detail .reveal-row span{display:block;font-size:13px;color:var(--muted)}.score-detail .reveal-row strong{font-size:23px;display:block;margin-top:2px}.multiply{color:var(--muted)}.score-detail .reveal-total{font-size:38px;margin:0;text-align:right}.score-detail .formula{grid-column:1/-1;margin:4px 0 0;font-size:12px}.score-detail .primary{grid-column:1/-1;max-width:180px;justify-self:end;margin-top:6px;padding:10px}.results{border-color:#73757e}.bar{background:#555a66}.bar.you{background:#9cb8ff}.history{border-color:var(--line)}dialog{background:#2b2d32;color:#f5f5f4}.example{background:#343e55;color:#dce6ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){main{max-width:720px}.board{grid-template-columns:88px repeat(3,minmax(0,1fr))}.progress{padding-left:88px}.tile{min-height:140px}.score-detail{margin-left:88px}.intro h1{font-size:42px}}
@media(max-width:480px){main{padding:0 14px}.intro h1{font-size:29px}.board{grid-template-columns:62px repeat(3,minmax(0,1fr))}.category{font-size:11px}.tile{min-height:112px;aspect-ratio:auto;padding:9px 4px}.tile.editing{padding:9px 6px}.tile input{font-size:16px;padding:7px 0}.tile input::placeholder{font-size:13px}.tile #submit{font-size:12px;padding:7px 6px;margin-top:9px;min-height:34px}.tile .points{font-size:33px}.tile .fits{font-size:9px}.progress{padding-left:62px}.score-detail{margin-left:62px;grid-template-columns:1fr 10px 1fr;gap:9px 5px}.score-detail .reveal-row span{font-size:12px}.score-detail .reveal-total{grid-column:1/-1;text-align:left;font-size:35px}.score-detail .primary{width:100%;max-width:none}.total strong{font-size:34px}.result-heading h2{font-size:30px;letter-spacing:-1px}}
/* Earned-score color persists independently of selection. */
.score-low{--score-bg:#513633;--score-ink:#ffb3a4;--score-swatch:#d88778}
.score-mid{--score-bg:#4b422d;--score-ink:#f4d58d;--score-swatch:#d3b168}
.score-high{--score-bg:#304637;--score-ink:#b5e49d;--score-swatch:#94c680}
.tile.done,.tile.done.selected,.tile.done:hover{background:var(--score-bg)}
.tile.done .points,.tile.done.selected .points{color:var(--score-ink)}
.tile.done .answer-text{color:#f5f1eb}.tile.done .fits,.tile.done.selected .fits{color:#e0dcd4}
.tile.done.selected:after{border-color:#c7d8ff;inset:3px}.tile.done.selected{border-color:var(--line)}
#mini-grid span{background:var(--score-swatch)}
.score-legend{display:flex;justify-content:flex-end;gap:15px;align-items:center;font-size:12px;color:var(--muted);margin:16px 0 0}
.score-legend span{display:flex;align-items:center;gap:5px}.score-legend i{width:9px;height:9px;background:var(--score-swatch);border-radius:2px;display:inline-block}
@media(max-width:480px){.score-legend{font-size:10px;gap:10px}.score-legend>span:first-child{display:none}}

/* Quiet chrome; instructions are available from the help control. */
header{justify-content:space-between}header #help{width:35px;height:35px;padding:0;font-size:18px;border-radius:50%}.intro{padding-bottom:24px}h1{font-weight:600;font-variation-settings:"opsz" 72;letter-spacing:-2.5px}.wordmark{font-weight:700;letter-spacing:-1.5px}.tile .points{font-weight:600;font-variation-settings:"opsz" 48}.tile form{display:flex;align-items:center;gap:6px;border-bottom:1px solid #8290aa}.tile input{border:0;text-align:left;padding:9px 2px;flex:1;width:0}.tile input:focus{box-shadow:none;border:0}.tile form:focus-within{border-bottom-color:#dce6ff}.tile #submit{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;margin:0;background:transparent;color:#dce6ff;justify-content:center;font-size:21px}.tile #submit:hover{background:#ffffff15}.progress #status{display:none}.score-legend{justify-content:flex-start;flex-wrap:wrap;gap:14px;margin-top:20px}#instructions .score-legend>span:first-child{display:flex}footer p{color:var(--muted)}
@media(max-width:480px){.tile.editing{padding:8px 5px}.tile form{gap:0}.tile input{font-size:16px}.tile #submit{width:30px;min-width:30px;font-size:20px}.intro h1{font-size:28px;letter-spacing:-1.1px}.score-legend{font-size:12px}.intro{padding:24px 0 30px}}
#judge-error{max-width:690px;margin:14px auto;color:#ffb3a4;font-size:13px}#judge-error:empty{display:none}.score-detail .reveal-row strong{font-size:16px}
.tile.done,.tile.done.selected{border-color:var(--score-border)}.tile.done.selected:after{border-color:#c7d8ff}.score-legend .score-gradient{width:180px;height:9px;background:linear-gradient(to right,hsl(0 55% 62%),hsl(60 55% 62%),hsl(120 55% 62%))}

.header-actions{display:flex;align-items:center;gap:10px}#archive{width:min(460px,calc(100vw - 32px));max-width:none}.archive-list{list-style:none;padding:0;margin:18px 0 0;max-height:60vh;overflow:auto}.archive-list a{text-decoration:none;width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 12px;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);color:inherit;padding:12px 4px}.archive-list a:hover,.archive-list a[aria-current]{background:#ffffff0d}.archive-list span{font-size:14px}.archive-list strong{grid-row:span 2;white-space:nowrap;align-self:center;font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.archive-list small{font-family:'IBM Plex Sans',sans-serif;font-size:12px;font-weight:400;color:var(--muted)}.archive-list em{font-style:normal;font-size:12px;color:var(--muted)}
.archive-list small{display:inline;margin-left:4px}
.back-today{color:var(--blue);text-decoration:none}.back-today:hover{text-decoration:underline}
.tile.editing:has(.square-note){flex-direction:column;align-items:stretch;justify-content:center}.tile .square-note{margin:6px 0 0;font-size:11px;line-height:1.25;color:#ffd58a}
#instructions h3{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:600;letter-spacing:-.4px;margin:26px 0 0}.help-list{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:15px;line-height:1.5}.help-list li+li{margin-top:9px}.help-list .example{color:#dce6ff}
/* Shared boards (2026-09-29): the choice prompt and a friend's answers. */
#shared{max-width:560px;width:calc(100% - 32px)}
.shared-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.shared-actions button{flex:1 1 180px}
#shared .quiet.alt{border:1px solid #ffffff40;border-radius:30px;color:#f5f5f4;padding:10px 18px}
.shared-score{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;margin:6px 0 0}
.shared-score small{font-family:'IBM Plex Sans',sans-serif;font-size:14px;color:#c9ccd2;margin-left:6px}
.shared-grid{display:grid;grid-template-columns:minmax(56px,.8fr) repeat(3,1fr);gap:5px;margin-top:18px;font-size:13px}
.shared-grid .cat{color:#c9ccd2;font-size:11px;line-height:1.2;display:flex;align-items:end;padding:2px}
.shared-grid .cat.row{align-items:center}
.shared-grid .cell{border-radius:6px;padding:8px 6px;min-height:64px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--b);background:var(--f);color:#fff;overflow-wrap:anywhere}
.shared-grid .cell strong{color:var(--a);font-family:'Bricolage Grotesque',sans-serif;font-size:18px}
#shared-compare{display:block;margin:8px auto 0}
#shared .primary{background:#f5f5f4;color:#000;margin-top:0}
.wordmark,header .quiet{white-space:nowrap}
@media(max-width:480px){header{gap:10px}.header-actions{gap:6px}header .quiet{padding:8px 12px}.wordmark{font-size:26px}}

/* Win line (user decision 2026-09-29): score bar with a 600 marker, a green won state and a one-off celebration. */
.win-meter{position:relative;width:220px;max-width:100%;height:8px;margin:12px 0 0 auto;border-radius:8px;background:#45474e}
.win-meter:before{content:'';position:absolute;inset:0 auto 0 0;width:var(--fill,0%);border-radius:8px;background:linear-gradient(90deg,#6f8fe8,#9cb8ff);transition:width .7s cubic-bezier(.2,.8,.3,1)}
.win-meter.won:before{background:linear-gradient(90deg,#3fbf7f,#7ee0a1 65%,#ffd166);box-shadow:0 0 14px #7ee0a170}
.win-mark{position:absolute;left:66.667%;top:-5px;bottom:-5px;width:2px;border-radius:2px;background:#f5f5f4}
.win-label{display:block;margin-top:8px;font-size:12px;color:var(--muted)}
.total.won .win-label{color:#7ee0a1;font-weight:600}
.total.won strong{color:#7ee0a1;text-shadow:0 0 26px #7ee0a150}
.total strong.win-pop{animation:winpop 1s cubic-bezier(.2,.8,.3,1)}
@keyframes winpop{30%{transform:scale(1.18)}}
.win-toast{position:fixed;left:50%;top:24px;z-index:50;transform:translateX(-50%);min-width:240px;padding:14px 22px;border:1px solid #7ee0a1;border-radius:10px;background:#1e3a2c;color:#e8fff1;text-align:center;box-shadow:0 12px 40px #0009}
.win-toast strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:24px}
.win-toast span{font-size:13px;color:#b8f0cf}
.win-toast.show{animation:toastin .5s cubic-bezier(.2,.8,.3,1)}
@keyframes toastin{from{opacity:0;transform:translate(-50%,-16px)}}
.confetti{position:fixed;inset:0;z-index:40;overflow:hidden;pointer-events:none}
.confetti i{position:absolute;top:-14px;left:var(--x);width:8px;height:13px;border-radius:2px;animation:fall var(--d) var(--delay) cubic-bezier(.25,.6,.4,1) forwards}
@keyframes fall{to{transform:translate(var(--drift),106vh) rotate(var(--r))}}
.win-result{font-size:18px;color:#f5f5f4;margin-bottom:8px}
.results.won .result-heading h2{color:#7ee0a1}
@media(max-width:480px){.win-meter{width:140px}.win-label{font-size:11px}}