*{box-sizing:border-box}body{margin:0;background:#100e0c;color:#f5f2ee;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #a5ffb3;outline-offset:5px}button{color:inherit} .vault{position:relative;aspect-ratio:1672/941;min-height:620px;width:100%;overflow:hidden;background:url('assets/vault-background.png') center/100% 100% no-repeat;container-type:inline-size}header{position:absolute;z-index:5;left:4%;right:4%;top:2%;height:5%;display:flex;align-items:center;gap:5%;padding:1% 2%;background:linear-gradient(90deg,#100f0dec,#100f0d90);border-bottom:1px solid #ffffff15;border-radius:8px}.brand{font-size:2cqw;letter-spacing:.05em;text-decoration:none;color:white}.brand b{color:#ff741e}nav{display:flex;gap:2.4cqw}nav button{background:none;border:0;font-size:.9cqw}.prototype{margin-left:auto;font-size:.65cqw;letter-spacing:.15em;color:#c2b3a4}.intro{position:absolute;left:3%;top:23%;width:34%;z-index:4}.eyebrow{color:#e7a071;font-size:.65cqw;letter-spacing:.24em}h1{font-size:3.5cqw;line-height:1.12;letter-spacing:-.045em;margin:1.4cqw 0}h1 em{font-style:normal;color:#ff791f}p{color:#c9c4be;line-height:1.6}.intro p{font-size:1.1cqw}.actions{display:flex;gap:1cqw;margin-top:2.3cqw}.actions button{padding:1.05cqw 1.5cqw;border-radius:30px;font-size:.85cqw}.primary{background:#ff6b0a;border:1px solid #ff954f;color:white;box-shadow:0 5px 30px #ff660022}.primary span{margin-left:1.5cqw}.secondary{border:1px solid #ffffff65;background:#17130e80}.sculpture{position:absolute;left:35.2%;top:13%;width:28%;height:45%;pointer-events:none}.sculpture canvas,.fallback{position:absolute;width:100%;height:100%;object-fit:contain}.fallback{opacity:.95}.ready .fallback{display:none}.mist{position:absolute;bottom:0;left:10%;width:80%;height:20%;background:radial-gradient(ellipse,#ffe2bd23,transparent 65%);filter:blur(15px);animation:mist 13s ease-in-out infinite alternate}.lightpaths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lightpaths path{fill:none;stroke:#ffdba8;stroke-width:3;stroke-linecap:round;stroke-dasharray:25 600;filter:drop-shadow(0 0 5px #ff6a00);animation:flow 6s linear infinite}.lightpaths path:nth-child(2){animation-delay:-3s}.lightpaths path:nth-child(3){animation-delay:-1.5s}#signal{stroke:#9dff9d;opacity:0}.signal #signal{opacity:1;animation:flow 1.2s linear 2}.screen{position:absolute;left:69.4%;top:14.5%;width:28%;height:40%;padding:1.4cqw 1cqw;transform:rotate(-3deg);z-index:3}.screenhead{display:flex;align-items:center;justify-content:space-between;gap:1cqw}.screen h2{font-size:1.1cqw;letter-spacing:.18em;font-weight:400;margin:0}.screenhead span{font-size:.51cqw;letter-spacing:.12em;white-space:nowrap;color:#cbbdaf}i{display:inline-block;width:.35cqw;height:.35cqw;background:#ff7c28;border-radius:50%;box-shadow:0 0 8px #ff8a24;margin-right:.3cqw;animation:beacon 4s infinite}.token{width:100%;display:flex;align-items:center;gap:.8cqw;text-align:left;border:1px solid #ffffff13;background:#211b1660;border-radius:8px;padding:.7cqw;margin-top:.65cqw;transition:.25s}.token:hover{background:#ff77251c;border-color:#ff9b5570;transform:translateX(-3px)}.coin{width:2.2cqw;height:2.2cqw;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#736452,#161412);border:1px solid #bc987650;color:#ffb580;font-size:1.15cqw}.token strong{font-size:.85cqw;font-weight:500;letter-spacing:.06em}.token small{display:block;font-size:.65cqw;color:#b5aaa0;margin-top:.3cqw}.chart{width:37%;height:2cqw;margin-left:auto}.chart path{fill:none;stroke:#ff993f;stroke-width:1.5;filter:drop-shadow(0 0 3px #ff8a0055)}.arrow{font-size:1.2cqw;color:#dab99d}.screen>small{display:block;font-size:.55cqw;color:#b2a69a;margin-top:.6cqw}.console{position:absolute;left:65.5%;top:58.4%;width:32.4%;height:14%;display:flex;transform:skewX(-15deg) rotate(2deg);z-index:5;gap:1%}.mode{position:relative;width:33.33%;border:1px solid transparent;background:transparent;display:flex;align-items:center;flex-direction:column;padding:0;transition:.3s}.mode:hover,.mode.selected{background:linear-gradient(0deg,#4dff4820,transparent);border-color:#81ff4e28}.symbol{display:block;width:3.2cqw;height:3.2cqw;background-image:url('assets/mode-symbols.png');background-size:300% 100%;background-repeat:no-repeat;transform:skewX(15deg);filter:drop-shadow(0 0 5px #ff9a3444)}.symbol.rewards{background-position:0 center}.symbol.burn{background-position:50% center}.symbol.draw{background-position:100% center}.mode strong{font-weight:500;font-size:.7cqw;letter-spacing:.12em;transform:skewX(15deg);color:#ffbc75;margin-top:.2cqw}.lamp{position:absolute;bottom:7%;left:39%;width:28%;height:13%;border:2px solid #e2b38a;border-radius:50%;background:radial-gradient(ellipse,#ffe7aa,#ff6800 55%,#49220d 76%);box-shadow:0 0 8px #ff761166;transition:.25s}.mode:hover .lamp,.mode.selected .lamp{background:radial-gradient(ellipse,#f0ffe3,#72ff63 55%,#15431b 76%);box-shadow:0 0 12px #5aff47,0 9px 20px #43ff5140;border-color:#ceffc6}.mode:hover strong,.mode.selected strong{color:#c6ffb6}.mode.selected .symbol{animation:symbol 4s ease-in-out infinite}.mode-info{position:absolute;left:68%;top:78%;width:29%;padding:.8cqw 1.1cqw;background:#100d0bd9;border:1px solid #ad714b35;border-radius:8px}.mode-info span{color:#a8f5a0;letter-spacing:.18em;font-size:.65cqw}.mode-info p{font-size:.8cqw;margin:.3cqw 0}footer{position:absolute;bottom:1%;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:.55cqw;letter-spacing:.14em;color:#baa898}footer button{background:#18130ed9;border:1px solid #987b5e60;border-radius:20px;padding:.5cqw 1cqw;font-size:.65cqw}dialog{width:min(620px,90vw);background:#181410;color:#fff;border:1px solid #ae6835;border-radius:18px;padding:40px;box-shadow:0 30px 100px #000}dialog::backdrop{background:#090706c9;backdrop-filter:blur(8px)}dialog .eyebrow{font-size:10px}dialog h2{font-size:30px}dialog p{font-size:15px}#close{float:right;background:none;border:0;font-size:28px}dialog .token{padding:14px}dialog .token strong{font-size:16px}dialog .token small{font-size:12px}dialog .coin{width:40px;height:40px;font-size:20px}dialog .chart{height:30px}dialog .arrow{font-size:22px}.paused *{animation-play-state:paused!important}@keyframes flow{from{stroke-dashoffset:625}to{stroke-dashoffset:0}}@keyframes mist{to{transform:translateY(-20%) scale(1.2);opacity:.4}}@keyframes beacon{50%{opacity:.4}}@keyframes symbol{50%{transform:skewX(15deg) translateY(-3px);filter:drop-shadow(0 0 9px #ff9a34)}}
@media(max-width:700px){.vault{aspect-ratio:auto;min-height:1100px;background-size:auto 680px;background-position:50% 0;background-repeat:no-repeat}header{top:16px;height:50px;left:4%;right:4%;padding:10px}.brand{font-size:23px}nav{margin-left:auto;gap:16px}nav button{font-size:12px}.prototype{display:none}.intro{top:90px;left:6%;width:88%;text-shadow:0 2px 20px #000}.eyebrow{font-size:10px}h1{font-size:39px;max-width:350px}.intro p{font-size:14px}.actions{margin-top:20px;gap:10px}.actions button{font-size:12px;padding:12px 18px}.sculpture{left:20%;top:290px;width:60%;height:270px}.lightpaths{display:none}.screen{left:5%;top:570px;width:90%;height:285px;transform:none;background:#15120feF;border:1px solid #714b30;border-radius:12px;padding:16px}.screen h2{font-size:14px}.screenhead span{font-size:8px}i{width:5px;height:5px}.token{padding:9px;gap:12px;margin-top:7px}.coin{width:30px;height:30px;font-size:15px}.token strong{font-size:13px}.token small{font-size:10px;margin-top:3px}.chart{height:23px}.arrow{font-size:18px}.screen>small{font-size:9px;margin-top:8px}.console{left:5%;top:875px;width:90%;height:100px;transform:none;gap:8px}.mode{background:#211a14;border:1px solid #76533a;border-radius:10px;padding:8px}.symbol{width:36px;height:36px;transform:none}.mode strong{font-size:10px;transform:none}.lamp{height:10px;bottom:9px;left:37%;width:26%}.mode-info{top:990px;left:5%;width:90%;padding:10px}.mode-info span{font-size:10px}.mode-info p{font-size:12px}footer{font-size:7px;bottom:8px}footer button{font-size:10px;padding:6px 10px}}
/* Scene coordinates match the 1672 × 941 background plate. */
@media(min-width:701px){
.console{inset:0;width:100%;height:100%;transform:none;display:block;pointer-events:none}
.mode{position:absolute;pointer-events:auto;display:block;padding:0;border:0;border-radius:0;transform:none;background:transparent!important}
.mode::before{content:'';position:absolute;inset:0;clip-path:var(--panel);background:linear-gradient(0deg,#72ff4826,transparent 85%);opacity:0;transition:opacity .25s;pointer-events:none}
.mode:hover::before,.mode.selected::before{opacity:1}
.mode:nth-child(1){left:66.27%;top:59.19%;width:11.24%;height:10.84%;--panel:polygon(28% 0,100% 1%,76% 100%,0 92%)}
.mode:nth-child(2){left:76.08%;top:59.51%;width:11.12%;height:11.16%;--panel:polygon(23% 0,100% 0,79% 100%,0 94%)}
.mode:nth-child(3){left:86.30%;top:59.72%;width:11.36%;height:12.01%;--panel:polygon(18% 0,100% 0,89% 100%,0 95%)}
.mode .symbol{position:absolute;top:6%;left:43%;width:2.65cqw;height:2.65cqw;transform:none}
.mode strong{position:absolute;top:54%;left:22%;width:70%;margin:0;transform:none;font-size:.68cqw}
.mode .lamp{top:auto;bottom:auto;left:var(--lx);top:var(--ly);width:2.18cqw;height:.69cqw;transform:translate(-50%,-50%) rotate(-3deg);border:0;box-shadow:inset 0 0 3px #ffcd89,0 0 7px #ff761155;background:radial-gradient(ellipse,#ffca6b,#ee690b 70%,#5c290c)}
.mode:nth-child(1) .lamp{--lx:40.43%;--ly:86.27%}
.mode:nth-child(2) .lamp{--lx:41.40%;--ly:85.71%}
.mode:nth-child(3) .lamp{--lx:44.74%;--ly:85.84%;transform:translate(-50%,-50%) rotate(2deg)}
.mode:hover .lamp,.mode.selected .lamp{background:radial-gradient(ellipse,#e3ffd2,#78f752 60%,#367d22);box-shadow:inset 0 0 3px #dcffc6,0 0 12px #5aff47,0 6px 14px #43ff5140}
.mode.selected .symbol{animation:panel-symbol 4s ease-in-out infinite}
.mode:focus-visible{outline:none}.mode:focus-visible::before{opacity:1}
@keyframes panel-symbol{50%{transform:translateY(-2px);filter:drop-shadow(0 0 9px #ff9a34)}}
}
.lightpaths path{stroke-width:2;stroke-dasharray:18 900;animation:floor-travel 7s linear infinite;filter:drop-shadow(0 0 3px #ff8000)}
@keyframes floor-travel{from{stroke-dashoffset:918}to{stroke-dashoffset:0}}
@media(min-width:701px){.screen{left:0;top:0;width:28.7081cqw;height:23.9234cqw;transform-origin:0 0;padding:1.1cqw 1cqw;overflow:hidden}.screenhead{margin-bottom:.6cqw}.screen h2{font-size:1.05cqw}.screen .token{margin-top:.65cqw;padding:.75cqw}.screen>small{margin-top:.8cqw}}

.market-values{margin-left:auto;text-align:right;white-space:nowrap}.token-label{min-width:0}.token-label strong{display:block;max-width:6cqw;overflow:hidden;text-overflow:ellipsis}.coin{position:relative;flex-shrink:0;overflow:hidden}.coin img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.terminal-state{min-height:14cqw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.terminal-state p{font-size:1cqw}.terminal-state button{padding:.7cqw 1cqw;background:#ff751a;border:0;border-radius:30px;font-size:.8cqw}.screen:not(.mapped){visibility:hidden}
@media(max-width:700px){.screen:not(.mapped){visibility:visible}.terminal-state{min-height:180px}.terminal-state p{font-size:16px}.terminal-state button{font-size:14px;padding:10px 15px}.token-label strong{max-width:90px}.market-values strong{font-size:12px}.market-values small{font-size:9px}}