@import"https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Display:wght@400;700;800&family=JetBrains+Mono:wght@300;400;500;700&display=swap";:root{--bg: #000000;--bg-soft: rgba(255, 255, 255, .025);--bg-glass: rgba(0, 0, 0, .62);--ink: #f4f3ed;--ink-2: #c9c4b4;--ink-dim: #8a857a;--ink-mute: rgba(244, 243, 237, .16);--ink-mute-2:rgba(244, 243, 237, .32);--accent: #f5b800;--accent-2: #d09600;--accent-soft: rgba(245, 184, 0, .12);--danger: #d93030;--ok: #6ec48a;--font-display: "Big Shoulders Stencil Display", "Big Shoulders Display", Impact, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-mono);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;letter-spacing:.02em}a{color:var(--ink);text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}#pivox-canvas{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:0}#pivox-canvas canvas{display:block}.layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.layer>*{pointer-events:auto}.tele{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);display:inline-flex;align-items:baseline;gap:8px}.tele .v{color:var(--ink);font-weight:500;letter-spacing:.06em}.tele .v.amber{color:var(--accent)}.tele .v.dim{color:var(--ink-dim)}.tele .sep{color:var(--ink-mute-2)}.display{font-family:var(--font-display);font-weight:800;letter-spacing:.04em;line-height:.88;text-transform:uppercase;color:var(--ink)}.label{font-family:var(--font-mono);font-weight:400;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-dim)}.frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;padding:28px 32px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:12px}.frame>*{pointer-events:auto}.frame-tl{grid-column:1;grid-row:1}.frame-tr{grid-column:2;grid-row:1;justify-self:end;text-align:right}.frame-body{grid-column:1 / -1;grid-row:2;align-self:center}.frame-bl{grid-column:1;grid-row:3}.frame-br{grid-column:2;grid-row:3;justify-self:end;text-align:right}.brackets{position:fixed;top:18px;right:18px;bottom:18px;left:18px;pointer-events:none;z-index:2}.brackets:before,.brackets:after,.brackets>.bl,.brackets>.br{content:"";position:absolute;width:28px;height:28px;border:1px solid var(--ink-mute-2)}.brackets:before{top:0;left:0;border-right:0;border-bottom:0}.brackets:after{top:0;right:0;border-left:0;border-bottom:0}.brackets>.bl{bottom:0;left:0;border-right:0;border-top:0}.brackets>.br{bottom:0;right:0;border-left:0;border-top:0}.line-btn{display:inline-flex;align-items:baseline;gap:14px;padding:10px 0;font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:color .15s ease,padding-left .18s ease}.line-btn:before{content:"▸";color:var(--accent);font-size:13px;transition:transform .18s ease}.line-btn:hover{color:var(--accent);padding-left:6px}.line-btn:hover:before{transform:translate(2px)}.line-btn.dim{color:var(--ink-dim)}.line-btn.dim:before{color:var(--ink-dim)}.line-btn.dim:hover{color:var(--ink)}.line-btn .meta{font-size:11px;letter-spacing:.22em;color:var(--ink-mute-2);font-weight:400}.box-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;min-width:0;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink-mute-2);background:transparent;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.box-btn:hover,.box-btn.primary{border-color:var(--accent);color:var(--accent)}.box-btn.primary:hover{background:var(--accent-soft)}.box-btn:disabled{opacity:.35;cursor:not-allowed}.title{font-family:var(--font-display);font-weight:800;font-size:clamp(72px,13vw,184px);letter-spacing:.02em;line-height:.86;color:var(--ink);margin:0;text-transform:uppercase}.title .accent{color:var(--accent)}.subtitle{font-family:var(--font-mono);font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--ink-dim);margin:14px 0 0}.divider{display:block;width:56px;height:1px;background:var(--ink-mute-2);margin:18px 0}.stamp{display:inline-flex;flex-direction:column;gap:6px}.stamp .l{font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-dim)}.stamp .v{font-family:var(--font-mono);font-size:18px;font-weight:500;letter-spacing:.06em;color:var(--ink)}.stamp .v.amber{color:var(--accent)}.stamp-row{display:inline-flex;gap:36px;align-items:flex-end}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;padding:22px 32px;display:flex;justify-content:space-between;align-items:flex-start;font-family:var(--font-mono)}.hud .tele{font-size:11px}.hud .tele .v{font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:40px;background:#00000085;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--font-mono)}.overlay-panel{position:relative;width:100%;max-width:760px;padding:28px 32px;background:var(--bg-glass);border:1px solid var(--ink-mute-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-panel:before,.overlay-panel:after{content:"";position:absolute;width:14px;height:14px}.overlay-panel:before{top:-1px;left:-1px;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.overlay-panel:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent)}.overlay-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--ink-mute)}.overlay-head h2{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:.08em;margin:0;color:var(--ink);text-transform:uppercase}.overlay-head .right{display:inline-flex;gap:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink-mute);border:1px solid var(--ink-mute)}.cards .card{background:#0000008c;padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:background .14s ease;text-align:left;font-family:var(--font-mono);color:var(--ink)}.cards .card:hover{background:#f5b8000d}.cards .card[data-rarity=rare] .name{color:var(--accent)}.cards .card .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.cards .card .name{font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;font-weight:500;text-transform:uppercase;color:var(--ink)}.cards .card .cost{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.08em}.cards .card .desc{font-size:11px;line-height:1.55;color:var(--ink-dim);letter-spacing:.02em}.cards .card[disabled],.cards .card[aria-disabled=true]{opacity:.32;pointer-events:none;cursor:not-allowed}.overlay-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--ink-mute)}.overlay-foot .hint{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim)}.unlock-list{border-top:1px solid var(--ink-mute)}.unlock-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 120px;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--ink-mute);font-family:var(--font-mono);color:var(--ink);cursor:pointer;background:transparent;width:100%;text-align:left;transition:background .14s ease,padding-left .14s ease}.unlock-row:hover{background:#f5b80008;padding-left:8px}.unlock-row .name{font-size:13px;letter-spacing:.14em;font-weight:500;text-transform:uppercase}.unlock-row .desc{font-size:11px;color:var(--ink-dim);margin-top:4px;letter-spacing:.02em}.unlock-row .cost{font-size:13px;color:var(--accent);text-align:right;letter-spacing:.06em}.unlock-row .status{text-align:right;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim)}.unlock-row[disabled]{opacity:.34;pointer-events:none}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:32px}.col{display:flex;flex-direction:column}.row{display:flex;align-items:center}.hint{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim)}@keyframes pivox-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fade-in>*{opacity:0;animation:pivox-fade-in .5s ease forwards}.fade-in>*:nth-child(1){animation-delay:0s}.fade-in>*:nth-child(2){animation-delay:.06s}.fade-in>*:nth-child(3){animation-delay:.12s}.fade-in>*:nth-child(4){animation-delay:.18s}.fade-in>*:nth-child(5){animation-delay:.24s}.fade-in>*:nth-child(6){animation-delay:.3s}@media(max-width:640px){.frame{padding:18px 16px}.title{font-size:clamp(56px,18vw,96px)}.hud{padding:14px 18px}.overlay{padding:16px}.overlay-panel{padding:18px 16px}.overlay-head{flex-wrap:wrap;gap:12px}.overlay-head h2{font-size:24px}.overlay-head .right{gap:18px}.cards{grid-template-columns:1fr}.cards .card{padding:12px 14px}.cards .card .top{gap:8px}.overlay-foot{flex-direction:column;align-items:stretch;gap:10px}.overlay-foot .hint{text-align:center}.overlay-foot .box-btn{justify-content:center}.unlock-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name cost" "desc status";row-gap:6px;column-gap:12px}.unlock-row .name{grid-area:name}.unlock-row .cost{grid-area:cost}.unlock-row .desc{grid-area:desc}.unlock-row .status{grid-area:status}}