:root{--ink:#202038;--paper:#f7f5ee;--blue:#2468e8;--acid:#d7ff57;--coral:#ff7b68;--line:rgba(32,32,56,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;width:fit-content}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:4px 4px 0 #cbdfff}.brand-mark img{width:33px}.brand>span:last-child,.footer-brand span{display:flex;flex-direction:column}.brand strong{font-size:17px}.brand small{margin-top:2px;color:#767287;font:9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}nav{display:flex;gap:34px;font-size:13px;font-weight:650}nav a,.footer-links a{transition:color .2s}nav a:hover,.footer-links a:hover{color:var(--blue)}.header-cta{justify-self:end;padding:10px 15px;border:1px solid var(--ink);border-radius:999px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--acid);box-shadow:3px 3px 0 var(--ink)}.header-cta:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.hero{min-height:650px;display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;padding-top:54px;padding-bottom:64px}.hero h1{margin:0;font-size:clamp(50px,5.45vw,78px);line-height:.98;letter-spacing:0;font-weight:900}.hero h1 em,.section-heading h2 em{color:var(--blue);font-family:STKaiti,KaiTi,serif;font-weight:600}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.eyebrow span{color:var(--blue)}.eyebrow b{padding:7px 10px;border-radius:100px;background:#dfebff;font-size:10px;letter-spacing:.04em}.hero-lead{margin:27px 0 0;color:#6f6a7b;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:33px}.primary-button,.light-button{min-width:150px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border:1px solid var(--ink);background:var(--blue);color:#fff;border-radius:8px;box-shadow:5px 5px 0 var(--ink);font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s}.primary-button:hover,.light-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.text-button{font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:4px}.hero-note{display:flex;align-items:center;gap:8px;margin-top:29px;color:#7c7786;font-size:11px}.live-dot{width:8px;height:8px;border-radius:50%;background:#61b946;box-shadow:0 0 0 4px rgba(97,185,70,.16)}
.world-board{position:relative;height:500px;overflow:hidden;border:1.5px solid var(--ink);border-radius:22px;background:#cfe3ff;box-shadow:11px 11px 0 var(--ink)}.board-top{position:absolute;inset:0 0 auto;z-index:5;height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1.5px solid var(--ink);background:#fbfaf5;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.board-status{display:flex;align-items:center;gap:7px;color:#3a6d2f}.board-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#5ab542}.map-grid{position:absolute;inset:45px 0 0;background-image:linear-gradient(rgba(32,32,56,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(32,32,56,.09) 1px,transparent 1px);background-size:30px 30px;transform:perspective(600px) rotateX(57deg) scale(1.5) translateY(50px);transform-origin:center bottom}.asset-card{position:absolute;z-index:3;width:180px;padding:10px;border:1.5px solid var(--ink);border-radius:12px;background:#fff;box-shadow:6px 6px 0 var(--ink)}.asset-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f5f2ed;border-radius:7px}.asset-card b{display:block;margin:8px 3px 2px;font-size:14px}.asset-label{display:block;margin:0 3px 7px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#747083}.monster-card{left:34px;top:90px;transform:rotate(-6deg)}.character-card{width:195px;left:203px;top:118px;transform:rotate(3deg)}.item-card{width:138px;right:28px;bottom:45px;transform:rotate(8deg)}.connector{position:absolute;z-index:2;height:2px;background:var(--ink);transform-origin:left center}.connector:after{content:"";position:absolute;right:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--ink)}.connector.one{width:90px;left:184px;top:252px;transform:rotate(11deg)}.connector.two{width:100px;right:120px;top:312px;transform:rotate(50deg)}.build-stamp{position:absolute;right:24px;top:71px;display:flex;align-items:center;gap:9px;padding:10px 13px;transform:rotate(5deg);background:var(--acid);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.build-stamp img{width:42px}
.ticker{overflow:hidden;border-block:1.5px solid var(--ink);background:var(--acid)}.ticker>div{width:max-content;padding:14px 0;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;animation:ticker 24s linear infinite}.ticker b{margin-left:7px;font-size:17px}.ticker i{display:inline-block;margin:0 35px;color:var(--blue);font-style:normal}@keyframes ticker{to{transform:translateX(-28%)}}
.section{padding-top:104px;padding-bottom:112px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-kicker{margin:0 0 15px;color:var(--blue);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.section-heading h2{margin:0;font-size:clamp(40px,4.3vw,60px);line-height:1.08;letter-spacing:0}.section-heading>p{margin:0 0 3px;max-width:320px;color:#716d7b;font-size:14px;line-height:1.75}
.agent-section{background:var(--blue);color:#fff}.agent-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:84px;align-items:center;padding-top:90px;padding-bottom:90px}.section-kicker.light{color:var(--acid)}.agent-copy h2{margin:0;font-size:clamp(44px,4.7vw,64px);line-height:1.05;letter-spacing:0}.agent-copy>p:not(.section-kicker){max-width:410px;margin:24px 0 0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.8}.agent-actions{display:flex;align-items:center;gap:25px;margin-top:33px}.light-button{min-width:157px;background:var(--acid);color:var(--ink)}.agent-actions>a:last-child{font-size:12px;border-bottom:1px solid rgba(255,255,255,.75);padding-bottom:4px}.api-panel{overflow:hidden;border:1.5px solid var(--ink);border-radius:15px;background:#f8f7f1;color:var(--ink);box-shadow:9px 9px 0 #123f88}.api-title{height:47px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 17px;border-bottom:1.5px solid var(--ink);font-size:9px}.api-title>code{justify-self:center}.api-title>span:last-child{justify-self:end;color:#4a8a37;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.api-dots{display:flex;gap:6px}.api-dots i{width:8px;height:8px;border:1px solid var(--ink);border-radius:50%;background:var(--coral)}.api-dots i:nth-child(2){background:#ffc857}.api-dots i:nth-child(3){background:#66c470}.api-panel>a{min-height:68px;display:grid;grid-template-columns:1fr 110px 22px;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--line);transition:background .18s}.api-panel>a:last-child{border-bottom:0}.api-panel>a:hover{background:#e2edff}.api-panel code{font-size:11px}.api-panel code b{margin-right:9px;color:var(--blue)}.api-panel>a>span{color:#777282;font-size:11px}.api-panel>a>i{font-style:normal;font-size:17px}
.search-box{width:min(355px,100%);display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:3px 3px 0 #e3dfd1}.search-box:focus-within{border-color:var(--blue);box-shadow:3px 3px 0 #bed5ff}.search-box span{color:#888391}.search-box input{width:100%;height:46px;border:0;outline:0;background:transparent;font-size:12px;color:var(--ink)}.library-footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);color:#827d8b;font-size:11px}.library-footer a{color:var(--ink);font-weight:800}footer{border-top:1.5px solid var(--ink);background:#ebe7db}.footer-inner{min-height:160px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:46px}.footer-brand b{font-size:15px}.footer-brand small{margin-top:5px;color:#777282;font-size:10px}.footer-links{display:flex;gap:23px;font-size:11px;font-weight:700}.copyright{justify-self:end;color:#777282;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:960px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:680px}.world-board{height:480px}.library-grid{grid-template-columns:repeat(2,1fr)}.agent-inner{grid-template-columns:1fr}.agent-copy{max-width:600px}.footer-inner{grid-template-columns:1fr 1fr}.footer-links{justify-self:end}.copyright{grid-column:1/-1;justify-self:start;margin-top:-35px}}@media(max-width:640px){.shell{width:min(100% - 28px,1180px)}.site-header{height:72px}.brand-mark{width:38px;height:38px}.brand strong{font-size:15px}.header-cta{padding:9px 12px;font-size:10px}.hero{min-height:0;gap:48px;padding-top:55px;padding-bottom:55px}.hero h1{font-size:49px}.hero-lead br{display:none}.hero-actions{flex-wrap:wrap}.world-board{height:420px;box-shadow:7px 7px 0 var(--ink)}.asset-card{width:139px}.monster-card{left:18px;top:83px}.character-card{width:145px;left:135px;top:119px}.item-card{width:105px;right:17px;bottom:35px}.build-stamp{right:12px;top:65px}.build-stamp img{width:31px}.section{padding-top:75px;padding-bottom:80px}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:32px}.section-heading h2{font-size:42px}.library-grid{grid-template-columns:1fr}.agent-inner{gap:50px;padding-top:70px;padding-bottom:70px}.agent-copy h2{font-size:45px}.api-panel>a{grid-template-columns:1fr 78px 16px;padding:0 14px}.api-panel>a>span{font-size:10px}.character-heading{align-items:stretch}.search-box{width:100%}.library-footer{align-items:flex-start;gap:14px}.footer-inner{grid-template-columns:1fr;align-content:center;padding:35px 0}.footer-links{justify-self:start;flex-wrap:wrap}.copyright{grid-column:auto;justify-self:start;margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}*{transition:none!important}}