:root{color:#f3f6f8;background:#070a10;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 26%,#2d1719 0,#0000 34%),#070a10;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.activity-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;overflow:hidden}.topbar,footer{border-color:#ffffff1f;justify-content:space-between;align-items:center;padding:16px clamp(20px,4vw,56px);display:flex}.topbar{border-bottom:1px solid}footer{color:#92a0aa;letter-spacing:.12em;border-top:1px solid;font-size:10px;font-weight:800}.brand-lockup{color:#f7f8f8;letter-spacing:.13em;align-items:center;gap:11px;font-size:13px;font-weight:900;display:flex}.brand-mark{clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%);background:#e65a43;width:16px;height:16px}.status{color:#ffbd68;letter-spacing:.14em;font-size:11px;font-weight:900}.roulette-stage{grid-template-columns:minmax(330px,.95fr) minmax(300px,.7fr);align-items:center;gap:clamp(30px,6vw,110px);width:100%;max-width:1460px;margin:auto;padding:clamp(30px,5vw,76px);display:grid}.roulette-stage:before{content:"";z-index:-1;clip-path:polygon(0 35%,100% 0,100% 78%,0 100%);opacity:.82;background:#e5573e;width:32vw;height:68vh;position:absolute;bottom:0;left:0}.wheel-bay{width:100%;max-width:760px;position:relative}.wheel-bay:before{content:"";pointer-events:none;border:1px solid #ffb86033;position:absolute;inset:12% 4% 8% 12%;transform:skewY(-4deg)}#wheel{z-index:1;aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 26px 32px #0000007a);width:100%;display:block;position:relative}.readout{align-self:center;max-width:520px}.eyeline{color:#ffba65;letter-spacing:.18em;margin:0 0 16px;font-size:11px;font-weight:900}.readout h1{color:#f7f8f8;letter-spacing:-.055em;max-width:600px;margin:0;font-size:clamp(38px,5.8vw,78px);line-height:.88}.readout>p:not(.eyeline):not(.hint){color:#bdc6cc;margin:20px 0 28px;font-size:15px;font-weight:700}.spin-button{color:#0c1118;cursor:pointer;letter-spacing:.09em;background:#ffb75f;border:0;padding:18px 22px;font-size:14px;font-weight:950;transition:transform .14s,box-shadow .14s;box-shadow:5px 5px #e0533e}.spin-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px #e0533e}.spin-button:disabled{opacity:.7;cursor:wait}.hint{color:#84919b;margin-top:22px;font-size:12px}.loadout{gap:8px;margin:-6px 0 26px;display:grid}.loadout span{color:#dce2e5;background:#0b1119c7;padding:9px 12px;font-size:12px;font-weight:800}.readout{isolation:isolate;position:relative}.eyeline,.readout h1,.readout>p,.loadout,.spin-button{z-index:1;position:relative}.loadout span{background:linear-gradient(90deg,#e4533e2e,#0b1119c7 38%);border:1px solid #ffbc696b;gap:3px;display:grid}.loadout small{color:#ffbc69;letter-spacing:.1em;font-size:9px}#legend-art{z-index:-1;object-fit:contain;object-position:right bottom;opacity:.29;filter:saturate(.9)contrast(1.07);pointer-events:none;width:min(440px,90%);max-height:570px;transition:opacity .36s ease-out,transform .36s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-14%;right:-7%;-webkit-mask-image:linear-gradient(#000 46%,#0000);mask-image:linear-gradient(#000 46%,#0000)}.readout:not(.is-revealed) #legend-art{opacity:0;transform:translateY(14px)scale(.985)}.readout.is-revealed #legend-art{opacity:.29;transform:translateY(0)scale(1)}.spin-console{z-index:1;color:#9eacb7;background:linear-gradient(90deg,#e4533e29,#0000 68%);border-top:1px solid #ffbe6e61;border-bottom:1px solid #94a6b238;justify-items:start;gap:5px;min-height:106px;margin:0 0 36px;padding:14px 0 12px 20px;display:grid;position:relative}.console-rule{background:#ffad59;width:3px;position:absolute;top:14px;bottom:12px;left:0;box-shadow:0 0 20px #ffad595c}.console-label,#pointer-detail{letter-spacing:.17em;font-size:10px;font-weight:900}#pointer-legend{color:#f6f8f8;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(31px,4.3vw,54px);line-height:.95;overflow:hidden}#pointer-detail{color:#ffbd68}.activity-shell:has(.spin-button:disabled) .spin-console{border-color:#ffbe6eb3}.activity-shell:has(.spin-button:disabled) #pointer-legend{text-shadow:0 0 24px #ffb95f52}@media (max-width:760px){.roulette-stage{grid-template-columns:1fr;gap:28px;padding:25px 22px 38px}.readout{width:100%}.readout h1{font-size:clamp(38px,12vw,60px)}footer{flex-direction:column;align-items:flex-start;gap:12px}}