/* Public Arcade skin. Loaded last without changing betting behavior.
   Model Settings keeps its dedicated .admin-mission-control console. */

body.site-shell:not(.model-settings-mode),body.login-page,body.paywall-page{
--bg:#0d0b1f;--bg2:#131029;--panel:#1b1738;--panel2:#241d4a;
--ink:#f4f1ff;--txt:#f4f1ff;--mut:#a29ac9;--line:#3a3163;
--gold:#ffd23f;--amber:#ffd23f;--grn:#3affc7;--green:#3affc7;--grn2:#2bd67b;
--blu:#5cc8ff;--blue:#5cc8ff;--cyan:#5cc8ff;--red:#ff5d73;
--vio:#c084fc;--violet:#c084fc;--pink:#ff8ad4;--control-ink:#0d0b1f;
--control:#0d0b1f;--field:#131029;--surface:#1b1738;--tabs:#131029;
--tab-on:#241d4a;--header-bg:rgba(13,11,31,.92);
--body-grid:rgba(92,200,255,.045);--body-glow:#2b2358;--shadow:rgba(0,0,0,.5);
--modal-bg:rgba(5,4,15,.82);--focus:#ffd23f;--ring:rgba(92,200,255,.18);
--button-ink:#0d0b1f;--px:'Press Start 2P',monospace;
--body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--radius:0px;--border-width:3px;color-scheme:dark}

body.site-shell:not(.model-settings-mode){color:var(--ink);background-color:var(--bg);
background-image:linear-gradient(var(--body-grid) 1px,transparent 1px),
linear-gradient(90deg,var(--body-grid) 1px,transparent 1px),
radial-gradient(900px 620px at 80% -10%,var(--body-glow),var(--bg) 62%);
background-size:4px 100%,100% 4px,100% 100%}
body.site-shell:not(.model-settings-mode)::after,body.login-page::after,body.paywall-page::after{
content:"";display:block;position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:.16;
background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px)}
body.site-shell:not(.model-settings-mode) .retro-ambient{display:block!important;opacity:.85}
body.site-shell:not(.model-settings-mode) main{max-width:1180px;padding-top:24px}

/* Cabinet navigation */
body.site-shell:not(.model-settings-mode) header{min-height:68px;
padding:11px max(18px,calc((100vw - 1180px)/2));gap:12px;border-bottom:3px solid var(--line);
background:var(--header-bg);box-shadow:0 5px 0 rgba(0,0,0,.35);backdrop-filter:blur(14px)}
body.site-shell:not(.model-settings-mode) .brand{gap:10px}
body.site-shell:not(.model-settings-mode) .brand-mark{width:38px;height:38px;
border:3px solid var(--control-ink);border-radius:0;color:var(--control-ink);background:var(--green);
box-shadow:4px 4px 0 var(--control-ink);font:12px var(--px)}
body.site-shell:not(.model-settings-mode) .brand-copy h1{color:var(--gold);
font:12px/1.4 var(--px);letter-spacing:.02em;text-shadow:2px 2px 0 #6b5110}
body.site-shell:not(.model-settings-mode) .brand-copy small{display:block;color:var(--blue);
font:6px var(--px);letter-spacing:.08em}
body.site-shell:not(.model-settings-mode) .primary-nav{gap:7px}
body.site-shell:not(.model-settings-mode) .primary-nav .pbtn,
body.site-shell:not(.model-settings-mode) .account-button{min-height:36px;padding:9px 11px;
border:2px solid var(--line);border-radius:0;background:var(--panel);color:var(--ink);
box-shadow:3px 3px 0 var(--line);font:7px var(--px);text-transform:uppercase}
body.site-shell:not(.model-settings-mode) .primary-nav .pbtn:hover,
body.site-shell:not(.model-settings-mode) .account-button:hover{color:var(--gold);border-color:var(--blue);
transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--line)}
body.site-shell:not(.model-settings-mode) .system-status{border:2px solid var(--line);border-radius:0;
background:var(--bg2);color:var(--green);box-shadow:2px 2px 0 var(--line);font:7px var(--px)}

/* Startup cabinet */
body.site-shell:not(.model-settings-mode) .launch-boot{background:var(--bg)}
body.site-shell:not(.model-settings-mode) .launch-console{border:3px solid var(--gold);border-radius:0;
background:var(--panel);box-shadow:8px 8px 0 rgba(0,0,0,.55),0 0 50px rgba(255,210,63,.08)}
body.site-shell:not(.model-settings-mode) .launch-wordmark{font:13px var(--px);color:var(--gold)}
body.site-shell:not(.model-settings-mode) .launch-wordmark span{color:var(--green)}
body.site-shell:not(.model-settings-mode) .launch-track{height:12px;border:2px solid var(--line);
border-radius:0;background:var(--bg2)}
body.site-shell:not(.model-settings-mode) .launch-track i{border-radius:0;
background:linear-gradient(90deg,var(--violet),var(--green))}

/* Arcade control strip */
body.site-shell:not(.model-settings-mode) .market-toolbar{padding:13px;border:3px solid var(--line);
border-radius:0;background:var(--panel);box-shadow:5px 5px 0 var(--shadow)}
body.site-shell:not(.model-settings-mode) .filter-label{color:var(--blue);font:7px var(--px)}
body.site-shell:not(.model-settings-mode) :is(.tab,.bk){min-height:35px;padding:9px 11px!important;
border:2px solid var(--line)!important;border-radius:0!important;background:var(--bg2)!important;
color:var(--mut)!important;box-shadow:2px 2px 0 var(--line)!important;font:7px var(--px)!important}
body.site-shell:not(.model-settings-mode) :is(.tab,.bk):hover{color:var(--ink)!important;
border-color:var(--blue)!important}
body.site-shell:not(.model-settings-mode) :is(.tab,.bk).on{color:var(--control-ink)!important;
border-color:var(--control-ink)!important;background:var(--blue)!important;
box-shadow:3px 3px 0 var(--control-ink)!important}
body.site-shell:not(.model-settings-mode) .breaking{border:2px solid var(--red);border-radius:0;
background:var(--panel);box-shadow:3px 3px 0 color-mix(in srgb,var(--red) 35%,transparent)}
body.site-shell:not(.model-settings-mode) .breakingtitle{background:var(--red);
color:var(--control-ink)!important;font:7px var(--px)!important}

/* Featured pick cabinet */
body.site-shell:not(.model-settings-mode) .decision-eyebrow,
body.site-shell:not(.model-settings-mode) .decision-label{color:var(--blue);font:7px var(--px)}
body.site-shell:not(.model-settings-mode) .decision-head h2{color:var(--gold);
font:clamp(24px,4vw,42px)/1.25 var(--px);letter-spacing:0;text-shadow:3px 3px 0 #6b5110}
body.site-shell:not(.model-settings-mode) .decision-live{border:2px solid var(--green);border-radius:0;
background:var(--bg2);color:var(--green);font:7px var(--px)}
body.site-shell:not(.model-settings-mode) .decision-pick{min-height:390px;
padding:clamp(22px,4vw,40px);border:3px solid var(--gold);border-radius:0;
background:radial-gradient(520px 300px at 100% 0,rgba(192,132,252,.18),transparent 70%),
linear-gradient(145deg,var(--panel),var(--bg2));
box-shadow:8px 8px 0 rgba(255,210,63,.22),0 28px 70px rgba(0,0,0,.35)}
body.site-shell:not(.model-settings-mode) .decision-pick::after{content:"";position:absolute;
left:-35%;top:0;width:18%;height:100%;pointer-events:none;transform:skewX(-18deg);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);
animation:arcade-site-sheen 6s ease-in-out infinite}
@keyframes arcade-site-sheen{0%,70%{left:-35%}95%,100%{left:125%}}
body.site-shell:not(.model-settings-mode) .decision-copy h3{color:var(--green);
font:clamp(32px,6vw,58px)/1.1 var(--px);letter-spacing:-.02em;text-shadow:4px 4px 0 #126849}
body.site-shell:not(.model-settings-mode) .decision-sport{border:2px solid var(--violet);border-radius:0;
background:var(--panel2);font:7px var(--px)}
body.site-shell:not(.model-settings-mode) .decision-stats>div{border:2px solid var(--line);
border-radius:0;background:var(--bg2);box-shadow:2px 2px 0 var(--line)}
body.site-shell:not(.model-settings-mode) .decision-stats small{font:6px var(--px)}
body.site-shell:not(.model-settings-mode) .decision-actions button,
body.site-shell:not(.model-settings-mode) :is(.pbtn,.bet,.wf,.livebtn,.res){border:2px solid var(--control-ink)!important;
border-radius:0!important;box-shadow:3px 3px 0 var(--control-ink)!important;
font:7px var(--px)!important;text-transform:uppercase}
body.site-shell:not(.model-settings-mode) .decision-primary{background:var(--green)!important;
color:var(--control-ink)!important}
body.site-shell:not(.model-settings-mode) .decision-secondary{border-color:var(--line)!important;
background:var(--panel2)!important;color:var(--ink)!important;box-shadow:3px 3px 0 var(--line)!important}

/* Secondary picks and market cabinets */
body.site-shell:not(.model-settings-mode) .next-leans{border:3px solid var(--line);border-radius:0;
background:var(--panel);box-shadow:5px 5px 0 var(--shadow)}
body.site-shell:not(.model-settings-mode) .lean-card{border:2px solid var(--line)!important;
border-radius:0!important;background:var(--bg2)!important;box-shadow:3px 3px 0 var(--line)!important;
transition:transform .18s,border-color .18s}
body.site-shell:not(.model-settings-mode) .lean-card:hover{transform:translateY(-3px);
border-color:var(--blue)!important}
body.site-shell:not(.model-settings-mode) .lean-meter{border-radius:0;background:var(--panel2)}
body.site-shell:not(.model-settings-mode) .lean-meter i{border-radius:0;
background:linear-gradient(90deg,var(--violet),var(--green))}
body.site-shell:not(.model-settings-mode) .mcard>.card,
body.site-shell:not(.model-settings-mode) :is(.hero,.buddycard,.prop,.slipcard,.probgroup,.clvgroup){
border:3px solid var(--line)!important;border-radius:0!important;background:var(--panel)!important;
box-shadow:5px 5px 0 var(--shadow)!important}
body.site-shell:not(.model-settings-mode) .mcard:hover>.card{border-color:var(--blue)!important;
transform:translateY(-2px)}
body.site-shell:not(.model-settings-mode) .mhead{border-bottom:2px solid var(--line)!important}
body.site-shell:not(.model-settings-mode) .quick-lean .bp.best{border:2px solid var(--green)!important;
border-radius:0!important;background:var(--green)!important;color:var(--control-ink)!important}
body.site-shell:not(.model-settings-mode) .quick-lean .bet{background:var(--gold)!important;
color:var(--control-ink)!important}

/* Public workspaces become arcade racks. */
body.site-shell .mission-control:not(.admin-mission-control){border:3px solid var(--line);
border-radius:0;background:var(--panel);box-shadow:7px 7px 0 var(--shadow);color:var(--ink)}
body.site-shell .mission-control:not(.admin-mission-control)::before{opacity:.55;
background-image:linear-gradient(var(--body-grid) 1px,transparent 1px),
linear-gradient(90deg,var(--body-grid) 1px,transparent 1px);background-size:18px 18px}
body.site-shell :is(.news-console,.slips-console) .mission-banner{border-bottom:3px solid var(--line);
background:var(--panel2)}
body.site-shell :is(.news-console,.slips-console) .mission-banner h2{color:var(--gold);
font:clamp(18px,3vw,28px)/1.4 var(--px);text-shadow:2px 2px 0 #6b5110}
body.site-shell :is(.news-console,.slips-console) .mission-link{border:2px solid var(--green);
border-radius:0;background:var(--bg2);color:var(--green);font:7px var(--px)}
body.site-shell :is(.news-console,.slips-console) .mission-telemetry{background:var(--bg2);
border-bottom:3px solid var(--line)}
body.site-shell :is(.news-console,.slips-console) .mission-telemetry>div{border-color:var(--line)}
body.site-shell :is(.news-console,.slips-console) .mission-telemetry strong{color:var(--green);text-shadow:none}
body.site-shell :is(.news-console,.slips-console) .mission-section{border:2px solid var(--line)!important;
border-radius:0!important;background:var(--panel2)!important;box-shadow:3px 3px 0 var(--line)!important}
body.site-shell :is(.news-console,.slips-console) .mission-section-head{background:var(--bg2);
border-color:var(--line)}
body.site-shell :is(.news-console,.slips-console) .mission-section-head b{color:var(--blue);font:8px var(--px)}

/* Modals, account panel and forms */
body.site-shell:not(.model-settings-mode) .modal{background:var(--modal-bg);backdrop-filter:blur(6px)}
body.site-shell .mbox{border:3px solid var(--gold)!important;border-radius:0!important;
background:var(--panel)!important;box-shadow:8px 8px 0 rgba(0,0,0,.6),0 30px 90px rgba(0,0,0,.45)!important}
body.site-shell .mtitle{color:var(--gold);font:10px var(--px);text-shadow:2px 2px 0 #6b5110}
body.site-shell :is(input,select,textarea){border:2px solid var(--line)!important;border-radius:0!important;
background:var(--bg2)!important;color:var(--ink)!important}
body.site-shell :is(input,select,textarea):focus{border-color:var(--blue)!important;
box-shadow:0 0 0 3px rgba(92,200,255,.12)!important}
body.site-shell .account-tools button{border:2px solid var(--line);border-radius:0;
background:var(--bg2);font:7px var(--px)}
body.site-shell .toast{border:2px solid var(--gold)!important;border-radius:0!important;
background:var(--panel)!important;box-shadow:5px 5px 0 var(--shadow)!important}

/* Login cabinet */
body.login-page{font-family:var(--body);color:var(--ink);background-color:var(--bg);
background-image:linear-gradient(var(--body-grid) 1px,transparent 1px),
linear-gradient(90deg,var(--body-grid) 1px,transparent 1px),
radial-gradient(850px 560px at 50% -10%,var(--body-glow),var(--bg) 64%);
background-size:24px 24px,24px 24px,auto}
body.login-page .box{border:3px solid var(--gold);border-radius:0;background:var(--panel);
box-shadow:9px 9px 0 rgba(0,0,0,.6),0 0 55px rgba(192,132,252,.13)}
body.login-page .box::before{content:"PLAYER LOGIN  /  ARCADE NETWORK";border-bottom:2px solid var(--line);
background:var(--panel2);color:var(--blue);font:7px var(--px)}
body.login-page .login-mark{border:3px solid var(--control-ink);border-radius:0;
background:var(--green);color:var(--control-ink);box-shadow:4px 4px 0 var(--control-ink);font:10px var(--px)}
body.login-page .login-brand h1{color:var(--gold);font:14px/1.5 var(--px);
text-shadow:2px 2px 0 #6b5110}
body.login-page .sub{color:var(--mut)}
body.login-page .tabs{border:2px solid var(--line);border-radius:0;background:var(--bg2)}
body.login-page .tabs div{border-radius:0;font:7px var(--px)}
body.login-page .tabs div.on{background:var(--violet);color:var(--control-ink)}
body.login-page input{border:2px solid var(--line);border-radius:0;background:var(--bg2);color:var(--ink)}
body.login-page button{border:2px solid var(--control-ink);border-radius:0;background:var(--green);
color:var(--control-ink);box-shadow:4px 4px 0 var(--control-ink);font:8px var(--px)}

/* Whop access cabinet */
body.paywall-page{font-family:var(--body);color:var(--ink);background-color:var(--bg);
background-image:linear-gradient(var(--body-grid) 1px,transparent 1px),
linear-gradient(90deg,var(--body-grid) 1px,transparent 1px),
radial-gradient(900px 600px at 50% -10%,var(--body-glow),var(--bg) 64%);
background-size:24px 24px,24px 24px,auto}
body.paywall-page .shell{border:3px solid var(--gold);border-radius:0;background:var(--panel);
box-shadow:9px 9px 0 rgba(0,0,0,.6)}
body.paywall-page .top{border-bottom:3px solid var(--line);background:var(--panel2);font:7px var(--px)}
body.paywall-page .card{border-radius:0;background:var(--panel)}
body.paywall-page .eyebrow{color:var(--blue);font:7px var(--px)}
body.paywall-page h1{color:var(--gold);font:clamp(26px,5vw,52px)/1.25 var(--px);
letter-spacing:0;text-shadow:3px 3px 0 #6b5110}
body.paywall-page .pricebox{border:3px solid var(--line);border-radius:0;background:var(--bg2);
box-shadow:5px 5px 0 var(--line)}
body.paywall-page .price{color:var(--green);font:30px var(--px)}
body.paywall-page button{border:2px solid var(--control-ink);border-radius:0;background:var(--green);
color:var(--control-ink);box-shadow:4px 4px 0 var(--control-ink);font:8px var(--px)}

@media(max-width:820px){body.site-shell:not(.model-settings-mode) header{padding:10px 12px}
body.site-shell:not(.model-settings-mode) .primary-nav{order:3;width:100%;overflow-x:auto}
body.site-shell:not(.model-settings-mode) main{padding:18px 12px 110px}
body.site-shell:not(.model-settings-mode) .decision-pick{grid-template-columns:1fr;min-height:0}}
@media(max-width:560px){body.site-shell:not(.model-settings-mode) header{display:grid;
grid-template-columns:auto 1fr auto}body.site-shell:not(.model-settings-mode) .brand{grid-column:1/3}
body.site-shell:not(.model-settings-mode) .header-tools{grid-column:3}
body.site-shell:not(.model-settings-mode) .primary-nav{grid-column:1/-1;display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
body.site-shell:not(.model-settings-mode) .primary-nav .pbtn{justify-content:center;padding:8px 3px;font-size:6px}
body.site-shell:not(.model-settings-mode) .decision-graphic{display:none}
body.site-shell:not(.model-settings-mode) .decision-copy h3{font-size:30px}
body.paywall-page .card{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.site-shell:not(.model-settings-mode) *,
body.login-page *,body.paywall-page *{animation:none!important;transition:none!important}}