:root {
  --bg:#050f07; --panel:#0a1a0f; --panel2:#08160c; --line:#3f7653;
  --green:#00ff88; --soft:#88ffaa; --text:#bfe6cf; --mute:#78a98b;
  --gold:#ffcc33; --gold-dk:#cc8800; --danger:#ff5555; --water:#0d2614;
  --display:'Press Start 2P', monospace; --body:'VT323', monospace;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
.auth-notice{font-size:18px!important;line-height:1.35!important;color:var(--mute)!important;margin:14px 0 8px!important}
.auth-notice.auth-error{color:#ffaaa0!important}
.demo-enter,.sign-out{background:transparent;border:0;padding:8px 0;font-family:var(--display);font-size:7px;line-height:1.8;color:var(--mute);cursor:pointer}
.demo-enter:disabled{opacity:.45;cursor:default}
.demo-enter:hover:not(:disabled),.sign-out:hover{color:var(--gold)}
.demo-enter:focus-visible,.sign-out:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.account-notice{color:var(--gold);font-size:19px;line-height:1.35;margin:0;padding:16px 18px;background:rgba(255,204,51,.04)}
@media(max-width:600px){.nav-actions{gap:10px!important}.sign-out{font-size:6px}.nav-actions .btn.compact{font-size:6px;padding-inline:9px}}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:20px;min-height:100vh;overflow-x:clip}
button,input{font:inherit}
a{color:inherit}
.shell{width:min(1120px,calc(100% - 36px));margin-inline:auto;position:relative;z-index:1}
.pond-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(110% 70% at 50% -10%,#10331d 0%,var(--bg) 58%)}
.pond-bg:before,.pond-bg:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(0,255,136,.06);border-radius:50%;filter:blur(.2px)}
.pond-bg:before{left:-80px;top:36%}.pond-bg:after{right:-100px;top:72%}
.pond-bg i{position:absolute;left:var(--x);bottom:-20px;width:var(--s);height:var(--s);border:1px solid rgba(136,255,170,.25);border-radius:50%;animation:bubble var(--d) linear infinite;animation-delay:var(--delay)}
@keyframes bubble{to{transform:translateY(-110vh);opacity:0}}
.topbar{position:sticky;top:0;z-index:20;background:rgba(5,15,7,.9);backdrop-filter:blur(8px);border-bottom:2px solid var(--line)}
.topbar-inner{width:min(1120px,calc(100% - 36px));min-height:70px;margin:auto;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:15px;color:var(--soft)}
.brand-wordmark{display:inline-flex;gap:0}.brand-pond{color:var(--green)}.brand-zee{color:var(--gold)}
.brand-mark{width:36px;height:36px;image-rendering:pixelated}.campaign-label{font-family:var(--display);font-size:8px;color:var(--mute);letter-spacing:1px;border-left:1px solid var(--line);padding-left:22px}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.nav-link{font-family:var(--display);font-size:8px;text-decoration:none;color:var(--soft)}
.btn{border:0;min-height:48px;padding:14px 20px;font-family:var(--display);font-size:9px;line-height:1.45;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-transform:uppercase;transition:transform .08s,filter .15s,opacity .15s}
.btn:hover:not(:disabled){filter:brightness(1.1);transform:translate(-1px,-1px)}.btn:active:not(:disabled){transform:translate(3px,3px)}.btn:disabled{opacity:.3;cursor:not-allowed}
.btn-primary{background:var(--green);color:#03150b;box-shadow:4px 4px 0 #0a6b3c}.btn-ghost{color:var(--soft);background:transparent;border:2px solid var(--line);box-shadow:none}.btn-gold{background:var(--gold);color:#1a0f00;box-shadow:4px 4px 0 #8a6a00}.btn.compact{min-height:38px;padding:10px 13px;font-size:8px}
.hero{min-height:590px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;padding-block:76px 64px}
.eyebrow,.section-kicker{font-family:var(--display);font-size:9px;color:var(--green);letter-spacing:1.5px;line-height:1.7}.section-kicker{color:var(--mute);display:block}.gold{color:var(--gold)!important}
.hero h1{font-family:var(--display);font-size:clamp(42px,6vw,78px);line-height:1.15;margin:22px 0;color:var(--text);letter-spacing:-2px}.hero h1 em{color:var(--green);font-style:normal;text-shadow:5px 5px 0 #0a6b3c}
.hero h1 .hero-raid{color:var(--gold);text-shadow:5px 5px 0 #8a6a00}
.hero-copy>p{font-size:24px;line-height:1.35;max-width:630px;color:var(--text)}.hero-actions{display:flex;gap:14px;margin-top:30px}.demo-note{font-family:var(--display);font-size:7px;color:var(--mute);margin-top:26px;display:flex;align-items:center;gap:8px;line-height:1.6}.demo-note span{width:7px;height:7px;background:var(--green);box-shadow:0 0 10px var(--green)}
.hero-visual{height:410px;position:relative;display:grid;place-items:center;border:2px solid var(--line);background:linear-gradient(180deg,#0c2817 0%,#07140b 72%);box-shadow:12px 12px 0 rgba(0,0,0,.3);overflow:hidden}.hero-visual:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28%;background:repeating-linear-gradient(0deg,rgba(0,255,136,.02) 0 2px,transparent 2px 9px)}
.moon{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1f6840,#0d2c19 70%);box-shadow:0 0 70px rgba(0,255,136,.14)}.hero-tadpole{width:280px;position:relative;z-index:2;image-rendering:pixelated;filter:drop-shadow(0 18px 10px rgba(0,0,0,.45));animation:swim 3.4s ease-in-out infinite}.ripple{position:absolute;width:260px;height:40px;border:2px solid rgba(0,255,136,.14);border-radius:50%;bottom:92px}.r2{width:330px;bottom:70px;opacity:.5}@keyframes swim{50%{transform:translateY(-10px) rotate(-1deg)}}
.hero-stamp{position:absolute;right:18px;bottom:18px;font-family:var(--display);font-size:7px;color:var(--mute);line-height:2;text-align:right;z-index:4}.hero-stamp b{color:var(--gold);font-size:12px}
.ticker{border-block:2px solid var(--line);background:rgba(10,26,15,.72)}.ticker-inner{display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px}.ticker-inner>div{text-align:center;border-right:1px solid var(--line)}.ticker-inner>div:last-child{border:0}.ticker strong{font-family:var(--display);font-size:18px;color:var(--gold);display:block}.ticker span{font-family:var(--display);font-size:7px;color:var(--mute);display:block;margin-top:8px}
.status-band{margin-top:54px;border:2px solid var(--line);background:var(--panel);display:grid;grid-template-columns:1fr 1fr 1.25fr;align-items:center}.status-band>div{padding:18px 22px;border-right:1px solid var(--line)}.status-band>div:last-child{border:0}.status-band strong{font-family:var(--display);font-size:14px;color:var(--green);display:block;margin-top:8px}.status-copy{font-size:18px;color:var(--mute);line-height:1.25}
.dashboard{padding-top:30px;position:relative;scroll-margin-top:80px}.connect-overlay{display:none}.dashboard.locked .connect-overlay{display:flex;position:static;background:var(--panel);border:0;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px 24px 32px}.connect-overlay h2{font-family:var(--display);font-size:18px;color:var(--green);margin:16px 0 8px}.connect-overlay p{color:var(--mute);max-width:580px;margin:10px 0 20px;line-height:1.35}.pixel-lock{width:44px;height:44px;display:grid;place-items:center;background:var(--green);color:var(--bg);font-family:var(--display);box-shadow:4px 4px 0 #0a6b3c}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dash-grid.single{grid-template-columns:1fr}.panel{background:rgba(10,26,15,.94);border:2px solid var(--line);box-shadow:7px 7px 0 rgba(0,0,0,.3)}.panel-head{min-height:48px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;font-family:var(--display);font-size:8px;color:var(--soft);letter-spacing:.7px}.panel-head>span:last-child{color:var(--mute)}
.score-row{display:grid;grid-template-columns:1fr 138px;gap:16px;padding:23px 18px 16px}.score-row strong{font-family:var(--display);font-size:50px;color:var(--green);display:inline-block;line-height:1}.score-row small{font-family:var(--display);font-size:8px;color:var(--mute);margin-left:8px}.rank-box{border-left:1px solid var(--line);padding-left:22px;display:flex;flex-direction:column;justify-content:center}.rank-box span{font-family:var(--display);font-size:8px;color:var(--mute)}.rank-box strong{font-size:25px;color:var(--gold);margin:8px 0}.rank-box small{margin:0}
.pending-line{margin:0 18px;padding:12px;border:1px dashed var(--line);display:flex;justify-content:space-between;gap:12px;font-family:var(--display);font-size:7px;color:var(--mute)}.pending-line b{color:var(--gold)}
.referral-block{padding:18px}.referral-block label{font-family:var(--display);font-size:7px;color:var(--mute);display:block;margin-bottom:8px}.referral-block>div{display:flex}.referral-block input{min-width:0;flex:1;background:var(--panel2);border:2px solid var(--line);border-right:0;color:var(--soft);padding:11px 12px;font-size:18px;outline:none}.referral-block p{color:var(--mute);font-size:16px;margin:8px 0 0}
.missions-panel,.raid-panel{margin-top:20px}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.mission{min-height:112px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.mission:nth-child(even){border-right:0}.mission:nth-last-child(-n+2){border-bottom:0}.mission h3{font-family:var(--display);font-size:8px;color:var(--text);line-height:1.6;margin:0 0 7px}.mission p{font-size:16px;color:var(--mute);margin:0}.reward{font-family:var(--display);font-size:8px;color:var(--gold);display:block;margin-top:8px}.mission.done{background:rgba(0,255,136,.04)}.mission.done h3{text-decoration:line-through;color:var(--mute)}
.raid-panel{padding:22px}.raid-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:end}.raid-intro h2,.leaderboard-title h2{font-family:var(--display);font-size:21px;line-height:1.55;color:var(--text);margin:8px 0 0}.raid-intro p{color:var(--mute);line-height:1.3;margin:0}.raid-counters{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:20px}.raid-counters>div{text-align:center;padding:16px;border-right:1px solid var(--line)}.raid-counters>div:last-child{border:0}.raid-counters span,.raid-counters small{font-family:var(--display);font-size:7px;color:var(--mute);display:block;line-height:1.5}.raid-counters b{font-family:var(--display);font-size:24px;color:var(--gold);display:block;margin:10px 0}
.leaderboard-section{padding-block:70px;scroll-margin-top:40px}
.leaderboard-title{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px}
.leaderboard-title h2{font-size:24px;letter-spacing:-1px}
.leaderboard-subtitle{color:var(--mute);font-size:20px;margin:10px 0 0;line-height:1.3}
.snapshot-time{flex:none;padding:16px 20px;text-align:left;border:1px solid #315740;background:rgba(10,26,15,.7);position:relative}
.snapshot-time:before{content:"";position:absolute;left:-1px;top:-1px;width:18px;height:3px;background:var(--gold)}
.snapshot-time>span{font-family:var(--display);font-size:7px;color:var(--gold);display:flex;align-items:center;gap:7px}
.snapshot-time>span i{width:6px;height:6px;background:var(--gold)}
.snapshot-time b{font-family:var(--display);font-size:15px;color:var(--text);display:block;margin:13px 0 8px}
.snapshot-time small{font-size:17px;color:var(--mute);display:block}
.reward-legend{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}
.reward-legend>span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;font-family:var(--display);font-size:7px;line-height:1.5;border:0}
.reward-legend small{color:var(--mute);font-size:16px;flex-basis:100%;margin-top:2px}
.legend-gtd{color:#052015;background:var(--green)}
.legend-fcfs{color:#302200;background:var(--gold)}
.reward-legend i,.spot-badge i{width:5px;height:5px;background:currentColor;box-shadow:3px 0 currentColor,0 3px currentColor,3px 3px currentColor;margin:0 3px 3px 0;flex:none}
.leaderboard-panel{overflow:hidden;background:transparent}
.leaderboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:#0c2114;border-bottom:0}
.movement-note{display:flex;align-items:center;gap:9px;font-size:18px;color:var(--mute)}
.movement-note i{font-style:normal;color:var(--soft);font-size:23px;line-height:1}
.find-me{display:flex;align-items:center;gap:12px;border:0;padding:6px 0;background:none;font-family:var(--display);font-size:7px;color:var(--soft);cursor:pointer;line-height:1.5}
.find-me b{color:var(--gold);font-weight:normal}.find-me>span{font-family:var(--body);font-size:24px;line-height:1}
.find-me:hover:not(:disabled){color:var(--green)}.find-me:disabled{color:var(--mute);cursor:default}
.lb-head,.lb-row{display:grid;grid-template-columns:104px minmax(160px,1fr) 356px 128px;column-gap:24px;align-items:center;padding-inline:22px}
.lb-head{font-family:var(--display);font-size:7px;color:var(--mute);min-height:50px;background:transparent;border:0;line-height:1.6}
.lb-head small{color:#577b63;font-size:6px;display:block;margin-top:4px}
.pond-heading{display:grid;grid-template-columns:126px 1fr;gap:18px;align-items:center}.pond-heading>span:first-child{text-align:left}.spot-heading{text-align:center}
.lb-row{min-height:78px;padding-block:13px;margin-bottom:3px;border:0;background-color:#0a1b10;transition:background-color .15s;position:relative}
.lb-row:nth-child(even){background-color:#0c1e12}
.lb-row.spot-gtd{background-image:linear-gradient(90deg,rgba(0,255,136,.09),transparent 25%,transparent 75%,rgba(0,255,136,.09));box-shadow:inset 3px 0 var(--green),inset -3px 0 var(--green)}
.lb-row.spot-fcfs{background-image:linear-gradient(90deg,rgba(255,204,51,.09),transparent 25%,transparent 75%,rgba(255,204,51,.09));box-shadow:inset 3px 0 var(--gold),inset -3px 0 var(--gold)}
.lb-row:hover{background-color:#142e1d}
.metric-cell{display:flex;flex-direction:row;align-items:baseline;gap:8px;white-space:nowrap}
.lb-rank,.lb-score{font-family:var(--body);font-size:30px;font-weight:normal;font-variant-numeric:tabular-nums;line-height:1;color:var(--text)}
.lb-rank{color:#85b093;font-size:26px}.lb-score{color:var(--soft);letter-spacing:.5px}
.pond-cell{display:flex;align-items:center;gap:18px;min-width:0}
.lb-score-cell{align-items:baseline;flex:0 0 126px}
.change{font-family:var(--body);font-size:16px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.change.up{color:#5fdba0}.change.down{color:#dc8c82}.change.flat{color:#577b63}
.player-cell{display:flex;align-items:center;gap:12px;min-width:0}
.player-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:24px;color:#d4eddf}
.spot-cell{display:flex;justify-content:center}
.spot-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:94px;min-height:36px;padding:10px 12px;font-family:var(--display);font-size:8px;border:0;line-height:1.5}
.spot-badge.gtd{background:var(--green);color:#052015;box-shadow:0 0 24px rgba(0,255,136,.12)}
.spot-badge.fcfs{background:var(--gold);color:#302200;box-shadow:0 0 24px rgba(255,204,51,.1)}
.spot-badge.none{color:#456b51;background:transparent;font-family:var(--body);font-size:20px;box-shadow:none}
.move-buttons{display:flex;gap:8px;flex:1;min-width:0}
.move-btn{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;min-height:40px;padding:8px;border:0;background:#123522;color:#9fffc5;font-family:var(--display);font-size:7px;white-space:nowrap;cursor:pointer;line-height:1.5;transition:background .15s}
.move-btn>span{font:inherit}
.move-btn.steal{color:#ffaaa1;background:#35231e}
.move-btn.give:hover:not(:disabled){background:#1a5333}
.move-btn.steal:hover:not(:disabled){background:#583028}
.move-btn:disabled{opacity:.38;cursor:not-allowed}
.move-btn.selected{opacity:1;background:#332e11;color:var(--gold);font-size:6px}
.leaderboard-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:#08190e}
.page-summary{font-family:var(--display);font-size:7px;color:var(--text);line-height:1.8}.page-summary small{color:var(--mute);font-size:6px;margin-left:10px}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px}
.pagination>div{display:flex;gap:6px}
.page-btn,.page-arrow{width:36px;height:36px;border:0;background:#112b1b;color:var(--mute);font-family:var(--display);font-size:8px;cursor:pointer;transition:background .15s}
.page-arrow{font-family:var(--body);font-size:28px;line-height:1}
.page-ellipsis{width:24px;height:36px;display:grid;place-items:center;color:var(--mute)}
.page-btn.active{background:var(--green);color:var(--bg);box-shadow:none}
.page-btn:hover:not(.active),.page-arrow:hover:not(:disabled){background:#1a3c27;color:var(--green)}
.page-arrow:disabled{opacity:.3;cursor:not-allowed}
.leaderboard-section button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.prototype-control{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px dashed var(--gold-dk);padding:16px 18px;margin-top:18px;background:rgba(255,204,51,.035)}.prototype-control span{font-family:var(--display);font-size:7px;color:var(--gold)}.prototype-control p{font-size:16px;color:var(--mute);margin:5px 0 0}
footer{border-top:2px solid var(--line);background:rgba(5,15,7,.9)}.footer-inner{min-height:130px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.footer-brand{flex-direction:column;align-items:flex-start;gap:7px}.footer-brand small{font-family:var(--display);font-size:6px;color:var(--mute)}.footer-links{display:flex;gap:20px}.footer-links a{font-family:var(--display);font-size:7px;color:var(--soft);text-decoration:none}.footer-note{font-size:16px;color:var(--mute);text-align:right}
.toast{position:fixed;z-index:50;right:22px;bottom:22px;max-width:360px;background:var(--gold);color:#1a0f00;font-family:var(--display);font-size:8px;line-height:1.55;padding:15px 18px;box-shadow:5px 5px 0 #8a6a00;transform:translateY(150%);transition:transform .25s}.toast.show{transform:translateY(0)}
@media (max-width:820px){
  .campaign-label,.nav-link{display:none}.hero{grid-template-columns:1fr;min-height:auto;gap:36px;padding-block:58px 40px}.hero-visual{height:320px}.ticker-inner{grid-template-columns:repeat(2,1fr);row-gap:24px}.ticker-inner>div:nth-child(2){border-right:0}.status-band{grid-template-columns:1fr 1fr}.status-copy{grid-column:1/-1;border-top:1px solid var(--line)!important}.dash-grid{grid-template-columns:1fr}.raid-intro{grid-template-columns:1fr}.lb-head,.lb-row{grid-template-columns:82px minmax(125px,1fr) 100px 74px 178px}.lb-head,.lb-row{padding-inline:11px}.footer-inner{grid-template-columns:1fr;justify-items:center;text-align:center;padding-block:28px}.footer-brand{align-items:center}.footer-note{text-align:center}
}
@media (max-width:620px){
  body{font-size:18px}.shell,.topbar-inner{width:min(100% - 24px,1120px)}.topbar-inner{min-height:62px}.brand{font-size:12px}.brand-mark{width:30px}.hero h1{font-size:40px}.hero-copy>p{font-size:21px}.hero-actions{flex-direction:column}.hero-visual{height:270px}.hero-tadpole{width:220px}.ticker strong{font-size:14px}.status-band{grid-template-columns:1fr}.status-band>div{border-right:0;border-bottom:1px solid var(--line)}.score-row{grid-template-columns:1fr 110px}.score-row strong{font-size:38px}.mission-grid{grid-template-columns:1fr}.mission{border-right:0}.mission:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.mission:last-child{border-bottom:0}.raid-counters{grid-template-columns:1fr}.raid-counters>div{border-right:0;border-bottom:1px solid var(--line)}.leaderboard-title{align-items:flex-start;gap:16px;flex-direction:column}.snapshot-time{min-width:0;text-align:left}.lb-head{display:none}.lb-row{grid-template-columns:48px 1fr auto;gap:8px;padding-block:12px}.metric-cell.lb-score-cell{align-items:flex-end}.spot-cell{grid-column:2/4}.move-buttons{grid-column:2/4}.move-btn{flex:1}.prototype-control{flex-direction:column;align-items:stretch}.prototype-control .btn{width:100%}.pagination{gap:5px}.page-btn,.page-arrow{width:32px;height:34px}.pagination>div{gap:4px}.toast{left:12px;right:12px;bottom:12px}.footer-links{flex-wrap:wrap;justify-content:center}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media (max-width:1000px){
  .leaderboard-title{align-items:flex-start}.leaderboard-title h2{font-size:21px}
  .snapshot-time{padding:14px}.snapshot-time small{font-size:15px}
  .lb-head,.lb-row{grid-template-columns:86px minmax(115px,1fr) 302px 88px;gap:14px;padding-inline:16px}
  .player-cell{gap:8px}.player-name{font-size:22px}
  .pond-cell{gap:12px}.lb-score-cell{flex-basis:108px}.pond-heading{grid-template-columns:108px 1fr;gap:12px}
  .lb-head{font-size:6px}.spot-badge{min-width:78px;font-size:7px}
}
@media (max-width:760px){
  .leaderboard-title{flex-direction:column;gap:18px}.snapshot-time{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px}
  .snapshot-time b{margin:0;font-size:12px}.snapshot-time small{grid-column:1/-1}
  .leaderboard-toolbar{padding:12px 14px;flex-wrap:wrap;gap:6px}.movement-note{font-size:17px}
  .lb-head{display:none}.lb-row{display:grid;grid-template-columns:68px minmax(0,1fr) 74px;gap:12px;padding:14px 16px;min-height:112px;margin-bottom:6px}
  .lb-row>.metric-cell:first-child{grid-column:1;grid-row:1}
  .player-cell{grid-column:2;grid-row:1;gap:8px;flex-wrap:wrap}
  .player-name{font-size:23px;max-width:100%}
  .pond-cell{grid-column:1/-1;grid-row:2;gap:12px}
  .pond-cell .lb-score-cell{align-items:baseline;flex-basis:110px}
  .lb-rank{font-size:24px}.lb-score{font-size:29px}.change{font-size:16px}
  .spot-cell{grid-column:3;grid-row:1;justify-content:flex-end}
  .spot-badge{min-height:30px;padding:7px 8px;min-width:70px;font-size:7px}.spot-badge.none{padding:0;min-width:0;min-height:0;line-height:1}
  .move-buttons{gap:8px}.move-btn{min-height:44px;font-size:7px}
  .leaderboard-footer{flex-direction:column;gap:14px;padding:18px 12px}.pagination{gap:6px}
  .page-btn,.page-arrow{width:34px;height:38px}.page-ellipsis{width:18px;height:38px}
}
@media (max-width:380px){
  .leaderboard-title h2{font-size:17px}.reward-legend>span{font-size:6px;padding:9px 8px}
  .lb-row{grid-template-columns:62px minmax(0,1fr) 62px;gap:8px;padding:12px}
  .player-name{font-size:21px}.lb-score{font-size:26px}
  .metric-cell{gap:6px}.spot-badge{min-width:62px;font-size:6px}.pond-cell{gap:8px}.pond-cell .lb-score-cell{flex-basis:96px}
  .move-btn{font-size:6px;padding:6px;gap:5px}
}

/* Separate sections with quiet surfaces and space, not frames inside frames. */
.topbar{border-bottom:1px solid rgba(120,169,139,.13)}
.campaign-label{border-left:0}
.btn-ghost{border:0;background:#12291b}
.hero-visual{border:0;box-shadow:none;background:radial-gradient(ellipse at center,#102f1c 0%,transparent 72%)}
.ticker{border:0;background:rgba(10,26,15,.65)}
.ticker-inner>div{border:0}
.status-band{border:0;background:transparent;gap:8px}
.status-band>div{border:0;background:#0c2114;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.dashboard.locked .connect-overlay{border:0}
.panel{border:0;box-shadow:none}
.panel-head{border:0;background:#0e2517}
.rank-box{border:0}
.pending-line{border:0;background:#112719}
.referral-block input{border:0;background:#07180d}
.referral-block input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.missions-panel{background:transparent}
.missions-panel .panel-head{background:transparent;padding-inline:0}
.mission-grid{gap:12px}
.mission{border:0!important;background:#0c2114;padding:20px}
.mission.done{background:#0e2c1a}
.raid-panel{margin-top:28px}
.raid-counters{border:0;gap:12px;background:transparent}
.raid-counters>div{border:0;background:#102719}
.snapshot-time{border:0;background:#0c2114}
.prototype-control{border:0;background:#171e0e;padding:20px 22px}
footer{border:0}
@media (max-width:820px){.status-band .status-copy{border-top:0!important}}
@media (max-width:620px){.status-band>div,.raid-counters>div{border:0}}
@media (max-width:380px){
  .dash-grid,.mission-grid{grid-template-columns:minmax(0,1fr)}
  .dash-grid>*{min-width:0}
  .status-band strong{font-size:10px}
  .score-row{grid-template-columns:minmax(0,1fr) 88px;gap:10px;padding:18px 14px}
  .score-row .section-kicker{font-size:7px;letter-spacing:.7px}
  .score-row strong{font-size:30px}
  .score-row small{display:block;margin:8px 0 0;font-size:7px}
  .rank-box{padding-left:10px}.rank-box strong{font-size:18px}
  .pending-line{margin-inline:14px;padding:10px;font-size:6px;line-height:1.6;gap:10px}
  .mission{grid-template-columns:minmax(0,1fr) auto;padding:16px}
  .mission h3{font-size:7px;overflow-wrap:anywhere}
  .mission .btn.compact{font-size:6px;padding:10px 9px}
}

/* Campaign missions: daily resets are independent of the six-hour raid round. */
.missions-panel{scroll-margin-top:95px}
.missions-panel>.panel-head{padding-block:22px;font-size:9px;flex-wrap:wrap}
.mission-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 16px}
.mission-section-heading h2{font-family:var(--display);font-size:12px;color:var(--soft);line-height:1.7;margin:0}
.mission-section-heading p{color:var(--mute);font-size:19px;line-height:1.3;margin:8px 0 0}
.daily-heading{margin-top:8px}
.daily-reset{text-align:right;flex:none}
.daily-reset>span,.daily-reset>small{display:block;color:var(--mute);font-family:var(--display);font-size:6px;line-height:1.7}
.daily-reset b{display:block;color:var(--gold);font-family:var(--display);font-size:13px;margin:8px 0}
.mission-progress{color:var(--mute);font-family:var(--display);font-size:7px;line-height:1.8;text-align:right}
.mission{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0;padding:22px;min-height:195px;background:#0c2114}
.mission.daily-mission{background:#0d2919}
.mission-card-label{font-family:var(--display);font-size:6px;letter-spacing:.5px;color:var(--mute);line-height:1.6}
.mission-card-label.queued{color:var(--gold)}
.mission-copy{flex:1;min-width:0}
.mission h3{font-size:9px;line-height:1.9;margin:0 0 10px;overflow-wrap:anywhere}
.mission p{font-size:19px;line-height:1.3;margin:0}
.mission-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}
.mission-card-footer .reward{font-size:9px;margin:0;white-space:nowrap}
.btn-task{background:#143d26;color:var(--soft);box-shadow:none}
.mission.done h3{color:var(--text);text-decoration:none}
.mission.done .mission-card-label{color:var(--green)}
.mission.done .mission-card-label.queued{color:var(--gold)}
.mission-reset-note{font-size:16px;color:var(--mute)}
.missions-demo-note{color:var(--mute);font-size:17px;line-height:1.4;margin:20px 0 0}
.referral-block p strong{color:var(--gold);font-weight:normal}
.referral-block .referral-summary{display:flex;gap:20px;color:var(--soft);margin-top:12px;flex-wrap:wrap}
.gift-budget{display:flex;justify-content:space-between;gap:12px;padding:14px 18px 0;font-family:var(--display);font-size:7px;line-height:1.7;color:var(--mute)}
.gift-budget b{color:var(--soft);white-space:nowrap}
.gift-rule{color:var(--mute);font-size:19px;line-height:1.4;margin:20px 0 0}
@media(max-width:620px){.connect-overlay h2{font-size:14px}.gift-budget{font-size:6px;padding-inline:14px}}
.prototype-tools{margin-top:12px;background:#0c2114;padding:18px 22px;color:var(--mute)}
.prototype-tools summary{font-family:var(--display);font-size:7px;line-height:1.8;cursor:pointer;color:var(--soft)}
.prototype-tools-content>p{font-size:18px;line-height:1.3;margin:16px 0}
.demo-control-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;font-size:18px}
.demo-control-row b{font-weight:normal;color:var(--gold)}
.mission-dialog{width:min(520px,calc(100% - 28px));max-height:calc(100vh - 40px);overflow-y:auto;padding:28px;border:0;background:#0d2517;color:var(--text);font-family:var(--body);box-shadow:0 20px 80px #0008}
.mission-dialog::backdrop{background:#030b07dd;backdrop-filter:blur(4px)}
.dialog-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dialog-topline .section-kicker{font-size:7px}
.dialog-close{background:transparent;border:0;color:var(--mute);font-size:32px;line-height:1;width:36px;height:36px;cursor:pointer}
.mission-dialog h2{font-family:var(--display);font-size:14px;line-height:1.8;color:var(--soft);margin:14px 0}
.mission-dialog p{font-size:21px;line-height:1.35;margin:12px 0}
.task-destination{display:inline-block;background:#143d26;color:var(--soft);padding:13px 15px;text-decoration:none;font-family:var(--display);font-size:7px;line-height:1.6;margin:4px 0 12px}
.mission-dialog [hidden]{display:none!important}
.task-link-note{color:var(--gold)}
.mission-input-group{margin-top:22px}
.mission-input-group label{display:block;font-family:var(--display);font-size:7px;line-height:1.8;color:var(--soft);margin-bottom:9px}
.mission-input-group input{width:100%;min-height:48px;border:0;border-bottom:2px solid #3f7653;background:#07190e;padding:12px;color:var(--text);font-size:20px}
.mission-input-group input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.mission-input-group small{display:block;font-size:17px;line-height:1.3;color:var(--mute);margin-top:8px}
.mission-dialog .mission-error{color:#ffaaa1;font-size:18px;min-height:0}
.mission-error:empty{display:none}
.mission-dialog .dialog-demo-note{font-size:17px;color:var(--mute);margin-top:20px}
.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}
.dialog-reward{font-family:var(--display);font-size:10px;color:var(--gold);white-space:nowrap}
.dialog-close:focus-visible,.prototype-tools button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:820px){
  .mission h3{font-size:8px}.mission{padding:20px}
  .mission-action.btn.compact{font-size:7px;padding:10px 12px}
}
@media(max-width:620px){
  .missions-panel>.panel-head{font-size:7px;gap:12px}
  .mission-section-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}
  .mission-section-heading h2{font-size:10px}
  .daily-reset{text-align:left}.daily-reset b{font-size:12px}
  .mission-grid{grid-template-columns:minmax(0,1fr)}
  .mission{min-height:170px;padding:20px}
  .mission h3{font-size:8px}.mission-card-footer .reward{font-size:8px}
  .mission-action.btn.compact{font-size:7px;padding:10px}
  .demo-control-row{flex-direction:column;align-items:flex-start;gap:12px}
  .mission-dialog{padding:22px}.mission-dialog h2{font-size:12px}
  .dialog-actions{align-items:flex-start;flex-direction:column}.dialog-actions .btn{width:100%}
}