:root{--bg:#0d0a2b;--bg2:#171148;--panel:rgba(30,23,84,.72);--line:rgba(255,224,138,.18);--gold:#ffd166;--gold2:#f2b33d;--ink:#f4f1ff;--mute:#b9b3e6;
--pos:#5ee0b5;--slpos:#a6e9a0;--neu:#b9b3ff;--slneg:#ffb27a;--neg:#ff6b8b;--r:18px;
--fh:"Fredoka","Baloo 2","Trebuchet MS",system-ui,sans-serif;--fb:"Baloo 2","Fredoka",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--fb);color:var(--ink);font-size:16.5px;line-height:1.5;
background:radial-gradient(1200px 600px at 80% -10%,#3b1f7a 0%,transparent 60%),radial-gradient(900px 500px at -10% 20%,#1f2a7a 0%,transparent 55%),linear-gradient(180deg,#0d0a2b,#140f3a 40%,#0d0a2b)}
#stars{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
header,main,footer,.ticker{position:relative;z-index:1}
a{color:var(--gold)}h1,h2,h3{font-family:var(--fh);line-height:1.15;margin:.2em 0 .5em}
h2{font-size:1.65rem}h2 small,h3 small{font-weight:500;font-size:.62em;color:var(--mute);margin-left:.4em}
.top{display:flex;align-items:center;gap:16px;padding:10px 20px;position:sticky;top:0;z-index:5;background:rgba(13,10,43,.82);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand img{display:block;height:38px;width:auto}
nav{display:flex;gap:14px;flex:1;overflow-x:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}
nav a{color:var(--mute);text-decoration:none;font-family:var(--fh);font-weight:500;white-space:nowrap}nav a:hover{color:var(--gold)}
.live{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--mute);white-space:nowrap}
.dot{width:10px;height:10px;border-radius:50%;background:#5ee0b5;box-shadow:0 0 0 0 rgba(94,224,181,.7);animation:pulse 2s infinite}
.dot.stale{background:var(--slneg);animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(94,224,181,.7)}70%{box-shadow:0 0 0 10px rgba(94,224,181,0)}100%{box-shadow:0 0 0 0 rgba(94,224,181,0)}}
.ticker{display:flex;align-items:center;background:rgba(242,179,61,.1);border-bottom:1px solid var(--line);font-size:.9rem;overflow:hidden}
.tick-label{background:var(--gold);color:#1b1446;font-family:var(--fh);font-weight:700;padding:6px 12px;flex:none}
.tick-wrap{overflow:hidden;flex:1}.tick-track{display:inline-flex;gap:36px;white-space:nowrap;padding:6px 0;animation:tick 900s linear infinite}
.tick-wrap:hover .tick-track{animation-play-state:paused}
.tick-track a{color:var(--ink);text-decoration:none}.tick-track time{color:var(--gold);margin-right:6px;font-weight:600}
.tick-track .lean{font-size:.75em;border:1px solid var(--slneg);color:var(--slneg);border-radius:8px;padding:0 5px;margin-left:5px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
main{max-width:1180px;margin:0 auto;padding:18px}
.hero{padding:36px 6px 14px}.hero h1{font-size:clamp(2rem,5vw,3.3rem);max-width:900px}.gold{color:var(--gold)}
.lead{font-size:1.15rem;color:#ddd8ff;max-width:820px}.meta{color:var(--mute);font-size:.9rem}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin:18px 0;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.pulse-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}
.gauge-box{text-align:center;background:rgba(0,0,0,.18);border-radius:var(--r);padding:16px;position:sticky;top:120px}
.gauge{width:100%;max-width:300px}.g-tick{fill:var(--mute);font-size:11px;font-family:var(--fh)}
#g-fill{transition:stroke-dasharray 1.4s cubic-bezier(.2,.8,.2,1)}#g-needle{transition:transform 1.4s cubic-bezier(.2,.8,.2,1.1)}
.g-num{font-family:var(--fh);font-size:3rem;font-weight:700;color:var(--gold);line-height:1}.g-num small{font-size:1rem;color:var(--mute);margin-left:4px}
.g-label{font-family:var(--fh);font-size:1.2rem;margin-top:4px}.g-sub{color:var(--mute);font-size:.85rem}
.bars{display:flex;flex-direction:column;gap:8px}
.bar-group{font-family:var(--fh);color:var(--gold);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 0}
.bar{background:rgba(0,0,0,.18);border:1px solid transparent;border-radius:14px;padding:8px 12px;cursor:pointer;transition:border-color .2s}
.bar:hover,.bar.open{border-color:var(--line)}
.bar-head{display:grid;grid-template-columns:minmax(120px,210px) 1fr 132px;gap:12px;align-items:center}
.bar-name{font-family:var(--fh);font-weight:600}.bar-name small{display:block;color:var(--mute);font-weight:400;font-size:.75rem;font-family:var(--fb)}
.track{position:relative;height:14px;background:#2a2266;border-radius:9px;overflow:hidden}
.track:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.35)}
.fill{position:absolute;top:0;bottom:0;border-radius:9px;transition:all 1.2s cubic-bezier(.2,.8,.2,1)}
.bar-val{text-align:right;font-size:.9rem}.bar-val b{font-family:var(--fh)}
.chip{display:inline-block;border-radius:999px;padding:1px 10px;font-size:.8rem;font-weight:600;color:#1b1446}
.c2{background:var(--pos)}.c1{background:var(--slpos)}.c0{background:var(--neu)}.cm1{background:var(--slneg)}.cm2{background:var(--neg)}.cx{background:#5b5590;color:#eee}
.thin{font-size:.7rem;color:var(--slneg);border:1px solid var(--slneg);border-radius:8px;padding:0 5px;margin-left:4px}
.bar-body{display:none;margin-top:10px;gap:14px;grid-template-columns:1fr 1fr 1.3fr}.bar.open .bar-body{display:grid}
.bar-body .mini{background:rgba(0,0,0,.2);border-radius:12px;padding:8px}.bar-body h4{margin:0 0 4px;font-family:var(--fh);font-size:.85rem;color:var(--gold)}
.bar-body ul{margin:0;padding-left:16px;font-size:.85rem}.bar-body li{margin:3px 0}
.collect{color:var(--mute);font-style:italic}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.card{background:rgba(0,0,0,.2);border-radius:14px;padding:12px;border:1px solid var(--line)}
.card h3{font-size:1.05rem;margin:0 0 6px}.card .n{color:var(--mute);font-size:.85rem}.card .f{font-size:.8rem;color:var(--mute);margin-top:4px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.chart-card{background:rgba(0,0,0,.18);border-radius:14px;padding:14px;margin:8px 0;min-width:0}.chart-card h3{font-size:1.05rem}
.chart-card canvas{width:100%!important}
.note{color:var(--mute);font-size:.88rem}.est{color:var(--slneg)!important;font-weight:700}
.formula{background:rgba(0,0,0,.25);border-left:3px solid var(--gold);padding:10px 12px;border-radius:8px;font-family:ui-monospace,Menlo,monospace;font-size:.85rem}
.tablewrap{overflow-x:auto;margin:10px 0}table{border-collapse:collapse;width:100%;font-size:.9rem}
th,td{text-align:left;padding:7px 9px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}th{font-family:var(--fh);color:var(--gold);font-weight:600}
.WIN{color:var(--pos);font-weight:700}.LOSS{color:var(--neg);font-weight:700}.BREAKEVEN{color:var(--neu);font-weight:700}
.wi-top{display:flex;gap:16px;align-items:stretch}.wi-score{min-width:220px;text-align:center;background:rgba(0,0,0,.18);border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.wi-score .big{font-family:var(--fh);font-size:4rem;font-weight:700;color:var(--gold);line-height:1}.wi-score .sub{color:var(--mute);font-size:.9rem}.grow{flex:1}
.facts{columns:2;gap:24px;padding-left:18px}.facts li{margin:4px 0;break-inside:avoid}
.creator-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.creator{background:rgba(0,0,0,.2);border-radius:14px;padding:12px;border:1px solid var(--line)}.creator h4{margin:0 0 4px;font-family:var(--fh)}
.small-list{font-size:.88rem;color:#ddd8ff}.src-group h3{margin-top:18px}.src-group ul{font-size:.86rem;columns:2;gap:24px}.src-group li{break-inside:avoid;margin:3px 0}
.lean-tag{font-size:.72rem;border-radius:8px;padding:0 5px;margin-left:4px;border:1px solid var(--slneg);color:var(--slneg)}
.dead{text-decoration:line-through;opacity:.7}
footer{max-width:1180px;margin:10px auto 40px;padding:18px;display:flex;gap:14px;align-items:flex-start;color:var(--mute);font-size:.9rem;border-top:1px solid var(--line)}
footer p{margin:0 0 6px}
@media (max-width:860px){.pulse-grid{grid-template-columns:1fr}.gauge-box{position:static}.grid2{grid-template-columns:1fr}.bar-body{grid-template-columns:1fr}.wi-top{flex-direction:column}.facts,.src-group ul{columns:1}
.bar-head{grid-template-columns:1fr 92px}.bar-head .track{grid-column:1 / -1;order:3}nav{display:none}.panel{padding:16px}body{font-size:15.5px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.tick-track{white-space:normal;flex-wrap:wrap}}
.cw{position:relative;width:100%}
html,body{overflow-x:clip}
.tick-wrap{min-width:0}
.pulse-grid{grid-template-columns:320px minmax(0,1fr)}
.bars,.bar,.bar-head>*,.bar-body>*{min-width:0}
.bar-head{grid-template-columns:minmax(120px,210px) minmax(0,1fr) auto}
.bar-val{white-space:nowrap}
.bar-body{grid-template-columns:1fr 1fr 1.6fr}
.bar-body a{word-break:break-word}
.mini .cw,.mini>div{height:150px}
@media (max-width:860px){.pulse-grid{grid-template-columns:minmax(0,1fr)}.bar-head{grid-template-columns:minmax(0,1fr) auto}.bar-body{grid-template-columns:1fr}.top{gap:10px;padding:8px 12px}.live{font-size:.75rem}
.hero{padding-top:20px}.lead{font-size:1.02rem}}
/* names-only source lists, balance chart, footer contact */
.name-list{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:.9rem;line-height:1.5}
.name-list p{margin:.2rem 0;flex-basis:100%;color:#cfc9f5}
.name-list .nm{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:2px 10px}
.bal-card{display:grid;gap:10px}
.bal-trend h3{margin:.4rem 0 .2rem;font-size:.95rem}
footer .contact{margin:.4rem 0}
footer .contact a{color:#ffd166}
/* suggest page + "track next" call-out */
main.narrow{max-width:820px}
nav a.on{color:var(--gold)}
.sform{display:grid;gap:14px}
.fld label{display:block;font-family:var(--fh);font-weight:600;margin-bottom:5px}
.fld .req,.fld .opt{font-family:var(--fb);font-weight:500;font-size:.75rem;border-radius:8px;padding:0 6px;margin-left:6px;vertical-align:1px}
.fld .req{color:#1b1446;background:var(--gold)}.fld .opt{color:var(--mute);border:1px solid rgba(255,255,255,.18)}
.sform input,.sform select,.sform textarea{width:100%;font:inherit;color:var(--ink);background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}
.sform textarea{resize:vertical;min-height:3.2em}
.sform select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.sform select option{background:#171148;color:var(--ink)}
.sform input::placeholder,.sform textarea::placeholder{color:#8f89c0}
.sform input:focus,.sform select:focus,.sform textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,209,102,.2)}
.sform [aria-invalid=true]{border-color:var(--neg);box-shadow:0 0 0 3px rgba(255,107,139,.2)}
.hint{color:var(--mute);font-size:.82rem;margin-top:4px}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.btn{display:inline-block;font-family:var(--fh);font-weight:600;font-size:1.05rem;color:#1b1446;background:linear-gradient(180deg,var(--gold),var(--gold2));border:0;border-radius:999px;padding:10px 22px;cursor:pointer;text-decoration:none;box-shadow:0 6px 20px rgba(242,179,61,.25);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 26px rgba(242,179,61,.35)}.btn:disabled{opacity:.6;cursor:wait;transform:none}
.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold);box-shadow:none}
.fstatus:empty{display:none}.fstatus{border-radius:12px;padding:10px 12px;font-size:.95rem}
.fstatus.err{background:rgba(255,107,139,.12);border:1px solid rgba(255,107,139,.45)}
.fthanks h3{color:var(--gold);font-size:1.4rem}.fthanks:focus{outline:none}
.tracknext{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.tracknext p{margin:0;max-width:640px;color:#ddd8ff}
.ideas{display:inline-block;margin:.6rem 0 .2rem;padding:6px 14px;border-radius:999px;background:rgba(255,209,102,.1);border:1px solid rgba(255,209,102,.35);font-family:var(--fh);font-weight:500;color:var(--ink)}
.ideas a{color:var(--gold);font-weight:600}
.tracknext .ideas{margin-top:.6rem}
.walt{text-align:center;margin:6px 0}.walt .ideas{font-size:1.1rem;padding:8px 20px}
/* main-page call-to-action under the Pulse gauge + header button */
.pulse-left{position:sticky;top:120px;display:grid;gap:14px}
.pulse-left .gauge-box{position:static}
.cta{text-align:center;border-radius:var(--r);padding:16px;background:linear-gradient(160deg,rgba(255,209,102,.18),rgba(0,0,0,.18) 70%);border:1px solid rgba(255,209,102,.45)}
.cta h3{margin:0 0 .3em;font-size:1.2rem;color:var(--gold)}.cta p{margin:0 0 .7rem;color:#ddd8ff;font-size:.9rem}
.cta .ideas{margin:.7rem 0 0;font-size:.85rem;padding:5px 12px}
.btn.big{font-size:1.05rem;padding:11px 22px;width:100%}
.hbtn{flex:none;font-size:.9rem;padding:6px 14px;box-shadow:none}
@media (max-width:860px){.pulse-left{position:static}.hbtn{font-size:.8rem;padding:5px 11px}}
@media (max-width:480px){.hb-long{display:none}.top{gap:8px}.top .live{font-size:.7rem;gap:5px;margin-left:auto}.brand img{height:30px}.top .live{min-width:0;flex:1 1 auto;justify-content:flex-end}#live-txt{overflow:hidden;text-overflow:ellipsis}}
.tagline{font-family:var(--fh);font-weight:500;color:var(--ink);margin-bottom:.2rem}
/* ===== 2026-11 homepage redesign: fewer words, icon/card-led, generous whitespace (scoped to body.home) ===== */
.skip{position:absolute;left:-9999px;top:8px;z-index:20;background:var(--gold);color:#1b1446;padding:8px 14px;border-radius:999px;font-family:var(--fh);font-weight:600}
.skip:focus{left:12px}
.anchor-alias{display:block;position:relative;top:-120px}
.home a:focus-visible,.home .bar:focus-visible,.home summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:12px}
.home .top{padding:12px 24px}
.home nav{gap:20px;justify-content:center}
.home main{max-width:1140px;padding:8px 22px 30px}
/* hero */
.home .hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding:56px 4px 30px}
.home .hero h1{font-size:clamp(2.1rem,5.4vw,3.9rem);max-width:760px;margin:0 0 .15em;letter-spacing:-.01em}
.home .hero .sub{font-family:var(--fh);font-weight:600;font-size:clamp(1.2rem,2.4vw,1.7rem);margin:0 0 26px}
.hero-art{position:relative;width:220px;height:220px;display:grid;place-items:center}
.hero-art:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.28),rgba(185,179,255,.12) 45%,transparent 70%)}
.hero-art img{position:relative;width:180px;height:180px;filter:drop-shadow(0 8px 30px rgba(255,209,102,.35))}
.stats{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.stats li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 14px;font-size:.92rem;color:#ddd8ff;white-space:nowrap}
.stats li a{text-decoration:none;font-weight:600}
/* sections: open layout instead of boxed panels */
.home .sec{margin:0;padding:46px 0 10px;border-top:1px solid rgba(255,255,255,.07)}
.home .sec:first-of-type{border-top:0}
.sec-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.sec-head .ico{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(160deg,rgba(255,209,102,.22),rgba(185,179,255,.12));border:1px solid rgba(255,209,102,.3)}
.sec-head h2{margin:0;font-size:clamp(1.5rem,3vw,2rem)}
.kick{margin:2px 0 0;color:var(--mute);font-size:.95rem}
/* pulse */
.home .pulse-grid{grid-template-columns:300px minmax(0,1fr);gap:30px}
.home .gauge-box{background:var(--panel);border:1px solid var(--line);padding:20px 16px}
.wwwd{padding:20px 16px}
.wwwd-ico{font-size:2rem;line-height:1}
.wwwd h3{font-size:1.4rem;margin:.25em 0 .2em}
.wwwd .mail{font-family:var(--fh);font-weight:600;font-size:1rem;word-break:break-all}
.wwwd p{margin:0 0 14px}
.park-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.park{--pc:#5b5590;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px 10px 14px;overflow:hidden;transition:transform .2s,border-color .2s}
.park:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--pc)}
.park:hover{transform:translateY(-3px);border-color:var(--pc)}
.park-ico{font-size:2rem;line-height:1}
.park-name{font-family:var(--fh);font-weight:600;font-size:1.02rem;line-height:1.15;min-height:2.3em;display:flex;align-items:center}
.badge{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.18),rgba(0,0,0,.25));border:3px solid var(--pc);box-shadow:0 0 22px color-mix(in srgb,var(--pc) 35%,transparent)}
.badge b{font-family:var(--fh);font-size:1.7rem;line-height:1;color:var(--gold)}.badge small{font-size:.72rem;color:var(--mute)}
.badge .collect{font-size:.75rem}
.park-meta{font-size:.78rem;color:var(--mute)}
.legend{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px;padding:0;font-size:.8rem;color:var(--mute)}
.legend span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:1px 10px}
.legend span:last-child{border-color:rgba(255,209,102,.35);color:var(--gold)}
.home .bar{background:rgba(255,255,255,.04)}
.home .bar:target,.home .bar.open{border-color:rgba(255,209,102,.4)}
/* tiles / pills / cards */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.tile{--pc:#5b5590;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--pc);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.tile h3{font-size:1rem;margin:0}.tile .n{color:var(--mute);font-size:.8rem}
.pills{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:12px 0 4px}
.pills li{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px 12px;font-size:.88rem;color:#ddd8ff}
.pills li i{width:10px;height:10px;border-radius:50%;display:inline-block}
.pills li a{text-decoration:none;font-weight:600}
.fact-cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:0;margin:0}
.fact-cards li{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px}
.fact-cards p{margin:0;font-size:.95rem}.fact-cards a{font-size:.85rem;text-decoration:none;margin-top:auto}
.fc-ico{font-size:1.7rem;line-height:1}
.home .chart-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px}
.home .grid2{gap:18px}
.home .wi-score{background:var(--panel);border:1px solid var(--line);border-radius:18px}
.bands{margin:16px 0}
.vids{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:10px;font-size:.92rem}
.vids li{line-height:1.35}.vids a{color:var(--ink);text-decoration:none}.vids a:hover{color:var(--gold)}
.vids .meta{display:block;font-size:.8rem;margin-top:2px}
.home .creator{background:var(--panel)}
/* how we score */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;margin:0 0 18px;counter-reset:s}
.steps li{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px 12px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}
.steps li span{font-size:1.8rem;line-height:1}.steps b{font-family:var(--fh);font-size:1.1rem}.steps small{color:var(--mute);font-size:.82rem}
.acc{display:grid;gap:10px}
.acc details,details.more{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0 16px}
details.more{margin-top:14px}
.acc summary,details.more summary{cursor:pointer;list-style:none;padding:12px 0;font-family:var(--fh);font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px}
.acc summary::-webkit-details-marker,details.more summary::-webkit-details-marker{display:none}
.acc summary:after,details.more summary:after{content:"+";font-size:1.3rem;color:var(--gold);line-height:1}
.acc details[open]>summary:after,details.more[open]>summary:after{content:"–"}
.acc details[open],details.more[open]{padding-bottom:14px}
.acc details>*:not(summary){font-size:.92rem}
/* track next + footer */
.home .tracknext{margin:46px 0 10px;padding:26px;border-radius:22px;background:linear-gradient(120deg,rgba(255,209,102,.18),rgba(185,179,255,.1));border:1px solid rgba(255,209,102,.4);display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.home .tracknext>div{flex:1;min-width:220px}.home .tracknext h2{margin:0 0 4px}
.tn-ico{font-size:2.4rem;line-height:1}
.home footer{max-width:1140px;padding:24px 22px}
/* responsive */
@media (max-width:960px){.park-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home .pulse-grid{grid-template-columns:minmax(0,1fr)}.home .pulse-left{position:static;grid-template-columns:1fr 1fr;align-items:stretch}}
@media (max-width:860px){.home .hero{grid-template-columns:1fr;text-align:center;padding:30px 0 18px;gap:6px}.hero-art{order:-1;width:130px;height:130px;margin:0 auto}.hero-art img{width:110px;height:110px}
.stats{justify-content:center}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.home .sec{padding-top:34px}.home .top{padding:8px 12px}}
@media (max-width:600px){.home .pulse-left{grid-template-columns:1fr}.home main{padding:4px 14px 24px}.badge{width:72px;height:72px}.badge b{font-size:1.45rem}.park{padding:14px 8px 12px}
.sec-head .ico{width:44px;height:44px;font-size:1.35rem;border-radius:14px}.stats li{font-size:.84rem;padding:5px 11px}.home .tracknext{padding:20px;text-align:center;justify-content:center}.home footer{flex-direction:column;align-items:center;text-align:center}}
@media (prefers-reduced-motion:reduce){.park:hover{transform:none}html{scroll-behavior:auto}}
.home .wi-score{align-items:center}.home .wi-score .chip{width:auto}
.home .creator-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
@media (max-width:600px){.home .gauge{max-width:230px}.home .tracknext{flex-direction:column}.home .tracknext>div{min-width:0}.home .wi-score .big{font-size:3.2rem}}
/* ===== 2026-11 dynamic homepage: centered banner-style hero, night-show motion (scoped to body.home) ===== */
html,body{overflow-x:clip}
.home .stage{position:relative;z-index:1;text-align:center;padding:clamp(28px,5vh,56px) 18px 150px;overflow:hidden;isolation:isolate;
background:radial-gradient(900px 480px at 85% -10%,rgba(59,31,122,.85) 0%,transparent 62%),radial-gradient(760px 440px at 0% 30%,rgba(31,42,122,.75) 0%,transparent 62%),linear-gradient(180deg,rgba(13,10,43,.2),rgba(23,17,72,.55) 60%,rgba(13,10,43,0))}
.aurora{position:absolute;inset:0;z-index:-1;pointer-events:none}
.aurora i{position:absolute;border-radius:50%;opacity:.55;animation:drift 18s ease-in-out infinite alternate}
.aurora .a1{width:520px;height:520px;left:8%;top:-120px;background:radial-gradient(circle,rgba(124,92,255,.38),transparent 65%)}
.aurora .a2{width:460px;height:460px;right:6%;top:40px;background:radial-gradient(circle,rgba(255,209,102,.18),transparent 65%);animation-duration:22s;animation-delay:-6s}
.aurora .a3{width:620px;height:420px;left:30%;bottom:-80px;background:radial-gradient(circle,rgba(94,224,181,.16),transparent 65%);animation-duration:26s;animation-delay:-12s}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,24px) scale(1.08)}100%{transform:translate(-30px,-10px) scale(.96)}}
.stage-inner{position:relative;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.live-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:6px 18px 6px 12px;border:1.5px solid rgba(255,209,102,.55);border-radius:40px;background:rgba(30,23,84,.72);font-family:var(--fh);font-weight:600;font-size:.95rem;color:var(--gold);backdrop-filter:blur(4px)}
.live-pill .dot{width:11px;height:11px}
.wordmark{margin:0;display:flex;flex-direction:column;align-items:center;gap:.25em}
.wordmark .wm{font-family:var(--fh);font-weight:700;font-size:clamp(2.7rem,9vw,5.6rem);line-height:1;letter-spacing:.5px;color:#fff;text-shadow:0 4px 30px rgba(124,92,255,.45)}
.wordmark .g{color:var(--gold);text-shadow:0 0 28px rgba(255,209,102,.45)}
.wordmark .tag{font-family:"Baloo 2",var(--fb);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.75rem);color:#ddd8ff;line-height:1.2}
.home .stage .sub{font-family:var(--fh);font-weight:600;font-size:clamp(1.05rem,2.2vw,1.4rem);margin:.45em 0 0}
.hero-gauge{position:relative;margin:18px auto 0;width:min(320px,82vw)}
.gauge-halo{position:absolute;left:50%;top:46%;width:118%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(185,179,255,.2),rgba(124,92,255,.08) 45%,transparent 68%);z-index:-1;animation:halo 4s ease-in-out infinite}
@keyframes halo{50%{opacity:.6;transform:translate(-50%,-50%) scale(1.06)}}
.home .hero-gauge .gauge{width:100%;max-width:none;display:block;overflow:visible}
.hero-gauge .g-tick{font-size:12px;fill:#b9b3e6}
.hero-gauge .g-num{margin-top:-6px;font-size:clamp(2.6rem,6vw,3.4rem);text-shadow:0 0 24px rgba(255,209,102,.35)}
.g-cap{font-family:var(--fh);font-weight:600;color:#ddd8ff;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;flex-wrap:wrap}
.g-cap .chip{font-size:.85rem}
.wwwd-bar{margin:18px auto 0;display:flex;align-items:center;gap:14px;padding:10px 10px 10px 16px;border-radius:999px;background:linear-gradient(120deg,rgba(255,209,102,.16),rgba(30,23,84,.75) 60%);border:1px solid rgba(255,209,102,.45);box-shadow:0 10px 40px rgba(0,0,0,.25);text-align:left;max-width:100%}
.wwwd-bar .wwwd-ico{font-size:1.7rem;line-height:1}
.wwwd-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.wwwd-txt b{font-family:var(--fh);color:var(--gold);font-size:1.08rem}
.wwwd-txt .mail{font-size:.88rem;color:#ddd8ff;text-decoration:none;overflow-wrap:anywhere}.wwwd-txt .mail:hover{color:var(--gold)}
.wwwd-bar .btn{flex:none;white-space:nowrap}
.skyline{position:absolute;left:0;right:0;bottom:0;width:100%;height:200px;z-index:-1;pointer-events:none}
.skyline .sk-line{stroke-dasharray:1 1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(94,224,181,.45))}
.skyline.draw .sk-line{animation:drawline 3.2s .4s cubic-bezier(.45,.1,.25,1) both}
.skyline.draw .sk-area,.skyline.draw .sk-back{animation:fadein 2s 1.6s both}
.skyline.draw .sk-dot{animation:fadein .6s 3.2s both}
@keyframes drawline{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,transparent,rgba(13,10,43,.65));z-index:-1}
.scroll-cue{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--gold);text-decoration:none;font-size:1.6rem;line-height:1;border:1px solid rgba(255,209,102,.35);background:rgba(13,10,43,.5);animation:bob 2.4s ease-in-out infinite}
.scroll-cue span{margin-top:-8px}
@keyframes bob{50%{transform:translate(-50%,6px)}}
/* stats strip */
.home .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-28px 0 0;position:relative;z-index:2}
.home .stats li{display:flex;flex-direction:column;align-items:center;gap:0;white-space:normal;text-align:center;border-radius:18px;padding:12px 8px;background:rgba(30,23,84,.8);border:1px solid var(--line);backdrop-filter:blur(6px);font-size:.85rem;color:var(--mute)}
.home .stats li b{font-family:var(--fh);font-size:1.6rem;color:var(--gold);line-height:1.1}
.home .stats .st-ico{font-size:1.1rem}
.home .stats .st-link a{display:flex;flex-direction:column;align-items:center;color:var(--mute);text-decoration:none}
.home .stats .st-link:hover{border-color:rgba(255,209,102,.6)}
/* section transitions */
.home .sec{border-top:0;position:relative;padding-top:56px}
.home .sec:before{content:"";position:absolute;left:8%;right:8%;top:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,209,102,.45),rgba(185,179,255,.4),transparent)}
.home .sec:nth-of-type(even):after{content:"";position:absolute;inset:30px -40px 0;z-index:-1;border-radius:40px;background:radial-gradient(70% 60% at 50% 0%,rgba(124,92,255,.12),transparent 70%);pointer-events:none}
.home main{position:relative;z-index:1}
.sec-head .ico{box-shadow:0 0 24px rgba(255,209,102,.18)}
/* park cards with rings */
.home .park-grid{gap:16px;margin-bottom:22px}
.home .park{transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;background:linear-gradient(170deg,rgba(40,31,110,.85),rgba(20,15,58,.85))}
.home .park:hover,.home .park:focus-visible{transform:translateY(-6px);border-color:var(--pc);box-shadow:0 16px 40px rgba(0,0,0,.35),0 0 30px color-mix(in srgb,var(--pc) 35%,transparent)}
.home .park:after{content:"";position:absolute;inset:auto -30% -60% -30%;height:80%;background:radial-gradient(circle,color-mix(in srgb,var(--pc) 22%,transparent),transparent 65%);pointer-events:none;opacity:.7;transition:opacity .3s}
.home .park:hover:after{opacity:1}
.ring{position:relative;width:96px;height:96px;display:grid;place-items:center}
.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.r-bg{fill:rgba(0,0,0,.25);stroke:#2a2266;stroke-width:7}
.r-fg{fill:none;stroke:var(--pc);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--pc) 60%,transparent))}
.ring-val{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1}
.ring-val b{font-family:var(--fh);font-size:1.7rem;color:var(--gold)}.ring-val small{font-size:.72rem;color:var(--mute);margin-top:2px}
.ring-val .collect{font-size:.72rem}
/* mood strip */
.mood{overflow:hidden;margin:0 0 16px;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mood-track{display:flex;gap:10px;width:max-content}
.mood-track .mdup{display:flex;gap:10px}
.mood-track.anim{animation:tick 60s linear infinite}
.mood:hover .mood-track,.mood:focus-within .mood-track{animation-play-state:paused}
.mchip{--pc:#5b5590;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 14px;border-radius:999px;text-decoration:none;color:var(--ink);font-size:.9rem;font-family:var(--fh);font-weight:500;
background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 26%,rgba(20,15,58,.9)),rgba(20,15,58,.9));border:1px solid color-mix(in srgb,var(--pc) 60%,transparent);transition:transform .2s,box-shadow .2s}
.mchip b{color:var(--pc);font-weight:700}
.mchip:hover{transform:translateY(-2px);box-shadow:0 0 18px color-mix(in srgb,var(--pc) 40%,transparent)}
/* bars */
.home .bar{transition:border-color .2s,background .2s,opacity .6s,transform .6s}
.home .bar:hover{background:rgba(255,255,255,.07)}
.home .fill{box-shadow:0 0 12px rgba(255,255,255,.12)}
/* tiles + cards hover */
.home .tile,.home .fact-cards li,.home .chart-card,.home .steps li{transition:transform .3s,box-shadow .3s,border-color .3s,opacity .7s}
.home .tile:hover,.home .fact-cards li:hover,.home .steps li:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.3);border-color:rgba(255,209,102,.4)}
/* scroll reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.rv.in{opacity:1;transform:none}
.home .tile.rv.in:hover,.home .fact-cards li.rv.in:hover,.home .steps li.rv.in:hover{transform:translateY(-4px);transition-delay:0ms}
.home .park.rv.in:hover,.home .park.rv.in:focus-visible{transform:translateY(-6px);transition-delay:0ms}
@media (max-width:860px){.home .stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-22px}}
@media (max-width:600px){.home .stage{padding:24px 14px 130px}.skyline{height:150px}
.wwwd-bar{flex-direction:column;border-radius:22px;text-align:center;padding:14px;gap:8px;width:100%}.wwwd-txt{align-items:center}.wwwd-bar .btn{width:100%}
.ring{width:84px;height:84px}.ring-val b{font-size:1.45rem}.home .stats li b{font-size:1.35rem}.live-pill{font-size:.85rem}}
@media (prefers-reduced-motion:reduce){
.aurora i,.gauge-halo,.scroll-cue,.mood-track,.dot,.tick-track{animation:none!important}
.skyline .sk-line,.skyline .sk-area,.skyline .sk-back,.skyline .sk-dot{animation:none!important}
.rv{opacity:1!important;transform:none!important;transition:none!important}
.r-fg,.fill,.home .park,.home .tile,.mchip{transition:none!important}
.home .park:hover,.home .tile:hover,.mchip:hover,.home .fact-cards li:hover,.home .steps li:hover{transform:none!important}
.mood{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.mood-track{flex-wrap:nowrap}}
/* hero fits the first screen so the pulse line always shows */
.home .stage{min-height:calc(100vh - 96px);min-height:calc(100svh - 96px);display:flex;flex-direction:column;justify-content:center;padding:24px 18px 128px}
.live-pill{margin-bottom:12px}
.hero-gauge{width:min(280px,78vw);margin-top:10px}
.wwwd-bar{margin-top:14px}
.skyline{height:230px}
.home .sec:nth-of-type(even):after{inset:30px 0 0}
@media (max-width:600px){.home .stage{padding:22px 14px 120px;min-height:0}.skyline{height:160px}}
/* Overall Pulse = hero centerpiece */
.wordmark .wm{font-size:clamp(2.5rem,8vw,4.6rem)}
.wordmark .tag{font-size:clamp(1.1rem,2.3vw,1.5rem)}
.home .stage .sub{font-size:clamp(1rem,2vw,1.25rem)}
.home .stage{padding-bottom:104px}
.hero-gauge{width:min(380px,84vw);margin-top:6px}
.hero-gauge .g-num{font-size:clamp(3.2rem,8vw,4.4rem);margin-top:-14px}
.hero-gauge .g-num small{font-size:1.3rem}
.g-cap{font-size:1.2rem;margin-top:0}
.g-cap .chip{font-size:1rem;padding:2px 14px}
.hero-gauge .g-tick{font-size:13px}
@media (max-width:600px){.home .stage{padding:18px 14px 110px}.live-pill{margin-bottom:8px}}
/* bigger gold subline, centered section heads */
.home .stage .sub{font-size:clamp(1.4rem,3.2vw,2.05rem);margin-top:.35em;text-shadow:0 0 22px rgba(255,209,102,.3)}
.home .sec-head{justify-content:center;text-align:center;flex-direction:column;gap:8px}
.home .sec-head h2{margin:0}
.home .legend,.home .bands{justify-content:center}
.home .chart-card h3{text-align:center}
.home footer{justify-content:center;text-align:center}
.home .tracknext{justify-content:center;text-align:center}
@media (prefers-reduced-motion:reduce){.tick-track{white-space:nowrap;flex-wrap:nowrap}.tick-wrap{overflow-x:auto;scrollbar-width:thin}}
/* two calls to action: suggest + report */
.hbtns{display:flex;gap:8px;flex:none}
.hb-narrow{display:none}
.btn.btn2{background:rgba(30,23,84,.85);color:var(--gold);border:1.5px solid rgba(255,209,102,.6);box-shadow:none}
.btn.btn2:hover{background:rgba(255,209,102,.15)}
.wwwd-btns,.tn-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.wwwd-btns .btn{white-space:nowrap}
@media (max-width:1100px){.home .top nav{gap:12px}.hbtn{padding:6px 11px;font-size:.82rem}}
@media (max-width:1040px){.hb-wide{display:none}.hb-narrow{display:inline-flex}}
@media (max-width:600px){.wwwd-btns{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.wwwd-btns .btn{white-space:normal;font-size:.88rem;padding:9px 10px;line-height:1.2;text-align:center;justify-content:center}
.tn-btns{flex-direction:column;width:100%}.tn-btns .btn{width:100%}}
@media (max-width:480px){.hb-narrow{font-size:.7rem;padding:5px 9px;line-height:1.15;white-space:normal;text-align:center;max-width:150px}#live-txt{display:none}}
/* ===== shared header/footer + document pages (business polish) ===== */
.top nav{justify-content:center}
.top .nav-light{opacity:.8}.top nav a[aria-current=page]{color:var(--gold)}
footer.site-foot{max-width:1140px;margin:40px auto 0;padding:28px 22px 36px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--mute);font-size:.9rem;border-top:1px solid var(--line);position:relative;z-index:1}
.site-foot p{margin:0;max-width:760px}
.f-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-family:var(--fh);font-weight:500}
.f-links a{color:var(--gold);text-decoration:none}.f-links a:hover{text-decoration:underline}
.site-foot .privacy a{color:var(--gold)}
.site-foot .copy{font-size:.82rem;opacity:.85}
.doc-page main.narrow{max-width:820px;margin:0 auto;padding:18px 22px 10px}
.doc-hero{text-align:center;padding:40px 0 10px}.doc-hero h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 .2em}
.doc .panel h2{margin-top:0}
.small-list{padding-left:20px;margin:0}.small-list li{margin:0 0 10px;line-height:1.55}
.doc-page,.suggest-page{min-height:100vh}
@media (max-width:1360px){#live-txt{display:none}.top .live{padding:6px}}
@media (max-width:1180px){.top nav a.nav-light{display:none}}
@media (min-width:861px) and (max-width:1040px){.top nav a{padding-left:6px;padding-right:6px}.hb-narrow{font-size:.78rem;max-width:170px;white-space:normal;line-height:1.15;text-align:center;padding:6px 10px}}
@media (max-width:980px){.top nav{display:none}}