:root{color-scheme:dark;--bg:#0a111a;--panel:#111c28;--panel2:#152331;--line:#29404c;--text:#edf7f2;--muted:#89a6a7;--teal:#6ee3bb;--lime:#d8f584;--orange:#f0b97c;font-family:'Noto Sans SC',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0%,#14353a 0,transparent 30%),var(--bg);color:var(--text)}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}.shell{max-width:1360px;margin:auto;padding:0 34px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29404c88}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:42px;height:42px;border:1px solid var(--teal);border-radius:12px;color:var(--teal);display:grid;place-items:center;font-size:27px;box-shadow:0 0 26px #6ee3bb28}.brand strong{display:block;font-size:21px;letter-spacing:.04em}.brand small,.section-kicker,.eyebrow,.scene-caption,.pill,.status-tag,.not-live{font-family:'DM Mono',monospace;letter-spacing:.09em}.brand small{font-size:10px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:18px}.pill{font-size:11px;padding:9px 13px;border:1px solid #40514d;border-radius:20px;color:#c5d2ba;background:#25322b}.button{border:1px solid transparent;border-radius:10px;padding:12px 19px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:26px;transition:.2s;background:transparent;color:var(--text)}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{background:var(--lime);color:#10221c;box-shadow:0 8px 28px #d8f58420}.button.outline{border-color:#50645d;color:var(--text)}.button.outline:hover:not(:disabled){border-color:var(--teal);background:#1b302e}.button.quiet{color:var(--muted)}.button.block{width:100%;margin-top:16px}.intro{display:grid;grid-template-columns:48% 52%;min-height:565px;align-items:center;gap:20px}.intro-copy{position:relative;z-index:2;padding:40px 0 46px}.eyebrow{font-size:11px;color:var(--teal);display:flex;align-items:center;gap:10px}.pulse{height:7px;width:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px #6ee3bb1f}.intro h1{font-size:clamp(46px,5.1vw,77px);line-height:1.17;margin:24px 0 24px;letter-spacing:-.045em}.intro h1 em{font-style:normal;color:var(--lime)}.intro p{font-size:15px;line-height:1.95;color:#b6c9c5;max-width:520px}.intro-buttons{display:flex;gap:12px;margin-top:34px}.intro-note{font-size:11px;color:#728f90;margin-top:17px}.city-scene{position:relative;height:450px;overflow:hidden;border:1px solid #315050;border-radius:26px;background:radial-gradient(circle at 51% 34%,#275652 0%,#16303d 35%,#0a1a29 74%);box-shadow:inset 0 -90px 100px #08131bc9,0 30px 80px #0006}.city-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 49%,#8cc7aa0d 50%),linear-gradient(90deg,transparent 49%,#8cc7aa0d 50%);background-size:40px 40px;transform:perspective(300px) rotateX(65deg) translateY(130px) scale(2);opacity:.65}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:180px;height:180px;background:#9fffc019;left:35%;top:12%;box-shadow:0 0 110px #7affe333}.orb-two{width:8px;height:8px;background:var(--lime);right:18%;top:19%;box-shadow:0 0 25px var(--lime)}.ground{position:absolute;width:90%;height:115px;left:5%;bottom:5%;border-radius:50%;transform:skewY(-7deg);background:#143a3b;border:2px solid #4b8a77;box-shadow:0 14px 0 #0b2529,0 30px 40px #0008}.building{position:absolute;bottom:21%;width:90px;background:linear-gradient(120deg,#457879,#173e4b);border:1px solid #8ecba8;box-shadow:12px 13px 0 #102e3c,0 0 35px #77dbb824;transform:skewY(-6deg);display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:13px}.building i{height:11px;background:#cceca5;box-shadow:0 0 8px #cceca5a3}.b1{height:129px;left:13%;bottom:25%}.b2{height:203px;left:29%;bottom:29%;width:105px}.b3{height:166px;left:50%;bottom:23%;width:118px}.b4{height:115px;left:73%;bottom:25%}.b5{height:70px;left:40%;bottom:13%;width:82px}.b6{height:78px;left:66%;bottom:12%;width:74px}.city-label{position:absolute;z-index:3;color:#d5f4d8;font-size:11px;background:#092025d9;border:1px solid #69b99878;padding:7px 10px;border-radius:5px;white-space:nowrap}.city-label b{font-weight:500;color:var(--teal);margin-left:6px}.label-a{top:16%;left:16%}.label-b{top:39%;right:13%}.label-c{bottom:18%;left:8%}.scene-caption{position:absolute;bottom:20px;right:22px;left:22px;display:flex;justify-content:space-between;z-index:4;font-size:10px;color:var(--teal)}.scene-caption strong{color:#d5e8db}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#101e27;border-radius:16px;margin:10px 0 26px}.stats>div{padding:21px 27px;border-right:1px solid var(--line)}.stats>div:last-child{border-right:0}.stats small,.stats span{display:block;color:var(--muted);font-size:11px}.stats strong{display:block;font-size:27px;margin:7px 0 3px}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(305px,.8fr);gap:23px}.main-column,.side-column{display:flex;flex-direction:column;gap:23px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#14232d,#101b27);border-radius:17px;padding:26px}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:14px}.section-kicker{font-size:10px;color:var(--teal);font-weight:500}.panel h2{font-size:21px;margin:7px 0 0}.status-tag{font-size:10px;color:var(--lime);border:1px solid #788b5c;background:#2b3525;padding:8px 10px;border-radius:7px}.event-body{display:flex;gap:19px;align-items:center;min-height:114px}.event-icon{width:61px;height:61px;flex:0 0 61px;border-radius:15px;display:grid;place-items:center;background:#2b3e33;color:var(--lime);font-size:31px}.event-body h3{font-size:18px;margin:0 0 7px}.event-body p,.agents-panel p,.how p,.token-note p{line-height:1.75;color:var(--muted);font-size:13px;margin:0}.progress-row{display:flex;align-items:center;gap:13px}.progress-track{background:#2d4145;border-radius:20px;height:7px;flex:1;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--lime));transition:width .3s}.progress-row strong{font-family:'DM Mono';font-size:11px;color:var(--teal)}.muted{color:var(--muted);font-size:12px}.join-hint{margin:20px 0 12px;border:1px dashed #42636a;border-radius:9px;color:#a7c5bb;background:#1b3036;padding:13px;font-size:12px}.role-picker{margin:20px 0}.form-label{font-size:11px;color:var(--muted)}.role-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.role{background:#1b2b37;border:1px solid #334a53;color:var(--text);border-radius:9px;padding:10px;text-align:left}.role.active{border-color:var(--teal);background:#1a3a38}.role strong,.role small{display:block}.role strong{font-size:12px}.role small{color:var(--muted);font-size:10px;margin-top:4px}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:17px 0}.action-card{padding:17px;background:#1b3039;border:1px solid #35505a;border-radius:11px;color:var(--text);text-align:left;transition:.2s}.action-card:hover:not(:disabled){border-color:var(--teal);background:#224045;transform:translateY(-2px)}.action-glyph{display:block;font-size:26px;color:var(--lime);margin-bottom:9px}.action-card strong,.action-card small{display:block}.action-card strong{font-size:14px}.action-card small{font-size:11px;color:var(--muted);margin-top:5px}.story-box{padding:17px 18px;background:#122e32;border:1px solid #29605b;border-radius:11px;min-height:89px}.story-title{display:flex;justify-content:space-between;color:var(--teal);font-size:12px;font-weight:700}.story-title small{font-weight:400;color:#86aaa7}.story-box p{font-size:13px;color:#d5e7dc;line-height:1.7;margin:9px 0 0}.feed-list{margin-top:15px}.feed-item{display:flex;gap:11px;padding:13px 0;border-top:1px solid #29404c}.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);margin-top:8px;flex:0 0 7px}.feed-item p{margin:0;font-size:12px;color:#d6e5dd;line-height:1.5}.feed-item small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.live-dot{color:var(--teal);font-size:10px}.profile-panel{text-align:center}.profile-panel .section-kicker{display:block;text-align:left}.avatar{width:67px;height:67px;margin:21px auto 10px;border-radius:19px;display:grid;place-items:center;background:#284c46;color:var(--lime);font-size:32px}.profile-panel h2{font-size:18px;overflow-wrap:anywhere}.profile-panel p{color:var(--muted);font-size:12px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.profile-grid small,.profile-grid strong{display:block}.profile-grid small{font-size:10px;color:var(--muted)}.profile-grid strong{font-size:21px;margin-top:5px}.text-button{border:0;background:none;color:var(--teal);font-size:11px;margin-top:15px;padding:4px}.agents-panel p{margin-top:16px}.key-result{margin-top:12px;padding:12px;background:#07141b;border:1px solid #41645e;border-radius:8px}.key-result small,.key-result code{display:block}.key-result small{font-size:10px;color:var(--orange)}.key-result code{margin-top:8px;overflow-wrap:anywhere;font-size:11px;color:var(--lime)}.doc-link{display:inline-block;margin-top:17px;font-size:11px;color:var(--teal)}.leaders{margin-top:15px}.leader{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.leader span{color:var(--teal);font-family:'DM Mono'}.leader small{color:var(--muted)}.fine-print{font-size:10px;color:var(--muted);line-height:1.6}.how{padding:86px 0 60px}.how h2{font-size:30px;margin:10px 0 25px}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.how-grid>div{border-top:1px solid #618976;padding-top:18px}.how-grid span{font-family:'DM Mono';font-size:11px;color:var(--teal)}.how-grid h3{font-size:16px;margin:13px 0 6px}.token-note{border:1px solid #556844;background:linear-gradient(110deg,#24332b,#15252b);border-radius:15px;padding:30px 34px;display:flex;gap:20px;justify-content:space-between;align-items:center}.token-note h2{font-size:29px;margin:7px 0}.token-note h2 small{font-size:12px;color:var(--muted);font-weight:400}.token-note p{max-width:770px}.not-live{border:1px solid var(--lime);color:var(--lime);padding:11px 13px;border-radius:7px;font-size:10px;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;color:#789294;font-size:11px;padding:34px 0 44px}.toast{position:fixed;z-index:30;right:20px;bottom:20px;max-width:330px;background:#d8f584;color:#10221c;border-radius:10px;padding:13px 16px;font-size:12px;font-weight:700;box-shadow:0 10px 35px #0008;opacity:0;transform:translateY(20px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:950px){.intro{grid-template-columns:1fr}.intro-copy{padding-bottom:5px}.city-scene{height:390px}.content-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:repeat(2,1fr);align-items:start}.leaderboard-panel{grid-column:1/-1}.how-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{padding:0 18px}.topbar{height:75px}.brand small{display:none}.top-actions{gap:7px}.pill{display:none}.button{padding:10px 12px;gap:8px;font-size:11px}.intro h1{font-size:44px}.city-scene{height:310px}.building{transform:scale(.72) skewY(-6deg);transform-origin:bottom}.stats{grid-template-columns:repeat(2,1fr)}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats>div{padding:17px}.side-column,.how-grid{grid-template-columns:1fr}.role-options{grid-template-columns:1fr}.actions{gap:7px}.action-card{padding:13px}.panel{padding:19px}.token-note{display:block;padding:22px}.not-live{display:inline-block;margin-top:20px}footer{display:block}}
:root .guide{max-width:850px;margin:auto;padding-top:55px}.guide>.panel{margin-top:17px}.guide>.panel:first-of-type{margin-top:27px}.guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#081821;border:1px solid #345455;border-radius:9px;padding:16px;color:var(--lime);line-height:1.6;font-size:12px}
:root{--bg:#0d0f13;--panel:#1b1e24;--panel2:#24282e;--line:#64552f;--text:#f5f3e9;--muted:#aaa9a3;--teal:#f0b90b;--lime:#f0b90b;--orange:#e2b95a}body{background:radial-gradient(circle at 78% 0%,#3c331d 0,transparent 30%),var(--bg)}.topbar{border-bottom-color:#64552f}.pill{background:#29271f;border-color:#897035;color:#f2dc9d}.panel{background:linear-gradient(145deg,#292b2e,#15171c)}.guide pre{background:#111318;border-color:#736032;color:#ffe288}
.guide-advanced{margin-top:24px;border:1px solid #736032;border-radius:12px;background:#17191d;padding:0 16px 18px}.guide-advanced>summary{cursor:pointer;padding:17px 2px;color:#f0b90b;font-weight:700}.guide-advanced>.panel{margin-top:14px}.guide>.panel{margin-top:14px}.guide>p{line-height:1.75;color:#d4cbb3}
.guide>.panel{padding:18px 20px}.guide>.panel h2{font-size:19px;margin:0 0 9px}.guide>.panel p{font-size:13px;line-height:1.6;margin:0}