/* The arcade material for the shared c- library. All colours come from theme tokens. */
[data-skin="arcade"] .c-btn{--c-text:var(--t-black);border-color:var(--t-black);border-top-color:#ffba67;border-left-color:#ffad52;border-bottom:4px solid #953407;font-weight:700;box-shadow:inset 0 0 0 1px #ff983f,var(--t-shadow-hard);text-shadow:none;letter-spacing:-.04em;padding:.7em 1em}
[data-skin="arcade"] .c-btn[data-variant="ghost"],[data-skin="arcade"] .c-btn[data-variant="tag"]{--c-fill:var(--t-screen);--c-text:var(--t-green);border:2px solid var(--t-green);box-shadow:var(--t-shadow-small);font-family:var(--t-font-body);font-weight:400;letter-spacing:0}
[data-skin="arcade"] .c-btn[data-variant="danger"]{--c-fill:var(--t-red);--c-text:var(--t-black);border-color:#ffaca1 #762720 #68170f #ffaca1;-webkit-text-stroke:0;box-shadow:inset 0 0 0 2px #d0382a,0 6px 0 #50160e,var(--t-shadow-hard)}
[data-skin="arcade"] .c-btn[aria-disabled="true"]{cursor:not-allowed;filter:saturate(.68);opacity:.8}
[data-skin="arcade"] .c-btn[data-native-housing]{border-color:var(--c-housing-highlight);border-bottom-width:var(--t-outline);box-shadow:inset 0 0 0 1px var(--c-housing-highlight),0 var(--c-housing-depth) 0 var(--c-housing-shade),0 var(--c-housing-drop) 0 var(--c-housing-ring) #111710;--t-shadow-lift:inset 0 0 0 1px var(--c-housing-highlight),0 var(--c-housing-depth) 0 var(--c-housing-shade),0 var(--c-housing-drop) 0 var(--c-housing-ring) #111710;--t-shadow-pressed:inset 0 0 0 1px var(--c-housing-highlight),0 calc(var(--c-housing-depth) * .7) 0 var(--c-housing-shade),0 calc(var(--c-housing-drop) * .7) 0 var(--c-housing-ring) #111710}
[data-skin="arcade"] .c-btn[data-native-housing="round"]{border-radius:50%}
[data-skin="arcade"] .c-btn[aria-pressed="true"]{--c-fill:var(--t-green);--c-text:var(--t-black)}
[data-skin="arcade"] .c-btn:hover:not([aria-disabled="true"]):not([aria-busy="true"]){transform:translateY(-2px);animation:none}
[data-skin="arcade"] .c-btn:active:not([aria-disabled="true"]):not([aria-busy="true"]){transform:translateY(4px);box-shadow:var(--t-shadow-pressed)}
[data-skin="arcade"] .c-card{border-color:var(--t-metal-light) var(--t-black) var(--t-black) var(--t-metal);box-shadow:inset 0 0 0 2px var(--t-metal),var(--t-shadow-hard)}
[data-skin="arcade"] .c-card h2,[data-skin="arcade"] .c-card h3{color:var(--t-orange);font-weight:700}
[data-skin="arcade"] .c-tag{color:var(--t-black)}
[data-skin="arcade"] .c-tag[data-variant="stamp"]{color:var(--t-stamp)}
[data-skin="arcade"] .c-nav-link{color:var(--t-green);font-family:var(--t-font-body);font-weight:400}
[data-skin="arcade"] .c-nav-link::after{border-radius:0;transform:scaleX(0);height:2px}
[data-skin="arcade"] .c-nav-link[aria-current]::after,[data-skin="arcade"] .c-nav-link:hover::after{transform:scaleX(1)}
[data-skin="arcade"] .c-header{position:sticky;top:0;z-index:100;background:var(--t-black);border-bottom:3px solid var(--t-metal);gap:16px;padding-inline:22px}
[data-skin="arcade"] .c-header__brand{width:auto;min-width:122px;color:var(--t-orange);font:700 36px/1 var(--t-font-display);text-decoration:none;letter-spacing:-3px;text-shadow:3px 3px 0 #5d230e}
[data-skin="arcade"] .c-header__nav{gap:8px}
[data-skin="arcade"] .c-header__nav .c-nav-link{font-size:22px;white-space:nowrap;padding-inline:0}
[data-skin="arcade"] .c-header__buy{order:3;min-width:152px;min-height:46px;font-size:17px;margin-left:0}
[data-skin="arcade"] .c-header>.c-sound{order:2;font-size:20px;min-height:44px}
[data-skin="arcade"] .c-header__menu{order:1}
[data-skin="arcade"] .c-header__drawer-actions{display:none}
[data-skin="arcade"] .c-header[data-compact="true"]{border-bottom-color:var(--t-green)}
[data-skin="arcade"] .c-ticker{background:var(--t-screen);color:var(--t-green);border-color:var(--t-metal)}
[data-skin="arcade"] .c-toast{background:var(--t-green);color:var(--t-black)}
[data-skin="arcade"] .c-acc{border-color:var(--t-metal);border-radius:var(--t-radius-card)}
[data-skin="arcade"] .c-acc>summary{background:var(--t-screen);color:var(--t-orange);font-size:18px}
[data-skin="arcade"] .c-acc__panel{color:var(--t-green)}
[data-skin="arcade"] .c-acc[open]>summary::after{content:'×'}
[data-skin="arcade"] .c-input,[data-skin="arcade"] .c-copy input{background:var(--t-screen);border-color:var(--t-green);color:var(--t-ink);font:400 24px/1.1 var(--t-font-body)}
[data-skin="arcade"] .c-copy label{font-family:var(--t-font-body);color:var(--t-green)}
[data-skin="arcade"] .c-modal{background:var(--t-paper);color:var(--t-ink);border-color:var(--t-green)}
[data-skin="arcade"] .c-modal::backdrop{background:#000c}
[data-skin="arcade"] .c-tabs [role="tabpanel"]{border-color:var(--t-metal)}
[data-skin="arcade"] .c-tabs [role="tab"][aria-selected="true"]{--c-fill:var(--t-green);--c-text:var(--t-black)}
.c-sr-only{position:absolute!important;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.c-bezel{position:relative;padding:20px;border:3px solid var(--t-metal);border-top-color:var(--t-metal-light);border-left-color:var(--t-metal-light);border-radius:var(--t-radius-card);background:var(--t-paper);box-shadow:inset 0 0 0 3px var(--t-black),inset 0 0 0 5px var(--t-metal),var(--t-shadow-hard)}
.c-bezel::before,.c-bezel::after{content:'';position:absolute;pointer-events:none;z-index:2;width:8px;height:8px;top:7px;background:linear-gradient(135deg,var(--t-metal-light) 40%,var(--t-black) 40%,var(--t-black) 59%,var(--t-metal-light) 59%);border:2px solid var(--t-black);border-radius:50%;box-shadow:0 1px 0 var(--t-metal-light)}
.c-bezel::before{left:7px}.c-bezel::after{right:7px}
.c-crt{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--t-radius-screen);border:2px solid var(--t-metal);background:var(--t-screen);box-shadow:inset 0 0 24px #0008;padding:24px;color:var(--t-green)}
.c-crt::after{content:'';position:absolute;z-index:5;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#0002 3px,#0002 4px);box-shadow:inset 0 0 32px #0006}
.c-altitude{list-style:none;padding:12px 8px;margin:0;display:flex;flex-direction:column-reverse;justify-content:space-between;gap:12px;color:var(--t-green);font:400 22px/1 var(--t-font-body)}
.c-altitude li{position:relative;display:flex;justify-content:space-between;gap:8px;padding:6px 0 6px 15px;border-left:2px solid var(--t-green)}
.c-altitude li::before{content:'';position:absolute;left:-2px;top:50%;width:8px;height:2px;background:currentColor}
.c-altitude li[aria-current]{color:var(--t-orange)}
.c-altitude li[aria-current]::before{width:9px;height:9px;top:calc(50% - 4px)}
.c-altitude[data-layout="strip"]{flex-direction:row;flex-wrap:wrap;gap:8px}
.c-altitude[data-layout="strip"] li{flex:1 1 125px;min-height:56px;align-items:center;padding:12px;border:1px solid var(--t-metal);font-size:22px}
.c-altitude[data-layout="strip"] li::before{display:none}
.c-live-strip{display:flex;flex-wrap:wrap;gap:2px;padding:8px;background:var(--t-black);border:2px solid var(--t-metal);border-radius:var(--t-radius-card)}
.c-live-strip>div{flex:1 1 140px;padding:10px 14px;border-right:1px solid var(--t-metal);display:flex;flex-direction:column;gap:6px}
.c-live-strip>div:last-child{border:0}.c-live-strip span{font:400 20px/1 var(--t-font-body);color:var(--t-muted)}
.c-live-strip output{min-height:32px;font:400 30px/1 var(--t-font-body);color:var(--t-green)}
.c-live-strip [data-state="unknown"] output{font-size:22px}
.c-known-counter{display:flex;align-items:center;gap:14px;padding:12px 0;color:var(--t-green)}
.c-known-counter .c-count{font:400 36px/1 var(--t-font-body)}
.c-control-deck{display:flex;align-items:center;gap:24px;padding:22px 14px}
.c-control-deck__buy{flex:1;min-height:86px!important;font-size:clamp(24px,3vw,44px)!important}
[data-skin="arcade"] .c-control-deck__round{border-radius:var(--t-radius-round);width:76px;height:76px;min-width:76px;padding:5px;font:400 21px/1 var(--t-font-body)}
[data-skin="arcade"] [data-cheer]{--c-fill:var(--t-green);--c-text:var(--t-black);border:3px solid #8ded9e;box-shadow:inset 0 0 0 2px #097d39,0 6px 0 #074b21,var(--t-shadow-hard)}
.c-live-buys h2,.c-leaderboard h2{color:var(--t-orange);font:700 clamp(23px,2.5vw,38px)/1.2 var(--t-font-display);margin:0 0 20px}
.c-live-buys table,.c-leaderboard table{width:100%;border-collapse:collapse;font:400 24px/1.1 var(--t-font-body);text-align:left}
.c-live-buys th,.c-leaderboard th{font-weight:400;font-size:18px;color:var(--t-muted);padding-bottom:12px}
.c-live-buys td,.c-leaderboard td{border-top:1px solid #1e5739;padding:14px 6px}
.c-live-buys td span,.c-live-buys td strong{display:block;font-weight:400}.c-live-buys td strong{margin-top:5px}
.c-live-buys td:last-child{font-size:19px}.c-live-buys tr[data-tier="sell"]{color:var(--t-red)}
.c-live-buys tr[data-tier="whale"]{color:var(--t-black);background:var(--t-orange)}
.c-trade-icon{min-width:30px;min-height:30px;border:2px solid currentColor;padding:4px;text-align:center}.c-trade-icon img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}
.c-trade-icon svg{display:block;width:36px;height:24px}
.c-empty{color:var(--t-green);font:400 24px/1.35 var(--t-font-body);padding-block:40px}
.c-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:16px}
.c-commandment{display:grid;grid-template-columns:42px 1fr;align-items:start;gap:10px}.c-commandment>span{font:400 32px/1 var(--t-font-body);color:var(--t-green)}
.c-commandment h2{font-size:18px!important;line-height:1.45!important;margin:0!important}.c-commandment .c-actions{grid-column:2;margin:8px 0 0}
.c-commandment__art{grid-column:1/-1;width:100%;max-height:300px;object-fit:contain;image-rendering:pixelated}
.c-chat__log{height:320px;overflow-y:auto;overscroll-behavior:contain;padding:10px 4px;scrollbar-color:var(--t-green) var(--t-black)}
.c-chat__log p{max-width:92%;width:fit-content;margin:12px 0;padding:12px 16px;border:1px solid var(--t-green);border-radius:var(--t-radius-card);white-space:pre-wrap;overflow-wrap:anywhere}
.c-chat__log [data-role="user"]{margin-left:auto;color:var(--t-ink)}
.c-chat__quick{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.c-chat__quick .c-btn{flex:1 1 40%;font-size:13px}
.c-chat form,.c-waitlist form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.c-chat form label,.c-waitlist label{grid-column:1/-1;color:var(--t-green)}
.c-chat form textarea{resize:vertical;max-height:170px}.c-chat [role="status"],.c-waitlist [role="status"]{font-size:22px;min-height:1em;margin:14px 0 0}
.c-chat__mode,.c-leaderboard__mode{font-size:20px;color:var(--t-muted)}
.c-floor-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.c-floor{display:flex;align-items:center;gap:12px;min-height:55px;color:var(--t-ink);font:400 24px/1.1 var(--t-font-body);text-decoration:none}
.c-floor__number{width:48px;min-width:48px;height:48px;display:grid;place-items:center;border:4px ridge var(--t-metal-light);border-radius:var(--t-radius-round);background:var(--t-screen);color:var(--t-green)}
.c-floor__label{flex:1;min-height:44px;display:flex;align-items:center;padding:6px 10px;border:2px inset var(--t-metal);border-radius:var(--t-radius-input);background:var(--t-screen)}
.c-floor:hover .c-floor__number{color:var(--t-black);background:var(--t-orange)}
@media(max-width:1100px){
 [data-skin="arcade"] .c-header__menu{order:4;margin-left:0}
 [data-skin="arcade"] .c-header__brand{margin-right:auto}
 [data-skin="arcade"] .c-header__nav{background:var(--t-black);padding:16px;gap:4px;border-color:var(--t-green)}
 [data-skin="arcade"] .c-header__nav .c-nav-link{padding:10px 12px;font-size:25px}
 [data-skin="arcade"] .c-header__menu>summary{border:2px solid var(--t-green);color:var(--t-green);background:var(--t-screen);box-shadow:none;min-height:44px;font:400 20px/1 var(--t-font-body)}
}
@media(max-width:600px){
 [data-skin="arcade"] .c-header{padding:0 8px;gap:7px}
 [data-skin="arcade"] .c-header__brand{font-size:26px;min-width:78px;letter-spacing:-2px}
 [data-skin="arcade"] .c-header__buy{min-width:112px;font-size:12px;min-height:44px;padding:.5em}
 [data-skin="arcade"] .c-header>.c-sound{font-size:17px;padding:5px;min-width:56px}
 [data-skin="arcade"] .c-header__menu>summary{font-size:17px;min-width:45px;padding:4px}
 .c-bezel{padding:14px}.c-crt{padding:16px;border-radius:16px}
 .c-control-deck{flex-wrap:wrap;justify-content:center;gap:22px;padding:16px 6px 22px}.c-control-deck__buy{flex-basis:100%;min-height:72px!important}
 [data-skin="arcade"] .c-control-deck__round{height:62px;width:62px;min-width:62px}
 .c-altitude{font-size:16px;padding:12px 4px;gap:5px}.c-altitude li{padding:8px 0 8px 10px;flex-direction:column;gap:4px}
 .c-altitude[data-layout="strip"] li{flex-direction:row;flex-basis:125px}
 .c-floor-directory{grid-template-columns:1fr;gap:8px}.c-floor{font-size:23px}
 .c-chat form,.c-waitlist form{grid-template-columns:1fr}.c-chat form label,.c-waitlist label{grid-column:1}
 .c-chat form .c-btn,.c-waitlist form .c-btn{width:100%}.c-chat__quick .c-btn{font-size:11px;min-height:44px}
 .c-live-buys table{font-size:20px}.c-live-buys td:last-child{font-size:17px}.c-live-strip{padding:2px}.c-live-strip>div{flex-basis:42%;padding:10px}
}
@media(prefers-reduced-motion:reduce){[data-skin="arcade"] *,[data-skin="arcade"] *::before,[data-skin="arcade"] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.c-btn:hover,.c-btn:active{transform:none!important}}

/* Frame controls keep native geometry and the shared interactive states. */
[data-skin="arcade"] .frame-component.c-btn{--t-ink:#020504;color:var(--c-text);border:var(--t-outline) solid var(--c-edge,#122216);border-radius:var(--t-radius-pill);box-shadow:var(--t-shadow-hard);text-shadow:none;-webkit-text-stroke:0}
[data-skin="arcade"] .frame-component.c-btn:hover:not([aria-disabled="true"]){box-shadow:var(--t-shadow-lift)}
[data-skin="arcade"] .frame-component.c-btn:active:not([aria-disabled="true"]){box-shadow:var(--t-shadow-pressed)}
[data-skin="arcade"] .frame-component.c-btn[data-floor]{display:flex;align-items:center;gap:4%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#f6e7c3;letter-spacing:0;font-weight:400;text-align:left}
.q-floor-number{flex:0 0 auto;aspect-ratio:1;height:100%;display:grid;place-items:center;box-sizing:border-box;border:.16em ridge #bbaa83;border-radius:50%;background:#061513;box-shadow:0 .15em .07em #020504;font-size:1.4em;line-height:1}
.q-floor-label{flex:1;min-width:0;height:80%;display:flex;align-items:center;box-sizing:border-box;padding:0 5%;border:.11em inset #384734;border-radius:.25em;background:#061513;font:inherit;line-height:1;white-space:nowrap}
[data-device="phone"] .q-floor-number{height:80%}[data-device="phone"] .q-floor-label{height:68%}
[data-floor="colony"] .q-floor-number{border-color:#f8a92d;color:#ffce5e;box-shadow:0 0 .35em #df580b}
[data-floor="penthouse"] .q-floor-number{border-color:#ed5363;color:#ff6978}
[data-floor]:hover:not([aria-disabled="true"]) .q-floor-number{color:#ffcf6b;border-color:#edbb62}
[data-floor]:active:not([aria-disabled="true"]) .q-floor-number{box-shadow:none}
[data-skin="arcade"] .frame-component.c-btn[data-elevator-call]{border-radius:50%;border:.16em ridge #bbaa83;background:#756f5e;box-shadow:0 .14em .05em #020504}
[data-skin="arcade"] .frame-component.c-btn[data-cabinet-stick]{padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}
[data-cabinet-stick]::before{content:'';position:absolute;z-index:2;left:20%;top:0;width:60%;height:44%;box-sizing:border-box;border:.16em outset #f55830;border-radius:50%;background:#e52d16}
[data-cabinet-stick]::after{content:'';position:absolute;z-index:1;left:45%;top:36%;width:13%;height:47%;background:#a62611;border-inline:1px solid #e96326}
.q-joystick-base{position:absolute;left:5%;bottom:0;width:90%;height:24%;box-sizing:border-box;border:.12em solid #685c3c;border-radius:50%;background:#020806}
[data-skin="arcade"] .frame-component.c-btn[data-cabinet-key]{border-radius:50%;border-color:#ffb74f #6c2508 #42190b #ffb74f;box-shadow:0 .13em 0 #020504}
[data-skin="arcade"] .frame-component.c-btn[data-penthouse-tape]{background:repeating-linear-gradient(6deg,#82847c 0 3px,#919087 3px 5px)!important;border:0!important;box-shadow:none!important;clip-path:polygon(0 68%,80% 0,100% 39%,21% 100%)}