.wheel-page,.wheel-modal{--stage-gold:#ffc84a;--stage-gold-dim:#ffc84a47}.wheel-page{isolation:isolate;min-height:100dvh;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);position:relative;overflow-x:clip}.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}.portal-layout{z-index:1;gap:clamp(var(--space-lg), 3vw, var(--space-2xl));max-width:78rem;padding:clamp(var(--space-md), 3vh, var(--space-xl)) clamp(var(--space-md), 4vw, var(--space-2xl)) clamp(var(--space-md), 2.5vh, var(--space-lg));grid-template-columns:1fr;align-items:start;margin:0 auto;display:grid;position:relative}@media (width>=1100px){.portal-layout{column-gap:clamp(var(--space-xl), 3.5vw, 4.5rem);grid-template-columns:minmax(0,2fr) minmax(0,8fr) minmax(0,2fr);align-items:stretch;max-width:96rem}}.portal-rail{display:none}@media (width>=1100px){.portal-rail{align-self:stretch;display:block}}.portal-rail__frame{flex-direction:column;height:100%;min-height:0;display:flex}.portal-rail__frame,.portal-banner__frame{position:relative}.portal-rail__frame .ad-slot,.portal-rail__frame .ad-slot__placeholder{height:100%;min-height:0}.portal-rail .ad-slot,.portal-banner .ad-slot{margin-block:0}.wheel-page .portal-layout{padding-top:clamp(var(--space-sm), 1.5vh, var(--space-md))}.portal-banner{z-index:1;max-width:78rem;padding-inline:clamp(var(--space-md), 4vw, var(--space-2xl));margin:0 auto;position:relative}.wheel-page__main{min-width:0}.wheel-page__grid{z-index:1;gap:var(--space-xl);grid-template-columns:1fr;display:grid;position:relative}@media (width>=860px){.wheel-page__grid{align-items:center;column-gap:clamp(var(--space-xl), 4vw, 4rem);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}.wheel-scrim{z-index:130;-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;background:#140b1f9e;transition:opacity .34s,visibility .34s;position:fixed;inset:0}.wheel-page.is-spinning .wheel-scrim{opacity:1;visibility:visible}.wheel-page.is-spinning{isolation:auto;overflow:visible}.wheel-page.is-spinning .portal-layout{z-index:auto;overflow:visible}.wheel-page.is-spinning .wheel-page__grid{z-index:auto}.wheel-page.is-spinning .wheel-column{z-index:140;position:relative}.wheel-stage{--live-color:var(--stage-gold);padding-top:var(--space-lg);position:relative}.wheel-column{min-width:0}.wheel-stage__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--live-color) 22%, transparent), transparent 70%);filter:blur(8px);pointer-events:none;z-index:0;transition:background .4s;position:absolute;inset:0}.wheel-stage__frame{z-index:1;aspect-ratio:1;will-change:transform, filter;width:84%;max-width:28rem;margin-inline:auto;transition:transform .42s cubic-bezier(.34,1.56,.64,1),filter .42s;position:relative}@media (prefers-reduced-motion:no-preference){.wheel-stage.is-spinning .wheel-stage__frame{filter:drop-shadow(0 26px 54px #0a0512a8);transform:scale(1.18)}}.wheel-canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.wheel-stage.is-dragging .wheel-canvas{cursor:grabbing}.wheel-stage.is-spinning .wheel-canvas{cursor:default}.wheel-flap{aspect-ratio:40/64;transform-origin:50% 22%;filter:drop-shadow(0 4px 7px #23274673);pointer-events:none;z-index:3;width:8.5%;position:absolute;top:-3.2%;left:50%;transform:translate(-50%)}.wheel-stage.is-tense .wheel-flap{animation:.26s ease-in-out infinite alternate flap-heat}@keyframes flap-heat{0%{filter:drop-shadow(0 4px 7px #23274673)drop-shadow(0 0 8px #ffc84a99)}to{filter:drop-shadow(0 4px 7px #23274673)drop-shadow(0 0 20px #ffdc82f2)}}.wheel-stage.is-tense .wheel-stage__glow{animation:.4s ease-in-out infinite alternate glow-throb}@keyframes glow-throb{0%{opacity:.55}to{opacity:1}}.wheel-hub{aspect-ratio:1;border-radius:var(--radius-full);color:#fff6df;z-index:2;background:radial-gradient(circle at 50% 32%,#ffdc8c2e,#2418331f 75%);border:none;flex-direction:column;justify-content:center;align-items:center;gap:.14em;width:31%;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-hub:hover:not(:disabled){transform:translate(-50%,-50%)scale(1.05)}.wheel-hub:active:not(:disabled){transform:translate(-50%,-50%)scale(.95)}.wheel-hub:disabled{cursor:not-allowed;opacity:.75}.wheel-hub__label{font-family:var(--font-display);letter-spacing:.08em;text-shadow:0 1px #24183399;font-size:clamp(.95rem,5vw,1.45rem);font-weight:800}@media (width>=480px){.wheel-hub__label{font-size:1.45rem}}.wheel-hub__hint{text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;color:#e8d3a0;margin-top:.4em;font-size:.5rem}.wheel-stage.is-spinning .wheel-hub__hint,.wheel-hub:disabled .wheel-hub__hint{display:none}.wheel-prompt{text-align:center;color:var(--color-text-muted);margin:var(--space-md) auto 0;max-width:24rem;font-size:.95rem}.wheel-prompt strong{color:var(--color-accent)}.wheel-modal{--result-color:var(--color-accent,#e8384f);z-index:160;padding:var(--space-lg);-webkit-backdrop-filter:blur(5px);opacity:0;background:#1a102699;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.wheel-modal[hidden]{display:none}.wheel-modal--visible{opacity:1}.wheel-modal__card{width:min(100%,24rem);padding:var(--space-2xl) var(--space-xl) var(--space-xl);text-align:center;color:#241833;border-radius:var(--radius-lg);background:#f7efdd;border:3px solid #241833;transition:transform .45s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.7)translateY(20px);box-shadow:0 8px #140b1fd9,0 24px 60px #0a051280}.wheel-modal--visible .wheel-modal__card{transform:scale(1)translateY(0)}.wheel-modal__close{top:var(--space-sm);right:var(--space-sm);border-radius:var(--radius-full);color:#6b5e7d;width:2.1rem;height:2.1rem;transition:color var(--transition-fast), background var(--transition-fast);font-size:1.4rem;line-height:1;position:absolute}.wheel-modal__close:hover{color:#241833;background:#24183314}.wheel-modal__eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.24em;color:#a5731a;margin-bottom:var(--space-sm);font-size:.72rem;font-weight:700;display:block}.wheel-modal__label{font-family:var(--font-display);color:var(--result-color);overflow-wrap:anywhere;margin-bottom:var(--space-xl);font-size:clamp(1.7rem,7vw,2.7rem);font-weight:800;line-height:1.12;display:block}.wheel-modal__challenge{width:100%;font-family:var(--font-display);color:#fff;background:var(--result-color);border-radius:var(--radius-lg);margin-bottom:var(--space-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:2.5px solid #241833;padding:.95rem 1.5rem;font-size:clamp(1rem,4.5vw,1.2rem);font-weight:800;display:block;box-shadow:0 4px #140b1fd9}.wheel-modal__challenge:hover{transform:translateY(-3px);box-shadow:0 7px #140b1fd9}.wheel-modal__challenge:active{transform:translateY(2px);box-shadow:0 1px #140b1fd9}.wheel-modal__again{font-family:var(--font-display);color:#4d415f;border-radius:var(--radius-full);transition:color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;border:2px solid #2418334d;padding:.55rem 1.5rem;font-size:.85rem;font-weight:700}.wheel-modal__again:hover{color:#241833;border-color:#241833;transform:translateY(-1px)}.wheel-modal__again:active{transform:scale(.96)}.wheel-pyro{z-index:180;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.wheel-editor{box-sizing:border-box;background:var(--color-bg-card);border:2.5px solid var(--ink);border-radius:var(--radius-lg);width:100%;min-width:0;max-width:20rem;padding:var(--space-md);box-shadow:var(--shadow-chunk);place-self:center start;position:relative}@media (width<=859px){.wheel-editor{justify-self:stretch;max-width:none}}.wheel-editor__bar{align-items:flex-start;gap:var(--space-xs);min-width:0;margin-bottom:var(--space-md);flex-direction:column;display:flex}.wheel-editor__bar-title{align-items:baseline;gap:var(--space-sm);min-width:0;display:flex}.wheel-editor__bar-actions{align-items:center;gap:var(--space-xs);display:flex}.wheel-editor__heading{font-family:var(--font-display);color:var(--color-text);white-space:nowrap;margin:0;font-size:1.05rem;font-weight:800}.wheel-editor__count{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem;font-weight:700}.wheel-editor__shuffle,.wheel-editor__clear{font-family:var(--font-display);color:var(--color-text-muted);border:2px solid var(--color-border);border-radius:var(--radius-full);white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;padding:.3rem .7rem;font-size:.75rem;font-weight:700}.wheel-editor__shuffle:hover,.wheel-editor__clear:hover{color:var(--color-text);border-color:var(--color-accent)}.wheel-mute{border-radius:var(--radius-full);border:2px solid var(--color-border);width:1.9rem;height:1.9rem;transition:border-color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;font-size:.85rem;line-height:1}.wheel-mute:hover{border-color:var(--color-accent);transform:scale(1.08)}.wheel-editor__fieldset{border:none;min-width:0;margin:0;padding:0}.wheel-editor__fieldset:disabled{opacity:.55;pointer-events:none}.entry-form{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.entry-form__input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-width:0;color:var(--color-text);font:inherit;transition:border-color var(--transition-fast);padding:.5rem .7rem;font-size:.95rem}.entry-form__input::placeholder{color:var(--color-text-muted);font-size:.9rem}.entry-form__input:focus{border-color:var(--color-accent);outline:none}.entry-form__add{font-family:var(--font-display);color:#fff;background:var(--color-accent);border:2px solid var(--ink);border-radius:var(--radius-md);min-width:3.1rem;transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-self:stretch;align-items:center;padding:0 .95rem;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 2.5px #232746e6}.entry-form__add:hover{transform:translateY(-2px);box-shadow:0 4.5px #232746e6}.entry-form__add:active{transform:translateY(1px);box-shadow:0 1px #232746e6}.entry-list{flex-direction:column;gap:.35rem;max-height:24rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.entry-row{align-items:center;gap:var(--space-sm);background:var(--color-bg);border:2px solid var(--color-border);border-left:4px solid var(--pop-color,var(--color-accent));border-radius:var(--radius-md);transition:border-color var(--transition-fast);padding:.15rem .4rem .15rem .6rem;display:flex}.entry-row:hover,.entry-row:focus-within{border-color:var(--color-text-muted);border-left-color:var(--pop-color,var(--color-accent))}.entry-row--new{animation:.48s cubic-bezier(.34,1.56,.64,1) entry-pop}@keyframes entry-pop{0%{opacity:0;transform:scale(.82)}45%{opacity:1;border-color:var(--pop-color,var(--color-accent));transform:scale(1.045)}to{transform:scale(1)}}.entry-row__swatch{border-radius:var(--radius-full);border:1.5px solid #24183359;flex-shrink:0;width:.7rem;height:.7rem}.entry-row__input{min-width:0;color:var(--color-text);font:inherit;background:0 0;border:none;flex:1;padding:.4rem .2rem;font-size:.98rem}.entry-row__input:focus{outline:none}.entry-row__remove{border-radius:var(--radius-full);width:1.7rem;height:1.7rem;color:var(--color-text-muted);opacity:.5;transition:opacity var(--transition-fast), color var(--transition-fast), background var(--transition-fast);flex-shrink:0;font-size:1.1rem;line-height:1}.entry-row:hover .entry-row__remove,.entry-row:focus-within .entry-row__remove,.entry-row__remove:focus-visible{opacity:1}.entry-row__remove:hover{color:var(--color-accent);background:var(--color-accent-glow)}