@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#070a12;--panel:#0b1020;--line:#202a3d;--cyan:#22d3ee;--violet:#8b5cf6;--lime:#a3e635;--pink:#f472b6;--white:#f8fafc;--muted:#94a3b8;--mono:'DM Mono',monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--white);font-family:var(--display);overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 68% 24%,rgba(34,211,238,.075),transparent 35%),radial-gradient(ellipse at 20% 76%,rgba(139,92,246,.09),transparent 42%),linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;mask-image:linear-gradient(to bottom,#000 0%,transparent 95%)}.shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}.topbar{height:78px;width:min(1440px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:600;letter-spacing:.13em}.brand b{color:var(--cyan);font-weight:600}.brand-mark{height:30px;width:30px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.6);border-radius:8px;color:var(--cyan);font:500 12px var(--mono);box-shadow:0 0 18px #22d3ee20}.tiny-link,.live-tag,.eyebrow,.section-label,.hero-stats span,.game-chips,.field-label,.field-hint,.timer-box,.card-top,.versus,.board-head,.event-metrics span,footer,.player-pill,.sound-toggle,.ai-status,.progress-head .muted{font-family:var(--mono);letter-spacing:.1em;font-size:10px}.tiny-link{color:var(--muted)}.tiny-link:hover{color:var(--cyan)}.landing{position:relative;min-height:calc(100svh - 140px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px}.hero{padding:50px 0 40px;position:relative}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--cyan)}.eyebrow i,.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #a3e635}.hero h1,.leader-heading h1,.progress-head h1,.admin-shell>h1{font-size:clamp(48px,8vw,90px);line-height:.92;letter-spacing:-.075em;margin:25px 0 22px;font-weight:700}.hero h1 em,.leader-heading h1 em,.progress-head h1 em,.register-panel h2 em,.event-card h2 em,.result-card h1 em,.admin-shell>h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 26px #22d3ee2a}.hero-line{font-size:clamp(20px,2.4vw,26px);line-height:1.35;color:#cbd5e1;margin:0 0 30px}.hero-line strong{color:var(--white)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:0 22px;border:1px solid transparent;border-radius:8px;cursor:pointer;font:500 11px var(--mono);letter-spacing:.08em;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.primary{background:var(--cyan);color:#031117;box-shadow:0 8px 30px #22d3ee22}.primary:hover{background:#67e8f9}.ghost{border-color:#2c384c;color:var(--white);background:#ffffff04}.ghost:hover{border-color:var(--cyan)}.full{width:100%}.hero-stats{display:flex;gap:clamp(22px,5vw,56px);margin-top:44px}.hero-stats div{display:grid;gap:6px}.hero-stats b{font:500 19px var(--mono);color:var(--white)}.hero-stats span{color:#64748b;font-size:9px}.arena-card{width:min(100%,390px);margin:20px auto;min-height:330px;padding:23px;border:1px solid #263347;border-radius:16px;background:linear-gradient(145deg,#121c2cdd,#090e19ed);box-shadow:0 24px 80px #0008,0 0 55px #22d3ee0b;position:relative;overflow:hidden;transform:rotate(2deg)}.arena-card:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#22d3ee08 50%,transparent 75%);animation:sweep 5s infinite}.card-top{display:flex;justify-content:space-between;color:#718198;font-size:9px}.card-top>span:first-child{color:var(--cyan)}.mini-grid{width:180px;height:180px;margin:27px auto 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mini-grid span{border:1px solid #26364b;border-radius:8px;background:#0b1422;display:grid;place-items:center;color:#53627a;font-size:28px}.mini-grid .cyan{color:var(--cyan);border-color:#22d3ee70;text-shadow:0 0 15px var(--cyan)}.mini-grid .pink{color:var(--pink);border-color:#f472b670}.versus{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:9px}.versus b{margin-left:10px;color:var(--white);font-size:15px}.versus i{font-style:normal;color:var(--violet)}.dots{animation:blink 1s infinite}.orbit{position:absolute;pointer-events:none;border:1px solid #22d3ee15;border-radius:50%;z-index:-1}.orbit-a{width:420px;height:420px;right:-110px;top:12%}.orbit-b{width:530px;height:530px;right:-165px;top:6%;border-color:#8b5cf610}.game-strip{grid-column:1/-1;border-top:1px solid #ffffff10;padding:26px 0 40px}.section-label{display:flex;justify-content:space-between;color:#738198}.game-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.game-chips span{padding:11px 14px;border:1px solid #273449;border-radius:99px;background:#0b1020;color:#dbeafe;font-size:9px}.muted{color:var(--muted);font-size:13px}.game-strip>.muted{font-size:11px}.register-panel{position:fixed;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));padding:32px;border:1px solid #26394d;border-radius:16px;background:#0b1020;box-shadow:0 28px 100px #000b,0 0 70px #22d3ee13}.register-panel h2{font-size:38px;line-height:1.03;letter-spacing:-.055em;margin:20px 0 27px}.close-btn{position:absolute;right:16px;top:12px;border:0;background:none;color:#8fa0b8;font-size:25px;cursor:pointer}.field-label{display:block;color:#8fa0b8;font-size:9px;margin:16px 0 8px}.field-label small{color:#526176;font-size:8px}.register-panel input:not([type=checkbox]),.register-panel select{width:100%;height:48px;padding:0 14px;color:var(--white);background:#070a12;border:1px solid #2a364b;border-radius:7px;font-size:14px}.register-panel input::placeholder{color:#49576b}.field-hint{margin:8px 0;color:#64748b;font-size:9px;letter-spacing:0}.consent{display:flex;gap:11px;align-items:flex-start;margin:22px 0;color:#bdc8d8;font-size:12px;line-height:1.5}.consent input{width:18px;height:18px;accent-color:var(--cyan);flex:0 0 auto}.message{min-height:18px;margin-top:12px;color:var(--pink);font-size:12px}.hidden{display:none!important}footer{height:56px;padding:0 max(24px,calc((100% - 1440px)/2));border-top:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;color:#5e6d82;font-size:9px}footer b{color:var(--lime)}.live-tag{color:var(--lime);display:flex;gap:9px;align-items:center}.leaderboard{padding:62px 0 48px}.leader-heading{text-align:center;margin-bottom:40px}.leader-heading h1{font-size:clamp(35px,6vw,63px);margin:16px 0}.leader-heading .eyebrow{justify-content:center}.leader-layout{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}.board,.event-card{border:1px solid #202d42;background:#0b1020d9;border-radius:14px;overflow:hidden}.board-head{padding:17px 20px;color:#718198;display:flex;justify-content:space-between;border-bottom:1px solid #243044;font-size:9px}.board-head b{color:#526176}.leader-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #ffffff09;animation:rowIn .45s both}.leader-row:last-child{border:0}.leader-row .rank{font:500 14px var(--mono);color:#6c7b90}.leader-row:nth-child(1) .rank{color:var(--lime)}.leader-row:nth-child(2) .rank{color:#cbd5e1}.leader-row:nth-child(3) .rank{color:#d89977}.leader-row strong{font-size:14px;letter-spacing:.06em}.leader-row .score{font:500 14px var(--mono);color:var(--cyan)}.event-card{padding:24px}.orbit-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--lime);font-size:23px;border:1px solid #a3e63555;border-radius:12px;margin-bottom:22px}.event-card h2{font-size:26px;letter-spacing:-.05em;line-height:1.03;margin:16px 0}.event-card p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:22px}.event-metrics{display:flex;gap:35px;padding-top:22px;margin-top:22px;border-top:1px solid #ffffff12}.event-metrics div{display:grid;gap:6px}.event-metrics b{font:500 19px var(--mono)}.event-metrics span{color:#718198;font-size:8px}.empty-state{text-align:center;color:var(--muted);padding:35px;font:12px var(--mono)}.result-wrap{display:grid;place-items:center;min-height:calc(100svh - 134px);padding:25px 0}.result-card{width:min(460px,100%);padding:32px;text-align:center;border:1px solid #26364a;border-radius:16px;background:#0b1020eF;position:relative;overflow:hidden}.victory-mark{color:var(--lime);font-size:30px;margin-bottom:12px;text-shadow:0 0 24px #a3e63577}.result-card .eyebrow{justify-content:center}.result-card h1{font-size:36px;line-height:1.02;letter-spacing:-.05em;margin:20px 0}.score-total{display:grid;gap:8px;padding:17px;border-block:1px solid #ffffff14}.score-total span{font:9px var(--mono);color:#8090a6;letter-spacing:.12em}.score-total b{font:500 34px var(--mono);color:var(--cyan)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.result-game{padding:12px;background:#ffffff06;border:1px solid #ffffff0b;border-radius:8px;text-align:left}.result-game span{display:block;color:#8090a6;font:8px var(--mono);letter-spacing:.08em;margin-bottom:7px}.result-game b{font:500 14px var(--mono)}.rank-line{display:flex;justify-content:space-between;padding:14px 4px;margin-bottom:12px;color:#93a1b5;font:10px var(--mono);letter-spacing:.1em}.rank-line b{color:var(--lime);font-size:16px}#qr{display:none;margin:8px auto;background:white;padding:8px;border-radius:8px}.result-card>.muted{margin:4px 0 18px}.admin-shell{padding:54px 0}.admin-shell>h1{font-size:clamp(40px,7vw,70px)}.admin-shell>.register-panel{position:static;transform:none;margin:35px 0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.admin-stats div{padding:20px;background:#0b1020;border:1px solid var(--line);border-radius:9px}.admin-stats b{display:block;font:500 22px var(--mono);color:var(--cyan)}.admin-stats span{font:9px var(--mono);color:var(--muted)}
@keyframes sweep{0%,65%{transform:translateX(-140%)}100%{transform:translateX(140%)}}@keyframes blink{50%{opacity:.2}}@keyframes rowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.topbar{height:64px;width:calc(100% - 32px)}.landing{grid-template-columns:1fr;width:calc(100% - 36px);gap:2px}.hero{padding:45px 0 4px}.hero h1{font-size:clamp(60px,16vw,84px);margin:21px 0}.hero-line{font-size:20px}.hero-stats{margin-top:32px}.arena-card{margin:28px auto 16px;min-height:300px;width:min(100%,360px);transform:rotate(1deg)}.mini-grid{width:160px;height:160px}.orbit-a{right:-230px}.orbit-b{right:-270px}.game-strip{padding:22px 0 26px}.game-chips{gap:7px}.game-chips span{font-size:8px;padding:10px 11px}.leader-layout{grid-template-columns:1fr}.event-card{order:-1}.event-card .orbit-icon{float:right;margin:0}.leaderboard{padding:40px 0}.leader-heading{margin-bottom:25px}.board-head{padding:14px}.leader-row{padding:15px 14px;grid-template-columns:34px 1fr auto;gap:9px}.leader-row strong{font-size:12px}.leader-row .score{font-size:12px}.result-card{padding:26px 20px}.register-panel{padding:27px 22px}footer{padding-inline:18px;font-size:8px}.tiny-link{font-size:9px}.admin-stats{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.hero{overflow:clip}

.admin-controls{display:flex;flex-wrap:wrap;gap:10px;padding:16px}.operator-reset,.operator-block{background:transparent;color:var(--pink);border:1px solid #f472b655;border-radius:5px;padding:6px 8px;font:9px var(--mono);cursor:pointer}.operator-block{color:var(--muted);border-color:#475569}.leader-row strong small{display:block;color:var(--muted);font:9px var(--mono);margin-top:4px}

.tv-mode .leaderboard{width:min(1580px,calc(100% - 80px));padding-top:4vh}.tv-mode .leader-heading{margin-bottom:2vh}.tv-mode .leader-heading h1{font-size:clamp(64px,7vw,112px);margin:12px}.tv-mode .leader-layout{display:block}.tv-mode .event-card,.tv-mode footer{display:none}.tv-mode .board-head{font-size:15px;padding:22px 36px}.tv-mode .leader-row{padding:clamp(18px,2.2vh,30px) 36px;grid-template-columns:80px 1fr auto}.tv-mode .leader-row strong,.tv-mode .leader-row .score{font-size:clamp(22px,2.3vw,36px)}.tv-mode .leader-row .rank{font-size:clamp(20px,2vw,30px)}

/* Landing page desktop composition: separate the hero copy and arena preview into two columns. */
@media(min-width:761px){
  .landing{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);column-gap:clamp(24px,4vw,64px);row-gap:0}
  .landing>.hero{grid-column:1;grid-row:1}
  .landing>.arena-card{grid-column:2;grid-row:1;width:min(100%,440px);min-height:390px;padding:28px;margin:0 auto;transform:rotate(2deg)}
  .landing>.arena-card .mini-grid{width:220px;height:220px;margin:36px auto 22px}
  .landing>.game-strip{grid-column:1/-1;grid-row:2}
}
@media(max-width:760px){
  .landing>.hero,.landing>.arena-card,.landing>.game-strip{grid-column:1;grid-row:auto}
}
.gift-contact-note{padding:14px 16px;margin:18px 0;border:1px solid #22d3ee35;border-radius:8px;background:#22d3ee08;color:#cbd5e1;font-size:12px;line-height:1.6}
.phone-view,.phone-delete{margin:3px 0 3px 5px;padding:6px 8px;border:1px solid #22d3ee55;border-radius:5px;background:#22d3ee08;color:var(--cyan);font:9px var(--mono);cursor:pointer}
.admin-shell .leader-row .score{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px}
.phone-delete{border-color:#f472b655;color:var(--pink);background:#f472b608}
.phone-view:hover{border-color:var(--cyan);background:#22d3ee18}
.phone-delete:hover{border-color:var(--pink);background:#f472b618}
.brand-mark img{display:block;width:23px;height:23px;object-fit:contain}
.rail-logo img{display:block;width:29px;height:29px;object-fit:contain}

@media(max-width:600px){
  .admin-shell{width:calc(100% - 24px);min-width:0;padding-top:24px}
  .admin-shell #admin-dashboard,.admin-shell #admin-list{min-width:0;width:100%}
  .admin-shell .board-head{padding:13px 12px;font-size:8px;letter-spacing:.04em}
  .admin-shell .leader-row.admin-player-row{grid-template-columns:26px minmax(0,1fr);gap:7px 10px;padding:15px 12px;align-items:start}
  .admin-shell .admin-player-row>.rank{grid-column:1;grid-row:1 / span 2;padding-top:2px}
  .admin-shell .admin-player-name{grid-column:2;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;font-size:14px;line-height:1.3;letter-spacing:.03em}
  .admin-shell .admin-player-name small{display:block;margin-top:4px;font-size:9px;letter-spacing:.05em;overflow-wrap:normal}
  .admin-shell .admin-player-row>.score{grid-column:2;min-width:0;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:9px;flex-wrap:wrap}
  .admin-shell .admin-player-score{flex:0 0 auto;font-size:14px}
  .admin-shell .admin-player-actions{display:flex;flex:1 1 100%;min-width:0;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px}
  .admin-shell .operator-reset,.admin-shell .operator-block,.admin-shell .phone-view,.admin-shell .phone-delete{min-height:40px;margin:0;padding:7px 9px;font-size:9px;white-space:nowrap}
  .admin-shell .admin-controls{padding:12px;gap:8px}
  .admin-shell .admin-controls .button{flex:1 1 145px;min-height:48px;padding:8px 10px;font-size:9px}
}

/* Mobile fit, safe areas, and accessible signup sheet. */
button,a,input,select{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
img,canvas,svg{max-width:100%}
@media(max-width:760px){
  body{min-height:100svh}
  .shell{width:calc(100% - 32px)}
  .landing{min-height:auto;padding-bottom:24px}
  .hero{padding-top:clamp(30px,8vh,58px)}
  .hero h1{font-size:clamp(54px,15vw,82px)}
  .hero-actions .button{flex:1 1 145px;min-height:52px}
  .arena-card{min-height:280px}
  .game-strip{padding-bottom:28px}
  .game-chips span{min-height:38px;display:inline-flex;align-items:center}
  .leaderboard{padding-top:clamp(28px,7vh,46px)}
  .leader-heading h1{font-size:clamp(33px,9vw,54px);overflow-wrap:anywhere}
  .leader-heading .muted{max-width:32ch;margin-inline:auto;line-height:1.55}
  .leader-layout{gap:13px}
  .event-card{padding:19px}
  .event-metrics{justify-content:space-between;gap:8px}
  .event-metrics span{font-size:7px;letter-spacing:.04em}
  .board-head{gap:8px}
  .leader-row{min-height:58px}
  footer{padding-bottom:env(safe-area-inset-bottom);min-height:56px;height:auto;gap:12px}
  .result-wrap{min-height:calc(100svh - 128px);padding:20px 0}
  .result-card{width:100%;max-width:460px}
  .admin-shell{padding-top:34px}
  .admin-shell>h1{font-size:clamp(38px,10vw,60px);overflow-wrap:anywhere}
  .admin-stats{gap:8px}
  .admin-stats div{padding:15px}
  .admin-stats b{font-size:19px}
  .admin-controls{gap:7px}
  .operator-topbar{height:auto;min-height:68px;padding-block:12px;gap:8px;flex-wrap:wrap}
  .operator-topbar>.eyebrow{font-size:8px}
  .admin-shell .leader-row{grid-template-columns:30px minmax(0,1fr) auto;gap:7px}
  .admin-shell .leader-row strong{overflow-wrap:anywhere}
  #register-panel{top:auto;left:0;right:0;bottom:0;transform:none;width:100%;max-height:min(90svh,780px);overflow-y:auto;overscroll-behavior:contain;padding:27px 22px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;border-bottom:0;box-shadow:0 -16px 60px #000b,0 0 0 100vmax #0009}
  #register-panel h2{font-size:clamp(31px,9vw,38px);margin:16px 0 22px}
  #register-panel .field-label{margin-top:13px}
  #register-panel .consent{margin:17px 0;font-size:12px}
  #register-panel .button{min-height:54px}
  .registration-open{overflow:hidden}
  .registration-open::before{content:"";position:fixed;inset:0;z-index:4;background:#030610a8;backdrop-filter:blur(3px)}
}
@media(max-width:380px){
  .topbar{width:calc(100% - 24px)}
  .tiny-link{font-size:8px;letter-spacing:.04em}
  .hero h1{font-size:53px}
  .hero-stats{gap:20px}
  .hero-stats span{font-size:8px;letter-spacing:.04em}
  .leader-row{grid-template-columns:28px minmax(0,1fr) auto;gap:7px}
  .leader-row strong{font-size:11px}
  .event-metrics b{font-size:16px}
  .result-card{padding-inline:15px}
}
@media(max-height:620px) and (max-width:760px){
  #register-panel{max-height:94svh;padding-top:18px}
  #register-panel h2{margin:10px 0 14px}
  #register-panel .consent{margin:12px 0}
}
@media(prefers-reduced-motion:reduce){.arena-card:before{animation:none}}

/* Immersive AI Puzzle Arena dashboard */
.home-page{--bg:#090a12;--cyan:#62e7ee;--violet:#aa8dff;--sunshine:#ffdb81;--panel:#10111b;--line:#272937;background:radial-gradient(ellipse at 67% 20%,#24193c66,transparent 36%),radial-gradient(ellipse at 8% 80%,#0c34412d,transparent 35%),#090a12;min-height:100svh}
.home-page .ambient{background:radial-gradient(ellipse at 78% 23%,#9b48d91a,transparent 35%),radial-gradient(ellipse at 42% 67%,#17c2d20d,transparent 40%);mask-image:linear-gradient(to bottom,#000,transparent 96%)}
.app-rail{position:fixed;inset:0 auto 0 0;width:78px;z-index:3;display:flex;flex-direction:column;align-items:center;padding:24px 0 17px;border-right:1px solid #ffffff0e;background:#0b0c14dd;backdrop-filter:blur(18px)}
.rail-logo{width:39px;height:39px;display:grid;place-items:center;border:1px solid #62e7ee77;border-radius:13px;color:var(--cyan);font:600 12px var(--mono);box-shadow:0 0 25px #62e7ee14}
.app-rail nav{display:grid;gap:13px;margin-top:58px}
.rail-link{width:43px;height:43px;display:grid;place-items:center;color:#727889;border:1px solid transparent;border-radius:14px;transition:.2s}
.rail-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.rail-link:hover,.rail-link.active{color:#e9fcff;border-color:#ffffff13;background:#ffffff0c}.rail-link.active{box-shadow:inset 0 0 18px #62e7ee0e;color:var(--cyan)}
.rail-plus{margin-top:auto;width:43px;height:43px;padding:0;border:0;cursor:pointer;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#79edf0,#63badd);color:#10131b;font-size:27px;box-shadow:0 7px 26px #62e7ee35}
.rail-status{display:flex;align-items:center;gap:6px;margin-top:15px;color:#718196;font:8px var(--mono);letter-spacing:.1em}.rail-status i,.season-pill i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#91e7af;box-shadow:0 0 11px #91e7af}
.home-page .home-topbar{width:min(1480px,calc(100vw - 160px));height:74px;margin:0 auto 0 max(100px,calc((100vw - 1480px)/2 + 39px));border-color:#ffffff12}
.home-top-actions{display:flex;align-items:center;gap:25px}.season-pill,.top-score-link{font:9px var(--mono);letter-spacing:.09em;color:#9ea4b5}.season-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffff13;border-radius:99px;background:#ffffff06}.top-score-link b{color:var(--cyan);margin-left:5px}
.profile-orb{width:39px;height:39px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:50%;background:#171925}.profile-orb img{width:30px;height:30px;object-fit:contain}
.dashboard-home{width:min(1480px,calc(100vw - 160px));margin:25px auto 0 max(100px,calc((100vw - 1480px)/2 + 39px));padding-bottom:40px}
.spotlight{position:relative;isolation:isolate;min-height:470px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);overflow:hidden;border:1px solid #ffffff17;border-radius:28px;background:linear-gradient(111deg,#171824 0%,#151420 47%,#24203a 100%);box-shadow:0 25px 80px #0007}
.spotlight:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 50%,#b251d53d,transparent 40%),radial-gradient(ellipse at 56% 93%,#0dc4d71a,transparent 42%),linear-gradient(90deg,#10121ccf 0%,#10121c50 58%,transparent)}
.spotlight:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(135deg,#ffffff0a 1px,transparent 1px),linear-gradient(45deg,#ffffff08 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent 30%,#000 100%)}
.spotlight-copy{align-self:center;z-index:2;padding:clamp(34px,5vw,76px)}
.spotlight-copy .eyebrow{font-size:9px;color:#d9c6ff;letter-spacing:.15em}
.spotlight-copy .eyebrow i{background:#9ce9b0}
.spotlight h1{font-size:clamp(48px,6.1vw,86px);line-height:.89;letter-spacing:-.085em;margin:26px 0 18px;font-weight:700}
.spotlight h1 em{font-style:normal;color:#f4f2fa}
.spotlight-copy>p{max-width:36ch;color:#b3b4c2;font-size:clamp(14px,1.3vw,17px);line-height:1.7;margin:0 0 25px}
.spotlight-actions{display:flex;gap:11px;flex-wrap:wrap}.spotlight-actions .button{min-height:48px;border-radius:99px;padding-inline:20px}.spotlight-actions .primary{background:#edf9f7;color:#151721;box-shadow:0 8px 25px #ffffff16}.spotlight-actions .primary:hover{background:#fff}.glass-button{border-color:#ffffff24;color:#f5f4fb;background:#ffffff08}.glass-button:hover{background:#ffffff13;border-color:#ffffff44}
.spotlight-meta{display:flex;gap:26px;margin-top:34px;color:#858a9c;font:8px var(--mono);letter-spacing:.09em}.spotlight-meta span{display:flex;align-items:center;gap:7px}.spotlight-meta b{color:#faf9ff;font-size:13px;font-weight:500}
.spotlight-art{position:relative;min-height:440px;display:grid;place-items:center;overflow:hidden}.spotlight-star{position:absolute;width:min(55%,300px);right:31%;top:18%;z-index:2;filter:drop-shadow(0 25px 30px #0008);animation:hero-character-float 4.8s ease-in-out infinite}.spotlight-robot{position:absolute;width:min(53%,290px);right:5%;bottom:4%;z-index:3;filter:drop-shadow(0 24px 28px #0008);animation:hero-character-float 4.2s ease-in-out infinite reverse}
.spotlight-orbit{position:absolute;width:330px;aspect-ratio:1;border:1px solid #f4d3ff1f;border-radius:50%;right:17%;top:10%;box-shadow:0 0 0 37px #d59aff06,0 0 0 76px #d59aff04}.orbit-two{width:410px;right:9%;top:0;border-color:#75e8ff18;transform:rotateX(68deg)}
.float-shape{position:absolute;z-index:2;filter:drop-shadow(0 0 12px #ffdc8577);animation:hero-shape-float 3.2s ease-in-out infinite}.shape-diamond{width:17px;height:17px;left:12%;top:24%;background:#ffd880;transform:rotate(45deg)}.shape-ring{width:36px;height:36px;right:16%;top:22%;border:4px solid #8ae7ee;border-radius:50%;box-shadow:0 0 22px #8ae7ee66;animation-delay:.7s}.shape-star{left:23%;bottom:19%;color:#ff9ebd;font-size:28px;animation-delay:1.2s}
.art-caption{position:absolute;left:7%;bottom:8%;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid #ffffff1b;border-radius:15px;background:#11121dcc;backdrop-filter:blur(12px)}.caption-dot{width:8px;height:8px;border-radius:50%;background:#8fe7b4;box-shadow:0 0 13px #8fe7b4}.art-caption b,.art-caption small{display:block}.art-caption b{font:9px var(--mono);letter-spacing:.1em}.art-caption small{margin-top:5px;color:#9095a4;font:7px var(--mono);letter-spacing:.09em}.spotlight-label{position:absolute;top:26px;right:28px;color:#b6b3c5;font:8px var(--mono);letter-spacing:.11em}.spotlight-label b{color:#f9dc90;margin-left:8px}
.dashboard-widgets{display:grid;grid-template-columns:1.2fr .86fr 1fr;gap:14px;margin:17px 0 45px}.widget{position:relative;min-height:166px;padding:20px 21px;border:1px solid #ffffff13;border-radius:20px;background:linear-gradient(145deg,#151620ec,#101119ed);overflow:hidden}.widget-heading{display:flex;justify-content:space-between;gap:10px;color:#9297a9;font:8px var(--mono);letter-spacing:.11em}.widget-heading b{color:#777d90;font-weight:400}.run-track{height:64px;display:flex;align-items:flex-end;gap:7px;margin-top:4px}.run-track i{height:32%;flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(#f4bb92,#8c7be2);opacity:.82}.run-track i:nth-child(2){height:74%;background:linear-gradient(#7de5ef,#5e82d5)}.run-track i:nth-child(3){height:48%;background:linear-gradient(#f3a4cb,#a366b9)}.run-track i:nth-child(4){height:88%;background:linear-gradient(#ffe093,#e99e88)}.run-track i:nth-child(5){height:58%;background:linear-gradient(#79e6d1,#549db4)}.run-track i:nth-child(6){height:98%;background:linear-gradient(#dab1ff,#8866c4)}.run-summary{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:12px}.run-summary strong{display:block;color:#f4f3fa;font-size:14px;line-height:1.3}.run-summary span{display:block;margin-top:6px;color:#858a9a;font-size:10px}.run-summary>a{width:33px;height:33px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #ffffff17;border-radius:50%;color:#eeecf7}
.score-widget .max-score{margin-top:19px;color:#faf9ff;font:500 clamp(28px,3vw,41px) var(--mono);letter-spacing:-.07em}.max-score span{margin-left:9px;color:#75798b;font:8px var(--mono);letter-spacing:.12em}.score-widget p,.crew-widget p{margin:4px 0 14px;color:#858a9b;font-size:10px}.score-widget>a,.crew-widget>a{color:#bfc1cf;font:8px var(--mono);letter-spacing:.08em}.score-widget>a b,.crew-widget>a b{color:#8ce6ed;margin-left:7px}.crew-avatars{display:flex;align-items:center;margin:17px 0 10px}.crew-avatars span{width:37px;height:37px;margin-right:-7px;display:grid;place-items:center;border:2px solid #161721;border-radius:50%;background:linear-gradient(135deg,#273449,#42365b);overflow:hidden}.crew-avatars img{width:31px;height:31px;object-fit:contain}.crew-avatars>b{width:34px;height:34px;margin-left:11px;display:grid;place-items:center;border-radius:50%;background:#242533;color:#ddd9e9;font:10px var(--mono)}
.game-library{padding:0 0 20px;scroll-margin-top:28px}.library-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.library-head .eyebrow{font-size:8px;letter-spacing:.14em}.library-head h2{font-size:clamp(27px,3.2vw,38px);letter-spacing:-.06em;margin:8px 0 0}.library-head h2 em{font-style:normal;color:#e7c8ff}.library-head>a{padding:10px 0;color:#a2a4b4;font:8px var(--mono);letter-spacing:.08em}.library-head>a b{color:var(--cyan);margin-left:6px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library-card{position:relative;min-width:0;min-height:132px;display:grid;grid-template-columns:93px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:13px;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(120deg,#1b1d2b,#11131d);overflow:hidden;transition:transform .18s,border-color .18s,background .18s}.library-card:before{content:"";position:absolute;inset:0;opacity:.6;pointer-events:none}.library-card:hover{transform:translateY(-3px);border-color:#ffffff35;background:#202231}.lib-sos:before{background:radial-gradient(ellipse at 17% 45%,#fa71842b,transparent 60%)}.lib-memory:before{background:radial-gradient(ellipse at 17% 45%,#9d83ff31,transparent 60%)}.lib-code:before{background:radial-gradient(ellipse at 17% 45%,#67caff2b,transparent 60%)}.lib-logic:before{background:radial-gradient(ellipse at 17% 45%,#ffd16629,transparent 60%)}.lib-pattern:before{background:radial-gradient(ellipse at 17% 45%,#5eead42b,transparent 60%)}.lib-robo:before{background:radial-gradient(ellipse at 17% 45%,#f472b62b,transparent 60%)}.library-art{z-index:1;width:88px;height:97px;display:grid;place-items:center;border-radius:14px;background:#ffffff08}.library-art img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 8px 8px #0006)}.library-meta{z-index:1;min-width:0}.library-meta>b,.library-meta>strong,.library-meta>small{display:block}.library-meta>b{color:#8e91a2;font:7px var(--mono);letter-spacing:.1em}.library-meta>strong{margin-top:8px;color:#f5f3fa;font-size:13px;line-height:1.2}.library-meta>small{margin-top:6px;color:#8b8e9c;font-size:9px;line-height:1.3}.library-go{z-index:1;align-self:start;color:#a9aabe;font-size:13px}.home-footer{height:58px;margin-top:10px;padding-left:max(100px,calc((100vw - 1480px)/2 + 39px));padding-right:32px;border-top:1px solid #ffffff0e;display:flex;align-items:center;justify-content:space-between;color:#727789;font:8px var(--mono);letter-spacing:.08em}.home-footer b{color:#a5efb5}.mobile-tabs{display:none}
@keyframes hero-character-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes hero-shape-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:1020px) and (min-width:761px){.spotlight{grid-template-columns:1fr .85fr;min-height:420px}.spotlight-copy{padding:34px}.spotlight-robot{width:58%;right:0}.spotlight-star{width:58%;right:28%}.dashboard-widgets{grid-template-columns:1fr 1fr}.crew-widget{grid-column:1/-1;min-height:130px}.crew-widget .crew-avatars{position:absolute;right:25px;top:30px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .home-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .app-rail{display:none}
 .home-page .home-topbar{width:calc(100% - 28px);height:62px;margin:0 auto}
 .home-page .brand{font-size:10px;gap:8px;letter-spacing:.1em}.home-page .brand-mark{width:29px;height:29px;border-radius:9px}
 .home-top-actions{gap:9px}.season-pill{padding:8px;font-size:7px;letter-spacing:.04em}.season-pill i{width:5px;height:5px}.top-score-link{font-size:7px;letter-spacing:.03em}.profile-orb{width:33px;height:33px}.profile-orb img{width:25px;height:25px}
 .dashboard-home{width:calc(100% - 24px);margin:12px auto 0;padding-bottom:25px}
 .spotlight{display:flex;flex-direction:column;min-height:0;border-radius:25px}.spotlight-art{order:0;min-height:300px;height:clamp(285px,80vw,350px);flex:0 0 auto}.spotlight-copy{order:1;padding:14px 22px 25px}.spotlight-copy .eyebrow{font-size:7px}.spotlight h1{font-size:clamp(49px,14vw,70px);margin:13px 0 11px}.spotlight-copy>p{max-width:32ch;font-size:13px;line-height:1.55;margin-bottom:17px}.spotlight-actions{gap:8px}.spotlight-actions .button{flex:1 1 135px;min-height:47px;padding-inline:12px;font-size:9px;gap:8px}.spotlight-meta{gap:15px;margin-top:19px;font-size:7px}.spotlight-meta span{gap:5px}.spotlight-meta b{font-size:11px}.spotlight-star{width:min(54%,218px);right:38%;top:9%}.spotlight-robot{width:min(54%,220px);right:5%;bottom:2%}.spotlight-orbit{width:245px;right:18%;top:8%;box-shadow:0 0 0 25px #d59aff06,0 0 0 52px #d59aff04}.orbit-two{width:310px;right:8%;top:0}.shape-diamond{left:10%;top:22%;width:13px;height:13px}.shape-ring{width:27px;height:27px;right:12%;top:20%;border-width:3px}.shape-star{left:15%;bottom:17%;font-size:21px}.art-caption{left:13px;bottom:11px;padding:9px 11px;border-radius:12px}.art-caption b{font-size:7px}.art-caption small{font-size:6px}.spotlight-label{top:15px;right:15px;font-size:7px}
 .dashboard-widgets{display:grid;grid-auto-columns:82%;grid-auto-flow:column;grid-template-columns:none;gap:10px;margin:12px -12px 31px;padding:0 12px 7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.dashboard-widgets::-webkit-scrollbar,.library-grid::-webkit-scrollbar{display:none}.widget{min-height:153px;padding:17px;border-radius:18px;scroll-snap-align:start}.crew-widget{grid-column:auto}.crew-widget .crew-avatars{position:static}.game-library{scroll-margin-top:12px}.library-head{align-items:center;margin-bottom:12px}.library-head h2{font-size:29px}.library-head .eyebrow{font-size:7px}.library-head>a{font-size:7px;white-space:nowrap}
 .library-grid{display:grid;grid-auto-columns:78%;grid-auto-flow:column;grid-template-columns:none;gap:9px;overflow-x:auto;padding:0 1px 8px;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.library-card{min-height:120px;grid-template-columns:78px minmax(0,1fr) 17px;gap:8px;padding:10px;border-radius:16px;scroll-snap-align:start}.library-art{width:75px;height:94px}.library-art img{width:74px;height:74px}.library-meta>strong{font-size:12px}.library-meta>small{font-size:8px}.home-footer{height:auto;min-height:46px;margin-top:0;padding:8px 14px calc(8px + env(safe-area-inset-bottom));font-size:7px}
 .mobile-tabs{position:fixed;z-index:5;inset:auto 0 0;display:flex;align-items:center;justify-content:space-around;min-height:66px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #ffffff14;background:#0c0d16ed;backdrop-filter:blur(16px)}.mobile-tabs>a{min-width:58px;display:grid;justify-items:center;gap:4px;color:#747989;font:7px var(--mono);letter-spacing:.06em}.mobile-tabs>a span{font:20px var(--display);line-height:1}.mobile-tabs>a.selected{color:#eafcff}.mobile-tabs>button{width:45px;height:45px;margin-top:-21px;display:grid;place-items:center;border:4px solid #10111a;border-radius:50%;background:#edfaf8;color:#14151d;font-size:28px;box-shadow:0 4px 20px #fff2}.mobile-tabs>button span{margin-top:-3px}
 #register-panel{z-index:7}
}
@media(max-width:380px){.top-score-link{display:none}.spotlight-art{height:280px}.spotlight-actions .button{font-size:8px}.library-grid{grid-auto-columns:84%}.dashboard-widgets{grid-auto-columns:86%}.spotlight-meta{gap:10px}}
@media(prefers-reduced-motion:reduce){.spotlight-star,.spotlight-robot,.float-shape{animation:none}}
.spotlight-keyart{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;filter:saturate(1.08)}
.spotlight-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#17182400 52%,#11121a21),linear-gradient(0deg,#11121a7a,transparent 33%);pointer-events:none}
.spotlight-art-glow{position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse at 76% 58%,#d58dff12,transparent 47%);pointer-events:none}
.spotlight-art .spotlight-orbit{z-index:2;opacity:.34}
.spotlight-art .art-caption,.spotlight-art .spotlight-label,.spotlight-art .float-shape{z-index:3}
@media(max-width:760px){.spotlight-keyart{object-position:67% center}.spotlight-art:before{background:linear-gradient(0deg,#15152155,transparent 64%)}}
.leader-page .topbar,.result-page .topbar{width:min(1480px,calc(100vw - 160px));margin:0 auto 0 max(100px,calc((100vw - 1480px)/2 + 39px))}
.leader-page .leaderboard{width:min(1420px,calc(100vw - 160px));max-width:none;margin:0 auto 0 max(100px,calc((100vw - 1480px)/2 + 39px));padding-top:clamp(34px,5vw,64px)}
.leader-page>footer,.result-page>footer{padding-left:max(100px,calc((100vw - 1480px)/2 + 39px))}
.result-page .result-wrap{width:min(900px,calc(100vw - 160px));margin:0 auto 0 max(100px,calc((100vw - 1480px)/2 + 39px));grid-template-columns:minmax(0,520px);justify-content:center}
@media(max-width:760px){.leader-page,.result-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.leader-page .topbar,.result-page .topbar{width:calc(100% - 28px);margin:0 auto}.leader-page .leaderboard{width:calc(100% - 24px);margin:0 auto;padding-top:30px}.result-page .result-wrap{width:calc(100% - 24px);margin:0 auto;min-height:calc(100svh - 135px);padding:16px 0}.leader-page>footer,.result-page>footer{padding-left:15px;padding-right:15px;padding-bottom:calc(8px + env(safe-area-inset-bottom));font-size:7px}.leader-page .mobile-tabs,.result-page .mobile-tabs{display:flex}.leader-page .app-rail,.result-page .app-rail{display:none}}
.mobile-tabs .tab-plus{width:45px;height:45px;margin-top:-21px;display:grid;place-items:center;border:4px solid #10111a;border-radius:50%;background:#edf9f7;color:#14151d;box-shadow:0 4px 20px #fff2}.mobile-tabs .tab-plus span{margin-top:-3px;font:28px var(--display);color:#14151d}
@media(max-width:760px){
 .home-page .home-topbar{gap:7px}.home-top-actions{min-width:0}.season-pill{white-space:nowrap}.profile-orb{flex:0 0 auto}
 .spotlight-copy,.spotlight-art,.widget,.library-card{min-width:0}
 .spotlight-meta{flex-wrap:wrap;row-gap:8px}
 .library-head>a{padding-block:8px}
 .home-footer{gap:8px;letter-spacing:.035em}
}
@media(max-width:350px){.season-pill{padding:7px;font-size:6px}.home-page .brand{font-size:9px}.spotlight-copy{padding-inline:17px}.spotlight-meta{column-gap:9px}}
@media(max-width:350px){.spotlight-art{min-height:260px;height:270px}.spotlight-copy>p{font-size:12px}.library-card{grid-template-columns:68px minmax(0,1fr) 14px;padding:8px}.library-art{width:66px;height:82px}.library-art img{width:64px;height:64px}}
/* Keep mobile dashboard cards fully in view instead of showing clipped carousel peeks. */
@media(max-width:760px){
 .dashboard-widgets{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;gap:10px;margin:12px 0 30px;padding:0;overflow:visible}
 .widget{width:100%;min-width:0;min-height:145px}
 .game-library{min-width:0}
 .library-grid{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;gap:10px;overflow:visible;padding:0}
 .library-card{width:100%;min-width:0;min-height:112px;scroll-snap-align:none}
}