:root{--night: #1d1629;--glass: rgba(24, 18, 38, .74);--line: rgba(182, 184, 255, .22);--lav: #b6b8ff;--acc: #8f7cff;--ok: #6fdcaa;--bad: #ff8f86}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:G,sans-serif;font-weight:300;color:#fff}#ui *{box-sizing:border-box}canvas.blur{filter:blur(10px) brightness(.55) saturate(1.1);transform:scale(1.04)}canvas.dim{filter:brightness(.42) saturate(.9)}.eyebrow{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:8px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-bottom-width:3px;font:400 14px G,sans-serif;color:#fff;margin-left:10px}button{font:inherit;color:inherit}.glass,.objective,.chip,.kyc,.prompt,.dialog,.gate-card,.district,.tag3d{background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--line);box-shadow:0 20px 60px #0a061859}.objective{position:absolute;left:40px;top:36px;width:520px;border-radius:20px;padding:20px 24px 18px;border-left:4px solid var(--lav)}.objective .goal{font-size:24px;line-height:1.32;margin:10px 0 14px}.objective .meta{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--lav)}.ping{width:10px;height:10px;border-radius:50%;background:var(--lav);box-shadow:0 0 0 5px #b6b8ff40}.topright{position:absolute;right:40px;top:36px;display:flex;gap:10px;align-items:center}.chip{height:56px;border-radius:16px;padding:0 18px;display:flex;align-items:center;font-size:17px}.chip b{font-weight:400;color:var(--lav);margin-left:4px}.kyc{height:56px;border-radius:16px;padding:0 18px 0 8px;display:flex;align-items:center;gap:12px}.kyc b{display:block;font-weight:400;font-size:15px;letter-spacing:.12em}.kyc small{font-size:13px;color:#fff9}.ring{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:400;color:var(--lav);background:conic-gradient(var(--lav) calc(var(--p) * 360deg),rgba(255,255,255,.12) 0);-webkit-mask:radial-gradient(circle,transparent 15px,#000 16px);position:relative}.kyc .ring{-webkit-mask:none;background:radial-gradient(circle,var(--night) 15px,transparent 16px),conic-gradient(var(--lav) calc(var(--p) * 360deg),rgba(255,255,255,.14) 0)}.minimap{position:absolute;right:40px;bottom:40px;width:220px;height:220px;border-radius:50%;overflow:hidden;border:2px solid var(--line);box-shadow:0 20px 60px #0a061873}.minimap canvas{width:220px;height:220px;display:block}.minimap .n{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:13px;color:#ffffffb3}.prompt{position:absolute;left:50%;bottom:56px;transform:translate(-50%);border-radius:18px;padding:14px 24px 14px 14px;display:flex;align-items:center;gap:16px}.prompt kbd{width:48px;height:48px;font-size:20px;margin:0;background:var(--lav);color:var(--night);border-color:#fff}.prompt b{display:block;font-weight:400;font-size:20px}.prompt small{font-size:15px;color:#fff9}.tag3d{position:absolute;transform:translate(-50%,-100%);border-radius:12px;padding:7px 14px;text-align:center}.tag3d b{display:block;font-weight:400;font-size:17px}.tag3d small{font-size:12px;color:#fff9}.tag3d.small{opacity:.8;padding:5px 10px}.tag3d.small b{font-size:14px}.tag3d.grey b{color:var(--bad)}.letterbox{position:absolute;left:0;right:0;height:84px;background:#0d0916}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.dialog{position:absolute;left:120px;right:120px;bottom:120px;border-radius:26px;padding:28px 34px 30px}.speaker{display:flex;align-items:center;gap:14px;margin-bottom:14px}.ava{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:400;color:#fff;background:var(--acc);flex:none}.speaker b{display:block;font-weight:400;font-size:21px}.speaker small{font-size:14px;color:#ffffff8c}.line{font-size:27px;line-height:1.42;margin:0 0 22px;max-width:1400px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice{display:flex;gap:16px;align-items:flex-start;text-align:left;border-radius:18px;padding:18px 20px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.16)}.choice .k{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:#ffffff1f;font-size:16px}.choice small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.choice b{display:block;font-weight:400;font-size:21px;line-height:1.3}.choice em{display:block;font-style:normal;font-size:15px;margin-top:8px;color:#ffffff8c}.choice.risk small{color:var(--bad)}.choice.good{border-color:var(--lav);background:#b6b8ff24;box-shadow:0 0 0 4px #b6b8ff1f}.choice.good small{color:var(--lav)}.choice.good .k{background:var(--lav);color:var(--night)}.op-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 800px at 30% 50%,rgba(143,124,255,.18),transparent 70%)}.op{position:absolute;left:220px;right:200px;top:110px;bottom:110px;display:flex;gap:90px;align-items:center}.phone{width:400px;flex:none;aspect-ratio:390 / 844;border-radius:56px;padding:12px;background:#0c0a12;box-shadow:0 0 0 2px #3b3450,0 50px 120px #0009,0 0 160px #a096ff59;transform:perspective(1600px) rotateY(10deg) rotate(-2deg)}.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:45px;display:block}.op-side h2{font-weight:300;font-size:64px;line-height:1.05;margin:14px 0 30px}.op-side ol{list-style:none;padding:0;margin:0;counter-reset:s}.op-side li{counter-increment:s;display:flex;gap:18px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);font-size:24px;color:#ffffff6b}.op-side li:before{content:counter(s,decimal-leading-zero);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:14px;border:1px solid rgba(255,255,255,.25);flex:none}.op-side li.done{color:#ffffffc7}.op-side li.done:before{content:"✓";background:var(--ok);color:var(--night);border-color:var(--ok)}.op-side li.now{color:#fff}.op-side li.now:before{background:var(--lav);color:var(--night);border-color:var(--lav)}.visible{margin-top:26px;background:#b6b8ff1f;border-left:4px solid var(--lav);border-radius:0 16px 16px 0;padding:16px 20px;font-size:20px;line-height:1.4}.visible span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--lav);margin-bottom:6px}.row{display:flex;align-items:center;gap:22px;margin-top:30px}.primary{background:var(--lav);color:var(--night);border:0;border-radius:99px;padding:16px 30px;font-size:20px;font-weight:400;display:inline-flex;align-items:center}.primary kbd{background:#1d16291f;border-color:#1d162940;color:var(--night)}.note{font-size:14px;color:#ffffff73}.stepper{position:absolute;left:50%;bottom:54px;transform:translate(-50%);display:flex;gap:10px}.stepper i{width:46px;height:5px;border-radius:3px;background:#fff3}.stepper i.done{background:var(--ok)}.stepper i.now{background:var(--lav)}.gate-card{position:absolute;left:50%;bottom:60px;transform:translate(-50%);width:720px;border-radius:22px;padding:22px 26px;display:flex;gap:20px;border-left:4px solid #ffcf6b}.gate-card .lock{width:60px;height:60px;flex:none;border-radius:16px;display:grid;place-items:center;background:#ffcf6b29;color:#ffcf6b;font-size:22px;font-weight:400}.gate-card small{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#ffcf6b}.gate-card b{display:block;font-weight:400;font-size:26px;margin:4px 0 6px}.gate-card p{margin:0;font-size:17px;line-height:1.45;color:#ffffffbf}.progress{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;color:#fff9}.progress i{width:40px;height:6px;border-radius:3px;background:#ffffff2e}.progress i.on{background:#ffcf6b}.progress span{margin-left:8px}.district{position:absolute;left:50%;top:210px;transform:translate(-50%);border-radius:22px;padding:18px 40px;text-align:center}.district small{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--lav)}.district b{display:block;font-weight:300;font-size:54px;margin:2px 0}.district span{font-size:17px;color:#ffffffb3}.title-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#140e20eb,#140e2099 40%,#140e2000 70%);z-index:0}.title-card{position:absolute;left:130px;top:50%;transform:translateY(-50%);width:720px;z-index:1}.title-card .logo{height:40px;margin-bottom:40px}.title-card h1{font-weight:300;font-size:128px;line-height:1;letter-spacing:-.02em;margin:18px 0 26px}.title-card p{font-size:25px;line-height:1.45;color:#ffffffd1;margin:0}.title-card .btns{display:flex;gap:14px;margin-top:44px}.title-card .btns button{border-radius:99px;padding:20px 34px;font-size:21px}.title-card .btns button:not(.primary){background:#ffffff14;border:1px solid rgba(255,255,255,.35)}.title-card .meta{margin-top:26px;font-size:16px;color:#ffffff80}.codex{position:absolute;left:110px;right:110px;top:80px;bottom:80px;border-radius:30px;background:#181226e6;border:1px solid var(--line);padding:36px 40px;display:flex;flex-direction:column}.cx-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.cx-head h2{font-weight:300;font-size:54px;margin:10px 0 0}.cx-prog{font-size:20px;color:#fff9}.cx-prog b{font-weight:300;font-size:56px;color:var(--lav)}.cx-body{display:grid;grid-template-columns:1fr 520px;gap:34px;flex:1;min-height:0}.cx-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-content:start}.cx-card{border-radius:16px;padding:14px;height:128px;display:flex;flex-direction:column;gap:6px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.16)}.cx-card span{font-size:13px;color:#fff6}.cx-card b{font-weight:400;font-size:15px;line-height:1.25;color:#ffffff59}.cx-card i{margin-top:auto;font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d}.cx-card.open{background:#2e2542;border:1px solid rgba(182,184,255,.25)}.cx-card.open b{color:#fff}.cx-card.open.live i{color:var(--ok)}.cx-card.open.dev i{color:var(--lav)}.cx-card.sel{border:2px solid var(--lav);box-shadow:0 0 0 5px #b6b8ff26}.cx-detail{border-radius:22px;background:#2a2140;padding:28px}.cx-detail h3{font-weight:300;font-size:38px;line-height:1.1;margin:12px 0}.cx-detail .tag{font-size:19px;color:var(--lav);line-height:1.4;margin:0 0 18px}.cx-detail dl{display:grid;grid-template-columns:130px 1fr;gap:10px 14px;margin:0;font-size:17px}.cx-detail dt{color:#ffffff80}.cx-detail dd{margin:0}.cx-story{margin-top:22px;padding:16px;border-radius:14px;background:#6fdcaa1a;font-size:16px;line-height:1.45}.cx-story small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ok);margin-bottom:6px}.council{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1100px;text-align:center}.council h2{font-weight:300;font-size:58px;line-height:1.12;margin:26px 0 40px}.dots{display:flex;justify-content:center;gap:10px;margin-top:18px}.dots i{width:40px;height:6px;border-radius:3px;background:#fff3}.dots i.ok{background:var(--ok)}.dots i.now{background:var(--lav)}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.answers button{display:flex;align-items:center;gap:16px;text-align:left;border-radius:20px;padding:24px 26px;font-size:26px;background:#181226c7;border:1.5px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.answers button.hover{border-color:var(--lav);background:#b6b8ff2e;box-shadow:0 0 0 5px #b6b8ff24}.answers .k{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ffffff1f;font-size:18px;flex:none}.jury{display:flex;justify-content:center;gap:34px;margin-top:54px;font-size:16px;color:#fff9}.jury div{display:flex;align-items:center;gap:10px}.jury .ava{width:38px;height:38px;font-size:16px}#pins{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.pin{position:absolute;left:0;top:0;pointer-events:auto;display:flex;align-items:center;gap:10px;transform-origin:0 0;background:none;border:0;cursor:pointer;transition:opacity .3s}.pin .dot{width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;display:grid;place-items:center;font:400 14px G,sans-serif;color:#1d1629;background:#fff;box-shadow:0 0 0 4px #ffffff59,0 10px 30px #0006}.pin .lbl{margin-top:-17px;background:#181226d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(182,184,255,.25);border-radius:12px;padding:6px 12px;text-align:left;color:#fff;white-space:nowrap}.pin .lbl b{display:block;font-weight:400;font-size:15px}.pin .lbl small{font-size:12px;color:#fff9}.pin.active .dot{background:#b6b8ff;font-size:18px;animation:pulse 1.6s infinite}.pin.locked .dot{background:#3a3352;color:#ffcf6b}.pin.locked .lbl{opacity:.65}.pin:hover .lbl{border-color:#b6b8ff}@keyframes pulse{0%{box-shadow:0 0 #b6b8ffb3,0 10px 30px #0006}to{box-shadow:0 0 0 22px #b6b8ff00,0 10px 30px #0006}}#places{position:fixed;left:50%;bottom:36px;transform:translate(-50%);display:flex;gap:8px;z-index:6;background:#181226cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(182,184,255,.22);border-radius:18px;padding:6px}#places button{border:0;border-radius:13px;padding:12px 22px;font:400 16px G,sans-serif;color:#ffffffbf;background:transparent;cursor:pointer}#places button.on{background:#b6b8ff;color:#1d1629}#places button.call{box-shadow:0 0 0 2px #b6b8ff;color:#fff}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0916;opacity:0;pointer-events:none;transition:opacity .45s;z-index:50}#fade.on{opacity:1}#loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;display:flex;gap:14px;align-items:center;color:#fff;font:300 20px G,sans-serif}.spin{width:26px;height:26px;border-radius:50%;border:3px solid rgba(182,184,255,.3);border-top-color:#b6b8ff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.help{position:fixed;right:40px;bottom:40px;font-size:14px;color:#ffffffbf;background:#181226b3;padding:10px 14px;border-radius:12px}.title-modal,.council-modal,.op-modal,.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.modal:not(.hidden) .panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#181226f0;border:1px solid rgba(182,184,255,.25);border-radius:26px;padding:34px 38px;width:min(760px,92vw);max-height:86vh;overflow:auto;pointer-events:auto;color:#fff}.modal .panel.codex{width:min(1400px,94vw)}.modal .panel .x{position:absolute;right:18px;top:14px;background:none;border:0;color:#fff9;font-size:22px;cursor:pointer}.modal .panel h2{font-weight:300;font-size:44px;margin:8px 0 18px}.modal .panel.journal ul{list-style:none;padding:0;margin:0}.modal .panel.journal li{display:flex;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}.modal .panel.journal li .st{color:#b6b8ff}.modal .panel.journal li.done .st{color:#6fdcaa}.modal .panel.journal b{font-weight:400;font-size:19px;display:block}.modal .panel.journal small{color:#ffffff8c}.modal .panel.journal p{margin:6px 0 0;color:#b6b8ff}#ui button,#ui .panel,#ui .dialog,#ui .choice,#ui .answers button,#ui .title-card{pointer-events:auto}.district.out{opacity:0;transition:opacity .6s}.dialog .next{margin-top:14px;text-align:right;color:#fff9;font-size:15px;cursor:pointer;pointer-events:auto}.result{margin-top:18px;color:#6fdcaa;font-size:20px}.council h2.ok{color:#6fdcaa}.council h2.bad{color:#ff8f86}.council .why{font-size:22px;line-height:1.45}.council .primary{margin-top:26px}#toasts{position:fixed;right:40px;top:120px;display:flex;flex-direction:column;gap:8px;z-index:40}.toast{background:#181226eb;border:1px solid rgba(182,184,255,.35);border-left:4px solid #b6b8ff;border-radius:12px;padding:10px 16px;font-size:16px;color:#fff;max-width:360px;transition:opacity .5s}.toast span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b6b8ff;margin-bottom:3px}.toast.done{border-left-color:#6fdcaa}.toast.bad{border-left-color:#ff8f86}.toast.kyc{border-left-color:#ffcf6b}.toast.out{opacity:0}#touch{display:none}.op-modal{background:#0d09169e;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}.op-modal .op{position:absolute;left:6vw;right:6vw;top:6vh;bottom:8vh;display:flex;gap:6vw;align-items:center}.op-modal .phone{height:min(82vh,820px);width:auto;aspect-ratio:390 / 844;flex:none}.op-modal .op-side h2{font-size:clamp(34px,4.2vw,60px)}.op-modal .op-side li{font-size:clamp(17px,1.5vw,23px)}#modal:not(.hidden)~#toasts{opacity:0}
