.arcade{--ground:var(--night);--ground-hi:var(--night-hi);--ground-lo:#111110;--ink:var(--night-ink);--ink-2:var(--night-ink-2);--ink-3:#8e8d86;--rule:var(--night-rule);--rule-strong:#55554f;--signal-deep:#ff5a26;z-index:1;background:var(--ground);color:var(--ink);position:relative}:root[data-theme=night] .arcade{--ground:#0b0b0a;--ground-hi:#171716}.cabinet{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:32px;display:grid}.cabinet-menu{border-top:1px solid var(--rule-strong);flex-direction:column;grid-column:1/span 4;align-self:start;display:flex}.cabinet-item{border:0;border-bottom:1px solid var(--rule);color:var(--ink-3);text-align:left;transition:color .24s var(--ease-out);background:0 0;gap:10px;padding:22px 0 20px;display:grid;position:relative}.cabinet-item:hover{color:var(--ink-2)}.cabinet-item[aria-selected=true]{color:var(--ink)}.cabinet-item-name{font-family:var(--font-display);--stretch:74%;transition:font-stretch .5s var(--ease-out);align-items:center;gap:14px;font-size:clamp(2rem,3.5vw,3.6rem);display:flex}.cabinet-item-name:before{content:"";background:var(--signal);transform-origin:0;width:.5em;height:.5em;transition:transform .4s var(--ease-out);flex:none;transform:scaleX(0)}.cabinet-item[aria-selected=true] .cabinet-item-name{font-family:var(--font-display);font-stretch:88%}.cabinet-item[aria-selected=true] .cabinet-item-name:before{transform:scaleX(1)}.cabinet-item-meta{justify-content:space-between;gap:14px;display:flex}.cabinet-item-meta [data-cleared]{color:var(--signal);font-weight:700}.cabinet-screen{border:1px solid var(--rule-strong);background:var(--ground-hi);--tick:var(--signal);grid-column:5/span 8;min-height:620px;padding:clamp(18px,2.4vw,36px);position:relative}@media (max-width:1000px){.cabinet-menu,.cabinet-screen{grid-column:1/-1}.cabinet-menu{column-gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cabinet-screen{min-height:0}}@media (max-width:520px){.cabinet-menu{grid-template-columns:minmax(0,1fr)}.cabinet-item{padding:14px 0}}.game{align-content:start;gap:24px;display:grid}.game-brief{border-bottom:1px solid var(--rule);gap:8px;padding-bottom:20px;display:grid}.game-label{color:var(--signal)}.game-brief-text{font-family:var(--font-display);max-width:34ch;font-size:clamp(1.3rem,2vw,1.85rem);font-weight:680;font-stretch:90%;line-height:1.15}.game-hint{color:var(--ink-2)}.segmented{border:1px solid var(--rule-strong);flex-wrap:wrap;display:inline-flex}.segmented button{border:0;border-right:1px solid var(--rule-strong);min-height:40px;color:var(--ink-2);text-transform:uppercase;background:0 0;padding:0 14px;font-size:11px;font-weight:600}.segmented button:last-child{border-right:0}.segmented button[aria-checked=true]{background:var(--ink);color:var(--ground)}.check{cursor:pointer;text-transform:none;align-items:center;gap:10px;display:inline-flex;position:relative}.check input{opacity:0;width:18px;height:18px;margin:0;position:absolute}.check span{border:1px solid var(--ink-2);width:18px;height:18px;transition:background-color .16s var(--ease-out);flex:none}.check input:checked+span{border-color:var(--signal);background:var(--signal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1b' stroke-width='2.5'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / 14px no-repeat}.check input:focus-visible+span{outline:2px solid var(--signal);outline-offset:3px}.game-rule{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(18px,2.4vw,36px)}.game-rule .game-brief{grid-column:1/-1}.game-controls{align-content:start;gap:16px;display:grid}.rule-field{border:0;gap:14px;margin:0;padding:0;display:grid}.rule-field legend{color:var(--ink-2);margin-bottom:10px}.slider{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.slider .mono{color:var(--ink-2)}.slider input{appearance:none;background:0 0;width:100%;height:24px;margin:0}.slider input::-webkit-slider-runnable-track{background:var(--rule-strong);height:2px}.slider input::-moz-range-track{background:var(--rule-strong);height:2px}.slider input::-webkit-slider-thumb{background:var(--signal);appearance:none;border:0;width:18px;height:18px;margin-top:-8px}.slider input::-moz-range-thumb{background:var(--signal);border:0;border-radius:0;width:18px;height:18px}.slider-value{min-width:3ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:44px;font-weight:820;font-stretch:64%;line-height:1}.rule-preview{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--rule);background:var(--ground-lo);margin:0;padding:14px;font-size:11px;line-height:1.55;overflow:hidden}.game-controls .btn-big{white-space:normal;text-align:center;justify-content:center}.game-board{align-content:start;gap:12px;display:grid}.game-board-head{color:var(--ink-2);justify-content:space-between;display:flex}.order-stream{border-top:1px solid var(--rule-strong);text-transform:none;margin:0;padding:0;list-style:none}.order-stream li{border-bottom:1px solid var(--rule);grid-template-columns:11ch 7ch 8ch 1fr;align-items:center;gap:8px;padding:9px 8px;display:grid}.order-stream[data-evaluated] li{animation:row-in .42s var(--ease-out) both}.order-stream li[data-awarded]{background:color-mix(in srgb, var(--signal) 16%, transparent)}.order-verdict{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.order-stream li[data-correct=false] .order-verdict{color:var(--signal);font-weight:700}.order-stream li[data-correct=true] .order-verdict svg{color:var(--ink-2)}.game-verdict{border:1px solid var(--rule-strong);color:var(--ink-2);padding:12px 14px}.game-verdict[data-win]{border-color:var(--signal);background:var(--signal);color:var(--on-signal);font-weight:650}@keyframes row-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (max-width:720px){.game-rule{grid-template-columns:minmax(0,1fr)}.order-stream{font-size:10px}.order-stream li{grid-template-columns:10ch 6ch 7ch minmax(0,1fr);gap:6px;padding-inline:4px}}.storm-counters{border:1px solid var(--rule-strong);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.storm-counters[data-shake]{animation:shake .26s var(--ease-out)}.counter{border-right:1px solid var(--rule);gap:8px;padding:16px;display:grid}.counter:last-child{border-right:0}.counter-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,4.6vw,4.8rem);font-weight:820;font-stretch:58%;line-height:.85}.counter-label{color:var(--ink-2)}.counter[data-tone=bad]{background:repeating-linear-gradient(135deg, transparent 0 7px, color-mix(in srgb, var(--signal) 22%, transparent) 7px 8px)}.counter[data-tone=bad] .counter-value{color:var(--signal)}.storm-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.storm-progress{color:var(--ink-2);flex-basis:100%}.storm-naive{gap:10px;display:grid}.storm-naive>p{color:var(--signal)}.storm-naive .storm-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.storm-log{text-transform:none;margin:0;padding:0;list-style:none;display:grid}.storm-log li{border-bottom:1px solid var(--rule);animation:row-in .3s var(--ease-out) both;grid-template-columns:4ch 1fr auto;gap:12px;padding:7px 0;display:grid}.storm-log li[data-status=duplicate]{color:var(--ink-2)}.storm-log li[data-status=accepted] span:nth-child(2){color:var(--signal);font-weight:700}@keyframes shake{0%,to{transform:none}25%{transform:translate(-4px)}60%{transform:translate(3px)}}@media (max-width:720px){.storm-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.counter:nth-child(2){border-right:0}.counter:nth-child(-n+2){border-bottom:1px solid var(--rule)}}.exchange-board{border:1px solid var(--rule-strong);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:22px;display:grid}.exchange-balance{gap:8px;display:grid}.exchange-balance:last-child{justify-items:end}.exchange-balance .mono{color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.exchange-figure{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(3rem,6.4vw,6.4rem);font-weight:820;font-stretch:58%;line-height:.82}.exchange-rate{color:var(--ink-2);text-transform:none;justify-items:center;gap:8px;display:grid}.exchange-arrow{background:var(--signal);width:clamp(60px,9vw,120px);height:1.5px;position:relative}.exchange-arrow:after{content:"";border-top:1.5px solid var(--signal);border-right:1.5px solid var(--signal);width:9px;height:9px;position:absolute;top:50%;right:0;transform:translate(1px,-50%)rotate(45deg)}.exchange-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.exchange-rows,.exchange-rows li{text-transform:none;margin:0;padding:0;list-style:none}.exchange-rows li{border-bottom:1px solid var(--rule);animation:row-in .36s var(--ease-out) both;grid-template-columns:auto 1fr auto;gap:4px 14px;padding:10px 0;display:grid}.exchange-rows li:nth-child(2){animation-delay:0s}@media (max-width:600px){.exchange-board{grid-template-columns:1fr;justify-items:start}.exchange-balance:last-child{justify-items:start}}.rewards{border-top:1px solid var(--rule-strong);margin:0;padding:0;list-style:none}.rewards li{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:18px 0;display:grid}.reward-copy{gap:6px;display:grid}.reward-name{--stretch:76%;font-size:clamp(1.9rem,3.2vw,3rem)}.rewards li[data-owned] .reward-name{color:var(--signal)}.reward-desc{color:var(--ink-2)}.reward-cost{align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.reward-owned{color:var(--signal);font-weight:700}.redemption{border:1px solid var(--rule-strong);animation:row-in .42s var(--ease-out) both;gap:14px;padding:18px;display:grid}.redemption-id{color:var(--ink-2);text-transform:none}.redemption-states{gap:6px;margin:0;padding:0;list-style:none;display:flex}.redemption-states li{border-top:3px solid var(--rule);color:var(--ink-3);transition:border-color .3s var(--ease-out), color .3s var(--ease-out);flex:1;padding-top:10px}.redemption-states li[data-state=past]{border-top-color:var(--ink-2);color:var(--ink-2)}.redemption-states li[data-state=on]{border-top-color:var(--signal);color:var(--ink)}.redemption-copy{max-width:56ch}@media (max-width:600px){.rewards li{grid-template-columns:1fr auto}.rewards li>:last-child{grid-column:1/-1}}
