@font-face{font-family:Bungee;src:url('../assets/bungee.ttf')}*{box-sizing:border-box}body{margin:0;background:#0c0e13;color:#fff0d9;font-family:Arial,sans-serif;background-image:radial-gradient(ellipse at 100% 0,#6c233b44,transparent 40%),radial-gradient(ellipse at 0 60%,#243d5a33,transparent 50%)}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;touch-action:manipulation}header{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18}header>a:first-child{font:18px Bungee}header span{font:9px Arial;color:#c8a260;letter-spacing:2px}.back{font-size:10px;color:#eac57d}main{max-width:1120px;padding:0 28px;margin:auto}.intro{position:relative;padding:65px 0 40px;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:2px;color:#f0c57f;font-weight:bold}h1{font:clamp(48px,9vw,100px)/1 Bungee;margin:20px 0;letter-spacing:-2px}h1 em{font-style:normal;color:#ee4055;text-shadow:0 5px #6e1b32}.lede{font-size:11px;letter-spacing:2px;color:#eac57d;font-weight:bold}.description{font-size:14px;line-height:1.7;max-width:380px;color:#aeb0bb}.hero-character{position:absolute;right:5%;top:25px;width:270px;height:310px;background:url('../assets/game-button-characters.png') 0 0/300% 100% no-repeat;opacity:.85;filter:drop-shadow(0 12px 20px #000)}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}nav button{border:1px solid #ffffff25;background:#1b1d27;border-radius:7px;padding:14px 17px;color:#ccc4c2;font:bold 10px Arial}nav button[aria-pressed=true]{background:#eac57d;color:#21141e;border-color:#fff0bd}.board{padding:30px;border:1px solid #b99b5e88;border-top:3px solid #edc478;border-radius:15px;background:linear-gradient(130deg,#22212d,#13171f);box-shadow:0 15px 45px #0004}.board-top{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font:clamp(24px,4vw,38px) Bungee;margin:12px 0}.board-top button{color:#e8c78a;background:transparent;border:1px solid #8d795855;border-radius:6px;padding:10px;font-size:9px}#scoring{color:#aeb0bb;font-size:12px;line-height:1.7;margin:0 0 25px}#podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.champ{padding:22px 12px;border:1px solid #d6af5c55;border-radius:9px;background:radial-gradient(ellipse at 50% 0,#af793f33,transparent),#181a25;text-align:center;overflow-wrap:anywhere}.champ:first-child{border-color:#edc478;background:radial-gradient(ellipse at 50% 0,#c4993e55,transparent),#251e26}.champ span{display:block;color:#eac57d;font:30px Bungee}.champ b{display:block;font-size:13px;margin:15px 0}.champ small{color:#c2b9ab;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-size:8px;letter-spacing:1.3px;color:#9a9bab;padding:14px 12px;border-bottom:1px solid #ffffff25}td{padding:18px 12px;border-bottom:1px solid #ffffff10}td:first-child{font:17px Bungee;color:#e9bd75}td:last-child,th:last-child{text-align:right;font-weight:bold}td a{color:#ffe1a2}#status{font-size:13px;color:#c1b7ae;line-height:1.7}.play{display:inline-block;background:#eac57d;color:#281824;padding:15px 22px;border-radius:7px;font:bold 11px Arial;margin-top:10px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:42px 0}.rules span{color:#ed4057;font:28px Bungee}.rules h3{font:13px Bungee}.rules p{font-size:12px;line-height:1.8;color:#aeb0bb}footer{border-top:1px solid #ffffff20;padding:22px 0;font-size:8px;letter-spacing:1px;color:#8c8d99;display:flex;justify-content:space-between}button:focus-visible,a:focus-visible{outline:3px solid #edc478;outline-offset:3px}@media(max-width:650px){main{padding:0 18px}.intro{padding:38px 0 22px}h1{font-size:53px}.hero-character{right:-35px;top:40px;width:170px;height:200px;opacity:.3;z-index:-1}.description{max-width:270px}.board{padding:20px 12px}nav button{padding:12px 10px;font-size:8px}.champ{padding:14px 6px}.champ b{font-size:10px}.champ span{font-size:24px}.champ small{font-size:10px}#podium{gap:7px}td{font-size:11px;padding:15px 7px}.rules{grid-template-columns:1fr;gap:12px}footer span{display:none}}
/* Heavenly Hall of Hustle */
body{background:#f6f6f0;background-image:radial-gradient(ellipse at 12% 4%,#fff,transparent 40%),radial-gradient(ellipse at 90% 30%,#deebf5,transparent 46%),linear-gradient(145deg,#fffdf6,#eef3f6 48%,#fff8e9);color:#392e20;min-height:100vh}header{background:#ffffffd9;border-color:#bc985855;box-shadow:0 3px 20px #b58c2820;gap:12px}header>a:first-child{white-space:nowrap}.brand-x{color:#d32835}header span,.back{color:#785621}.back{border:1px solid #c1a06a;border-radius:8px;padding:11px 14px;background:linear-gradient(#fff,#fff7e8);font-weight:bold}.intro{padding:28px 0 0;overflow:visible}.heaven-cover{display:block;width:100%;height:auto;border-radius:20px;border:1px solid #d7b471;box-shadow:0 14px 45px #9e7a3030}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.intro-caption{text-align:center;padding:26px 12px 24px}.eyebrow{color:#80602a}.lede{font:clamp(17px,3vw,25px) Bungee;margin:10px 0;color:#49371e;letter-spacing:0}.description{font-size:14px;color:#665f54;max-width:540px;margin:12px auto 0}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}nav button{border-color:#c2a26b;background:linear-gradient(#fff,#f8f4ea);border-radius:11px;padding:17px 10px;color:#675332;box-shadow:0 4px 0 #c4b18b55,0 6px 16px #a4833530;transition:transform .15s}nav button:hover{transform:translateY(-2px)}nav button[aria-pressed=true]{background:linear-gradient(135deg,#fcecc5,#deb466);color:#35250e;border-color:#ad7c28;box-shadow:inset 0 1px #fff,0 4px 0 #a77b32,0 8px 18px #a4833540}.board{border-color:#c4a263;border-top-color:#d5ab55;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#fff2d866,transparent 60%),linear-gradient(125deg,#fff,#f8fafb 45%,#fffdf7);box-shadow:inset 0 0 0 4px #fff,0 18px 50px #84672d20}h2{color:#3b3021}.board-top button{color:#70521f;background:#fff;border-color:#c2a26b;border-radius:8px}#scoring{color:#655f54;line-height:1.8}#podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}#podium:empty{display:none}.champ{border-color:#c5ad7c;border-top:4px solid #bfaa82;border-radius:12px 12px 6px 6px;background:linear-gradient(140deg,#fff,#e9edf0 48%,#fff);box-shadow:0 7px 0 #c2b18b44,0 8px 22px #98752b17}.champ:first-child{order:2;padding-top:38px;border-color:#c99935;background:linear-gradient(140deg,#fffdf4,#f5dfaa 50%,#fff9e8)}.champ:nth-child(2){order:1}.champ:nth-child(3){order:3}.champ span{color:#8d661e;text-shadow:0 1px #fff}.champ b{color:#413725}.champ small{color:#6a5f4c}th{color:#7b6b4e;border-bottom:2px solid #c8ad75}td{border-color:#d9cfba}tbody tr:nth-child(odd){background:#f1eadc66}td:first-child{color:#8b621b}td a{color:#704d13;text-decoration:underline;text-underline-offset:4px}#status{color:#665b48}.play{background:linear-gradient(#f8e5b8,#d7ac57);color:#38270c;border:1px solid #b78b37;border-radius:9px;box-shadow:inset 0 1px #fff,0 4px 0 #a47b32}.rules{gap:20px}.rules article{padding:22px;border:1px solid #d5bf94;border-radius:14px;background:#ffffffb0;box-shadow:0 7px 20px #ab894519}.rules span{color:#b28638}.rules h3{color:#4b3b23}.rules p{color:#6a6153}footer{border-color:#bc9c6455;color:#77684e}button:focus-visible,a:focus-visible{outline-color:#b68125}@media(max-width:650px){header{padding:16px}header>a:first-child{font-size:17px}.back{font-size:9px;padding:10px}main{padding:0 16px}.intro{padding:18px 0 0}.heaven-cover{border-radius:12px;width:calc(100% + 16px);max-width:none;margin-left:-8px}.intro-caption{padding:22px 0}.description{font-size:13px;max-width:340px}nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}nav button{min-height:48px;font-size:10px;padding:14px 8px}.board{padding:22px 14px;border-radius:15px}.board-top .eyebrow{font-size:8px;letter-spacing:1.2px}.champ:first-child{padding-top:30px}.rules{gap:12px}.rules article{padding:18px}}
/* Cloud palace podium, with live player names and chosen avatars. */
body{background:#d6e6ee url('/assets/podium-palace.png') center top/100% auto no-repeat;color:#30271c}header{background:#122b45cc;color:white;border:0;box-shadow:none}header span{color:#f1db9d}.back{color:#fff3cf;background:transparent;border:0}main{max-width:1000px;padding:0 28px}.intro{padding:30px 0 24px;text-align:center}.intro h1{position:static;width:auto;height:auto;clip:auto;margin:0;color:#fff0bc;font:clamp(24px,4vw,43px) Bungee;letter-spacing:7px;text-shadow:0 3px 10px #132d4f}nav{gap:5px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}nav button{background:#18334bba;color:#fff8e4;border:1px solid #ebdbad77;border-radius:12px;box-shadow:none;font-size:12px}nav button[aria-pressed=true]{background:linear-gradient(130deg,#fff0af,#b98729,#ffe7a0);box-shadow:inset 0 0 0 3px #e9ca7d,0 2px 12px #ffe4a766}.board{background:transparent;border:0;box-shadow:none;padding:0}.board-top{padding:0 8px;color:white}.board-top h2{color:#fff1c2;font-size:18px;text-shadow:0 2px 8px #17304a}.board-top .eyebrow{color:#f5e8c6;font-size:8px}.board-top button{background:#fff9e5c9}#scoring{font-size:11px;color:#fff;text-shadow:0 2px 5px #18334b;background:#17334b99;padding:10px 14px;border-radius:8px}#podium{gap:8px;align-items:end;margin-top:28px;margin-bottom:0;min-height:390px}.champ,.champ:first-child{position:relative;background:linear-gradient(110deg,#eee8da,#fffdf3 35%,#e6ddca 70%,#fff);border:2px solid #cfac55;border-top:8px solid #e8c35e;border-radius:50% 50% 12px 12px / 14px 14px 12px 12px;padding:14px 7px 20px;box-shadow:inset 7px 0 12px #bea96c55,0 12px 30px #7b693344;overflow:visible;min-height:170px}.champ:first-child{min-height:235px;margin-top:0}.champ:nth-child(2){border-color:#b6bac1;margin-top:65px}.champ:nth-child(3){border-color:#b27c4e;margin-top:90px}.champ .player-avatar{width:calc(100% + 10px);margin:-225px -5px 0;position:relative;border-radius:30% 30% 0 0;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}.champ:first-child .player-avatar{margin-top:-255px}.champ span{font:clamp(40px,8vw,80px) Bungee;color:#bd8c2b;text-shadow:1px 2px #fff,-1px -1px #755016}.champ b{font:bold clamp(12px,2.2vw,24px) Arial;background:linear-gradient(135deg,#fff0c3,#cda248,#ffe7a0);border:2px solid #bb8c36;padding:12px 5px;margin:10px -2px 0;border-radius:7px;color:#241a0b}.champ small{display:block;background:#f3e1b6;padding:8px;font:bold clamp(12px,2vw,22px) Arial;color:#241a0b}.champ.vacant{background:#fff8e3cf;min-height:170px}.champ.vacant:first-child{min-height:235px}.vacant b{font-size:12px}.podium-tagline{text-align:center;font:clamp(24px,5.5vw,55px)/1.1 Bungee;color:#ffe7a1;text-shadow:0 3px #735323,0 7px 15px #645230;margin:40px 0 30px}.table-wrap{background:#fffcf1ed;border:2px solid #d3b570;border-radius:14px;padding:14px;box-shadow:0 12px 30px #64523022}.play{display:block;text-align:center;font:clamp(19px,3vw,30px) Bungee;padding:20px;margin-top:22px;border:3px double #fff1b8;background:linear-gradient(120deg,#b9872f,#ffe5a0,#c69738);box-shadow:0 0 0 2px #96702a,0 8px 20px #7f632d44}.rules{background:#ffffffce;padding:20px;border-radius:16px}.rules article{background:transparent;box-shadow:none;padding:12px}#status{background:#fff8e6db;border-radius:6px;padding:12px}.champ a{color:inherit}footer{background:#fff9e5cc;padding:18px;border-radius:8px}
@media(max-width:650px){main{padding:0 12px}.intro h1{font-size:24px;letter-spacing:4px}nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}nav button{font-size:8px;min-height:42px;padding:8px 3px}#podium{min-height:295px;margin-top:95px;gap:5px}.champ,.champ:first-child{padding:10px 4px 12px;min-height:125px}.champ:first-child{min-height:175px}.champ .player-avatar{margin-top:-130px}.champ:first-child .player-avatar{margin-top:-160px}.champ b{font-size:11px;padding:10px 2px}.champ small{font-size:12px;padding:7px 1px}.champ span{font-size:42px}.champ.vacant{min-height:125px}.champ.vacant:first-child{min-height:175px}.vacant b{font-size:9px}.podium-tagline{margin:28px 0;font-size:29px}.table-wrap{padding:5px}header>a:first-child{font-size:17px}.back{font-size:9px}.board-top h2{font-size:16px}#scoring{font-size:10px}.rules{padding:8px}.play{font-size:21px}.intro{padding:24px 0}body{background-size:auto 1250px}}
/* Champion podium: square sprite cells over a portrait throne. */
.podium-tagline{font:900 clamp(29px,5.5vw,60px)/1.08 Georgia,serif;letter-spacing:-.5px;text-align:center;color:#fff1c4;text-shadow:0 3px #886329,0 7px 16px #3d311b88;margin:24px auto 16px}
#podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:8px;min-height:0;margin:0 0 18px;padding:0;isolation:isolate}
.champ,.champ:first-child,.champ.vacant,.champ.vacant:first-child{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;padding:0 7px 16px;border:2px solid #c29b45;border-top:0;border-radius:12px;background:linear-gradient(110deg,#f2d680,#b88523 20%,#ffedb1 54%,#c39638);box-shadow:inset 4px 0 12px #fff5,0 12px 24px #72582744;overflow:visible;text-align:center}
.champ[data-rank="1"]{order:2;z-index:2;box-shadow:inset 4px 0 12px #fff5,0 0 32px #ffedb388,0 12px 24px #72582744}
.champ[data-rank="2"]{order:1;background:linear-gradient(110deg,#e8edf0,#a9b3ba 25%,#f7f9fb 55%,#bbc3ca);border-color:#b2bcc2}
.champ[data-rank="3"]{order:3;background:linear-gradient(110deg,#edc9a0,#a36a3b 25%,#f5d7b1 55%,#bf8952);border-color:#ad7947}
.throne-stage{position:relative;width:calc(100% + 16px);aspect-ratio:2/3;margin:0 -8px;background:url('/assets/champion-throne.png') center bottom/100% 100% no-repeat;transform:none;filter:drop-shadow(0 6px 5px #71532344);isolation:isolate}
.champ .throne-stage .player-avatar,.champ:first-child .throne-stage .player-avatar{position:absolute;display:block;width:100%;height:auto;aspect-ratio:1!important;left:0;bottom:0;margin:0;border-radius:0;mask-image:none;-webkit-mask-image:none;background-repeat:no-repeat;z-index:1;filter:none}
.champ span{display:block;font:clamp(30px,7vw,65px)/1.1 Bungee;margin:9px 0 10px;color:#fff1be;text-shadow:0 2px #80591f,0 4px 7px #543b2266}
.champ b{display:block;font:bold clamp(10px,1.8vw,21px)/1.3 Arial;min-height:2.8em;margin:0;padding:10px 3px;background:#fff9e9ed;border:1px solid #b69753;border-radius:7px 7px 0 0;color:#30230e;overflow-wrap:anywhere}
.champ small{display:block;font:bold clamp(11px,1.8vw,21px)/1.3 Arial;margin:0;padding:9px 2px;background:#fff5dbea;border-radius:0 0 7px 7px;color:#3b2d18}
.champ.vacant b{font-size:clamp(8px,1.4vw,15px)}.champ.vacant small{font-size:clamp(9px,1.4vw,16px)}
.vacant-silhouette{position:absolute;bottom:4%;left:24%;width:52%;height:42%;border-radius:45% 45% 18% 18%;background:#33280e88}
.vacant-silhouette:before{content:'';position:absolute;top:-28%;left:28%;width:44%;aspect-ratio:1;border-radius:50%;background:#33280ecc}
#play{display:block;max-width:650px;margin:24px auto 20px;padding:18px 12px;border:3px double #fff2b8;border-radius:40px;background:linear-gradient(110deg,#bc8420,#ffecaa 45%,#d5a23b);box-shadow:inset 0 0 0 2px #fff6,0 4px #8c682c,0 10px 20px #795b2d44;text-align:center;color:#3a270e;font:900 clamp(20px,3vw,30px) Georgia,serif;letter-spacing:1px}
#scoring{margin:0 0 24px;padding:13px 16px;text-align:center;font-size:12px;line-height:1.7;color:#574524;text-shadow:none;background:#fff8e7e6;border:1px solid #cfb275;border-radius:10px}
@media(max-width:650px){.podium-tagline{font-size:clamp(27px,7vw,41px);margin:21px 0 15px}#podium{gap:5px;margin-top:0}.champ,.champ:first-child,.champ.vacant,.champ.vacant:first-child{padding:0 4px 10px;border-width:1px;border-top:0;border-radius:8px}.throne-stage{width:calc(100% + 10px);margin:0 -5px;aspect-ratio:2/3}.champ span{font-size:clamp(27px,8vw,43px);margin:7px 0}.champ b{font-size:clamp(8px,2.4vw,12px);padding:9px 2px}.champ small{font-size:clamp(9px,2.7vw,13px);padding:8px 1px}.champ.vacant b{font-size:clamp(7px,1.9vw,10px)}.champ.vacant small{font-size:clamp(8px,2.2vw,11px)}#play{font-size:22px;margin:20px auto}#scoring{font-size:11px}}
/* Keep throne cutouts above the platform, without a rectangular panel behind them. */
.champ,.champ:first-child,.champ.vacant,.champ.vacant:first-child,.champ[data-rank="1"],.champ[data-rank="2"],.champ[data-rank="3"]{background:transparent;border:0;box-shadow:none;padding:0}
.podium-base{position:relative;padding:10px 7px 15px;border:2px solid #be9944;border-top:6px solid #e9c66b;border-radius:45% 45% 12px 12px / 12px 12px 12px 12px;background:linear-gradient(110deg,#f2d680,#b88523 20%,#ffedb1 54%,#c39638);box-shadow:inset 4px 0 12px #fff5,0 12px 24px #72582744;z-index:2}
.champ[data-rank="2"] .podium-base{background:linear-gradient(110deg,#e8edf0,#a9b3ba 25%,#f7f9fb 55%,#bbc3ca);border-color:#b2bcc2}
.champ[data-rank="3"] .podium-base{background:linear-gradient(110deg,#edc9a0,#a36a3b 25%,#f5d7b1 55%,#bf8952);border-color:#ad7947}
.throne-stage{width:100%;margin:0;aspect-ratio:2/3}.champ .throne-stage .player-avatar,.champ:first-child .throne-stage .player-avatar{width:112%;left:-6%;bottom:0}
@media(max-width:650px){.podium-base{padding:7px 4px 10px;border-width:1px;border-top-width:4px}.throne-stage{width:100%;margin:0;aspect-ratio:2/3}.champ span{margin-top:0}}
.champ .player-avatar{mix-blend-mode:normal}

.player-controls{display:flex;gap:10px;margin-top:5px}.player-controls button,.unhide-players{background:transparent;color:#75592b;border:1px solid #ac915e;border-radius:6px;padding:5px 9px;font:12px system-ui;cursor:pointer}.unhide-players{margin:10px 0}dialog{max-width:min(90vw,420px);background:#fff9ee;color:#332918;border:1px solid #ac915e;border-radius:16px;padding:24px}dialog::backdrop{background:#070c17bb}dialog label,dialog select{display:block;width:100%;margin:14px 0}dialog select,dialog button{padding:12px;font:inherit}dialog button{margin-right:10px;border:1px solid #ac915e;border-radius:6px;background:#f0d490;color:#332918}

/* Editorial palace headline, with a soft cloud veil for contrast. */
.podium-tagline{position:relative;isolation:isolate;width:100%;max-width:620px;margin:34px auto 24px;padding:10px 18px 18px;border:0;border-radius:0;background:none;box-shadow:none;color:#17334b;text-align:center;text-shadow:none}
.podium-tagline::before{content:"";position:absolute;z-index:-1;inset:-14px -12px;background:radial-gradient(ellipse at center,rgba(255,251,231,.96) 0%,rgba(255,249,225,.78) 34%,rgba(255,248,222,.28) 57%,transparent 73%);filter:blur(8px);pointer-events:none}
.tagline-kicker{display:flex;align-items:center;justify-content:center;gap:16px;font:700 clamp(20px,3.2vw,32px)/1.3 Arial,sans-serif;letter-spacing:.16em;color:#62491e;text-shadow:0 1px 4px #fff8df}
.tagline-kicker::before,.tagline-kicker::after{content:"";display:block;width:clamp(26px,7vw,72px);height:1px;background:linear-gradient(90deg,transparent,#a77c2e)}
.tagline-kicker::after{transform:rotate(180deg)}
.tagline-main{display:block;margin:9px 0 14px;font:700 clamp(38px,6.6vw,70px)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#15334d;text-shadow:0 1px 0 #fff8de,0 2px 10px #fff5cf}
.tagline-jewel{display:block;position:relative;width:80px;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,#b48936 35%,#b48936 65%,transparent)}
.tagline-jewel::after{content:"";position:absolute;left:calc(50% - 3px);top:-3px;width:7px;height:7px;background:#b88c35;transform:rotate(45deg);box-shadow:0 0 0 3px #fff8df99}
@media(max-width:650px){.podium-tagline{margin:28px auto 19px;padding:10px 10px 15px}.tagline-kicker{font-size:clamp(18px,5vw,27px);gap:10px;letter-spacing:.13em}.tagline-main{font-size:clamp(35px,10.8vw,54px);margin:9px 0 13px}.podium-tagline::before{inset:-14px -10px}}