.lb-panel{width:var(--feature-column);height:min(66vh,560px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px 16px 12px;min-width:0}.lb-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.lb-title{margin:0;font-size:clamp(14px,1.4vw,19px);font-weight:400;letter-spacing:.18em;color:var(--accent)}.lb-metric{font-size:10px;letter-spacing:.22em;color:var(--text-dim);white-space:nowrap}.lb-rows{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:none;--lb-turn-from: 0;flex:1;min-height:0}.lb-rows::-webkit-scrollbar{display:none}.lb-rows[data-page-direction]{animation:lb-page-turn .22s cubic-bezier(.22,.7,.2,1) both}.lb-rows[data-page-direction=forward]{--lb-turn-from: 4%}.lb-rows[data-page-direction=back]{--lb-turn-from: -4%}@keyframes lb-page-turn{0%{opacity:0;transform:translate3d(var(--lb-turn-from),0,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.lb-rows[data-page-direction]{animation:none}}.lb-row-item{display:block}.lb-row{width:100%;text-align:left;text-transform:inherit;display:grid;grid-template-columns:2.4ch 1fr auto auto;align-items:center;gap:12px;padding:0 10px;min-height:36px;border:1px solid transparent;border-radius:var(--radius);background:#e2eefc08;font-size:12px}.lb-rows>li:nth-child(2n) .lb-row{background:transparent}.lb-row.is-open{background:var(--panel-strong);border-color:var(--line-bright)}.lb-rank{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right}.lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em;text-transform:none}.lb-anon{color:var(--text-dim);font-style:italic}.lb-value{font-variant-numeric:tabular-nums;letter-spacing:.04em}.lb-row.is-me{background:var(--panel-strong);border-color:var(--line-bright)}.lb-row.is-me .lb-rank,.lb-row.is-me .lb-value{color:var(--accent)}.lb-you{padding:1px 6px;border:1px solid var(--accent);border-radius:var(--radius);font-size:9px;line-height:13px;letter-spacing:.16em;color:var(--accent)}.lb-note{margin:14px 0 0;font-size:11px;letter-spacing:.1em;color:var(--text-dim)}.lb-inline-link{padding:0;border:0;background:none;color:var(--accent);text-decoration:underline;letter-spacing:inherit;font-size:inherit}.lb-pager{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.lb-page-btn{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text-dim);font-size:10px;letter-spacing:.16em;white-space:nowrap;touch-action:manipulation}.lb-page-btn:disabled{opacity:.35;cursor:not-allowed}.lb-range{font-size:10px;letter-spacing:.12em;color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:center}@media(max-width:1100px){.lb-panel{height:auto;min-height:40vh}}.lb-view{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap);min-width:0;pointer-events:none}.lb-view>*{pointer-events:auto}.sr-panel{width:min(30%,340px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px 16px 12px;min-width:0}.sr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.sr-identity{min-width:0}.sr-eyebrow{display:block;font-size:9px;letter-spacing:.22em;color:var(--text-dim)}.sr-name{margin:2px 0 0;font-size:clamp(13px,1.3vw,17px);font-weight:400;letter-spacing:.12em;color:var(--accent);text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-close{flex:none;min-height:28px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text-dim);font-size:11px;line-height:26px}.sr-body{flex:none;transition:opacity .16s ease;animation:sr-swap .22s cubic-bezier(.22,.7,.2,1) backwards}.sr-body[data-stale=true]{opacity:.45}@keyframes sr-swap{0%{opacity:0;transform:translate3d(0,6px,0)}}@media(prefers-reduced-motion:reduce){.sr-body{animation:none;transition:none}}.sr-group{padding:10px 0;border-bottom:1px solid var(--line)}.sr-group:last-child{border-bottom:0}.sr-group-title{margin:0 0 6px;font-size:9px;font-weight:400;letter-spacing:.22em;color:var(--text-dim)}.sr-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px;font-size:11px}.sr-stat-label{color:var(--text-dim);letter-spacing:.1em;white-space:nowrap}.sr-stat-value{min-width:0;text-align:right;letter-spacing:.06em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-piece{display:flex;align-items:center;gap:6px;text-transform:none}.sr-chip{flex:none;width:9px;height:9px;border:1px solid var(--line);border-radius:50%;background:transparent}.sr-empty{margin:0;font-size:11px;letter-spacing:.1em;color:var(--text-dim)}@media(max-width:1100px){.lb-view{flex-direction:column}.lb-view.has-record .lb-panel{display:none}.sr-panel{width:100%}}.hud{--column: min(58%, 1000px);--feature-column: min(42%, 700px, 62vh);--card-row: clamp(112px, 12vh, 124px);position:absolute;inset:0;z-index:10;padding:calc(var(--edge) + env(safe-area-inset-top)) calc(var(--edge) + env(safe-area-inset-right)) calc(var(--edge) + env(safe-area-inset-bottom)) calc(var(--edge) + env(safe-area-inset-left));display:flex;flex-direction:column;gap:var(--gap);pointer-events:none;text-transform:uppercase;letter-spacing:.1em;overflow-y:auto;overscroll-behavior:contain}.hud>*{pointer-events:auto;flex:none}.hud-features{width:var(--feature-column);display:grid;grid-template-columns:1fr;grid-template-rows:auto var(--card-row) var(--card-row);gap:var(--gap)}.feature{position:relative;overflow:hidden;display:flex;align-items:flex-end;border:1px solid var(--line);border-radius:var(--radius);background:#0a0e15;color:var(--text);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.feature-socials{background:linear-gradient(160deg,#1e2c408c,#0a0e15 70%)}.feature-social-frame{display:flex;align-items:flex-end;width:100%;height:100%;color:inherit;text-decoration:none;position:relative;z-index:1;--slide-from: 0;animation:social-slide .52s cubic-bezier(.22,.7,.2,1) backwards}.feature-social-frame[data-direction=forward]{--slide-from: 28px}.feature-social-frame[data-direction=back]{--slide-from: -28px}@keyframes social-slide{0%{transform:translate3d(var(--slide-from),0,0)}to{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.feature-social-frame{animation:none}}.feature-social-icon{color:#fff;vertical-align:-3px}.feature-social-icon[data-labelled=true]{margin-right:7px}.feature-social-dots{position:absolute;right:12px;top:12px;display:flex;gap:5px}.feature-social-dots span{width:5px;height:5px;border-radius:50%;background:var(--line-bright)}.feature-social-dots .is-on{background:var(--accent)}.feature-stream{aspect-ratio:16 / 9;background:#000}.feature-offline{aspect-ratio:16 / 9}.feature.feature-stream:after{content:none}.stream-embed{width:100%;height:100%;border:0;display:block}.feature-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out,opacity .25s ease;opacity:.82}.feature:hover .feature-art,.feature:focus-visible .feature-art{transform:scale(1.04);opacity:1}.feature:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#04070c1a,#04070c8c 55%,#04070ceb)}.feature-copy{position:relative;z-index:1;width:100%;height:100%;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.feature-head{display:flex;flex-direction:column;gap:3px}.feature-meta{display:flex;flex-direction:column;gap:5px}.feature-eyebrow{font-size:11px;letter-spacing:.22em;color:var(--accent)}.feature-title{font-size:clamp(17px,1.6vw,27px);letter-spacing:.08em;line-height:1.15;text-wrap:balance}.feature-sub{font-size:11px;line-height:15px;letter-spacing:.1em;color:var(--text-dim);text-transform:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.bar{height:4px;background:#e2eefc29;border-radius:2px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);transition:width .4s ease-out}.bar-count{font-size:11px;line-height:15px;letter-spacing:.1em;color:var(--text-dim);font-variant-numeric:tabular-nums}.hud-quests{width:var(--column);margin-top:auto;display:flex;flex-direction:column;gap:8px}.hud-section-title{margin:0;font-size:11px;font-weight:400;letter-spacing:.22em;color:var(--text-dim)}.quest-note{margin:0;padding:18px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);font-size:12px;letter-spacing:.1em;color:var(--text-dim)}.quest-strip{list-style:none;margin:0;padding:0;display:flex;gap:var(--gap);overflow-x:auto;scrollbar-width:thin}.quest{flex:1 0 236px;min-width:236px;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.quest.is-done{opacity:.55}.quest-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.quest-title{font-size:13px;letter-spacing:.1em}.quest-reward{font-size:11px;letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.quest-desc{margin:5px 0 9px;font-size:11px;line-height:1.4;letter-spacing:.02em;color:var(--text-dim);text-transform:none}.quest-foot{display:flex;justify-content:space-between;gap:8px;margin-top:5px;font-size:10px;letter-spacing:.1em;color:var(--text-dim);font-variant-numeric:tabular-nums}.quest-period{text-transform:capitalize}@media(max-width:1220px){.hud-top{grid-template-columns:minmax(0,auto) auto;grid-template-areas:"user balance" "nav nav";row-gap:var(--gap);justify-content:space-between}.hud-user,.hud-login{min-width:0}.hud-user{grid-area:user}.hud-balance{grid-area:balance}.hud-nav{grid-area:nav;justify-self:stretch}}@media(max-width:1100px){.home-root{--column: 100%;--feature-column: 100%}.home-root{--card-row: 150px}.hud-quests{margin-top:18px}.home-vignette{background:#020407b8}}@media(min-width:1101px)and (max-height:620px){.home-root{--card-row: 112px}}@media(prefers-reduced-motion:reduce){.home-root a,.feature-art,.bar>span{transition:none}.feature:hover .feature-art,.feature:focus-visible .feature-art{transform:none}}.hud.is-holo .feature{border-color:#78b2f057}.hud.is-holo .feature:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(var(--holo-edge),var(--holo-edge)),linear-gradient(var(--holo-edge),var(--holo-edge)),linear-gradient(var(--holo-edge),var(--holo-edge)),linear-gradient(var(--holo-edge),var(--holo-edge)),var(--scan);background-size:14px 1px,1px 14px,14px 1px,1px 14px,auto;background-position:0 0,0 0,100% 100%,100% 100%,0 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat;opacity:.85}.hud.is-holo .quest{position:relative;background:var(--scan),var(--holo-card);border-color:var(--holo-line)}.hud.is-holo .quest-head{position:relative;z-index:3}.hud.is-holo .hud-section-title{color:var(--text)}.hud.is-holo .bar>span{box-shadow:0 0 10px -2px #d9a441a6}@media(min-width:1101px){.hud.is-holo{--bar-gap: 18px;display:grid;grid-template-columns:var(--feature-column) min(30%,400px);grid-template-rows:auto auto;justify-content:space-between;align-content:start;⚠️ `hud.css` declares the same perspective on bare `.is-holo`,because the nav needs one on every screen and not only this one. Both are kept,so that Home's columns do not depend on
a nav rule someone could remove. **They must hold the same value** — two vanishing points at different depths on one screen is a difference you can see. */ perspective: 1000px;perspective-origin:50% 50%}.hud.is-holo .hud-bar{grid-column:1 / -1}.hud.is-holo .hud-features{grid-column:1;grid-row:2;width:auto;margin-top:0}.hud.is-holo .hud-quests{grid-column:2;grid-row:2;align-self:start;justify-self:end;margin-top:0;width:auto;padding:8px 12px;border-radius:var(--radius);background:var(--panel)}.hud.is-holo .quest-strip{flex-direction:column;overflow-x:visible;overflow-y:auto}.hud.is-holo .quest{flex:0 0 auto}.hud.is-holo .hud-quests{transform-style:preserve-3d}.hud.is-holo .hud-features{perspective:1000px;perspective-origin:50% 50%;transform-style:flat}.hud.is-holo .hud-features{transform:rotateY(9deg);transform-origin:left center;will-change:transform}.hud.is-holo .hud-quests{transform:rotateY(-9deg);transform-origin:right center;will-change:transform}.hud.is-holo .feature{transition:background-color .15s ease,border-color .2s ease,box-shadow .2s ease,color .15s ease,translate .22s cubic-bezier(.22,.7,.2,1);translate:0 0 0;will-change:translate}.hud.is-holo .feature:hover,.hud.is-holo .feature:focus-visible{translate:0 0 56px;box-shadow:0 0 40px -10px #96cdffb3}.hud.is-holo .lb-view{display:contents}.hud.is-holo .lb-panel{grid-column:1;grid-row:2;width:auto}.hud.is-holo .sr-panel{grid-column:2;grid-row:2;align-self:start;width:auto}.hud.is-holo.is-record .hud-quests{visibility:hidden;opacity:0;translate:0 0 -40px;pointer-events:none;transition:opacity .16s ease,translate .16s ease,visibility 0s linear .16s}.hud.is-holo .hud-quests{opacity:1;transition:opacity .22s ease .06s,translate .22s ease .06s,visibility 0s linear}.hud.is-holo .sr-panel{animation:sr-enter .26s cubic-bezier(.22,.7,.2,1) .1s backwards}@keyframes sr-enter{0%{opacity:0;translate:0 0 -40px}}.hud.is-holo .lb-panel{transform:rotateY(9deg);transform-origin:left center;will-change:transform}.hud.is-holo .sr-panel{transform:rotateY(-9deg);transform-origin:right center;will-change:transform}.hud.is-holo button.lb-row:hover,.hud.is-holo button.lb-row:focus-visible{background:#8ec8ff29;box-shadow:var(--spec),0 0 22px -8px #96cdffb3}}@media(prefers-reduced-motion:reduce){.hud.is-holo .feature{transition:background-color .15s ease,border-color .2s ease,box-shadow .2s ease,color .15s ease}.hud.is-holo .feature:hover,.hud.is-holo .feature:focus-visible{translate:none}.hud.is-holo.is-record .hud-quests{translate:none}.hud.is-holo .sr-panel{animation-name:sr-fade}@keyframes sr-fade{0%{opacity:0}}}