/* Independently implemented PAPERx layout, measured against the reference on 2026-10-18. */
body{font-size:12px;background:#f4ecd8;font-variant-numeric:tabular-nums}
.top{height:48px;padding:0 18px;gap:24px;border-top:2px solid #2a2520;background:#eee6cf}
.brand{font-size:21px;letter-spacing:-.055em;white-space:nowrap}.brand .cursor{color:var(--red)}
nav{gap:8px}nav>button,.top .textbtn,.top .pop>button{font-size:12px;font-weight:500;padding:8px}
.environment{font-size:9px;letter-spacing:.09em;color:#7a6235;border:1px solid #d4cbba;padding:3px 5px;border-radius:3px}
.shell{height:calc(100dvh - 48px);min-height:620px;grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:minmax(340px,66%) minmax(180px,1fr);gap:0;padding:0}
.stage{display:contents}.chart-wrap{grid-area:1/1/2/2;border-right:1px solid var(--line)}.ticket{grid-area:1/2/2/3;border-radius:0;padding:12px 14px 0;gap:10px;min-height:0}
.dock{grid-area:2/1/3/3;grid-template-rows:39px minmax(0,1fr);border-top:1px solid var(--line);margin:0 8px 6px 0}
.dock-tabs{gap:10px}.dock-tabs>button{font-size:11px;white-space:nowrap;font-weight:500;padding:0 8px}.dock .table-wrap{background:rgba(255,255,255,.05);border-radius:7px;margin-left:3px}
.hud{left:14px;right:auto;gap:12px;top:11px;align-items:center}.hud .pill{min-width:0;height:34px;padding:5px 10px;font-size:12px}.hud .pill b{font-size:14px}#asset-btn{min-width:255px}
.mstats{padding:0;gap:0;border:1px solid rgba(42,37,32,.09);border-radius:5px;background:#eee6cf;height:34px;align-items:center}.mstats>div{font-size:9px;letter-spacing:.05em;border-right:1px solid var(--line);padding:10px}.mstats b{font-size:12px}
.hud-right{margin:0;gap:0;background:#eee6cf;height:34px;margin-left:-12px;border-radius:0 5px 5px 0}.hud-right .pill{border-left:0;border-radius:0;background:transparent}.live{font-size:11px;color:var(--green);padding:0 9px}
#asset-btn{position:relative;display:flex;align-items:center;gap:9px}#asset-btn em{margin-left:auto;font-size:10px;font-weight:600}.pill-price{font-weight:600;font-size:14px}.pill-divider{height:14px;width:1px;background:var(--line)}.pill-chevron{font-size:12px;color:var(--muted)}.coin-mark{position:absolute;left:5px;top:-6px;font-size:37px;line-height:1;color:#e5ddc6;opacity:.55;z-index:0}#asset-btn b{z-index:1}
.acct{background:#eee6cf;border:0;border-radius:5px;gap:0;padding:9px 10px}.equity{font-size:12px;padding-bottom:7px;border-bottom:1px solid var(--line)}.metrics{padding-top:6px;font-size:11px;gap:4px}
.sides{gap:0;background:#faf6ed;border:1px solid #d4cbba;border-radius:5px;padding:2px}.sides button{height:29px;border:0;border-radius:3px;font-size:12px;font-weight:600}
.field{display:grid;gap:3px}.field-label{display:block;text-align:right;font-size:10px;letter-spacing:.05em;font-weight:600}.inline{gap:4px}.qb{border:1px solid rgba(42,37,32,.11);border-radius:3px;background:#eee6cf;font-size:10px;padding:0 7px;height:24px;white-space:nowrap}.qb.selected{border-color:#7a6235;color:#2a2520;background:#dfd2b7}
#margin,#leverage{height:27px;min-width:50px;width:auto;flex:1;text-align:right;background:#faf6ed;border-radius:3px;padding:4px 7px;font-size:13px;font-weight:600}
.lev-small{display:none}#lev-range{width:100%;margin:5px 0 0;height:3px}.lev-ends{font-size:10px;letter-spacing:0;margin-top:-1px}.ov{display:flex;flex-direction:column;gap:3px}.avail,.ov div{font-size:11px;letter-spacing:0}.avail b,.ov b{font-size:12px}.avail{margin:3px 0 0}.gobtn{height:36px;border-radius:5px}.gobtn.long{background:#2d5f3a}.error:empty{display:none}.feed-state{font-size:9px;letter-spacing:.04em;color:var(--muted);text-align:center;opacity:.7}
.pos-foot{margin: auto -14px 0;padding:9px 14px 7px;border-top:1px solid var(--line);font-size:11px}#close-all{font-size:10px;border-radius:3px;padding:4px 8px}.ticket .gobtn{width:100%}
.debt-switch{font-size:11px;display:flex;align-items:center;justify-content:space-between}.debt-switch input{accent-color:var(--green)}
.ticket,.ticket .field,.ticket .inline{min-width:0}.ticket #margin,.ticket #leverage{width:0;min-width:0;flex:1 1 0}
.heat{max-width:70%;gap:8px}.chip{border:1px solid #d4cbba;border-radius:3px;background:#faf6ed;padding:3px 8px}.chip i{border-radius:0;background:transparent;font-size:19px;color:#faf6ed;text-shadow:0 0 1px #8b8068}.chip.up,.chip.down{background:rgba(255,255,255,.2)}
.page{padding:16px 14px 28px;min-height:calc(100dvh - 48px)}.page .panel{border:1px solid rgba(42,37,32,.1);background:rgba(250,246,237,.35);border-radius:6px;padding:13px;margin:0 0 12px;min-width:0}
.panel h3{font-size:11px;font-weight:600;letter-spacing:.045em;color:#7a7060;margin:0 0 12px;display:flex;align-items:center;gap:8px}.panel h3:not(:first-child){margin-top:20px}.panel>.stat-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:5px 0}.stat-row>span{color:#7a7060}.stat-row>b{color:#2a2520;font-size:12px;font-weight:600}.panel>div:not(.stat-row){display:block;padding:0}
.portfolio-top{display:grid;grid-template-columns:245px 270px minmax(300px,1fr);gap:12px}.portfolio-top .panel{height:100%}.portfolio-top .history-plot{height:270px}.portfolio-identity{padding:12px 0;color:var(--muted);font-size:11px}.page-tabs{height:40px;border-bottom:1px solid var(--line);padding:0;gap:6px;overflow:auto}.page-tabs button{flex-shrink:0}.page-tabs #pf-close{margin-left:auto}
.house-layout{display:grid;grid-template-columns:310px minmax(400px,1fr) minmax(280px,.75fr);gap:12px}.paper-layout{display:grid;grid-template-columns:270px minmax(400px,.9fr) minmax(400px,1.1fr);gap:12px}.large-value{font-size:24px;font-weight:500;letter-spacing:-.03em;margin:10px 0 20px}.panel .gobtn{width:100%;margin-top:10px}.history-plot{display:block;width:100%;height:180px;color:#7a7060}.plot-empty{display:grid!important;place-items:center;color:var(--muted);font-size:11px}.chart-controls{margin-left:auto;font-size:10px;font-weight:400}.chart-controls em{color:var(--green);font-style:normal;margin-left:8px}
.exposure-bar{height:6px!important;background:rgba(139,32,32,.2);border-radius:3px;margin:18px 0}.exposure-bar i{display:block;height:100%;background:rgba(45,95,58,.5)}.topology-row{display:flex!important;justify-content:space-between;margin:10px 0}.staking-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:14px;padding-top:18px!important}
.stats-kpis{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:12px}.stats-kpis .large-value{margin:12px 0 4px}.stats-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats-charts .panel{margin:0}
.table-scroll{overflow:auto}.table-scroll table{white-space:nowrap}th,td{font-size:11px;padding:9px 8px}.table-scroll th{font-size:10px;font-weight:500}.table-scroll tr:last-child td{border-bottom:0}.empty-note{padding:36px 16px;text-align:center;color:var(--muted)}
.leaderboard-toolbar{display:flex;gap:14px;align-items:center;margin:0 0 16px;flex-wrap:wrap}.segmented{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;gap:4px}.segmented button{padding:5px 12px;color:var(--muted)}.segmented button.on{background:#e8dec5;color:var(--ink)}.leaderboard-toolbar #name-form{margin-left:auto}#board-search,#name-form input{font-size:11px;background:#faf6ed}
.dashboard-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.dashboard-toolbar h2{margin:0}.dashboard-toolbar #add-widget{margin-left:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-grid article{position:relative;cursor:grab}.dashboard-grid article:first-child{grid-column:span 2}.dashboard-grid .panel{height:100%;margin:0}.widget-remove{position:absolute;right:8px;top:8px;color:var(--muted);font-size:18px}
.dashboard-grid .panel h3{padding-left:15px}.widget-handle{position:absolute;top:9px;left:9px;color:var(--muted);font-size:18px}.widget-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;padding:14px;background:#eee6cf;border:1px solid var(--line);border-radius:6px;margin-bottom:14px}.widget-gallery button{padding:12px;text-transform:capitalize;border:1px solid var(--line);border-radius:5px;text-align:left;background:#faf6ed}.widget-gallery button:disabled{opacity:.4}.dashboard-toolbar button.on{border-bottom:2px solid #2a2520}.dashboard-toolbar{flex-wrap:wrap}.dashboard-grid article{min-width:0}
.modal{z-index:50}.modal .card{border-radius:8px;position:relative;box-shadow:0 20px 80px #2a252022}.wallet-card{display:grid;gap:12px}.wallet-card p{line-height:1.65;margin:0}.wallet-card .gobtn{width:100%}.wallet-option{border:1px solid #d4cbba;border-radius:5px;padding:12px}.modal-x{position:absolute;right:12px;top:8px;font-size:23px;color:var(--muted)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#2a2520;color:#faf6ed;z-index:100;border-radius:6px;max-width:90vw;display:none}#toast.visible{display:block}
body.uwu{--green:#685c7a;--red:#a15272;--paper:#f6ebea;--page:#efdfdf}.uwu .ticket{background:#efe4e4}.uwu .gobtn.long{background:#685c7a}
.mobile-only{display:none!important}
@media(min-width:1800px){.shell{grid-template-columns:minmax(0,1fr) 286px}.top{height:48px}.lev-small{display:none}.house-layout{grid-template-columns:340px minmax(500px,1fr) minmax(400px,1fr)}.paper-layout{grid-template-columns:300px minmax(500px,.9fr) minmax(600px,1.2fr)}}
@media(max-width:1150px){.hud{gap:5px}#asset-btn{min-width:210px}.mstats>div{padding:9px 5px}.mstats>div:first-child{display:none}.hud-right{margin-left:-5px}.house-layout,.paper-layout{grid-template-columns:260px minmax(0,1fr)}.house-layout>div:last-child,.paper-layout>div:last-child{grid-column:1/-1}.portfolio-top{grid-template-columns:220px 240px minmax(220px,1fr)}.stats-kpis{grid-template-columns:repeat(3,1fr)}.top{gap:12px}nav{gap:0}.environment{display:none}}
@media(max-width:760px){.top{height:auto;min-height:82px;flex-wrap:wrap;gap:0;padding:7px 10px}.brand{font-size:20px}.session{gap:0;order:1}.session .textbtn{padding:6px;font-size:10px}.session .icon{width:25px;padding:5px}nav{order:2;width:100%;height:30px;justify-content:space-between;overflow:visible}nav>button,.top .pop>button{padding:5px 8px;font-size:11px}nav .menu{right:0}.shell{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:340px auto 280px}.chart-wrap{grid-area:1/1/2/2;border-right:0}.ticket{grid-area:2/1/3/2;padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;border-top:1px solid var(--line)}.ticket>.acct,.ticket>.sides,.ticket>.pos-foot,.ticket>#form-error,.ticket>#feed-state{grid-column:1/-1}.ticket>.avail,.ticket>.ov,.ticket>#submit,.ticket>.debt-switch{grid-column:1/-1}.ticket>.field{min-width:0}.pos-foot{margin:0 -14px -12px}.dock{grid-area:3/1/4/2;margin:0}.hud{left:8px;right:8px;top:8px;gap:5px;flex-wrap:wrap}#asset-btn{min-width:195px}.mstats{height:29px;order:3}.mstats>div{font-size:8px;padding:6px}.mstats>div:first-child{display:block}.mstats b{font-size:10px}.hud-right{height:29px;margin:0}.hud-right .pill{height:29px}.heat{max-width:35%;padding:2px}.dock-tabs{padding:0 4px;gap:0}.dock-tabs>button{font-size:10px;padding:0 7px}.page{min-height:calc(100dvh - 82px);padding:10px}.portfolio-top,.house-layout,.paper-layout{grid-template-columns:minmax(0,1fr)}.house-layout>div:last-child,.paper-layout>div:last-child{grid-column:auto}.portfolio-top .panel{height:auto}.portfolio-top .history-plot{height:180px}.portfolio-identity{overflow-wrap:anywhere}.stats-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.stats-kpis .large-value{font-size:21px}.stats-charts,.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-grid article:first-child{grid-column:auto}.dashboard-toolbar{flex-wrap:wrap}.dashboard-toolbar .hint{display:none}.status-kpis{gap:16px;font-size:10px;overflow:auto}.status-kpis b{font-size:12px}.table-wrap{padding:10px}.leaderboard-toolbar{gap:8px}.leaderboard-toolbar #name-form{margin-left:0}.top .menu{z-index:20}.large-value{font-size:22px}}
@media(max-width:760px){nav>button[data-view=leaderboard]{display:none}.mobile-only{display:block!important}.ticket{display:flex;gap:14px;flex-direction:column}.ticket>.acct{order:10;margin-top:10px}.ticket>.pos-foot{order:11}.ticket>.sides{order:1}.ticket>.avail{order:2}.ticket>.field{order:3}.ticket>.debt-switch{order:4}.ticket>.ov{order:5}.ticket>#submit{order:6;flex-shrink:0}.ticket>#form-error{order:7}.ticket>#feed-state{order:8}.ticket .lev-small{display:inline-block}.hud>.pop{flex-basis:100%}.hud .mstats{display:none}.hud-right{order:3}.hud-right .pill{border-left:1px solid var(--line)}.shell{grid-template-rows:340px auto 280px}.ticket .field{gap:7px}.ticket .sides button{height:32px}.ticket input[type=number]{height:30px}.ticket>.ov{margin-top:5px}.ticket .gobtn{height:36px}.ticket .acct{padding:10px}.hud #asset-btn{width:215px}#asset-btn .pill-price{font-size:12px}}

/* Computed-style calibration against the live reference, 2026-10-18. */
nav>button,.top .textbtn,.top .pop>button{font-weight:600;line-height:normal}
#asset-btn b{font-size:16px;font-weight:700;line-height:20px}.pill-price{font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.3px}#asset-btn em{font-size:11px;font-weight:500;line-height:20px}
.mstats>div{font-weight:500;line-height:16px;letter-spacing:.72px}.mstats b{font-size:12px;font-weight:500;line-height:16px;letter-spacing:normal}
.hud-right .pill{font-size:12px;font-weight:500;line-height:16px}.live{font-size:11px;font-weight:700;line-height:16px;letter-spacing:.5px}
.equity b{font-size:13px;font-weight:700;letter-spacing:-.065px}.metrics,.avail,.ov div{font-size:11px;font-weight:500}.metrics b,.avail b,.ov b{font-size:11px;font-weight:600}
.sides button{font-size:12px;font-weight:700}.field-label{font-size:11px;font-weight:600;letter-spacing:.5px}.qb{font-size:11px;font-weight:600;line-height:12.65px;letter-spacing:.11px}.lev-ends{font-size:10px;font-weight:400}.gobtn{font-size:13px;font-weight:600}
.dock-tabs>button{font-size:11px;font-weight:600;letter-spacing:.22px}.empty-note,.table-wrap.empty{font-size:11px;font-weight:400}.pos-foot{font-size:11px;font-weight:500;letter-spacing:.26px}.pos-foot button{font-size:10px;letter-spacing:.2px;font-weight:500}
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.admin-grid form{display:grid;gap:9px;padding:10px 0}.admin-grid input,.admin-grid select{width:100%;padding:7px;border:1px solid var(--line);background:var(--panel);border-radius:4px}.admin-grid label{display:grid;gap:5px}.admin-grid input[type=checkbox]{width:auto}.admin-grid .stat-row b{overflow-wrap:anywhere;max-width:68%;text-align:right}.admin-grid button{padding:9px;border:1px solid var(--line);border-radius:4px}.admin-grid #admin-result{grid-column:1/-1}
@media(max-width:760px){#asset-btn b{font-size:16px}.hud #asset-btn .pill-price{font-size:15px}.top .textbtn,nav>button,.top .pop>button{font-size:12px;font-weight:600}.field-label{font-size:11px}}

.trade-status{font-size:11px;line-height:1.4;color:var(--green);margin:0}.trade-status:empty{display:none}.page .panel h3{font-size:11px;font-weight:700;line-height:14.3px;letter-spacing:.65px}.page th{font-size:10px;font-weight:600;letter-spacing:.5px}.dashboard-toolbar>button{font-size:10px;font-weight:700;letter-spacing:.8px}.dashboard-toolbar>.hint{font-size:13px;font-weight:700;letter-spacing:.26px}.ticket>#trade-status{grid-column:1/-1}@media(max-width:760px){.ticket>#trade-status{order:7}}

.widget-categories{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.widget-categories button[aria-pressed=true]{background:#dfd2b7}.widget-gallery>button{display:flex;align-items:center;justify-content:space-between;gap:12px}.widget-gallery small{opacity:.6}.widget-resize{position:absolute;bottom:4px;right:5px;cursor:nwse-resize;font-size:20px;touch-action:none}.dashboard-grid article{padding-bottom:12px}.flow-bubbles{display:flex!important;flex-wrap:wrap;gap:9px}.flow-bubbles span{padding:14px;border:1px solid var(--line);border-radius:50%}.contract-address{overflow-wrap:anywhere}.risk-market svg{display:block;width:100%;height:86px}.risk-market>b{font-size:11px}@media(max-width:760px){.dashboard-grid article{grid-column:span 1!important}.widget-resize{display:none}}