/* Trucepad editorial visual system — brand-led, lightweight, no image hero. */
.narrative-card .panel-label{font-size:8px;gap:10px}.narrative-card>h3{font-size:28px;margin:22px 0}.narrative-tokens{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.narrative-tokens button{display:flex;align-items:flex-start;flex-direction:column;gap:9px;background:#141b10;border:1px solid var(--line);padding:15px;border-radius:5px;min-width:0;text-align:left}.narrative-tokens b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.narrative-tokens small{font:9px var(--mono);color:var(--muted)}.narrative-tokens strong{font-size:16px}.narrative-card .live-pair{font-size:12px;margin-bottom:0}
.feed-actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px;flex-shrink:0}.feed-actions #feed-health{font:9px var(--mono);color:var(--green)}.feed-actions .search{width:300px}@media(max-width:620px){.feed-actions{width:100%;align-items:flex-start}.feed-actions .search{width:100%}}
:root{--bg:#11130f;--panel:#191d15;--line:#343a2b;--muted:#a2a895;--green:#d0e8a8;--text:#f3efdf}
body{background:radial-gradient(ellipse at 80% 0%,#2e38202b,transparent 48%),var(--bg)}
header{height:86px;max-width:1600px;margin:auto;border-color:#303629;padding:0 5%;gap:70px}.brand{font-size:29px;font-weight:650;letter-spacing:-1.4px}.brand img{width:43px;height:43px}.brand-dot{display:none}nav{gap:32px}.nav{font-size:13px}.nav:hover{color:var(--text)}.nav.active:after{background:var(--green)}.network{border:1px solid var(--line);border-radius:30px;padding:10px 14px;color:#c4cdb5;letter-spacing:1px}.network i{width:5px;height:5px}
main{max-width:1600px;padding:0 5%}.hero{grid-template-columns:1.05fr 1fr;min-height:490px;padding:60px 0 48px;gap:24px}.hero .eyebrow{font-size:10px;letter-spacing:2.1px}.hero .tiny-flag{display:inline-flex;vertical-align:middle;margin-right:9px;color:var(--green)}h1{font-size:clamp(56px,5.5vw,86px);line-height:1.03;letter-spacing:-4.8px;margin:24px 0}.hero h1 em{color:#c6d6b0}.hero-copy>p{font-size:14px;line-height:1.9;max-width:420px;color:#a5ad99}.hero-links{margin-top:30px;gap:25px}.hero-links>a:first-child{border:0;background:var(--green);color:#1d2815;padding:15px 20px;border-radius:4px;font-weight:600;display:inline-flex;align-items:center;gap:22px}.hero-links>a:first-child:hover{background:#e0f1c1;transform:translateY(-2px)}.hero-links span{margin-left:0}.hero-links #rules-link{color:#b5bda8;font-size:11px;border:0;display:flex;gap:8px;align-items:center}
.hero-art{height:370px;overflow:visible;mask-image:none;background:radial-gradient(ellipse at 50% 48%,#a9c86d13,transparent 64%);isolation:isolate}.hero-art:before{content:'';position:absolute;inset:-12px;background-image:radial-gradient(#adbe6b50 .75px,transparent .75px);background-size:15px 15px;mask-image:radial-gradient(ellipse,transparent 20%,#000 55%,transparent 72%);z-index:-1}.orbit{width:315px;height:315px;top:25px;left:47%;border-color:#a0b27a3d;transform:translateX(-50%) rotate(-30deg) scaleX(.72)}.orbit-two{width:315px;height:315px;top:25px;left:59%;transform:translateX(-50%) rotate(30deg) scaleX(.72);border-color:#cedfac55}.art-center{width:295px;height:295px;left:53%;top:23px;transform:translateX(-50%);border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 18px 20px #0005)}.art-center img{width:295px;height:295px;transform:rotate(-7deg)}.art-node{top:166px;width:34px;height:34px;font:italic 16px Georgia;background:#1c2316;border-color:#596a3b}.node-a{left:10%}.node-b{right:4%}.art-node span{top:44px;font-size:8px;color:#a5b48f}.art-line{top:184px;background:linear-gradient(90deg,transparent,#9dad6655,transparent)}.art-coordinate{left:53%;top:2px;font-size:8px;letter-spacing:2px;color:#7c896d}.art-caption{bottom:9px;left:53%;color:#b9c799;letter-spacing:2px;font-size:8px}
.stats{background:transparent;border-width:1px 0;border-radius:0;margin-bottom:0}.stats>div{padding:24px 28px}.stats>div:first-child{padding-left:0}.stats span:not(.status-pulse){font-size:9px;color:#96a087;letter-spacing:1.4px}.stats strong{font:500 31px 'DM Sans',sans-serif;letter-spacing:-1px}.stats strong small{font-size:12px}.stats>div:last-child{border-right:0}
.board{padding-top:55px}.board-top h2,.feed-title h2{font-size:35px;letter-spacing:-1.4px}.board-top .eyebrow{font-size:9px;color:#95a67d}.search{width:340px;background:#1b2017;border-color:#3b442f;padding:12px 15px}.search input{font-size:11px}.search:focus-within{border-color:#a7bf82}.board-tools{margin-top:25px}.filters button{font-size:12px}.filters button span{color:#b2c596;border-color:#434c35}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.narrative-empty{background:radial-gradient(ellipse at 50% 30%,#778c4210,transparent 65%);border:1px solid #343c2a;min-height:390px;padding:45px 36px}.narrative-empty>.ui-icon{width:44px;height:44px;padding:9px;box-sizing:content-box;background:#242d1b;border:1px solid #53663a;border-radius:50%;margin-bottom:25px}.narrative-empty .eyebrow{font-size:8px;letter-spacing:2px}.narrative-empty h3{font-size:29px;letter-spacing:-1px}.narrative-empty p{font-size:13px;line-height:1.85;color:#9ca88c;max-width:430px}.narrative-empty a{font-size:12px;font-weight:500;border-bottom:1px solid #738a52;padding-bottom:7px}.sidebar-panel{border-color:#343c2a;background:#191f14;border-radius:6px;padding:25px}.sidebar-panel h3{font-size:24px;margin-top:17px}.panel-label{font-size:8px}.steps b{font-size:12px}.steps p{font-size:11px}.steps li{padding-bottom:22px}.step-number{border-color:#52623b;color:#c7dba6;background:#26311c}.formula{padding:17px 10px;background:#252f1c}.side-bottom{display:none}.board-note{font-size:10px;line-height:1.7;color:#8a957b;margin-bottom:30px}
#new-pairs{margin:44px 0 0;border:1px solid #3a442f;border-radius:8px;padding:0;background:#171c13;overflow:hidden}.feed-title{padding:25px 28px 20px;gap:24px;border-bottom:1px solid #303a26;background:linear-gradient(110deg,#222b1a,#171c13)}.feed-title .eyebrow{color:#a4b989;font-size:8px;letter-spacing:2px}.feed-title h2{margin-top:8px;font-size:31px}.feed-title p{font-size:11px;max-width:530px;margin:8px 0 0;color:#97a887}.feed-title>span{padding:8px 11px;background:#131a0f;border:1px solid #465534;border-radius:30px;color:#b4cba0;font-size:9px}.feed-columns{padding:13px 28px;background:#141910;font-size:8px;letter-spacing:1px;color:#899b77}.feed-row{padding:15px 28px;min-height:78px;transition:background .15s}.feed-row:hover{background:#29341f!important}.feed-token{gap:13px}.token-initial{width:39px;height:39px;border-radius:10px;background:#303d23;border:1px solid #4a5938}.feed-token b{font-weight:550;font-size:13px}.feed-row small{font-size:9px;color:#92a47e}.feed-cap{font-size:13px;color:#e5edd8;font-weight:500}.feed-row time{color:#94a27f;font-size:10px}.feed-row>.ui-icon{width:15px;height:15px;color:#8ea878}.feed-row:hover>.ui-icon{color:#d9edb6}#detected-tokens{max-height:468px;scrollbar-color:#53673c #161d11;scrollbar-width:thin}#new-pairs>.board-note{padding:14px 28px;margin:0;border-top:1px solid #303a26;font-size:9px;color:#81936e}#new-pairs .empty{border:0;border-radius:0;min-height:210px;padding:65px 25px}
footer{margin-top:25px;padding:30px 0;border-color:#353d2c}.docs-content section{border-color:#343d2a}.docs-nav a{padding:3px 0}.docs-nav a:hover{padding-left:6px}.docs-content h1{font-size:65px;letter-spacing:-3px}.docs-content h2{font-size:30px}.docs-callout{border-radius:6px}.docs-formula{border-radius:5px}.metadata-heading .token-initial{border-radius:15px}dialog{background:#1b2215;border-color:#52643d}.metadata-links a:hover{background:#2d3a20}
@media(min-width:1700px){.hero{min-height:520px}}
@media(max-width:1100px){header{gap:40px}.hero{min-height:440px;gap:0}.hero h1{font-size:62px}.hero-art{transform:scale(.88);transform-origin:center}.hero-links{gap:16px}.workspace{grid-template-columns:minmax(0,1fr) 280px}.feed-columns,.feed-row{grid-template-columns:minmax(0,1fr) 145px 95px 18px;gap:18px}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.hero h1{font-size:53px;letter-spacing:-3px}.hero{min-height:400px}.hero-art{transform:scale(.78)}.hero-links{flex-wrap:wrap}.stats>div{padding:22px 16px}.stats strong{font-size:28px}.board-top h2{font-size:30px}.search{width:290px}.docs-content h1{font-size:54px}.hero-copy>p{font-size:12px}}
@media(max-width:620px){header{height:72px;padding:0 5%;gap:16px}.brand{font-size:23px;gap:5px}.brand img{width:35px;height:35px}nav{gap:19px}.nav{font-size:11px}main{padding:0 5%}.hero{display:block;min-height:0;padding:39px 0 33px}.hero h1{font-size:58px;letter-spacing:-3.5px;margin:24px 0 20px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-copy>p{font-size:13px}.hero-links{gap:18px;margin-top:24px}.hero-links>a:first-child{font-size:11px;padding:13px 15px;gap:10px}.hero-links #rules-link{font-size:10px;gap:5px}.hero-art{display:none}.stats{margin-bottom:0}.stats>div,.stats>div:first-child{padding:19px 14px}.stats>div:nth-child(odd){padding-left:0}.stats strong{font-size:29px}.stats span:not(.status-pulse){font-size:8px;letter-spacing:.8px}.stats strong small{font-size:10px}#new-pairs{margin-top:30px}.feed-title{padding:20px;gap:15px;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.feed-title h2{font-size:28px}.feed-title p{font-size:10px}.feed-title>span{font-size:8px;padding:6px 9px}.feed-columns,.feed-row{padding:14px 15px;grid-template-columns:minmax(0,1fr) 102px;gap:12px}.feed-token b{font-size:12px}.feed-token .token-initial{width:30px;height:30px;border-radius:8px}.feed-token{gap:9px}.feed-cap{font-size:11px}.feed-row small{font-size:8px}.feed-row{min-height:75px}#detected-tokens{max-height:375px}#new-pairs>.board-note{padding:13px 15px;font-size:8px}.board{padding-top:36px}.board-top{gap:20px}.board-top h2{font-size:29px}.search{width:100%}.filters{gap:18px}.filters button{font-size:11px}.board-tools{margin:23px 0 18px}.narrative-empty{min-height:330px;padding:35px 20px}.narrative-empty h3{font-size:25px}.narrative-empty p{font-size:12px}.narrative-empty .eyebrow{font-size:7px}.narrative-empty>.ui-icon{width:32px;height:32px}.board-note{font-size:9px}.docs-content h1{font-size:44px}.docs-content h2{font-size:25px}.docs-nav{gap:14px}.docs-nav a{font-size:12px}.docs-layout{padding-top:25px}.docs-content p,.docs-content li{font-size:13px}footer{margin-top:10px;gap:15px}}
@media(prefers-reduced-motion:reduce){.hero-links>a:first-child:hover{transform:none}*{scroll-behavior:auto!important}}
.early-ca{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 24px;margin:0 0 30px;border:1px solid #596044;border-radius:8px;background:#1b2016}.early-ca>div{display:flex;flex-direction:column;gap:6px;font:10px var(--mono);letter-spacing:1px}.early-ca>div>span{color:#d9c78b}.early-ca code{font:13px var(--mono);overflow-wrap:anywhere;min-width:0;flex:1;color:#e9edda;user-select:all}.early-ca button{border:1px solid #6a7a51;border-radius:4px;background:#303d23;color:#e9edda;padding:11px 15px;cursor:pointer}.early-ca button:focus-visible{outline:2px solid #c4d6a9;outline-offset:3px}.early-ca p{flex-basis:100%;font-size:12px;color:#aeb5a1;margin:0}.early-ca #ca-copy-status{font-size:12px;color:#c4d6a9}.early-ca #ca-copy-status:empty{display:none}@media(max-width:620px){.early-ca{padding:16px;gap:12px}.early-ca code{flex-basis:100%;font-size:12px}}
.header-right{gap:16px}.header-ca{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.header-ca>span:first-child{font:8px var(--mono);letter-spacing:.4px;color:#a2a895}.header-ca b{font-weight:400;color:#d9c78b;margin-left:5px}.header-ca button{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:#f3efdf;font:11px var(--mono);cursor:pointer}.header-ca button:hover{color:#d0e8a8}.header-ca button:focus-visible{outline:2px solid #d0e8a8;outline-offset:4px}.ca-sr-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:901px){body>header{gap:clamp(18px,3vw,55px)}}@media(max-width:900px){body>header{height:auto;min-height:86px;flex-wrap:wrap;gap:12px 20px;padding-top:14px;padding-bottom:14px}.header-right{margin-left:auto}.header-ca>span:first-child{font-size:7px}.header-ca button{font-size:10px}}@media(max-width:620px){body>header .header-right{display:flex;gap:10px}body>header .network{display:flex;font-size:8px;padding:7px 9px}body>header .brand{font-size:21px}}
body>header .header-right{display:flex;align-items:center}body>header .header-right .network{display:flex}