:root{--ar-bg:#101321;--ar-ink:#f7f6ff;--ar-gold:#f2ce78} .ar-bar,.ar-panel,.ar-dialog,.ar-lobby,.ar-admin{box-sizing:border-box;font:15px/1.45 system-ui,sans-serif;color:var(--ar-ink)}
.ar-bar{position:relative;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#101321;flex-shrink:0}.ar-bar a,.ar-bar button{color:#fff;background:#252a40;border:1px solid #59617c;border-radius:9px;padding:7px 12px;text-decoration:none;font:inherit;min-height:38px}.ar-bar output{font-variant-numeric:tabular-nums;font-size:12px}.ar-dialog{border:1px solid #626884;border-radius:22px;background:linear-gradient(145deg,#22283f,#0d1020);box-shadow:0 22px 90px #000b;width:min(440px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:22px}.ar-dialog::backdrop{background:#02040bbd;backdrop-filter:blur(5px)}.ar-dialog h2{margin:0 0 6px;font-size:24px}.ar-dialog button,.ar-dialog select,.ar-dialog input,.ar-admin button,.ar-admin input{font:inherit;font-size:16px;border-radius:10px;padding:10px;border:1px solid #7c8296;min-height:44px}.ar-dialog button{cursor:pointer;background:#efe1b2;color:#171622;font-weight:750}.ar-dialog a{color:#f1d68b}.ar-dialog form{display:grid;gap:10px;margin:14px 0}.ar-dialog label{display:grid;gap:4px}.ar-dialog input,.ar-dialog select{width:100%;box-sizing:border-box;background:#101426;color:#fff}.ar-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.ar-score{font-size:38px;font-weight:900;font-variant-numeric:tabular-nums}.ar-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:5px}.ar-list li{display:grid;grid-template-columns:24px 30px 1fr auto;align-items:center;gap:8px;padding:8px;background:#ffffff09;border-radius:9px}.ar-list img{width:28px;height:28px;object-fit:contain}.ar-list .ar-champion{padding:14px 8px;border:2px solid #d8b465;background:linear-gradient(130deg,#64501d,#25243a);box-shadow:0 3px 0 #98732b,0 8px 18px #0008,inset 0 1px 0 #fff7;font-size:17px}.ar-record{font-size:11px;display:block;color:#f6d990}.ar-lobby{max-width:720px;margin:auto;padding:20px 14px calc(25px + env(safe-area-inset-bottom))}.ar-lobby h1{font-size:clamp(30px,6vw,46px);margin:10px 0}.ar-lobby header p{color:#b6bcd0}.ar-standings{display:grid;gap:8px;margin:24px 0}.ar-team{display:grid;grid-template-columns:30px 44px 1fr auto 24px;align-items:center;gap:10px;padding:13px 12px;border:1px solid #3b425c;border-radius:14px;background:linear-gradient(115deg,#22283a,#171a2a);text-decoration:none;color:inherit;box-shadow:0 4px 8px #0003}.ar-team img{width:42px;height:42px;object-fit:contain}.ar-team small{display:block;color:#b9c0d7}.ar-team strong{font-size:16px}.ar-team .ar-points{font-size:21px;text-align:right;font-variant-numeric:tabular-nums}.ar-team:first-child{padding-block:21px;border:2px solid #d2b46c;background:linear-gradient(115deg,#494022,#242942);box-shadow:0 3px 0 #6a562c,0 12px 25px #0006,inset 0 1px 0 #fff5}.ar-team:first-child strong{font-size:18px}.ar-rank{font-size:22px;font-weight:850}.ar-team:first-child .ar-rank{font-size:31px;color:var(--ar-gold)}.ar-movement{font-size:12px}.ar-up{color:#8ce8ae}.ar-down{color:#ff9aa2}.ar-updated{animation:ar-glow 1.2s ease-out}@keyframes ar-glow{from{filter:brightness(1.8)}to{filter:brightness(1)}}.ar-admin{padding:20px;background:#13172a;min-height:100vh}.ar-admin td{border-bottom:1px solid #59617c;padding:8px}.ar-admin table{width:100%;overflow:auto}.ar-status{font-size:13px;color:#c5cbe0}
/* Scope gesture suppression to game controls, preserving document pinch zoom. */
button,.key,.pad,.tile,.pit,.colhit,.control{touch-action:manipulation;-webkit-tap-highlight-color:transparent}canvas,#board,#arena,#keyboard,#stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain}input,select{font-size:16px!important}body{min-height:100dvh}body.ar-lobby-body{margin:0;background:radial-gradient(ellipse at 50% 0,#283354,#090d18 65%)}
@media(prefers-reduced-motion:reduce){.ar-updated{animation:none}.ar-team{transition:none!important}}
@media(max-width:380px){.ar-team{gap:6px;grid-template-columns:23px 34px 1fr auto 16px;padding:10px 8px}.ar-team img{width:32px;height:32px}.ar-team strong{font-size:14px}.ar-team:first-child strong{font-size:15px}}
.game-shell,.game-frame,.controls,.control,.keyrow,.key,.pad,.pit{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game-shell img,.game-frame img{pointer-events:none;-webkit-user-drag:none}.game-shell,.controls{overscroll-behavior:contain}.ar-dialog input,.ar-dialog select{user-select:text;-webkit-user-select:text}
.ar-preview{margin:12px 0 0;text-align:left;font:12px/1.35 system-ui;color:#fff}.ar-preview summary{cursor:pointer;padding:7px;background:#ffffff10;border-radius:8px}.ar-preview .ar-list{max-height:190px;overflow:auto}.ar-preview .ar-list li{padding:5px}.ar-preview .ar-list .ar-champion{font-size:14px;padding:8px}
/* Compact, shared championship entrance and result components. */
[hidden]{display:none!important}.ar-lobby-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border:1px solid #ffffff45;border-radius:12px;background:#151820;color:#fff;font:800 13px system-ui;text-decoration:none;box-shadow:0 3px 8px #0004;flex-shrink:0;touch-action:manipulation}.ar-light-logo{background:#fff;border-radius:16px;padding:7px;box-shadow:0 4px 16px #0003;object-fit:contain}.ar-splash{position:fixed!important;inset:64px 10px max(10px,env(safe-area-inset-bottom))!important;z-index:90!important;border-radius:22px;background:#080c15e8!important;backdrop-filter:blur(12px);padding:14px!important;display:flex;align-items:center;justify-content:center;overflow:auto}.ar-splash.hidden{display:none!important}.ar-splash-panel{box-sizing:border-box;width:min(440px,100%)!important;max-height:100%!important;overflow:auto!important;padding:16px!important;margin:auto!important;border-radius:20px;background:linear-gradient(145deg,#252c3c,#121621)!important;box-shadow:0 14px 50px #0009!important;color:#fff!important}.ar-splash-title{font:900 clamp(23px,5vw,30px)/1.1 system-ui!important;margin:0 0 12px!important;color:#fff!important;text-transform:none!important;letter-spacing:-.5px!important}.ar-tabs{display:flex;gap:6px;margin-bottom:10px}.ar-tabs button{flex:1;padding:9px;border:1px solid #ffffff25;border-radius:9px;background:#0b111d;color:#c6ccda;font:700 13px system-ui;cursor:pointer}.ar-tabs button[aria-selected=true]{background:#eee8dc;color:#231e18;border-color:#fff}.ar-tab-panel{font:14px/1.45 system-ui;text-align:left;margin-bottom:12px}.ar-tab-panel p{font:inherit!important;color:#d4d9e5!important;margin:8px 0!important}.ar-tab-panel .ar-list{max-height:min(28dvh,220px);overflow-y:auto;overscroll-behavior:contain;margin:0}.ar-tab-panel .ar-list li{font-size:13px;padding:6px}.ar-tab-panel .ar-list .ar-champion{font-size:15px;padding:9px}.ar-splash-panel .splash-modes{gap:5px;margin:10px 0}.ar-splash-panel .splash-mode{padding:7px;min-height:42px}.ar-splash-panel .start,.ar-splash-panel .btn,.ar-splash-panel .action-button{min-height:44px}.ar-splash-panel>h2:not(.ar-splash-title),.ar-splash-panel>img{display:none!important}body:has(.ar-splash:not(.hidden)) .hero{visibility:hidden}body[data-arcade-game] .hero{margin:8px auto!important;padding:0!important}body[data-arcade-game] .hero h1{font-size:clamp(26px,6vw,40px)!important;margin:3px 0!important}body[data-arcade-game] .hero .sub,body[data-arcade-game] .hero .kicker,body[data-arcade-game] .footer,body[data-arcade-game] .tipbar{display:none}body[data-arcade-game] .page{padding-top:max(8px,env(safe-area-inset-top))}
.ar-dialog{padding:18px;max-height:90dvh}.ar-dialog>button:first-of-type{float:right;min-height:34px;padding:5px 10px;font-size:12px;background:#ffffff12;color:#fff}.ar-dialog h2{font-size:22px;max-width:80%}.ar-results .ar-score{font-size:42px;margin:8px 0}.ar-initials{display:flex;gap:10px;margin-top:7px}.ar-letter{position:relative;display:block;width:64px;height:68px}.ar-letter input{width:100%;height:100%;text-align:center;font-size:34px!important;font-weight:900;text-transform:uppercase;caret-color:#f2ce78;border:2px solid #a69b76;border-radius:12px;box-shadow:inset 0 3px 8px #0006}.ar-dash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:32px;color:#f2ce78;animation:ar-blink 1.2s steps(2,start) infinite}.ar-letter.filled .ar-dash{display:none}@keyframes ar-blink{to{opacity:0}}.ar-results-ranking h3{font-size:14px;margin:12px 0 7px}.ar-results-ranking .ar-list{max-height:210px;overflow:auto;overscroll-behavior:contain}.ar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ar-actions button,.ar-actions a,.ar-next{box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-decoration:none;border:1px solid #b4b8c8;border-radius:10px;min-height:44px;padding:10px;background:#ffffff10;color:#fff!important;font:750 14px system-ui;text-align:center}.ar-next{background:#e9cc87;color:#171622!important;border-color:#e9cc87;margin-top:8px}.ar-results>p:not(.ar-status){font-size:13px;color:#c7cddb;margin:14px 0 7px}.ar-countdown{position:fixed;inset:0;z-index:110;background:#070b16b3;display:flex;align-items:center;justify-content:center;color:#fff;font:950 120px system-ui;pointer-events:auto;text-shadow:0 8px 0 #263349}
.ar-lobby{max-width:740px;padding-top:max(12px,env(safe-area-inset-top))}.ar-lobby-header{border:1px solid #5a4e47;border-radius:20px;overflow:visible;background:radial-gradient(ellipse at 90% 0,#72292166,transparent 65%),linear-gradient(135deg,#27262b,#10141c);box-shadow:0 10px 30px #0005;padding:16px}.ar-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.ar-header-top>a{font:850 11px system-ui;color:#ded8cf;letter-spacing:1.7px;text-decoration:none}.ar-menu{position:relative;font-size:12px}.ar-menu summary{cursor:pointer;list-style:none;color:#fff;padding:7px;background:#ffffff10;border-radius:7px}.ar-menu nav{position:absolute;right:0;top:36px;z-index:10;min-width:145px;padding:8px;border:1px solid #6a6370;border-radius:12px;background:#151b28;box-shadow:0 10px 28px #0009}.ar-menu nav a{display:block;padding:9px;color:white;text-decoration:none}.ar-header-title{display:flex;align-items:center;gap:15px;margin-top:15px}.ar-header-title img{width:78px;height:78px}.ar-lobby h1{font:950 clamp(24px,5.8vw,39px)/.78 system-ui;margin:0;letter-spacing:-1px}.ar-lobby h1 span{font-size:.62em;letter-spacing:.8px;color:#efcd85}.ar-lobby header p{font-size:12px;color:#c9c4be;margin:8px 0 0}.ar-standings{gap:6px;margin:12px 0}.ar-team{grid-template-columns:25px 38px 1fr auto 36px;gap:8px;padding:10px;border-radius:12px}.ar-team img{width:36px;height:36px}.ar-team strong{font-size:14px}.ar-team small{font-size:11px}.ar-team:first-child{padding-block:15px}.ar-team:first-child strong{font-size:15px}.ar-team .ar-points{font-size:20px}.ar-play{font:900 10px system-ui;color:#eed291;letter-spacing:.6px}.ar-activity-section h2{font-size:15px;margin:20px 0 8px}.ar-activity-section ol{padding:0;list-style:none;margin:0}.ar-activity-section li{border-bottom:1px solid #ffffff12;padding:9px 0;font-size:12px;color:#bfc6d6}.ar-activity-section a{color:inherit;text-decoration:none}.ar-status{font-size:11px}
/* Rotate the physical Mancala board, not the document or viewport. Flying stones
   use viewport coordinates, so their existing animation remains aligned. */
body[data-arcade-game=mancala] .board{background:repeating-linear-gradient(7deg,#b58450 0 3px,#a97643 3px 19px);border-color:#d0a66c;box-shadow:inset 0 0 0 3px #715035,0 12px 25px #0008}
body[data-arcade-game=mancala] .pit,body[data-arcade-game=mancala] .store{border:2px solid #e2bd83;background:radial-gradient(ellipse,#35251b,#140f0c);box-shadow:inset 0 8px 16px #000d,0 2px 0 #ffdbab80}
@media(orientation:portrait) and (max-width:700px){body[data-arcade-game=mancala] #gameShell{position:relative;min-height:0;padding:10px 5px}body[data-arcade-game=mancala] .ar-board-wrap{position:relative;height:min(58dvh,500px);width:100%;margin:8px auto}body[data-arcade-game=mancala] .board{position:absolute;left:50%;top:50%;width:min(58dvh,500px);height:min(82vw,310px);min-height:0;padding:12px;grid-template-columns:48px repeat(6,1fr) 48px;gap:6px;transform:translate(-50%,-50%) rotate(90deg);max-width:none;box-sizing:border-box}body[data-arcade-game=mancala] .count,body[data-arcade-game=mancala] .ownerlabel{transform:translateX(-50%) rotate(-90deg)}body[data-arcade-game=mancala] .pit{min-height:30px}body[data-arcade-game=mancala] .hero{display:none}body[data-arcade-game=mancala] .turnbar{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ar-dash{animation:none}}
/* Match the original lobby's silver, white and red frame around team-colored games. */
body.ar-lobby-body{background:radial-gradient(circle at 50% -10%,#99000022,transparent 34rem),linear-gradient(#f7f7f8,#e5e5e8);color:#15161c}.ar-lobby{color:#181a21}.ar-lobby-header{border-color:#c9c9ce;background:linear-gradient(145deg,#fff,#ececef);box-shadow:0 12px 28px #0002,inset 0 1px #fff}.ar-header-top>a{color:#555}.ar-header-title h1{color:#17171c;text-shadow:0 2px 0 #ccc}.ar-header-title h1 span{color:#990000}.ar-lobby header p{color:#666}.ar-menu summary{background:#222;color:#fff}.ar-lobby>.ar-status{color:#62636a}.ar-team{color:#fff;border-left:3px solid var(--team-color,#aaa);background:linear-gradient(115deg,color-mix(in srgb,var(--team-color,#535363) 23%,#202027),#15151b)}.ar-team:first-child{color:#fff}.ar-activity-section li{color:#4d4d56;border-color:#cdced3}.ar-lobby-link{white-space:nowrap;padding-inline:9px}body[data-arcade-game] .topbar{grid-template-columns:60px 1fr 44px}
@media(orientation:portrait) and (max-width:700px){body[data-arcade-game=mancala] .pit .count{transform:rotate(-90deg);font-size:12px;min-width:22px;height:22px}body[data-arcade-game=mancala] .store .count{transform:translateX(50%) rotate(-90deg);font-size:15px;min-width:28px;height:28px}}

/* Shared current-leaderboard and mobile refinements. */
.ar-mascot{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:36px;touch-action:manipulation}.ar-team{cursor:pointer}.ar-team .ar-play{text-decoration:none;padding:12px 0}.ar-affiliation{display:block;font:10px system-ui;color:#bac1d4}.ar-game-ranking{margin-top:14px;background:#171b28;color:#fff;border-radius:14px;padding:13px;border:1px solid #50596d}.ar-ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800}.ar-play-button{background:#990000;color:white;text-decoration:none;border-radius:7px;padding:8px 15px;font-size:11px;letter-spacing:1px}.ar-game-ranking select{width:100%;margin-top:10px;padding:10px;border-radius:8px;background:#282f43;color:white;border:1px solid #677188}.ar-game-ranking .ar-list{max-height:none;overflow:visible}.ar-game-ranking .ar-list li{padding:5px 8px;gap:6px}.ar-game-ranking .ar-list .ar-champion{padding:9px 8px}.ar-activity-section li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-activity-section a{display:block;overflow:hidden;text-overflow:ellipsis}.ar-header-title h1{position:relative;overflow:hidden}.ar-header-title h1:after{content:'';position:absolute;inset:-30% auto -30% -55%;width:35%;background:linear-gradient(100deg,transparent,#ffffffa0,transparent);transform:skewX(-18deg);animation:ar-sweep 8s ease-in-out infinite;pointer-events:none}@keyframes ar-sweep{0%,60%{left:-55%}85%,100%{left:130%}}.ar-version-note{font:11px/1.4 system-ui!important;color:#b9c0d0!important;margin-top:10px!important}
body.ar-playing{height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}body.ar-playing .page{min-height:0;padding-bottom:max(6px,env(safe-area-inset-bottom));touch-action:none}body.ar-playing .hero{display:none}body.ar-playing .page .topbar{margin-bottom:6px}body.ar-playing .page .brandtext{display:none}body.ar-playing .page .brand img{height:32px;width:32px}body.ar-playing .page .hud{margin:5px auto;gap:5px}body.ar-playing .page .hudbox{min-height:36px;padding:4px}body.ar-playing .page .game-shell{padding:7px}body.ar-playing .page .status{min-height:22px;margin-bottom:4px}body[data-arcade-game=wordle].ar-playing #board{width:min(300px,calc((100dvh - 275px)*.82));gap:4px}body[data-arcade-game=wordle].ar-playing .row{gap:4px}body[data-arcade-game=wordle].ar-playing .tile{font-size:clamp(18px,5vw,30px)}body[data-arcade-game=wordle].ar-playing #keyboard{margin-top:8px;gap:4px}body[data-arcade-game=wordle].ar-playing .key{height:44px}body[data-arcade-game=wordle].ar-playing .legend{display:none}
@media(orientation:landscape) and (max-height:500px){body[data-arcade-game=wordle].ar-playing .game-shell{display:grid;grid-template-columns:40% 60%;align-items:center;gap:5px}body[data-arcade-game=wordle].ar-playing .status{grid-column:1/-1}body[data-arcade-game=wordle].ar-playing #board{width:min(180px,calc((100dvh - 140px)*.82))}body[data-arcade-game=wordle].ar-playing #keyboard{width:100%}}
@media(prefers-reduced-motion:reduce){.ar-header-title h1:after{animation:none;display:none}}

body.ar-playing,body.ar-playing .page *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body[data-arcade-game=space] .mobile-controls,body[data-arcade-game=space] .control{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

/* Keep the selected game's icon, title, picker and play action on one line. */
.ar-ranking-heading{display:grid;grid-template-columns:28px max-content minmax(0,1fr) max-content;gap:8px;align-items:center}
.ar-ranking-heading #ar-selected-icon{display:block;width:28px;height:28px;object-fit:contain}
.ar-ranking-heading label{white-space:nowrap;font-size:13px}
.ar-ranking-heading select{width:100%;min-width:0;margin:0;padding:9px 4px;font-size:13px}
.ar-ranking-heading .ar-play-button{padding:10px 8px;letter-spacing:0;white-space:nowrap}
@media(max-width:360px){.ar-ranking-heading{gap:5px;grid-template-columns:24px max-content minmax(0,1fr) max-content}.ar-ranking-heading #ar-selected-icon{width:24px;height:24px}.ar-ranking-heading label,.ar-ranking-heading select{font-size:12px}}

/* Saved all-time target, reusing the original gameplay HUD footprint. */
.ar-record-hud{min-width:0;overflow:hidden;transition:box-shadow .2s,background-color .2s}
.ar-record-hud .hudlabel{white-space:nowrap;letter-spacing:0}
.ar-record-hud .hudvalue{font-variant-numeric:tabular-nums;font-size:clamp(14px,4.2vw,20px);white-space:nowrap;letter-spacing:0}
.ar-record-hud[data-record-state="ahead"]{box-shadow:inset 0 0 0 2px #47e79b;background-color:#143d2c!important}
.ar-record-hud[data-record-state="ahead"] .hudlabel,.ar-record-hud[data-record-state="ahead"] .hudvalue{color:#b8ffcf!important}
.ar-record-hud[data-record-state="tied"]{box-shadow:inset 0 0 0 2px #e5c16c}

.hudbox .ar-record-live{font-size:clamp(14px,4.2vw,20px);white-space:nowrap;letter-spacing:0}
.hudbox .hudvalue.ar-record-long{font-size:clamp(10px,2.8vw,18px)}

/* Compact streak log, matching Latest Top 10 Scores. */
.ar-streak-section{margin:18px 0}.ar-streak-section h2{margin-bottom:3px}.ar-streak-section>p{margin:0 0 6px;font-size:12px;color:#62636a}.ar-streak-section li{font-size:clamp(10.5px,3.1vw,12px);white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;padding:8px 0}.ar-streak-section strong{font-weight:800;color:#202129}