:root{color-scheme:dark;--bg:#07110b;--panel:#102018;--panel-2:#162a20;--ink:#f4f1df;--muted:#b8c7b8;--line:#31513b;--lime:#bbef70;--gold:#e9c46a;--focus:#fff3a8;--seg-a:#245c38;--seg-b:#764c82;--seg-c:#9b5939;--seg-d:#376b73;--seg-e:#5f6d31;--seg-f:#8c3f58;--shadow:0 22px 70px rgba(0,0,0,.35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% -10%,rgba(187,239,112,.14),transparent 30rem),radial-gradient(circle at 90% 15%,rgba(118,76,130,.18),transparent 28rem),linear-gradient(180deg,#08140d,var(--bg) 65%);line-height:1.5}button,input,a{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;transform:translateY(-180%);background:var(--focus);color:#111;padding:.7rem 1rem;border-radius:.6rem;font-weight:800}.skip-link:focus{transform:none}.site-bar{min-height:72px;padding:1rem clamp(1rem,3vw,2.5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,17,11,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}.brand-mark{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:50%;font-weight:950;letter-spacing:-.06em;color:#112015;background:linear-gradient(135deg,var(--lime),var(--gold));box-shadow:0 0 0 4px rgba(187,239,112,.08)}.brand span:last-child{display:grid;line-height:1.05}.brand small{font-size:.72rem;color:var(--muted);font-weight:650;margin-top:.22rem}.hub-link{color:var(--ink);text-decoration:none;font-weight:800;padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px}.game-shell{width:min(1220px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) 0 4rem}.hero,.mode-panel,.rules-card,.wheel-card,.control-card,.history-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(22,42,32,.9),rgba(13,28,20,.94));box-shadow:var(--shadow)}.hero{border-radius:1.4rem;padding:clamp(1.4rem,3.6vw,2.7rem);display:flex;gap:1.25rem;align-items:flex-start;justify-content:space-between}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:var(--lime)}h1,h2,p{margin-top:0}h1{margin-bottom:.55rem;font-size:clamp(2.25rem,7vw,5.4rem);line-height:.88;letter-spacing:-.055em;max-width:10ch}.lede{margin:0;max-width:62ch;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem)}h2{margin-bottom:.35rem;font-size:clamp(1.25rem,2.5vw,1.7rem);letter-spacing:-.025em}.status-chip,.counter{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .72rem;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.16);color:var(--muted);font-size:.78rem;font-weight:750}.mode-panel{margin-top:1rem;border-radius:1rem;padding:1rem 1.15rem}.section-heading{display:flex;gap:1rem;align-items:center;justify-content:space-between}.section-heading.compact{align-items:flex-start}.section-heading p,.section-heading h2{margin-bottom:0}.mode-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.mode-tab,.secondary-button,.primary-button,.spin-button{border:0;cursor:pointer;font-weight:900}.mode-tab{padding:.65rem .8rem;border-radius:.75rem;color:var(--muted);background:#0b1911;border:1px solid var(--line)}.mode-tab[aria-pressed="true"]{color:#122015;background:var(--lime);border-color:var(--lime)}.play-grid{margin-top:1rem;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:1rem;align-items:start}.wheel-card{border-radius:1.4rem;padding:clamp(1rem,3vw,2rem);min-width:0;overflow:hidden}.wheel-copy p{max-width:64ch;color:var(--muted)}.wheel-stage{--wheel-size:min(72vw,610px);width:var(--wheel-size);height:var(--wheel-size);max-width:100%;aspect-ratio:1;margin:1.1rem auto 1.5rem;position:relative;display:grid;place-items:center}.pointer{position:absolute;z-index:8;top:-.2rem;left:50%;width:0;height:0;transform:translateX(-50%);border-left:18px solid transparent;border-right:18px solid transparent;border-top:0;border-bottom:34px solid var(--gold);filter:drop-shadow(0 5px 5px rgba(0,0,0,.45))}.wheel{position:absolute;inset:0;border-radius:50%;border:clamp(6px,1vw,12px) solid #d8c37b;box-shadow:0 0 0 5px #263a29,0 25px 70px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.18);overflow:hidden;transition:transform 1.55s cubic-bezier(.12,.72,.15,1);will-change:transform}.wheel::after{content:"";position:absolute;inset:11%;border-radius:50%;border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 0 50px rgba(0,0,0,.2);pointer-events:none}.segment-label{position:absolute;left:50%;top:50%;width:42%;height:1.15rem;margin-top:-.575rem;transform-origin:0 50%;transform:rotate(calc(var(--segment-angle) - 90deg)) translateX(14%);font-size:clamp(.48rem,1.1vw,.72rem);font-weight:850;line-height:1.1;text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2.5rem;pointer-events:none}.spin-button{position:relative;z-index:9;width:clamp(84px,18vw,126px);aspect-ratio:1;border-radius:50%;color:#122015;background:radial-gradient(circle at 35% 25%,#fff4b5,var(--gold) 45%,#a87c2f);border:6px solid #f6e6a1;box-shadow:0 8px 28px rgba(0,0,0,.48),inset 0 -8px 13px rgba(89,55,0,.2);letter-spacing:.08em;font-size:clamp(1rem,2.5vw,1.35rem)}.spin-button:active:not(:disabled){transform:translateY(2px) scale(.98)}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}.result-card{min-height:130px;padding:1rem 1.1rem;border-radius:1rem;border:1px solid var(--line);background:#0a1710;display:grid;align-content:center;justify-items:start;opacity:.74;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease}.result-card.revealed{opacity:1;transform:none;border-color:rgba(187,239,112,.55);box-shadow:0 0 0 1px rgba(187,239,112,.08),0 12px 30px rgba(0,0,0,.15)}.result-card strong{font-size:clamp(1.4rem,3vw,2rem);line-height:1.05;margin:.15rem 0 .4rem}.result-card p{margin:0;color:var(--muted)}.result-category{font-size:.69rem;letter-spacing:.16em;font-weight:950;color:var(--gold)}.control-column{display:grid;gap:1rem}.control-card,.history-card,.rules-card{border-radius:1rem;padding:1.1rem}.code-label{display:block;margin:1rem 0 .4rem;font-size:.78rem;font-weight:800;color:var(--muted)}.code-row{display:grid;grid-template-columns:1fr auto;gap:.55rem}.code-input{min-width:0;width:100%;padding:.72rem .8rem;border-radius:.72rem;border:1px solid var(--line);color:var(--ink);background:#07110b;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.code-input[aria-invalid="true"]{border-color:#ef8f7f}.secondary-button,.primary-button{padding:.72rem .9rem;border-radius:.72rem}.secondary-button{color:var(--ink);background:#263e2f;border:1px solid #466952}.primary-button{width:100%;margin-top:.75rem;color:#122015;background:var(--lime)}.help-text{font-size:.78rem;color:var(--muted);margin:.45rem 0 0}.history-list{list-style:none;padding:0;margin:.9rem 0 0;display:grid;gap:.55rem;max-height:420px;overflow:auto}.history-list li:not(.empty-state){display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:.48rem .1rem .62rem}.history-list li>span{font-weight:900;color:var(--gold);font-size:.76rem}.history-list div{display:grid}.history-list small{color:var(--muted)}.empty-state{color:var(--muted);font-style:italic}.rules-card{margin-top:1rem}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.rules-grid p{margin:0;color:var(--muted)}.rules-grid strong{color:var(--ink)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:860px){.play-grid{grid-template-columns:1fr}.section-heading:not(.compact){align-items:flex-start;flex-direction:column}.mode-tabs{justify-content:flex-start}.rules-grid{grid-template-columns:1fr}.hero{display:grid}.status-chip{justify-self:start}.wheel-stage{--wheel-size:min(88vw,560px)}}@media(max-width:520px){.site-bar{padding:.8rem 1rem}.brand small{display:none}.game-shell{width:min(100% - 1rem,1220px);padding-top:.7rem}.hero,.wheel-card{border-radius:1rem}.mode-tab{flex:1 1 9rem;min-height:46px}.segment-label{font-size:0;padding-left:1.35rem;width:40%}.segment-label::after{content:attr(data-short);font-size:.47rem;font-weight:950;letter-spacing:.04em}.wheel-stage{--wheel-size:min(92vw,470px)}.pointer{border-left-width:14px;border-right-width:14px;border-bottom-width:28px}.spin-button{width:88px;min-width:88px}.secondary-button,.primary-button{min-height:48px}.history-list{max-height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wheel,.result-card{transition:none!important;animation:none!important}}