:root{color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;--background:#f4f2e9;--surface:#fff;--text:#172b23;--muted:#62716a;--action:#d5f05a;--action-shadow:#9fb83c;--green:#176b4d;--orange:#ff7043;--border:#d9ded5;--shadow:#172b232e;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--background:#0b1712;--surface:#14251e;--text:#f5f3ea;--muted:#a8b7af;--action:#d9f567;--action-shadow:#8ba638;--green:#42b883;--orange:#ff8057;--border:#294137;--shadow:#00000047}*{box-sizing:border-box}html{background:var(--background);scrollbar-gutter:stable;min-width:320px}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.4}.header-actions{gap:8px;display:flex}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left));background:radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--action) 24%, transparent), transparent 35%), var(--background)}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:72px;display:flex}.brand{min-height:44px;color:inherit;letter-spacing:-.04em;align-items:center;gap:9px;font-size:1.08rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--action);background:var(--green);border-radius:50% 50% 50% 14px;place-items:center;display:grid;transform:rotate(-8deg);box-shadow:inset 0 0 0 2px #ffffff29}.theme-button,.customize-button{border:1px solid var(--border);min-height:44px;color:var(--text);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:.82rem;font-weight:800;display:inline-flex}.theme-button{justify-content:center;width:44px;padding:0;font-size:1rem}.play{text-align:center;width:min(100%,520px);margin:0 auto;padding:clamp(34px,8dvh,78px) 0 32px}.eyebrow{color:var(--green);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:900}h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.8rem,13vw,4.5rem);line-height:.92}.lede{color:var(--muted);margin:18px 0 26px;font-weight:650}.machine{border:2px solid var(--text);background:var(--text);box-shadow:0 18px 50px var(--shadow);border-radius:28px;padding:13px;overflow:hidden}.machine-lights{justify-content:space-around;align-items:center;height:18px;display:flex}.machine-lights i{background:var(--orange);width:5px;height:5px;box-shadow:0 0 8px var(--orange);border-radius:50%}.machine.rolling .machine-lights i:nth-child(odd){animation:.32s step-end infinite blink}.machine.rolling .machine-lights i:nth-child(2n){animation:.32s step-end .16s infinite blink}.reels{background:var(--surface);border-radius:18px;overflow:hidden}.reel{border-bottom:1px solid var(--border);text-align:left;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:0 18px;display:flex;position:relative}.reel:last-child{border-bottom:0}.reel>span{text-overflow:ellipsis;white-space:nowrap;max-width:36%;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900;overflow:hidden}.reel-window{text-align:right;flex:1;min-width:0;padding-right:28px;position:relative;overflow:hidden}.reel-window:after{content:"";z-index:2;border:2px solid var(--orange);background:var(--surface);border-radius:50%;width:17px;height:7px;position:absolute;top:50%;right:1px;transform:translateY(-50%)rotate(-8deg)}.reel-window strong{overflow-wrap:anywhere;letter-spacing:-.03em;font-size:1.22rem;display:block}.reel-window strong.landed{animation:.34s ease-out result-snap}.reel-track{align-items:center;width:max-content;animation:1.15s linear infinite reel-scroll;display:flex}.reel-track b{border-right:1px solid var(--border);color:var(--text);white-space:nowrap;padding:0 15px;font-size:1rem}.challenge-help{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:15px;margin-top:14px;overflow:hidden}.challenge-help summary{min-height:44px;color:var(--green);cursor:pointer;align-items:center;padding:0 14px;font-size:.78rem;font-weight:900;display:flex}.challenge-help p{border-top:1px solid var(--border);gap:3px;margin:0;padding:10px 14px;display:grid}.challenge-help p strong{font-size:.82rem}.challenge-help p span{color:var(--muted);font-size:.76rem;line-height:1.35}.result-extras{display:grid}.repeat-note{color:var(--orange);margin:14px 0 0;font-size:.8rem;font-weight:900}.feedback-link{min-height:44px;color:var(--green);justify-self:center;align-items:center;font-size:.78rem;font-weight:900;display:inline-flex}.dare-button{color:#172b23;background:var(--action);width:100%;min-height:66px;box-shadow:0 7px 0 var(--action-shadow);border:0;border-radius:19px;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:1.08rem;font-weight:950;display:flex}.disc-symbol{border:3px solid;border-radius:50%;width:27px;height:12px;transform:rotate(-8deg)}.course-note{color:var(--muted);margin:17px 0 0;font-size:.76rem}.empty-state{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:8px;padding:22px;display:grid}.empty-state span{color:var(--muted);font-size:.85rem}.empty-state button{color:#172b23;background:var(--action);border:0;border-radius:14px;min-height:48px;margin-top:8px;font-weight:900}.drawer-backdrop{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:clip}.drawer-backdrop::backdrop{background:#030d098f}.drawer{width:min(92vw,430px);height:100%;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) 16px;overscroll-behavior:contain;color:var(--text);background:var(--background);margin-left:auto;animation:.2s ease-out slide-in;overflow-y:auto;box-shadow:-20px 0 60px #0000003d}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.drawer-header p{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:900}.drawer-header h2{letter-spacing:-.05em;margin:2px 0 0;font-size:1.75rem}.drawer-header button{border:1px solid var(--border);width:48px;height:48px;color:var(--text);background:var(--surface);border-radius:50%;font-size:1.8rem}.preferences{border:1px solid var(--border);background:var(--surface);border-radius:16px;justify-content:space-between;margin-bottom:12px;padding:12px 14px;display:flex}.preferences .disc-check{width:auto}.category-list{gap:12px;display:grid}.category-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;min-width:0;overflow:hidden}.category-card>summary{cursor:pointer;align-items:center;gap:10px;min-height:64px;padding:10px 14px;list-style:none;display:flex}.category-card>summary::-webkit-details-marker{display:none}.category-card>summary>span{flex:1;gap:2px;min-width:0;display:grid}.category-card>summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-card>summary small{color:var(--muted);font-size:.7rem;font-weight:650}.category-card>summary>b{min-width:38px;color:var(--muted);background:var(--background);text-align:center;border-radius:999px;padding:5px 8px;font-size:.68rem}.category-card>summary>b.is-on{color:#172b23;background:var(--action)}.category-card>summary:after{content:"+";width:28px;color:var(--muted);text-align:center;font-size:1.25rem}.category-card[open]>summary:after{content:"−"}.category-body{border-top:1px solid var(--border);padding:8px 13px 13px}.category-head{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;display:grid}.drag-handle{width:44px;min-height:44px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;padding:0;font-size:1.25rem}.drag-handle.small{width:44px;font-size:1rem}.category-name,.option-row>input,.add-option input,.add-category input{width:100%;min-width:0;min-height:44px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 9px;font-size:16px}.category-name{font-weight:900}.category-name:focus,.option-row>input:focus{border-color:var(--border);background:var(--background)}.disc-check{cursor:pointer;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:inline-flex;position:relative}.disc-check.with-label{width:auto;color:var(--muted);gap:8px;font-size:.8rem;font-weight:800}.disc-check input{opacity:0;width:1px;height:1px;position:absolute}.disc-check i{border:1px solid var(--border);background:var(--background);border-radius:999px;width:44px;height:26px;transition:background .18s,border-color .18s;position:relative}.disc-check i:before{content:"";background:var(--green);opacity:0;border-radius:2px;width:10px;height:2px;position:absolute;top:11px;left:6px}.disc-check i:after{content:"";border:2px solid var(--muted);background:var(--surface);border-radius:50%;width:20px;height:10px;transition:transform .18s,background .18s,border-color .18s;position:absolute;top:6px;left:3px;transform:rotate(-7deg)}.disc-check input:checked+i{border-color:var(--green);background:color-mix(in srgb, var(--green) 30%, var(--surface))}.disc-check input:checked+i:before{opacity:1}.disc-check input:checked+i:after{border-color:var(--green);background:var(--action);transform:translate(16px)rotate(-7deg)}.disc-check input:focus-visible+i{outline:3px solid var(--orange);outline-offset:4px}.disc-check input:disabled+i{opacity:.35;filter:grayscale()}.move-actions{gap:6px;padding:3px 0 9px 44px;display:flex}.move-actions button,.option-actions button{min-width:44px;min-height:44px;color:var(--muted);background:var(--background);border:0;border-radius:8px;padding:0 8px;font-size:.68rem;font-weight:800}.option-list{border-top:1px solid var(--border)}.option-list>p{color:var(--muted);margin:12px 4px;font-size:.78rem}.option-wrap{border-bottom:1px solid var(--border)}.option-row{grid-template-columns:44px minmax(0,1fr) auto 44px;align-items:center;gap:3px;min-width:0;display:grid}.delete-option{width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;font-size:1.3rem}.option-actions{gap:4px;padding:0 0 6px 33px;display:flex}.add-option,.add-category div{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:11px;display:grid}.add-option input,.add-category input{border-color:var(--border);background:var(--background)}.add-option button,.add-category button{color:#172b23;background:var(--action);border:0;border-radius:10px;min-width:58px;min-height:44px;font-weight:900}.delete-category{min-height:44px;color:var(--orange);background:0 0;border:0;margin-top:7px;padding:0;font-size:.75rem;font-weight:850}.add-category{border:1px dashed var(--border);border-radius:18px;margin:16px 0;padding:14px}.add-category>label{font-size:.76rem;font-weight:900}.reset-button{border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);background:0 0;border-radius:14px;font-weight:800}@keyframes blink{50%{opacity:.15}}@keyframes slide-in{0%{transform:translate(100%)}}@keyframes reel-scroll{to{transform:translate(-50%)}}@keyframes result-snap{0%{color:var(--orange);filter:drop-shadow(0 0 8px var(--orange));transform:scale(1.12)}}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media (width>=700px){.app-shell{padding-inline:28px}.topbar{max-width:980px;margin:0 auto}}@media (orientation:landscape) and (height<=520px) and (width>=600px){.topbar{min-height:64px}.play{text-align:left;grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(220px,.85fr) minmax(340px,1.25fr);align-items:center;column-gap:28px;width:min(100%,780px);padding:4px 0 16px;display:grid}.eyebrow{grid-area:1/1;margin-bottom:6px}h1{grid-area:2/1;font-size:clamp(2.25rem,7.5vh,2.8rem)}.lede{grid-area:3/1;margin:10px 0 0}.machine{grid-area:1/2/span 2;width:100%}.dare-button{grid-area:3/2}.result-extras{grid-area:4/2}.empty-state{text-align:center;grid-area:1/2/span 3}.course-note{text-align:center;grid-area:5/2}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}