:root{color:#20251f;background:#f6f2e8;font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(20,36,31,.05) 1px,transparent 1px),linear-gradient(rgba(20,36,31,.05) 1px,transparent 1px),#f6f2e8;background-size:36px 36px}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.topbar,.top-actions,.panel-head,.hero-copy span,.password-row{display:flex;align-items:center}.topbar{justify-content:space-between;gap:20px;margin-bottom:18px}.top-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.viewer-pill{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #d5cdbb;background:#ffffffa3;font-weight:900}.viewer-pill small{color:#607267;font-size:11px}.eyebrow{margin:0 0 4px;color:#607267;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:0}h2{font-size:18px;letter-spacing:0}.segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(44px,1fr);gap:3px;padding:4px;border:1px solid #d5cdbb;background:#ffffff80}.segmented button,.ghost-button,.icon-button,.gate button,.primary-button{border:0;min-height:36px;transition:transform .16s ease,background .16s ease,color .16s ease}.segmented button{padding:0 10px;background:transparent;color:#5f665d;font-size:13px;font-weight:800}.segmented button.active{background:#20251f;color:#f8f2df}.icon-button,.ghost-button,.primary-button{border:1px solid #20251f;background:#20251f;color:#f8f2df}.icon-button{width:38px}.ghost-button{display:inline-flex;align-items:center;gap:7px;padding:0 12px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;font-weight:900}.alert{margin-bottom:14px;padding:12px 14px;border:1px solid #9d331f;background:#fff0ea;color:#7c2414;font-weight:700}.compact-alert{margin:12px 0 0}.hero-band{position:relative;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(300px,1.25fr);min-height:230px;overflow:hidden;border:1px solid #20251f;background:#dce9df}.signal{position:relative;min-height:230px;background:#1f3029}.signal-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,247,222,.12) 1px,transparent 1px),linear-gradient(rgba(237,247,222,.12) 1px,transparent 1px);background-size:28px 28px}.signal-ring{position:absolute;inset:34px;border:2px solid #e0ff77;animation:breathe 3s ease-in-out infinite}.ring-two{inset:72px;border-color:#75d6c4;animation-delay:.5s}.signal-node{position:absolute;width:16px;aspect-ratio:1;background:#e0ff77;box-shadow:0 0 0 8px #e0ff7729}.node-a{left:20%;top:26%}.node-b{left:62%;top:58%;background:#ff8f5f}.node-c{left:42%;top:76%;background:#75d6c4}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vw,52px);gap:12px}.hero-copy span{width:fit-content;gap:8px;padding:8px 10px;border:1px solid #9fb2a3;background:#ffffff73;color:#314039;font-size:13px;font-weight:800}.hero-copy strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,7vw,76px);line-height:.95}.hero-copy small{color:#4b594f;font-size:16px;font-weight:700}.metrics-grid,.rank-grid,.workbench,.lower-grid,.trend-section{display:grid;gap:14px;margin-top:14px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.workbench{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lower-grid{grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr)}.trend-section{grid-template-columns:1fr}.metric,.panel{border:1px solid #d0c7b2;background:#fffcf4db;box-shadow:0 12px #20251f0d}.metric{min-height:132px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.metric span{width:36px;height:36px;display:grid;place-items:center;background:#20251f;color:#f8f2df}.metric svg{width:18px}.metric small,.panel p,.rank-item small,.machine small,.event-row small,.event-row time{color:#6c7167;font-size:12px;font-weight:700}.metric strong{font-family:Georgia,Times New Roman,serif;font-size:27px;word-break:break-word}.metric.compact strong{font-family:inherit;font-size:18px}.panel{min-height:320px;padding:18px}.token-panel,.admin-panel,.account-panel{min-height:260px}.panel-head{justify-content:space-between;gap:12px;margin-bottom:16px}.bars,.rank-list,.machine-list,.event-table{display:grid;gap:10px}.token-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.token-box{min-height:160px;margin:0;padding:14px;overflow:auto;border:1px solid #20251f;background:#16231d;color:#e0ff77;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.small-empty{min-height:120px}.compact-form{display:grid;gap:10px}.compact-form input{min-height:38px;width:100%;padding:0 10px;border:1px solid #d0c7b2;background:#fffaf0;outline:0}.form-message{margin-top:12px;color:#2c6e5b;font-size:13px;font-weight:800}.account-lines{display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:center}.account-lines span{color:#6c7167;font-size:12px;font-weight:900}.bar-row{display:grid;grid-template-columns:54px 1fr 96px;align-items:center;gap:12px;min-height:44px;font-size:13px}.bar-main{display:grid;gap:4px}.bar-track{height:20px;background:#ebe4d2}.bar-track i,.rank-item i{display:block;height:100%;min-width:3px;background:linear-gradient(90deg,#2c6e5b,#e0ff77)}.bar-row strong{text-align:right}.bar-row small{color:#6c7167;font-size:11px;font-weight:800;white-space:normal}.rank-item{position:relative;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px;overflow:hidden;border:1px solid #e1dac8;background:#fffaf0}.rank-item>*{position:relative;z-index:1}.rank-item i{position:absolute;inset:auto auto 0 0;height:3px}.rank-no{display:grid;place-items:center;height:32px;background:#203129;color:#e0ff77;font-weight:900}.rank-item div,.machine div{display:grid;gap:4px}.rank-item em,.event-row em,.machine b{font-style:normal;font-weight:900}.machine,.event-row{display:grid;align-items:center;gap:10px;min-height:52px;padding:10px 0;border-bottom:1px solid #e2dac7}.machine{grid-template-columns:1fr auto}.machine div:last-child{text-align:right}.event-row{grid-template-columns:.9fr 1fr 1.2fr .9fr auto 76px}.event-row span,.event-row strong,.event-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{display:grid;place-items:center;min-height:180px;color:#74796f;border:1px dashed #cfc5af;background:#fff6;font-weight:800}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,rgba(224,255,119,.26),transparent 26%),#1f3029}.gate-panel{width:min(420px,100%);padding:30px;border:1px solid rgba(248,242,223,.5);background:#f8f2df;box-shadow:16px 16px #00000038}.mark{width:56px;height:56px;display:grid;place-items:center;margin-bottom:20px;background:#20251f;color:#e0ff77}.gate h1{margin-bottom:24px}.gate form{display:grid;gap:12px}.gate label{display:grid;gap:7px;font-size:13px;font-weight:900}.gate-error{margin-bottom:14px;padding:10px 12px;border:1px solid #9d331f;background:#fff0ea;color:#7c2414;font-size:13px;font-weight:800}.password-row{height:46px;gap:10px;padding:0 12px;border:1px solid #20251f;background:#fffaf0}.password-row input{width:100%;border:0;outline:0;background:transparent}.gate button{height:46px;background:#20251f;color:#f8f2df;font-weight:900}@keyframes breathe{50%{transform:scale(1.04);opacity:.6}}@media(max-width:980px){.topbar,.hero-band,.rank-grid,.workbench,.lower-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.shell{width:min(100% - 20px,1440px);padding-top:16px}.topbar{align-items:flex-start}.top-actions{justify-content:flex-start}.metrics-grid{grid-template-columns:1fr}.panel,.metric{padding:14px}.hero-copy{padding:22px}.event-row{grid-template-columns:1fr auto}.event-row small,.event-row time{display:none}}
