@font-face{font-family:Pixel;src:url('/pixel.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Pixel;src:url('/pixel-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Mono;src:url('/mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#060709;--panel:#0e1015;--line:#32353e;--muted:#989aaa;--ink:#f3f4ed;--acid:#bdff32;--red:#ff4b78;--blue:#7376ff}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font:12px Mono,monospace}body{margin:0;background-image:radial-gradient(#292c3240 1px,transparent 1px);background-size:16px 16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:hover{color:var(--acid)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:4px}::selection{background:var(--acid);color:#000}
.top{height:84px;margin:0 28px;border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.top:after{content:'';position:absolute;bottom:-5px;right:0;width:56px;height:8px;background:var(--acid)}.wordmark{display:flex;align-items:center}.wordmark img{width:276px;height:56px;image-rendering:pixelated;display:block}.connection{font:11px Pixel,monospace;display:flex;align-items:center;gap:10px;color:var(--muted)}.connection i{display:block;width:8px;height:8px;background:var(--muted);box-shadow:3px 3px 0 #41434a}.connection.online{color:var(--acid)}.connection.online i{background:var(--acid);box-shadow:3px 3px 0 #5c8119}
main{max-width:1680px;padding:24px 28px 0;margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,1fr);gap:28px}.theater,.account{min-width:0}.stage-top{background:var(--ink);color:#090a0c;height:33px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font:12px Pixel,monospace}.stage-top>span{display:flex;align-items:center;gap:10px}.stage-top button{font:9px Pixel,monospace;color:#292a33;border:1px solid #60616a;padding:3px 6px;box-shadow:2px 2px 0 #60616a}.stage-top button:hover{background:var(--acid);color:#000}.live-dot{width:8px;height:8px;background:#080a0e;display:block}.scene-wrap{position:relative;aspect-ratio:16/11;border:2px solid var(--ink);border-top:0;background:#080e16;overflow:hidden}#output{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;cursor:grab;touch-action:pan-y}#output:active{cursor:grabbing}.scene-caption{position:absolute;bottom:12px;right:12px;pointer-events:none}.scene-caption small{display:block;background:#080a12db;padding:7px 9px;font:9px Pixel,monospace;color:#c2c4d0}.scene-caption span{color:var(--acid);margin-left:9px}#scene-fallback{position:absolute;inset:40% 15%;text-align:center;line-height:1.8}
.brain-bar{display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr;border:2px solid var(--line);border-top:0;background:#090a0e;padding:15px 12px;gap:8px}.brain-bar>div+div{border-left:1px solid var(--line);padding-left:12px}.brain-bar span,.account-stats span{display:block;font:8px Pixel,monospace;color:var(--muted);margin-bottom:8px}.brain-bar strong{font:16px Pixel,monospace;color:var(--acid);white-space:nowrap}.brain-bar>div:first-child strong{color:var(--ink)}.decision{margin-top:18px;padding:16px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acid)}.eyebrow{font:10px Pixel,monospace;color:var(--muted)}.decision>div{display:flex;align-items:baseline;gap:14px;margin:10px 0}.decision b{font:22px Pixel,monospace;color:var(--acid)}.decision>div>span{font-size:11px;line-height:1.6}.decision p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.inside{padding:20px 0}.inside summary{font:11px Pixel,monospace;display:flex;justify-content:space-between;list-style:none;cursor:pointer}.inside summary span{color:var(--acid)}.inside summary::-webkit-details-marker{display:none}.inside p{line-height:1.85;color:var(--muted);max-width:70ch}.inside-input{max-width:320px;margin-top:18px}.inside img{display:block;width:100%;height:auto;image-rendering:pixelated}.inside small{font-size:9px;color:var(--muted);line-height:1.6;display:block;margin-top:8px}
.account{border:1px solid var(--line);background:var(--bg);padding:0 20px 14px;align-self:start;box-shadow:5px 5px 0 #1d2028}.account-title{height:45px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px dashed var(--line)}h1,h2{font:12px Pixel,monospace;letter-spacing:0;margin:0}.balance{padding-top:17px}.balance-label{color:var(--muted);font:9px Pixel,monospace}.balance-label span{float:right;color:var(--blue)}.value{font:700 clamp(40px,4.3vw,68px)/1.2 Pixel,monospace;letter-spacing:-3px;margin:6px 0 8px;white-space:nowrap}.value .cents{color:#676b7c;font-size:.7em;letter-spacing:-2px}.pnl-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.pnl-row>span{font-size:12px}.pnl-row small{font:8px Pixel,monospace;color:var(--muted)}.positive{color:var(--acid)}.negative{color:var(--red)}.chart-wrap{height:119px;position:relative;margin-top:14px;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#20243155 24px,#20243155 25px)}#equity-chart{display:block;width:100%;height:95px;overflow:visible}.chart-empty{position:absolute;inset:30px 0 auto;text-align:center;font-size:10px;color:var(--muted)}.chart-labels{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-top:5px;gap:8px}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:15px 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-stats span{font-size:8px;min-height:19px;line-height:1.3;margin-bottom:4px}.account-stats strong{font-size:14px;font-weight:normal}.holdings{padding:17px 0 10px}.holdings h2{display:flex;justify-content:space-between;align-items:center}.holdings h2>span{color:var(--muted);font:9px Mono,monospace}.holding{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-bottom:9px}.coin{display:flex;gap:10px;align-items:center}.coin-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--acid);color:#080908;font:18px Pixel,monospace;box-shadow:3px 3px 0 #658b21}.coin strong{display:block;font:12px Pixel,monospace}.coin small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.holding-value{text-align:right}.holding-value strong{display:block;font-size:13px;font-weight:normal}.holding-value small{display:block;font-size:10px;margin-top:5px}.empty{font-size:11px;color:var(--muted);line-height:1.8;margin:0;padding:15px 0}
.activity{border-top:1px solid var(--line)}.activity-head{height:46px;display:flex;justify-content:space-between;align-items:center;gap:10px}.activity-head>div{display:flex;gap:6px}.activity-head button{font:10px Pixel,monospace;color:var(--muted);padding:7px 8px;border:1px solid transparent}.activity-head button[aria-selected=true]{background:var(--acid);color:#060709;border-color:var(--acid);box-shadow:2px 2px 0 #6b8d2c}.activity-head button span{margin-left:3px}.activity-head>span{font-size:9px;color:var(--muted)}#activity-panel{max-height:220px;overflow:auto;scrollbar-color:#576833 #0b100c}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:10px}th{font:8px Pixel,monospace;font-weight:normal;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line)}td{padding:11px 0;border-bottom:1px solid #21242e}td:last-child,th:last-child{text-align:right}td small{display:block;margin-top:5px;color:#979aaf;font-size:8px}.side{font:9px Pixel,monospace}.side.buy{color:var(--acid)}.side.sell{color:var(--red)}.status-chip{color:var(--muted);font-size:9px}.pacing{padding:15px 0 0;border-top:1px dashed var(--line);margin-top:15px}.pacing .eyebrow{color:var(--blue);font-size:9px}.pacing>div{font-size:11px;line-height:1.8;margin:8px 0 6px}.pacing small{font-size:9px;line-height:1.8;color:var(--muted);display:block}footer{max-width:1680px;margin:20px auto 0;padding:18px 28px 24px;display:flex;justify-content:space-between;gap:20px;color:#999cad;font-size:8px;letter-spacing:.3px}footer>span:first-child:before{content:'[';margin-right:7px;color:var(--acid)}footer>span:first-child:after{content:']';margin-left:7px;color:var(--acid)}[hidden]{display:none!important}

/* Portfolio-first layout: one DOM order on phones and a two-column desktop. */
main{grid-template-areas:"theater account" "brain account";align-items:start;row-gap:18px}
.theater{grid-area:theater}.account{grid-area:account}.brain-details{grid-area:brain;min-width:0}
.brain-bar{border-top:2px solid var(--line)}
.account-title{height:39px}.balance{padding:14px 0 17px}.value{font-size:clamp(40px,4vw,60px);margin:4px 0 8px}
.pnl-row{align-items:center}.pnl-row>div{display:flex;gap:9px;align-items:baseline}.pnl-row>div>small{font:8px Pixel,monospace;color:var(--muted)}.pnl-row>div>span{font-size:13px}.pnl-row>small{font:8px Mono,monospace;white-space:nowrap}
.holdings{border-top:1px solid var(--line);padding:14px 0 16px}.holdings h2{font-size:10px;gap:10px;margin-bottom:12px}.holdings h2>span{font-size:9px;white-space:nowrap}
#holdings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.holding{display:block;min-width:0;margin:0;padding:11px 12px 9px;background:#101217;border:1px solid var(--line);position:relative}
.holding.focused{border-color:#758d3c;box-shadow:inset 2px 0 var(--acid)}
.coin{gap:8px}.coin strong{font-size:11px}.coin-icon{width:24px;height:24px;flex-shrink:0;font-size:13px;box-shadow:2px 2px 0 #658b21}
.coin-icon.btc{background:#ffb531;box-shadow:2px 2px 0 #73501c}.coin-icon.eth{background:#9291ff;box-shadow:2px 2px 0 #47467d}.coin-icon.usdc{background:#61adff;box-shadow:2px 2px 0 #2b527c}
.watching{font:6px Pixel,monospace;color:var(--acid);margin-left:auto}
.holding-value{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:10px;text-align:left}.holding-value strong{font:19px Mono,monospace}.holding-value small{font-size:8px;margin:0;color:var(--muted);white-space:nowrap}.holding-value small.negative{color:var(--red)}.holding-value small.positive{color:var(--acid)}
.holding-units{display:flex;justify-content:space-between;gap:8px;font:9px Mono,monospace;color:var(--muted);margin-top:5px;white-space:nowrap}
.activity-head{height:55px}.activity-head>div{gap:8px}.activity-head button{min-height:42px;padding:10px 13px}.activity-head>span{font-size:9px}
#activity-panel{max-height:255px;overscroll-behavior:contain}th{position:sticky;top:0;background:var(--bg);z-index:1}td{padding:13px 0}td small{font-size:9px;line-height:1.5}td:last-child small{white-space:normal;max-width:170px;margin-left:auto}
.performance{margin-top:14px;border-top:1px dashed var(--line)}.performance>summary{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font:9px Pixel,monospace;color:var(--muted)}.performance>summary::-webkit-details-marker{display:none}.performance>summary span{font-size:15px;color:var(--acid)}.performance[open]>summary span{transform:rotate(45deg)}.performance-body{padding-bottom:7px}.performance .chart-wrap{margin:0 0 18px}.performance .pacing{margin-top:0}.account{padding-bottom:0}
.inside summary{min-height:44px;align-items:center}.inside{padding-top:8px}
@media(max-width:1120px){
 .top{margin:0 20px}main{padding:22px 20px 0;gap:18px 20px;grid-template-columns:minmax(0,1fr) minmax(390px,1fr)}
 .account{padding:0 14px}.brain-bar{grid-template-columns:1fr 1fr;row-gap:15px}.brain-bar>div:nth-child(3){border:0;padding-left:0}.decision>div{display:block}.decision b{display:block;margin-bottom:9px}.value{font-size:47px}.account-stats{gap:8px}.account-stats strong{font-size:13px}footer{padding-left:20px;padding-right:20px}
 .holding{padding:10px}.holding-units{font-size:8px}.watching{font-size:6px}.coin{gap:6px}
}
@media(max-width:780px){
 .top{height:58px;margin:0 12px;gap:10px}.wordmark img{width:178px;height:36px}.connection{font-size:7px;gap:6px;line-height:1.5;max-width:105px}.connection i{width:6px;height:6px;flex-shrink:0}.top:after{width:28px;height:5px;bottom:-3px}
 main{display:flex;flex-direction:column;padding:12px 12px 0;gap:12px}.theater,.account,.brain-details{width:100%}
 .stage-top{height:29px;font-size:10px;padding:0 9px}.stage-top button{min-height:25px;font-size:7px;padding:4px 7px;box-shadow:none}
 .scene-wrap{height:clamp(126px,37vw,190px);aspect-ratio:auto}#output{object-fit:contain}.scene-caption{bottom:5px;right:7px}.scene-caption small{font-size:6px;padding:4px 6px}
 .account{margin:0;padding:0 12px;box-shadow:3px 3px 0 #1d2028}.account-title{height:32px}.account-title h1{font-size:10px}
 .balance{padding:11px 0 12px}.balance-label{font-size:8px}.value{font-size:43px;line-height:1.12;letter-spacing:-2px;margin:3px 0 6px}.value .cents{letter-spacing:-1px}.pnl-row{gap:7px}.pnl-row>div{gap:7px}.pnl-row>div>span{font-size:11px}.pnl-row>div>small{font-size:7px}.pnl-row>small{font-size:7px}
 .holdings{padding:11px 0 12px}.holdings h2{font-size:9px;margin-bottom:9px}.holdings h2>span{font-size:8px}#holdings{gap:7px}.holding{padding:8px 9px}.coin{height:19px;gap:6px}.coin-icon{width:19px;height:19px;font-size:11px}.coin strong{font-size:9px}.watching{font-size:5px}.holding-value{margin-top:7px;gap:4px}.holding-value strong{font-size:16px}.holding-value small{font-size:7px}.holding-units{font-size:7px;gap:4px;margin-top:4px}
 .activity-head{height:51px;gap:6px}.activity-head>div{gap:5px}.activity-head button{font-size:9px;min-height:42px;padding:10px 11px}.activity-head>span{font-size:8px}#activity-panel{max-height:264px}table{font-size:10px}th{font-size:7px;padding:9px 0}.side{font-size:9px}td{padding:11px 0}td small{font-size:8px;line-height:1.5}td:last-child small{max-width:120px}.empty{font-size:11px;padding:14px 0}
 .performance{margin-top:10px}.performance>summary{font-size:8px;min-height:44px}.account-stats{gap:7px}.account-stats span{font-size:7px;min-height:22px}.account-stats strong{font-size:12px}.chart-labels{font-size:8px}.pacing>div{font-size:10px}.pacing small{font-size:9px}
 .brain-details{margin-top:6px}.brain-bar{grid-template-columns:repeat(4,1fr);padding:13px 9px;gap:8px}.brain-bar>div+div{padding-left:7px;border-left:1px solid var(--line)}.brain-bar span{font-size:7px;line-height:1.5;min-height:22px;margin-bottom:4px}.brain-bar strong{font-size:11px}.decision{margin-top:12px}.decision>div{display:flex;flex-wrap:wrap}.decision b{font-size:18px;margin:0}.inside{padding:7px 0 0}.inside summary{font-size:10px}footer{padding:18px 12px;flex-direction:column;gap:10px;margin-top:0;font-size:8px}
}
@media(max-width:360px){
 .wordmark img{width:158px;height:32px}.connection{font-size:6px;max-width:86px}.value{font-size:39px}.pnl-row>small{font-size:6px}.pnl-row>div>span{font-size:10px}.holding{padding:7px}.holding-value strong{font-size:15px}.holding-value small{font-size:6px}.watching{font-size:4px}.holding-units{font-size:6px}.activity-head button{font-size:8px;padding:10px 8px}table{font-size:9px}td small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* A separate, illustrated view shares the header and the live dashboard state. */
.how-link{display:flex;align-items:center;gap:10px;min-height:44px;font:11px Pixel,monospace;white-space:nowrap}.how-link svg{width:19px;height:19px;color:var(--acid)}.how-link:hover,.how-link[aria-current=page]{color:var(--acid)}.how-link[aria-current=page] span{border-bottom:2px solid var(--acid);padding-bottom:5px}
.explainer{display:block;max-width:1136px;padding-top:32px}.explain-intro{margin-bottom:28px}.back-link{display:inline-block;font:9px Pixel,monospace;color:var(--muted);padding:8px 0;margin-bottom:14px}.back-link:hover{color:var(--acid)}.explain-intro h1{font:700 clamp(24px,3vw,40px)/1.3 Pixel,monospace;margin:0 0 12px;letter-spacing:-1px}.explain-intro h1>span{color:var(--acid)}.explain-intro>p{color:var(--muted);font:13px/1.8 Mono,monospace;margin:0;max-width:70ch}
.explain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.explain-step{background:#0c0e13;border:1px solid var(--line);padding:18px 20px 20px;min-width:0}.step-label{display:flex;justify-content:space-between;gap:10px;font:8px Pixel,monospace;color:var(--muted)}.step-label>span:first-child{color:var(--acid)}
.explain-art{height:242px;position:relative;display:flex;align-items:center;justify-content:center;margin:18px -4px 19px;background:radial-gradient(#37445e4d 1px,transparent 1px);background-size:12px 12px;border-bottom:1px dashed #2c3445;padding-bottom:27px}.explain-art>svg{width:100%;height:100%;overflow:visible}.explain-art figcaption{position:absolute;bottom:7px;left:0;right:0;text-align:center;font:7px/1.5 Pixel,monospace;color:#929caf;letter-spacing:0}.diagram-label{font:14px Pixel,monospace}.diagram-small{font:9px Mono,monospace;letter-spacing:1px}
.explain-step h2{font:11px/1.6 Pixel,monospace;margin:0 0 10px}.explain-step p{font:12px/1.9 Mono,monospace;color:#a9aebd;margin:0}.explain-step strong{color:#e0e4ed;font-weight:400}
.sensory-art{gap:20px;padding-left:10px;padding-right:10px}.pixel-monitor{width:75%;position:relative;border:3px solid #c4ccdc;background:#101826;padding:5px;margin-top:-12px;box-shadow:5px 5px 0 #303b4e}.monitor-head{display:flex;gap:4px;height:11px;border-bottom:1px solid #394154;margin-bottom:5px}.monitor-head i{display:block;width:3px;height:3px;background:#8c9bb2}.pixel-monitor img{display:block;width:100%;height:auto;aspect-ratio:16/9;image-rendering:pixelated}.monitor-stand{position:absolute;width:38px;height:11px;background:#9aabc3;bottom:-14px;left:calc(50% - 19px)}.monitor-stand:after{content:'';position:absolute;width:76px;height:4px;background:#c4ccdc;bottom:-4px;left:-19px}.pixel-eye{width:25%;max-width:105px;position:relative}.pixel-eye:before{content:'';position:absolute;left:-19px;top:43%;width:18px;height:2px;background:#74869e}.pixel-eye svg{width:100%;display:block}.pixel-eye>span{display:block;font:6px/1.7 Pixel,monospace;text-align:center;color:#97b7d4}.sensory-missing{aspect-ratio:16/9;display:grid;place-items:center;color:var(--muted);font:8px Pixel,monospace;text-align:center}
.explain-note{display:flex;align-items:flex-start;gap:17px;border-left:3px solid var(--blue);background:#11121b;padding:20px;margin-top:24px}.note-icon{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;color:var(--blue);border:2px solid var(--blue);font:19px Pixel,monospace}.explain-note h2{font:10px/1.7 Pixel,monospace;margin:0 0 7px}.explain-note p{font:12px/1.8 Mono,monospace;color:var(--muted);margin:0;max-width:89ch}.return-link{display:flex;align-items:center;justify-content:space-between;width:max-content;gap:24px;min-height:46px;border:1px solid var(--acid);color:var(--acid);padding:12px 18px;font:10px Pixel,monospace;margin:24px 0 8px}.return-link:hover{background:var(--acid);color:var(--bg)}
#watch-view:focus,#how-title:focus{outline:none}footer .connection{font-size:8px;flex-shrink:0}footer .connection:before,footer .connection:after{display:none}
@media(max-width:780px){.how-link{gap:6px;font-size:8px}.how-link svg{width:15px;height:15px}.explainer{padding-top:20px}.explain-intro{margin-bottom:21px}.back-link{font-size:8px;margin-bottom:12px}.explain-intro h1{font-size:25px;letter-spacing:-.5px}.explain-intro>p{font-size:12px;line-height:1.8}.explain-grid{grid-template-columns:1fr;gap:16px}.explain-step{padding:15px 16px 18px}.step-label{font-size:7px;gap:7px}.explain-art{height:202px;margin:15px -1px 16px;padding-bottom:25px}.explain-art figcaption{font-size:6px}.explain-step h2{font-size:10px;margin-bottom:8px}.explain-step p{font-size:12px;line-height:1.8}.sensory-art{gap:15px;padding-left:4px;padding-right:4px}.pixel-monitor{padding:4px;border-width:2px;box-shadow:4px 4px 0 #303b4e}.pixel-eye:before{left:-14px;width:13px}.explain-note{padding:16px;gap:12px;margin-top:18px}.explain-note h2{font-size:9px}.note-icon{width:23px;height:23px;font-size:16px}.explain-note p{font-size:11px}.return-link{font-size:9px;margin-top:18px}footer .connection{max-width:none;font-size:7px}}
@media(max-width:360px){.how-link{font-size:7px;gap:5px}.how-link svg{width:13px;height:13px}.explain-intro h1{font-size:22px}.explain-step{padding:13px}.step-label{font-size:6px}.explain-art{height:182px}.pixel-eye>span{font-size:5px}}

.coin .coin-price{font:9px Mono,monospace;color:var(--muted);margin-top:4px;white-space:nowrap}
#valuation-age.positive{color:var(--acid)}

@media(max-width:780px){.holding .watching{position:absolute;top:9px;right:9px}.coin .coin-price{font-size:8px}}

.activity-source{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 0;font:10px var(--mono,monospace);letter-spacing:.04em;color:#b4b7c4}.activity-source a{color:#bdff32;white-space:nowrap}.activity-source a[hidden]{display:none}