@import url('/upcoming/styles.css');
input{max-width:none}
:root{--gold:#e7c77c;--stone:#948371;--ink:#09121d;--panel:#10202f;--muted:#9eafbd}*{box-sizing:border-box}body{margin:0;color:#e8edf2;background:radial-gradient(ellipse at 60% 0,#172b3c 0,#09121d 65%);font-family:system-ui,sans-serif}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;border:1px solid #3b5063;background:#152b3c;color:#e8edf2;padding:10px 16px;border-radius:9px}button:hover{border-color:var(--gold)}button:disabled{opacity:.5;cursor:wait}a{color:#c5d6e6;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #91c8ff;outline-offset:4px}.site-header{padding:20px 4%;border-bottom:1px solid #233849;display:flex;align-items:center;gap:30px}.brand{font-size:18px;font-weight:800;white-space:nowrap}.brand span{font-weight:500}.site-header nav{display:flex;gap:24px;margin-left:auto}.site-header nav [aria-current]{color:var(--gold)}main{max-width:1280px;margin:auto;padding:36px 28px}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2.2px;font-weight:700}.intro h1{font-family:Georgia,serif;font-size:58px;line-height:1.1;font-weight:500;margin:10px 0 14px}.intro p:not(.eyebrow){color:var(--muted);max-width:580px}.gold-button{background:var(--gold);color:#18212b;font-weight:750;border-color:var(--gold)}.gold-button span{margin-left:18px}.connection{font-size:13px;color:var(--muted);min-height:20px;margin:24px 0 12px}.stadium-section{overflow:hidden;border:1px solid #5f5947;border-radius:18px;background:linear-gradient(#172b3c,#0e1c28);box-shadow:0 20px 80px #0004}.stadium-top{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 12px;gap:15px}.stadium-top h2{font-size:16px;margin:7px 0 0}.stadium-top a{font-size:12px}.jumbotron{background:#070e17;border:4px solid #5c5c58;border-bottom-color:#9a8a60;box-shadow:0 0 35px #e7c77c0b,inset 0 0 35px #0007;width:82%;min-height:103px;margin:0 auto 10px;border-radius:6px;text-align:center;padding:16px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.jumbotron>p{color:var(--gold);font-size:18px;margin:0;width:100%;font-family:Georgia,serif}.jumbotron>span{font-size:12px;color:var(--muted)}.leader-mini{display:flex;align-items:center;gap:8px;border-right:1px solid #37434c;padding-right:14px}.leader-mini:last-child{border:0}.leader-mini svg{width:30px;height:46px}.leader-mini strong{display:block;font-size:13px}.leader-mini span{font-size:11px;color:var(--gold)}.arena{position:relative;height:440px;overflow:hidden;background:linear-gradient(#161f29,#272a29 35%,#152628);isolation:isolate}.arches{display:flex;justify-content:space-around;position:absolute;inset:0 0 auto;height:104px;background:linear-gradient(#63584a,#343634);border-top:2px solid #8b7c61;border-bottom:7px solid #87765b;gap:12px;padding:14px 18px}.arches i{border-radius:50% 50% 0 0;background:linear-gradient(#080f18,#26323a);width:10%;border:6px solid #a08d6b;border-bottom:0;box-shadow:0 0 0 3px #4b493f}.stands{position:absolute;top:108px;height:60px;width:100%;background:repeating-linear-gradient(0deg,#2f3739 0 7px,#455050 7px 9px,#1e2b32 9px 17px);clip-path:polygon(0 0,100% 0,87% 100%,13% 100%)}.field{position:absolute;inset:145px 16% 0;background:repeating-linear-gradient(#234d42 0 38px,#28594a 38px 76px);transform:perspective(700px) rotateX(19deg);transform-origin:bottom;border:3px solid #b3c3a596;box-shadow:0 0 0 7px #1c3431,0 0 70px #0008}.field:before{content:'';position:absolute;inset:40px 25% 35px;border-left:2px dashed #c5d3b869;border-right:2px dashed #c5d3b869}.endzone{text-align:center;background:#192b39;padding:10px;color:#d7c99d;font-size:13px;letter-spacing:5px;font-weight:750}.south{position:absolute;bottom:0;width:100%;font-size:10px}.yard{position:absolute;width:100%;border-top:1px solid #d5ddc14d;font-size:10px;color:#c9d6c1;text-indent:6px}.y1{top:27%}.y2{top:40%}.y3{top:67%}.y4{top:80%}.midfield{position:absolute;top:43%;left:45%;color:#e7c77c7d;font:italic bold 50px Georgia}.locker-bays{position:absolute;inset:0;pointer-events:none}.locker{position:absolute;width:100px;min-height:89px;border:2px solid #8e7c59;background:linear-gradient(100deg,#1b2c36,#0a1722);box-shadow:5px 7px 0 #0003;border-radius:18px 18px 6px 6px;pointer-events:auto;padding:4px 5px;color:var(--gold);font-size:10px}.locker svg{display:block;margin:auto;width:36px;height:54px}.locker b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:86px}.locker.nearby{border-color:#ffe4a0;box-shadow:0 0 22px #e7c77c70}.player{position:absolute;width:70px;height:108px;left:50%;top:65%;transform:translate(-50%,-80%);filter:drop-shadow(0 8px 4px #0007);pointer-events:none;z-index:2}.player svg{width:100%;height:100%}.arena-label{position:absolute;bottom:12px;left:20px;font-size:9px;letter-spacing:3px;color:#b6b4a0}.stadium-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;border-top:1px solid #314249}.stadium-bottom p{font-size:12px;color:var(--muted);margin:0}.movement{display:flex;gap:6px}.movement button{padding:6px 12px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.panel{padding:24px;border:1px solid #2b4050;border-radius:14px;background:#10202fb3}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:20px;margin:0}.chip{border:1px solid #58654f;padding:5px 10px;border-radius:20px;font-size:12px;color:var(--gold)}.muted{color:var(--muted);font-size:14px;line-height:1.6}.small{font-size:12px;line-height:1.5}.empty{color:var(--muted);padding:28px 0;line-height:1.6}.standing{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;text-align:left}.standing svg{width:33px;height:50px}.standing .record{margin-left:auto;color:var(--gold);font-size:13px}.saved-pick{border:1px solid #324a5e;border-radius:9px;padding:13px;margin:12px 0;font-size:14px}.saved-pick span{display:block;color:var(--muted);font-size:12px;margin-top:5px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:32px 0 0;color:var(--muted);font-size:12px}dialog{color:#e8edf2;background:#10202f;border:1px solid #867550;border-radius:18px;padding:26px;width:min(760px,94vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#030811cc;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.dialog-header h2{margin:0;font:32px Georgia}.close{padding:5px 13px;font-size:24px}.builder{display:grid;grid-template-columns:220px 1fr;gap:24px}.preview{position:sticky;top:0;align-self:start;text-align:center;padding:24px 12px;background:radial-gradient(#e7c77c22,#10202f);border:1px solid #455646;border-radius:14px}.preview svg{width:150px;height:231px}.preview p{font-weight:750;margin:12px 0 4px}.builder-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.builder-controls>label:first-child{grid-column:1/-1}#avatar-options{display:contents}label{display:block;font-size:12px;color:var(--muted)}input,select{display:block;width:100%;padding:10px;background:#0b1722;color:#e8edf2;border:1px solid #405569;border-radius:8px;margin-top:6px;min-width:0}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}#auth-dialog{max-width:480px}#auth-form label{margin-top:16px}#profile{text-align:center}#profile>svg{width:100px;height:154px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stat{padding:16px 6px;border:1px solid #374d5f;border-radius:10px}.stat strong{display:block;color:var(--gold);font-size:22px}.stat span{font-size:12px;color:var(--muted)}.game-picks{border:1px solid #344b5d;padding:15px;border-radius:10px;margin:12px 0}.game-picks h3{margin:0 0 6px;font-size:17px}.market-picks{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.market-picks button{font-size:12px;padding:9px 12px}.market-picks button span{display:block;color:var(--muted);margin-top:4px}[hidden]{display:none!important}
@media(max-width:650px){.site-header{gap:12px;padding:14px 16px;flex-wrap:wrap}.brand{font-size:15px}.site-header nav{gap:14px;font-size:12px}.site-header>button{font-size:12px;padding:8px 10px}main{padding:26px 16px}.intro{align-items:flex-start;gap:14px;flex-direction:column}.intro h1{font-size:43px}.intro p:not(.eyebrow){font-size:14px;margin-bottom:0}.intro>.gold-button{padding:10px 15px}.connection{margin-top:20px}.stadium-top{padding:16px;gap:8px}.stadium-top h2{font-size:14px}.stadium-top a{font-size:10px}.jumbotron{width:91%;min-height:91px;padding:12px}.jumbotron>p{font-size:16px}.jumbotron>span{font-size:10px}.leader-mini{padding-right:6px;gap:4px}.leader-mini svg{display:none}.leader-mini strong{font-size:10px}.leader-mini span{font-size:9px}.arena{height:360px}.arches{height:82px;padding:12px 8px;gap:6px}.arches i{border-width:4px}.stands{top:86px;height:50px}.field{inset:118px 20% 0}.endzone{font-size:8px;letter-spacing:1px;padding:10px 0}.south{font-size:7px}.locker{width:63px;min-height:78px;font-size:8px;padding:3px}.locker b{max-width:53px}.locker svg{height:47px;width:30px}.player{width:53px;height:82px}.stadium-bottom{flex-wrap:wrap;padding:13px 12px;gap:10px}.stadium-bottom p{width:100%;font-size:10px}.stadium-bottom>button{font-size:11px;margin-left:auto}.movement button{padding:7px 12px}.lower-grid{grid-template-columns:1fr;gap:16px;margin-top:18px}.panel{padding:20px}.panel-heading h2{font-size:18px}footer{font-size:11px;gap:14px}dialog{padding:18px}.dialog-header h2{font-size:27px}.builder{grid-template-columns:1fr;gap:18px}.preview{position:relative;padding:12px}.preview svg{height:154px;width:100px}.preview p{display:inline-block;margin:0 12px}.builder-controls{gap:12px}.dialog-actions{justify-content:space-between}.dialog-actions button{font-size:13px}.stats-grid{gap:6px}.stat strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* The stadium is a locally rendered perspective scene; controls stay accessible. */
.arena{height:590px;background:#172a3d;cursor:crosshair}
#stadium-canvas{display:block;width:100%;height:100%;pointer-events:none}
.theme-label{display:flex;gap:12px;align-items:center;white-space:nowrap;color:#bac9d5}
.theme-label select{width:174px;margin:0;font-size:13px;background:#0a1825}
.scene-hud{position:absolute;top:23px;left:24px;right:24px;display:flex;align-items:center;gap:10px;color:#eff4f8;font-size:10px;letter-spacing:2px;font-weight:750;pointer-events:none;z-index:3;text-shadow:0 1px 4px #000}
.live-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 15px var(--gold)}
.scene-detail{margin-left:auto;color:#d3e2ec;font-size:9px;letter-spacing:1.5px}
.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#06101d66,transparent 25%,transparent 78%,#07101c88),radial-gradient(ellipse,transparent 45%,#050e1833);z-index:2}
.entrance-card{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);width:min(500px,90%);text-align:center;padding:26px 24px;background:linear-gradient(135deg,#0c1d2bed,#0a1420f5);border:1px solid #bda26c88;border-radius:16px;box-shadow:0 18px 65px #0008;z-index:4}
.entrance-card .eyebrow{font-size:9px;letter-spacing:2.5px}
.entrance-card h2{font:38px Georgia,serif;margin:12px 0}
.entrance-card>p:not(.eyebrow){font-size:13px;color:#bac9d5;line-height:1.6}
.entrance-card>div{display:flex;justify-content:center;gap:10px;margin-top:22px}
.entrance-card button{font-size:12px;padding:12px 17px}
.player{height:auto;aspect-ratio:100/180;transform:translate(-50%,-100%);filter:drop-shadow(0 5px 4px #0005);z-index:1}
.player svg{display:block;width:100%;height:auto}
.avatar-leg,.avatar-arm{transform-box:view-box;transform-origin:50px 110px}
.avatar-arm{transform-origin:50px 73px}
.walking .avatar-leg.left,.walking .avatar-arm.right{animation:player-step .46s ease-in-out infinite alternate}
.walking .avatar-leg.right,.walking .avatar-arm.left{animation:player-step .46s ease-in-out infinite alternate-reverse}
@keyframes player-step{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
.locker{width:80px;min-height:82px;font-size:9px;transform:translate(-50%,-80%) scale(var(--locker-scale,1));transform-origin:50% 100%;background:linear-gradient(120deg,#294054ee,#0a1722ee);border:1px solid #b7a77d88;z-index:1;border-radius:8px;box-shadow:0 8px 12px #0003}
.locker svg{height:57px;width:33px}.locker b{max-width:68px}
.interact-prompt{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:#e7c77c;color:#142332;font-size:13px;font-weight:750;border-color:#ffebb9;z-index:4;white-space:nowrap;box-shadow:0 4px 24px #0005}
.walk-controls{display:flex;gap:16px;align-items:center}.walk-controls p{margin-bottom:9px}
.mobile-help{display:none}@media(max-width:650px){.mobile-help{display:inline}.desktop-help{display:none}}
.view-toolbar{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#091826;border-top:1px solid #31475a}.view-toolbar>span{font-size:9px;color:#b1c2d0;letter-spacing:1px;margin-right:auto}.view-toolbar button{font-size:11px;padding:7px 11px}.view-toolbar input{width:140px;padding:0;margin:0;accent-color:var(--gold)}.arena{touch-action:pan-y}
.world-players{position:absolute;inset:0;pointer-events:none;z-index:1}.remote-player{position:absolute;aspect-ratio:100/180;padding:0;background:transparent;border:0;transform:translate(-50%,-100%);pointer-events:auto}.remote-player svg{width:100%;height:auto;display:block}.remote-player:hover{background:transparent;filter:drop-shadow(0 0 4px #e7c77c88)}
.player-name{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#fff;background:#071521c9;padding:4px 7px;border:1px solid #66869a66;border-radius:5px;margin-bottom:4px;line-height:1.2}.locker-tag{display:block;font-size:7px;letter-spacing:1.4px;color:#bdcbd5;margin:2px 0}
.presence-bar{display:flex;align-items:center;gap:15px;padding:14px 22px;border-top:1px solid #344958;background:#0c1b28}.presence-bar button{font-size:12px;white-space:nowrap}.presence-bar p{font-size:11px;line-height:1.6;color:#acbecb;margin:0}
@media(max-width:650px){.view-toolbar{padding:10px 12px;flex-wrap:wrap;gap:7px}.view-toolbar>span{width:100%;font-size:8px}.view-toolbar input{width:115px;flex:1;min-width:70px}.view-toolbar button{font-size:10px;padding:8px 10px}.presence-bar{align-items:flex-start;padding:14px 12px;gap:11px}.presence-bar p{font-size:10px}.presence-bar button{font-size:10px;padding:10px}.player-name{font-size:9px;padding:3px 5px}}
.movement button{padding:6px 12px;min-width:35px}.movement{gap:5px}
.destination-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.destination-buttons button{font-size:11px;padding:9px 12px;background:#0b1c2a}
.joystick{display:none;position:relative;width:90px;height:90px;flex-shrink:0;touch-action:none;background:radial-gradient(#30475c,#142637);border:1px solid #667f94;border-radius:50%;box-shadow:inset 0 2px 15px #0005}
.joystick span{position:absolute;left:27px;top:27px;width:34px;height:34px;border-radius:50%;background:linear-gradient(#a1b6ca,#617e98);border:1px solid #bbcedd;box-shadow:0 4px 10px #0005;pointer-events:none}
.board-heading{border-top:1px solid #2e4353;padding:16px 24px}.board-heading h2{font-size:13px}.board-heading a{margin-left:auto}.board-heading button{font-size:11px;padding:7px 11px}
.jumbotron{border-width:1px;width:calc(100% - 48px);min-height:76px;margin-bottom:14px;background:#0a1520;border-color:#4a5965;padding:14px}.jumbotron>p{font:17px Georgia}
.stadium-note{font-size:10px;color:#93a8b8;text-align:center;padding:0 12px 14px;margin:0}
.preview svg{height:270px;width:150px}.standing svg{height:59px}.leader-mini svg{height:54px}
@media(max-width:650px){.arena{height:480px}.stadium-top{padding:15px 14px}.theme-label{gap:7px;font-size:10px}.theme-label select{width:137px;font-size:11px;padding:8px}.scene-hud{left:16px;right:16px;top:17px;font-size:9px;letter-spacing:1.5px}.scene-detail{display:none}.entrance-card{padding:22px 14px;bottom:24px}.entrance-card h2{font-size:30px}.entrance-card>p:not(.eyebrow){font-size:12px}.entrance-card>div{gap:7px;margin-top:16px}.entrance-card button{padding:11px 12px;font-size:11px}.stadium-bottom{display:block;padding:16px 13px}.joystick{display:block}.walk-controls{gap:13px}.walk-controls p{width:auto;line-height:1.7;max-width:210px;font-size:10px}.destination-buttons{margin-top:14px;justify-content:flex-start;gap:6px}.destination-buttons button{padding:9px 10px;font-size:10px}.interact-prompt{font-size:11px;padding:11px 14px}.locker{width:67px;min-height:75px}.locker b{max-width:55px}.jumbotron{width:calc(100% - 28px);padding:12px}.board-heading{padding:14px}.board-heading h2{font-size:12px}.preview svg{height:198px;width:110px}}