/* Break Room shared layout tokens; break-room.css supplies the canonical theme. */
:root{color-scheme:light;--bg:#f4eddc;--bg-raised:#1a1042;--panel:#fffdf5;--panel-hover:#2b1a67;--panel-deep:#e9dfc8;--line:#17263a;--line-bright:#8052b8;--text:#17263a;--muted:#526273;--dim:#9888cb;--pink:#ee6557;--cyan:#91c7dc;--yellow:#f9e2a7;--green:#b8d957;--red:#ff5b6e;--purple:#e1d1ec;--orange:#ff9c45;--shadow:5px 5px 0 #17263a;--pixel:"Pixelify Sans","Courier New",monospace;--body:"Inter",Arial,Helvetica,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius:0px;--radius-small:0px;--tap:44px;--content:1160px}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.5 var(--body)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,.button{min-height:var(--tap);cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.wrap{width:min(calc(100% - 32px),var(--content));margin:auto}.site-header{border-bottom:2px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font:900 16px/1 var(--pixel);letter-spacing:-1px}.brand img{width:34px;height:34px;image-rendering:pixelated}.brand-name span{color:var(--pink)}.nav{display:flex;align-items:center;gap:6px}.nav a{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);border:1px solid transparent;border-radius:var(--radius-small);font-size:13px}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--panel);border-color:var(--line)}.nav a[aria-current=page]{box-shadow:inset 0 -3px var(--cyan)}.nav img{width:17px;height:17px}.header-user{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--pink);background:var(--panel);color:var(--pink);font:700 12px var(--pixel)}.page{padding:30px 0 56px;min-height:calc(100vh - 145px)}.eyebrow{color:var(--cyan);font:700 11px/1.4 var(--pixel);letter-spacing:1.5px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font:900 clamp(25px,5vw,38px)/1.15 var(--pixel);letter-spacing:-1.8px;margin-bottom:10px}h2{font:800 18px/1.25 var(--pixel);letter-spacing:-.6px;margin-bottom:12px}h3{font-size:15px;margin-bottom:5px}p{color:var(--muted)}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.page-intro p{margin-bottom:0}.pixel-rule{height:4px;background:linear-gradient(90deg,var(--pink) 0 25%,var(--cyan) 25% 50%,var(--yellow) 50% 75%,var(--green) 75% 100%);margin:22px 0}.panel{background:var(--panel);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.panel-pad{padding:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:2px solid var(--cyan);border-radius:var(--radius-small);background:var(--cyan);color:#10101b;font:800 12px var(--pixel);text-transform:uppercase;box-shadow:0 4px 0 #007c91}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.secondary{background:var(--panel-deep);color:var(--text);border-color:var(--line-bright);box-shadow:0 4px 0 #0c0b14}.button.pink{background:var(--pink);border-color:var(--pink);color:#201127;box-shadow:0 4px 0 #9d2a88}.button.ghost{background:transparent;border-color:var(--line);box-shadow:none;color:var(--muted)}.button.small{min-height:36px;padding:0 10px;font-size:10px}.text-link{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{padding:16px;position:relative;overflow:hidden}.stat-label{color:var(--muted);font:700 10px var(--pixel);text-transform:uppercase;letter-spacing:.6px}.stat-value{font:900 clamp(23px,4vw,32px)/1.15 var(--pixel);margin:7px 0 3px}.stat-note{color:var(--dim);font-size:12px}.cyan{color:var(--cyan)}.pink-text{color:var(--pink)}.yellow{color:var(--yellow)}.green{color:var(--green)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 14px}.section-head h2{margin:0}.section-meta{color:var(--dim);font:700 10px var(--pixel);text-transform:uppercase}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.game-card{padding:0;overflow:hidden;min-width:0;transition:transform .15s,border-color .15s}.game-card:hover{transform:translateY(-3px);border-color:var(--cyan)}.game-art{height:116px;display:grid;place-items:center;position:relative;overflow:hidden;background:#171325;border-bottom:2px solid var(--line)}.game-art:before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.1) 50%),linear-gradient(transparent 50%,rgba(255,255,255,.1) 50%);background-size:8px 8px}.game-art svg{width:74px;height:74px;position:relative;}.art-pink{background:#21172d}.art-blue{background:#142633}.art-green{background:#142b2a}.art-orange{background:#30223a}.art-purple{background:#21172d}.art-red{background:#301923}.card-status{position:absolute;top:10px;right:10px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid currentColor;background:#151323;color:var(--green);font:700 9px var(--pixel);text-transform:uppercase}.card-status img{width:12px;height:12px}.card-status.locked{color:var(--dim)}.game-card-content{padding:14px}.game-card h3{font:800 13px var(--pixel);margin:0 0 5px;overflow-wrap:anywhere}.game-card p{font-size:12px;line-height:1.45;margin:0 0 14px;min-height:34px}.game-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font:700 10px var(--pixel);color:var(--muted)}.score{color:var(--yellow)}.score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 8px;border:2px solid currentColor;border-radius:0;font:900 11px var(--pixel);background:#0002}.tier-perfect{color:var(--yellow)}.tier-great{color:var(--green)}.tier-good{color:var(--cyan)}.tier-ok{color:#ffbd69}.tier-bad{color:var(--red)}.reset-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;background:var(--panel-deep);border:2px solid var(--pink);border-radius:var(--radius-small);margin-top:20px}.reset-bar strong{color:var(--yellow);font:800 13px var(--pixel)}.reset-bar span{color:var(--muted);font-size:12px}.two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:18px}.friend-code{display:inline-flex;gap:10px;align-items:center;padding:10px 12px;border:2px solid var(--pink);background:var(--panel-deep);color:var(--yellow);font:800 14px var(--pixel);letter-spacing:1px}.field{display:grid;gap:6px;margin-bottom:14px}.field label{color:var(--muted);font:700 10px var(--pixel);text-transform:uppercase}.input{width:100%;min-height:46px;padding:10px 12px;background:var(--panel-deep);border:2px solid var(--line);border-radius:var(--radius-small);color:var(--text)}.input::placeholder{color:var(--dim)}.input:focus{border-color:var(--cyan);outline:2px solid #00e5ff26}.feed-list{display:grid}.feed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.feed-row:last-child{border-bottom:0}.feed-person{display:flex;align-items:center;gap:10px;min-width:0}.feed-person .avatar{flex-shrink:0}.feed-person strong{display:block;font-size:13px}.feed-person small{display:block;color:var(--dim);font-size:11px}.feed-scores{display:flex;gap:6px;flex-wrap:wrap;justify-content:end;align-items:center}.mini-score{font:800 10px var(--pixel);color:var(--yellow);padding:5px 6px;background:var(--panel-deep);border:1px solid var(--line)}.game-stats{width:100%;border-collapse:collapse}.game-stats th,.game-stats td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}.game-stats th{color:var(--dim);font:700 10px var(--pixel);text-transform:uppercase}.game-stats td{font-size:12px}.game-stats td:first-child{font-weight:700}.streak-chip{display:inline-flex;align-items:center;gap:5px;color:var(--pink);font:800 11px var(--pixel)}.profile-top{display:flex;align-items:center;gap:18px;margin-bottom:22px}.profile-avatar{display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;border:3px solid var(--pink);background:#34204b;color:var(--pink);font:900 25px var(--pixel);box-shadow:4px 4px 0 #07060b}.profile-top p{margin:0}.empty-state{text-align:center;padding:34px 20px;border:2px solid var(--cyan);border-radius:0;background:#100e1b}.empty-art{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border:2px solid var(--line-bright);color:var(--cyan);background:var(--panel);font:900 25px var(--pixel)}.empty-state h3{font:800 14px var(--pixel)}.empty-state p{max-width:320px;margin:0 auto 16px;font-size:13px}.site-footer{border-top:2px solid var(--line);padding:20px 0;background:#09080d}.footer-inner{display:flex;justify-content:space-between;gap:14px;align-items:center;color:var(--dim);font-size:11px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a:hover{color:var(--cyan)}.auth-shell{max-width:460px;margin:18px auto}.auth-logo{display:flex;justify-content:center;margin-bottom:18px}.auth-card{padding:24px}.auth-card h1{font-size:27px}.auth-card>p{font-size:13px}.divider-label{display:flex;align-items:center;gap:10px;margin:17px 0;color:var(--dim);font:700 10px var(--pixel)}.divider-label:before,.divider-label:after{content:"";height:1px;background:var(--line);flex:1}.full{width:100%}.auth-bottom{text-align:center;margin:18px 0 0;font-size:12px}.notice{padding:11px 12px;background:#00e5ff14;border-left:3px solid var(--cyan);color:var(--muted);font-size:12px}.game-shell{max-width:900px;margin:0 auto}.game-shell-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.game-shell-head .back{color:var(--muted);font-size:12px}.game-shell-main{padding:clamp(18px,4vw,36px)}.game-stage{min-height:250px;margin:20px 0;display:grid;place-items:center;border:2px solid var(--cyan);background:#171427;padding:20px;text-align:center}.stage-mark{font:900 clamp(44px,10vw,74px)/1 var(--pixel);color:var(--pink);text-shadow:4px 4px 0 #211c33}.game-shell-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:16px}.icon-button{min-width:44px;min-height:44px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-small);color:var(--muted);background:var(--panel-deep)}.icon-button:hover{color:var(--cyan);border-color:var(--cyan)}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.asset-sample{padding:14px;background:var(--panel-deep);border:1px solid var(--line);border-radius:var(--radius-small);overflow-wrap:anywhere}.asset-sample>span{display:block;color:var(--dim);font:700 10px var(--pixel);margin-bottom:10px}.swatches{display:flex;gap:5px;margin-bottom:8px}.swatches i{display:block;width:24px;height:24px;border:1px solid #ffffff33}.toast-demo{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--green);border-left:4px solid var(--green);background:#162c2a;color:var(--green);border-radius:var(--radius-small);font-size:12px}.toast-demo.error{border-color:var(--red);background:#301b2a;color:var(--red)}.modal-demo{max-width:390px;margin:auto;padding:20px;border:2px solid var(--line-bright);border-radius:var(--radius);background:var(--panel);box-shadow:8px 8px 0 #0006}.modal-demo h3{font:800 14px var(--pixel)}.modal-actions{display:flex;gap:8px;justify-content:end;margin-top:18px}
@media(max-width:760px){.header-inner{min-height:60px;flex-wrap:wrap;padding:10px 0 0;gap:7px}.brand{font-size:14px}.header-user{margin-left:auto}.nav{width:100%;order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:8px;gap:4px}.nav a{justify-content:center;padding:0 7px;font-size:11px}.nav img{width:15px;height:15px}.page{padding-top:23px}.page-intro{align-items:start;flex-direction:column}.stat-grid{gap:8px}.stat{padding:12px 10px}.stat-label{font-size:9px;letter-spacing:0}.stat-value{font-size:23px}.stat-note{font-size:10px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-art{height:92px}.game-art svg{width:60px;height:60px}.game-card-content{padding:11px}.game-card h3{font-size:11px}.game-card p{font-size:11px;min-height:46px}.card-status{font-size:8px;top:6px;right:6px;padding:3px 5px}.two-col{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-pad{padding:16px}.reset-bar{align-items:start;flex-direction:column}.footer-inner{align-items:start;flex-direction:column}.game-shell-head{align-items:start}.game-shell-footer{align-items:start;flex-direction:column}.game-stats th,.game-stats td{padding:10px 5px;font-size:11px}}
@media(max-width:380px){.wrap{width:min(calc(100% - 20px),var(--content))}.brand-name{font-size:12px}.header-user .button{padding:0 9px;font-size:9px}.game-grid{gap:8px}.game-card-content{padding:9px}.game-card p{min-height:55px}.stat-value{font-size:20px}.profile-avatar{width:60px;height:60px;flex-basis:60px;font-size:20px}.panel-pad{padding:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* === FULL-POWER ARCADE PASS === */
html{background:var(--bg)}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 12% 4%,#5222a544 0,transparent 34%),radial-gradient(ellipse at 94% 25%,#ee65571a 0,transparent 26%),linear-gradient(#91c7dc0b 1px,transparent 1px),linear-gradient(90deg,#91c7dc0b 1px,transparent 1px);background-size:auto,auto,24px 24px,24px 24px;background-attachment:fixed;position:relative}
body:after{content:"";pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.12;background:repeating-linear-gradient(to bottom,transparent 0 3px,#05020e 4px 5px);mix-blend-mode:multiply}
.site-header{background:#120a30f2;border-bottom:3px solid var(--cyan);box-shadow:0 5px 0 #ee65572b,0 12px 32px #17263a88;backdrop-filter:blur(10px)}
.brand{font-size:18px;letter-spacing:-1.5px;text-shadow:2px 2px 0 #ee6557}.brand img{filter:drop-shadow(3px 3px 0 #ee6557)}.brand-name span{color:var(--yellow)}
.nav a{color:#c9b9f4;font:800 11px var(--pixel);text-transform:uppercase;letter-spacing:.4px}.nav a:hover,.nav a[aria-current=page]{background:var(--panel-hover);color:var(--text);border-color:var(--line);box-shadow:inset 0 -3px var(--yellow),3px 3px 0 #17263a}
.page{padding-top:38px}.eyebrow{color:var(--yellow);text-shadow:2px 2px 0 #ee655733}.page-intro h1{text-shadow:3px 3px 0 #48206f}.page-intro p{color:#d1c5f6}.pixel-rule{height:6px;filter:drop-shadow(0 3px 0 #17263a)}
.panel{background:linear-gradient(135deg,#28175a 0%,#1b1042 100%);border:2px solid var(--line-bright);box-shadow:5px 5px 0 #17263a,0 0 0 1px #ee65571c inset;position:relative}
.panel:before{content:"";position:absolute;left:-2px;top:-2px;width:26px;height:4px;background:var(--yellow);pointer-events:none}.panel-pad{padding:22px}
.button{background:var(--cyan);border-color:#a8f8ff;color:#160c39;box-shadow:0 5px 0 #087d9c,0 0 18px #91c7dc26;font-size:12px;letter-spacing:.3px;transition:transform .12s,filter .12s,box-shadow .12s}.button:hover{filter:brightness(1.13);transform:translateY(-2px);box-shadow:0 7px 0 #087d9c,0 0 24px #91c7dc55}.button:active{transform:translateY(3px);box-shadow:0 1px 0 #087d9c}.button.pink{background:var(--pink);border-color:#ffb1ee;color:#26082b;box-shadow:0 5px 0 #9d237f,0 0 20px #ee655733}.button.pink:hover{box-shadow:0 7px 0 #9d237f,0 0 26px #ee655766}.button.secondary{background:#281751;color:var(--text);border-color:#7850a7;box-shadow:0 4px 0 #0a0620}.button.ghost{background:transparent;color:var(--cyan);border-color:var(--cyan)}
.stat-grid{gap:14px}.stat{background:linear-gradient(145deg,#2d1b66,#1a1042);border-color:#6b45a1;overflow:hidden}.stat:after{content:"";position:absolute;right:-15px;top:-22px;width:78px;height:78px;border:10px solid #ffffff08;transform:rotate(25deg)}.stat:nth-child(1){border-top:4px solid var(--cyan)}.stat:nth-child(2){border-top:4px solid var(--pink)}.stat:nth-child(3){border-top:4px solid var(--yellow)}.stat-label{color:#d2c2ff}.stat-note{color:#a99ada}.stat-value{text-shadow:2px 2px 0 #09051d}.cyan{color:var(--cyan)}.pink-text{color:var(--pink)}.yellow{color:var(--yellow)}.green{color:var(--green)}
.reset-bar{background:#140b34;border:2px solid #ee6557;box-shadow:4px 4px 0 #17263a;position:relative}.reset-bar strong{color:var(--yellow)}.reset-bar>strong:last-child{font-size:18px;color:var(--cyan);text-shadow:2px 2px 0 #0a0620}.section-head{margin-top:34px}.section-head h2{color:#fff5fc;text-shadow:2px 2px 0 #5d267f}.section-meta{color:var(--yellow)}
.game-grid{gap:18px}.game-card{background:#fffdf5;border:2px solid #624191;box-shadow:5px 5px 0 #17263a;transition:transform .15s,border-color .15s,box-shadow .15s}.game-card:before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:4px;background:var(--card-accent,var(--cyan))}.game-card:hover{transform:translate(-2px,-4px);border-color:var(--card-accent,var(--cyan));box-shadow:7px 9px 0 #17263a,0 0 22px color-mix(in srgb,var(--card-accent,var(--cyan)) 25%,transparent)}.game-card:nth-child(1){--card-accent:var(--pink)}.game-card:nth-child(2){--card-accent:var(--cyan)}.game-card:nth-child(3){--card-accent:var(--green)}.game-card:nth-child(4){--card-accent:var(--orange)}.game-card:nth-child(5){--card-accent:var(--purple)}.game-card:nth-child(6){--card-accent:var(--yellow)}
.game-art{height:142px;border-bottom:2px solid #664298;background:#3a1b6c;isolation:isolate}.game-art:before{opacity:.34;background-image:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.12) 50%),linear-gradient(transparent 50%,rgba(255,255,255,.12) 50%);background-size:6px 6px;z-index:-1}.game-art svg{width:88px;height:88px;filter:drop-shadow(5px 5px 0 #10072e);transition:transform .18s}.game-card:hover .game-art svg{transform:scale(1.08) rotate(-3deg)}.art-pink{background:linear-gradient(135deg,#76236e,#35165c)}.art-blue{background:linear-gradient(135deg,#125a8c,#20205e)}.art-green{background:linear-gradient(135deg,#176b59,#1b285c)}.art-orange{background:linear-gradient(135deg,#9b4829,#4b205d)}.art-purple{background:linear-gradient(135deg,#6734a0,#272060)}.art-red{background:linear-gradient(135deg,#9c254e,#43205c)}.card-status{background:#130b32;border:2px solid currentColor;box-shadow:2px 2px 0 #17263a;color:var(--green);font-size:10px}.card-status.locked{color:var(--yellow)}.game-card-content{padding:16px}.game-card h3{font-size:14px;color:#fff}.game-card p{color:#c3b3ef;font-size:12px}.game-meta{color:#bba9eb}.score{color:var(--yellow)}.score-badge{background:#170d39;border-color:currentColor;box-shadow:2px 2px 0 #17263a}.tier-perfect{color:var(--yellow)}.tier-great{color:var(--green)}.tier-good{color:var(--cyan)}.tier-ok{color:var(--orange)}.tier-bad{color:var(--red)}
.two-col{gap:22px}.friend-code{background:#170d39;border:2px solid var(--yellow);color:var(--yellow);box-shadow:3px 3px 0 #17263a}.input{background:#130b32;border-color:#624191;color:white}.input:focus{border-color:var(--cyan);outline:3px solid #91c7dc33}.field label{color:#e0d3ff}.feed-row{border-color:#4b3275}.feed-person small{color:#aa9bd6}.mini-score{background:#170d39;border-color:#67458f;color:var(--yellow)}.game-stats th{color:var(--yellow)}.game-stats th,.game-stats td{border-color:#4b3275}.profile-avatar{background:#5a2271;border-color:var(--yellow);color:var(--yellow);box-shadow:5px 5px 0 #17263a}.empty-state{background:#180e3b;border-color:#8b58c2}.empty-art{background:#2b1657;border-color:var(--cyan);box-shadow:3px 3px 0 #17263a}.site-footer{background:#0b0620;border-top:3px solid var(--pink);box-shadow:0 -6px 0 #91c7dc10}.footer-inner{color:#a99ada}.footer-links a:hover{color:var(--yellow)}
.auth-card{padding:28px}.auth-card h1{font-size:30px}.auth-card:after{content:"★ PLAYER 1 ★";display:block;text-align:center;margin-top:20px;color:var(--pink);font:800 10px var(--pixel);letter-spacing:2px}.divider-label:before,.divider-label:after{background:#5a3c84}.notice{background:#91c7dc14;border-left-color:var(--cyan);color:#d3c8f6}.game-shell-main{background:linear-gradient(145deg,#2a175b,#160c38)}.game-stage{background-color:#f4eddc;background-image:linear-gradient(#91c7dc14 1px,transparent 1px),linear-gradient(90deg,#91c7dc14 1px,transparent 1px),radial-gradient(ellipse at center,#402078,#f4eddc 70%);background-size:18px 18px,18px 18px,auto;border:3px solid var(--pink);box-shadow:inset 0 0 50px #17263a}.stage-mark{color:var(--yellow);text-shadow:4px 4px 0 #ee6557,7px 7px 0 #17263a;animation:arcade-bob 2.5s ease-in-out infinite}.icon-button{background:#190e3d;border:2px solid #67458f}.icon-button:hover{color:var(--yellow);border-color:var(--yellow)}.asset-sample{background:#180e3b;border-color:#65418f}.toast-demo{background:#143c49;color:var(--green)}.toast-demo.error{background:#4c193e}.modal-demo{background:#fffdf5;border-color:var(--pink);box-shadow:8px 8px 0 #17263a}
/* cabinet marquee added to the home screen */
.arcade-marquee{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 24px;padding:18px 22px;overflow:hidden;background:linear-gradient(110deg,#45145e,#1b1652 55%,#0c3560);border:3px solid var(--yellow);box-shadow:6px 6px 0 #17263a,0 0 26px #ee65571a}.arcade-marquee:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff08 0 7px,transparent 7px 14px)}.marquee-copy,.marquee-controls{position:relative}.marquee-kicker{font:800 10px var(--pixel);letter-spacing:2px;color:var(--cyan);margin-bottom:6px}.marquee-title{font:900 clamp(22px,4vw,34px)/1 var(--pixel);color:#fff;text-shadow:3px 3px 0 #ee6557,6px 6px 0 #10072e;margin-bottom:8px}.marquee-sub{margin:0;color:#e1d5ff;font-size:12px}.marquee-controls{text-align:center;min-width:145px}.coin-stack{font:900 13px var(--pixel);color:var(--yellow);margin-bottom:10px;text-shadow:2px 2px 0 #17263a}.marquee-controls .button{width:100%}.marquee-lights{display:flex;gap:5px;margin-bottom:8px;justify-content:center}.marquee-lights i{width:8px;height:8px;background:var(--pink);box-shadow:0 0 8px #ee6557;animation:light-blink 1.1s steps(2,end) infinite}.marquee-lights i:nth-child(2n){background:var(--cyan);box-shadow:0 0 8px #91c7dc;animation-delay:.3s}.marquee-lights i:nth-child(3n){background:var(--yellow);box-shadow:0 0 8px #f9e2a7;animation-delay:.6s}.home-ticker{display:flex;gap:28px;overflow:hidden;white-space:nowrap;margin:0 0 22px;padding:9px 12px;background:#10072e;border-block:2px solid #563584;color:var(--yellow);font:800 10px var(--pixel);letter-spacing:1px}.home-ticker span:nth-child(even){color:var(--cyan)}.home-ticker span:before{content:"✦ ";color:var(--pink)}
@keyframes arcade-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes light-blink{0%,48%{opacity:1}49%,100%{opacity:.35}}
@media(max-width:760px){.page{padding-top:24px}.arcade-marquee{grid-template-columns:1fr;padding:16px;gap:14px}.marquee-controls{display:flex;align-items:center;gap:12px;text-align:left}.marquee-controls .button{width:auto;flex:1}.coin-stack{margin:0}.marquee-lights{justify-content:flex-start}.game-art{height:112px}.game-art svg{width:70px;height:70px}.game-grid{gap:13px}.panel-pad{padding:16px}}
@media(max-width:380px){.game-art{height:96px}.game-card-content{padding:10px}.arcade-marquee{padding:13px}.marquee-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){.stage-mark,.marquee-lights i{animation:none}}

/* My Stats button only: cyan button with a black trophy icon */
.page-intro > .button.pink{background:var(--cyan);border-color:var(--cyan);box-shadow:0 4px 0 #007c91}
.page-intro > .button.pink img{filter:brightness(0)}

/* Typography refinements: preserve the original scoreboard numerals and explicitly style game descriptions. */
.stat-value,.score,.score-badge,.mini-score,.result-score,.used-score,.extended-stats-grid strong,.extended-stats-grid span{font-family:"Courier New",monospace !important;font-variant-numeric:tabular-nums;}
.game-card p,.standalone-title-group>p:not(.daily-countdown),.game-popup>p:not(.popup-kicker):not(.popup-footnote),.popup-instructions,.popup-footnote,.card-ready>p,.card-playing>p,.card-results>p,.card-used>p{font-family:var(--body),Arial,Helvetica,sans-serif;font-weight:500;}

/* Midnight Arcade lineup: keep the existing cabinet grid and artwork frames. */
.game-card.card-lowball{--card-accent:var(--cyan)}
.game-card.card-stake{--card-accent:var(--green)}
.card-lowball .game-art svg,.card-stake .game-art svg{width:160px;height:112px;max-width:85%}
.game-meta{flex-wrap:wrap;gap:6px}
.card-coming-soon .game-art>svg{opacity:.18;filter:none}
.coming-soon-art{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--yellow);font:900 clamp(14px,2vw,20px)/1.25 var(--pixel);letter-spacing:2px;text-shadow:3px 3px 0 #10072e}
@media(max-width:760px){.card-lowball .game-art svg,.card-stake .game-art svg{height:90px;width:130px}}
@media(max-width:600px){.stat-value{font-size:clamp(17px,4.7vw,23px)}}

/* Selected Cabinet Badge wordmark: preserve the existing header arrangement. */
.brand .brand-logo{display:block;position:relative;overflow:hidden;width:210px;height:60px}
@media(max-width:760px){.brand .brand-logo{width:180px;height:50px}}
@media(max-width:380px){.brand .brand-logo{width:164px;height:48px}}

/* Display the selected artwork at its visible bounds, preserving its original PNG. */
html .brand .brand-logo img.brand-logo-art{position:absolute;display:block;width:109.310518%;height:auto;max-width:none;left:-4.68042275%;top:50%;transform:translateY(-50%);filter:none;image-rendering:auto}

/* Homepage hierarchy: one introduction, one reset clock, and the original game grid. */
.home-page{background-image:radial-gradient(ellipse at 12% 4%,#5222a522 0,transparent 34%),linear-gradient(#91c7dc04 1px,transparent 1px),linear-gradient(90deg,#91c7dc04 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}
.home-page:after{opacity:.035}
.home-page .site-header{box-shadow:0 3px 0 #ee655714}
.home-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;padding:22px 24px;background:#1b1042;border:2px solid #65438c;border-top-color:var(--cyan);box-shadow:3px 3px 0 #17263a}
.home-intro .eyebrow{font-size:11px;line-height:1.5;letter-spacing:1px;margin:0 0 8px;text-shadow:none;color:var(--cyan)}
.home-intro h1{font-size:clamp(25px,4.5vw,36px);line-height:1.25;letter-spacing:-1px;margin:0 0 10px;text-shadow:none}
.home-intro-copy{font:400 16px/1.6 var(--body);color:#ded4f4;margin:0;max-width:540px}
.home-intro>.button{flex-shrink:0;box-shadow:0 3px 0 #0a0620}
.home-page .home-reset{margin:0;border-color:#60417f;box-shadow:3px 3px 0 #17263a;align-items:center}
.home-reset p{font:400 14px/1.5 var(--body);color:#d1c5e8;margin:5px 0 0}
.home-page .home-reset #daily-reset-countdown{font:700 clamp(24px,4vw,32px)/1.2 "Courier New",monospace;color:var(--cyan);letter-spacing:1px;white-space:nowrap;text-shadow:none;min-width:8ch;font-variant-numeric:tabular-nums}
.home-page .section-head{margin-top:26px;flex-wrap:wrap}
.home-page .section-head h2{text-shadow:none}
.home-page .section-meta{font-size:11px;line-height:1.5}
.home-page .game-card{border-color:#62418a;box-shadow:3px 3px 0 #17263a}
.home-page .game-card:hover{transform:translateY(-2px);border-color:var(--card-accent,var(--cyan));box-shadow:3px 5px 0 #17263a}
.home-page .game-art:before{opacity:.14}
.home-page .game-art svg{filter:drop-shadow(3px 3px 0 #10072e)}
.home-page .game-card h3{font-size:16px;line-height:1.35}
.home-page .game-card p{font:400 14px/1.55 var(--body);color:#d8cbed;min-height:0}
.home-page .game-meta{font-size:11px;line-height:1.5}
.home-page .score-badge{font-size:11px;max-width:100%;white-space:normal;box-shadow:none}
.home-page .card-status{font-size:11px;box-shadow:none}
.home-page .panel-pad{box-shadow:3px 3px 0 #17263a}
.home-page .panel-pad p{font-size:14px;line-height:1.6}
.home-page .pixel-rule{height:4px;filter:none}
@media(max-width:760px){.home-intro{padding:18px;align-items:flex-start;flex-direction:column;gap:14px}.home-page .page{padding-top:22px}.home-page .home-reset{flex-direction:row;flex-wrap:wrap;gap:12px}.home-reset>div{flex:1 1 240px}.home-page .game-card-content{padding:12px}}
@media(max-width:380px){.home-intro{padding:15px}.home-intro-copy{font-size:15px}.home-page .game-card-content{padding:10px}.home-page .game-card h3{font-size:15px}}

/* Centre the main-site logo independently of the unequal navigation/account groups. */
.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}
.header-inner>.nav{grid-column:1;grid-row:1;justify-self:start;display:flex;width:auto;order:initial;padding:0}
.header-inner>.brand{grid-column:2;grid-row:1;justify-self:center}
.header-inner>.header-user{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
@media(max-width:900px){.header-inner{gap:6px 8px;padding:8px 0 0}.header-inner>.nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center;gap:8px;width:100%;padding-bottom:8px}}
@media(max-width:600px){.header-inner>.brand .brand-logo{width:clamp(118px,38vw,172px);height:50px}.header-inner>.header-user{gap:4px}.header-inner>.header-user .button{font-size:9px;min-height:36px;padding:0 6px}.header-inner>.header-user .avatar{width:28px;height:28px;font-size:10px}}