:root{--bg:#08070a;--panel:#14111a;--panel2:#1d1825;--text:#f6f1ff;--muted:#aaa1b7;--accent:#ff3d81;--accent2:#7cffe8;--danger:#ff6b6b;--ok:#60d394;--border:rgba(255,255,255,0.12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1b1324 0,var(--bg) 42%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.admin-light-mode{background:#fbf8ff}body.admin-light-mode .site-header{background:rgba(255,255,255,.86)}body.public-stage-bg{background:#08070a}body.public-stage-bg:before{content:"";position:fixed;inset:0;z-index:-1;background:url(/images/Bg.png) 50%/cover no-repeat}body.public-stage-bg.public-stage-mobile-bg:before{background-image:url(/images/bgmobile.png)}a{color:inherit;text-decoration:none}main{max-width:1120px;margin:0 auto;padding:32px 18px 80px}body.public-stage-bg main{max-width:none;min-height:100vh;padding:0}main.admin-main{max-width:1400px}.admin-shell{--admin-bg:rgba(20,17,26,0.88);--admin-bg-strong:#0d0b12;--admin-text:var(--text);--admin-muted:var(--muted);--admin-border:var(--border);color:var(--admin-text)}.admin-shell.admin-light{--admin-bg:rgba(255,255,255,0.94);--admin-bg-strong:#f4f0f7;--admin-text:#17131d;--admin-muted:#5f5869;--admin-border:rgba(25,18,34,0.16);--panel2:#f1ebf7;--text:#17131d;--muted:#5f5869;--border:rgba(25,18,34,0.16)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-toolbar h1{margin:0;font-size:28px;line-height:1;letter-spacing:0}.admin-theme-switch{display:inline-flex;align-items:center;gap:10px;color:var(--admin-muted);font-size:14px;font-weight:800;cursor:pointer}.admin-theme-switch input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.admin-switch-track{width:46px;height:26px;border:1px solid var(--admin-border);border-radius:999px;background:var(--admin-bg-strong);padding:3px;transition:background .16s ease,border-color .16s ease}.admin-switch-track span{display:block;width:18px;height:18px;border-radius:50%;background:var(--accent2);transition:transform .16s ease}.admin-theme-switch input:checked+.admin-switch-track{background:#fff}.admin-theme-switch input:checked+.admin-switch-track span{transform:translateX(20px);background:var(--accent)}.admin-shell .card,.admin-shell form{background:var(--admin-bg);border-color:var(--admin-border)}.admin-shell input,.admin-shell select,.admin-shell textarea{background:var(--admin-bg-strong);color:var(--admin-text);border-color:var(--admin-border)}.admin-shell.admin-light th{color:#3a214a}.admin-collapsible-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:32px;font-weight:800}.admin-collapsible-card summary::-webkit-details-marker{display:none}.admin-collapsible-card summary:after{content:"+";width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--admin-border);border-radius:50%;font-size:22px;line-height:1}.admin-collapsible-card[open] summary:after{content:"-"}.admin-collapsible-card summary small{margin-left:auto;color:var(--admin-muted);font-size:13px;font-weight:700}.admin-shell .admin-config-form{margin-top:18px;padding:0;border:0;background:transparent}.admin-shell .admin-config-form button{margin-top:14px}.admin-inline-check{display:flex;align-items:center;gap:10px;color:var(--admin-text);font-size:14px;font-weight:800}.admin-shell .admin-inline-check input{width:auto}.admin-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-card-header h2{margin:0}.admin-preview-links{display:flex;flex-wrap:wrap;gap:10px}.admin-entry-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.button.disabled{opacity:.45;pointer-events:none}.admin-stats-list{margin-top:18px}.admin-stats-list p:last-child{margin-bottom:0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;background:rgba(8,7,10,.84);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.brand{font-weight:900;letter-spacing:.04em;text-transform:uppercase}nav{display:flex;gap:14px;color:var(--muted);font-size:14px}nav a:hover{color:var(--text)}.audio-widget{position:fixed;right:16px;bottom:16px;z-index:20}.audio-widget .audio-image-button{width:clamp(64px,7vw,96px);height:clamp(64px,7vw,96px);display:grid;place-items:center;border:0;border-radius:0;background:transparent;padding:0}.audio-widget .audio-image-button img{width:100%;height:100%;object-fit:contain}.audio-widget button,.button,button{border:1px solid var(--border);border-radius:999px;background:linear-gradient(135deg,var(--accent),#7b2cff);color:white;padding:10px 16px;font-weight:800;cursor:pointer}.button.secondary{display:inline-block;background:transparent}.audio-widget button{font-size:12px;padding:8px 12px}.hero{min-height:380px;display:grid;align-items:center;padding:48px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,rgba(255,61,129,.16),rgba(124,255,232,.08)),var(--panel);box-shadow:0 30px 80px rgba(0,0,0,.28)}.eyebrow{color:var(--accent2);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}h1{font-size:clamp(42px,9vw,92px);line-height:.88;margin:14px 0 20px;letter-spacing:-.06em}h2{font-size:32px;margin:0 0 12px}p{color:var(--muted);line-height:1.65}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:18px;gap:18px;margin-top:22px}.card,form{background:rgba(20,17,26,.88);border:1px solid var(--border);border-radius:22px;padding:22px}.stage-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px}.stage-panel{width:min(100%,520px)}.stage-panel h2{font-size:clamp(42px,8vw,76px);line-height:.92;margin-top:10px}.stage-one-scene{position:absolute;inset:0}.stage-flow-centered{position:absolute;left:50%;top:50%;display:grid;justify-items:center;grid-gap:clamp(10px,2vw,24px);gap:clamp(10px,2vw,24px);transform:translate(-50%,-50%);z-index:2}.page-one-flow,.page-three-flow,.page-two-flow{top:calc(50% - clamp(22px, 3.2vw, 48px))}.stage-row{display:flex;align-items:center;justify-content:center;gap:clamp(2px,.5vw,10px)}.stage-step-image{height:auto}.stage-step-one-frame{position:relative;container-type:inline-size;width:clamp(320px,38vw,558px);transform:translateY(4px)}.stage-step-one{display:block;width:100%}.stage-step-two{width:clamp(198px,27vw,387px);transform:translateY(16px)}.stage-step-three{width:clamp(243px,34vw,504px);transform:translateY(2px)}.stage-step-four{width:clamp(252px,36vw,540px);transform:translateY(-30px)}.stage-step-five{width:clamp(186px,26vw,373px)}.stage-image-button{display:grid;place-items:center;border:0;border-radius:0;background:transparent;padding:0;cursor:pointer;position:relative;z-index:50}.stage-image-button:disabled{cursor:wait;opacity:.72}.stage-image-button img{display:block;width:100%;height:auto;pointer-events:none;transform-origin:center}.connect-button{width:clamp(130px,18vw,275px);margin-top:clamp(-88px,-6.4vw,-48px)}.connect-button img.connect-frame-two{transform:scale(1.2)}.connect-button:hover img.connect-frame-two{transform:scale(1)}.stage-x-form{width:min(92vw,620px);gap:clamp(2px,.8vw,10px)}.stage-x-form,.stage-x-handle-input{background:transparent;border:0;border-radius:0;padding:0}.stage-x-handle-input{position:absolute;left:54%;top:86%;width:52%;color:black;font-family:Comic Sans MS,Comic Sans,Marker Felt,Chalkboard SE,cursive;font-size:clamp(18px,5.1cqw,32px);font-weight:900;line-height:1;text-align:center;transform:translate(-50%,-50%)}.stage-x-handle-input::placeholder{color:black;opacity:.44}.stage-x-done-button{margin-top:clamp(2px,.6vw,10px)}.done-button{width:clamp(108px,14vw,216px)}.done-button-raised{margin-top:clamp(-88px,-6.4vw,-48px)}.page-two-flow .done-button-raised{margin-top:clamp(-58px,-4.2vw,-30px)}.page-four-flow .done-button-raised{margin-top:clamp(-62px,-4.6vw,-34px)}.go-button{width:clamp(96px,13vw,184px);margin-top:clamp(-70px,-5.2vw,-38px)}.x-connect-button{width:clamp(77px,10vw,152px);margin-left:clamp(-10px,-.5vw,-2px);transform:translateX(28px)}.go-button img.go-frame-two,.x-connect-button img.x-frame-two{transform:scale(1.2)}.go-button:hover img.go-frame-two{transform:scale(1)}@media (min-width:1024px) and (max-height:1000px) and (min-aspect-ratio:8/5),(min-width:1850px) and (max-width:1920px){.stage-step-one-frame{width:clamp(360px,30vw,470px)}.stage-step-two{width:clamp(245px,18.5vw,275px)}.stage-step-three{width:clamp(305px,23.5vw,355px)}.stage-step-four{width:clamp(320px,24.5vw,375px)}.stage-step-five{width:clamp(235px,17.5vw,265px)}.connect-button{width:clamp(155px,14vw,195px)}.stage-x-handle-input{top:86%}.done-button{width:clamp(128px,11vw,152px)}.go-button{width:clamp(112px,9.5vw,130px)}.x-connect-button{width:clamp(94px,8vw,108px)}.stage-x-done-button{margin-top:clamp(8px,1.2vw,22px)}.page-two-flow .done-button-raised{margin-top:clamp(-28px,-2vw,-14px)}.page-four-flow .done-button-raised{margin-top:clamp(-42px,-3vw,-22px)}}@media (pointer:fine) and (min-width:701px) and (max-width:1700px) and (max-height:1100px){.stage-step-one-frame{width:clamp(320px,30vw,430px)}.stage-x-handle-input{top:86%;left:54%;width:52%}.stage-x-done-button{margin-top:clamp(2px,.6vw,10px)}}@media (hover:none) and (pointer:coarse) and (min-width:701px){.stage-step-one-frame{width:clamp(329px,40.6vw,504px)}.page-one-flow .done-button{width:clamp(76px,9.8vw,151px);margin-top:clamp(8px,1.6vw,26px)}.stage-x-handle-input{top:85%;width:52%}}.stage-wallet-form{width:min(88vw,560px);background:transparent;border:0;border-radius:0;padding:0}.stage-wallet-input-anchor{position:fixed;left:50%;top:50%;width:max(100vw,177.7778vh);height:max(100vh,56.25vw);pointer-events:none;transform:translate(-50%,-50%);z-index:70}body.public-stage-mobile-bg .stage-wallet-input-anchor{width:max(100vw,53.1915vh);height:max(100vh,188vw)}.stage-wallet-anchored-input{position:absolute;left:50%;top:56%;z-index:90;width:27%;transform:translate(-50%,-50%);border:0;background:transparent;color:black;font-family:Comic Sans MS,Comic Sans,Marker Felt,Chalkboard SE,cursive;font-size:clamp(18px,2.4vw,28px);font-weight:900;text-align:center;pointer-events:auto}.stage-wallet-anchored-input::placeholder{color:black;opacity:1}@media (min-width:1024px) and (max-height:1000px) and (min-aspect-ratio:8/5),(min-width:1850px) and (max-width:1920px){.stage-wallet-anchored-input{top:53%;width:19.44%}}.stage-status-modal{position:fixed;left:50%;top:50%;z-index:180;width:min(440px,calc(100vw - 32px));padding:18px 22px;border:4px solid black;border-radius:0;background:white;color:black;cursor:pointer;font-family:Comic Sans MS,Comic Sans,Marker Felt,Chalkboard SE,Comic Neue,cursive;font-size:clamp(22px,4.6vw,38px);font-weight:700;line-height:1.12;text-align:center;transform:translate(-50%,-50%)}.stage-status-modal:focus,.stage-status-modal:hover{border-color:black}.stage-status-modal-high{top:40%}.page-five-flow{top:45%}.stage-dude{position:absolute;left:clamp(8px,3vw,44px);bottom:0;z-index:40;pointer-events:none;width:clamp(354px,46vw,762px);height:auto}.stage-bg-anchor{position:fixed;left:50%;top:50%;width:max(100vw,177.7778vh);height:max(100vh,56.25vw);pointer-events:none;transform:translate(-50%,-50%);z-index:1}.stage-bg-anchor:before{content:"";position:absolute;inset:0;z-index:0;background:url(/images/Bg.png) 50%/100% 100% no-repeat}.stage-bg-anchor.stage-layout-mobile{width:max(100vw,53.1915vh);height:max(100vh,188vw)}.stage-bg-anchor.stage-layout-mobile:before{background-image:url(/images/bgmobile.png)}.stage-bg-anchor.video-dev-active{z-index:120}.stage-preview-video{position:absolute;z-index:1;height:auto;transform:translateY(-50%) rotate(7deg)}.stage-preview-video-id1{left:.8%;top:9%;width:22.171%}.stage-preview-video-id2{left:-5.5%;top:40%;width:18.292%;transform:translateY(-50%) rotate(-2deg)}.stage-preview-video-id3{right:16.2%;top:79%;width:18.729%;transform:translate(7.7%,-51.4%) perspective(900px) rotateX(22deg) rotateY(-21deg) rotate(10deg) skew(-21deg,3deg);transform-origin:center bottom}.stage-preview-video.video-calibrated{left:0;right:auto;top:0;width:100%;height:100%;object-fit:fill;transform-origin:0 0}.stage-preview-video.video-mobile-placed{right:auto;height:auto;transform-origin:center}.stage-bg-anchor.video-dev-active .stage-preview-video.video-mobile-placed{cursor:-webkit-grab;cursor:grab;pointer-events:auto;touch-action:none}.stage-bg-anchor.video-dev-active .stage-preview-video.video-mobile-placed:active{cursor:-webkit-grabbing;cursor:grabbing}.stage-preview-video.video-calibration-pending{visibility:hidden}.stage-preview-video.video-dev-selected{outline:3px solid rgba(255,0,0,.95);box-shadow:inset 0 0 0 9999px rgba(255,0,0,.12),0 0 18px rgba(255,0,0,.8);z-index:5}.stage-preview-video-id4{left:48%;top:-2%;width:17.21%;transform:translate(-50%,-50%) rotate(2deg)}.stage-preview-video-id5{right:-.8%;top:4%;width:15.52%;transform:translateY(-50%) rotate(4deg)}.stage-preview-video-id6{right:-1.2%;top:39%;width:19.4%;transform:translateY(-50%) rotate(4deg)}.id3-corner-capture{position:absolute;inset:0;z-index:80;border:0;background:transparent;cursor:crosshair;pointer-events:auto}.id3-corner-guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.id3-corner-guide polygon{fill:rgba(255,0,0,.12);stroke:red;stroke-width:.35}.id3-corner-marker{position:absolute;min-width:10px;min-height:10px;border:2px solid white;border-radius:50%;background:red;color:white;font-size:10px;font-weight:900;line-height:1;padding:3px;transform:translate(-50%,-50%);white-space:nowrap;cursor:-webkit-grab;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.id3-corner-marker:active{cursor:-webkit-grabbing;cursor:grabbing}.id3-corner-marker.active{background:#7cffe8;color:black}.id3-dev-panel{position:fixed;z-index:200;display:grid;grid-gap:8px;gap:8px;width:min(360px,calc(100vw - 24px));padding:12px;border:2px solid red;background:rgba(0,0,0,.84);color:white;font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.id3-dev-panel.bottom-left{left:12px;bottom:12px}.id3-dev-panel.bottom-right{right:12px;bottom:12px}.id3-dev-panel.top-left{left:12px;top:12px}.id3-dev-panel.top-right{right:12px;top:12px}.id3-dev-panel pre{overflow:auto;max-height:160px;margin:0;color:white}.id3-dev-panel label{display:grid;grid-gap:3px;gap:3px;margin:0;color:white}.id3-dev-panel input,.id3-dev-panel select{width:100%;border:1px solid white;border-radius:0;background:black;color:white;padding:5px 7px;font:inherit}.id3-dev-coordinate-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.id3-dev-section-title{margin-top:4px;color:#ff7c7c;font-weight:700}.id3-dev-nudges{display:grid;grid-template-columns:repeat(4,max-content);grid-gap:6px;gap:6px}.id3-dev-panel button{width:max-content;padding:6px 10px;border:1px solid white;background:transparent;color:white;cursor:pointer}body.public-stage-mobile-bg .id3-dev-panel{gap:5px;width:min(220px,calc(100vw - 16px));max-height:calc(100vh - 16px);padding:8px;overflow:auto;font-size:10px}body.public-stage-mobile-bg .id3-dev-panel.bottom-left{left:8px;bottom:8px}body.public-stage-mobile-bg .id3-dev-panel.bottom-right{right:8px;bottom:8px}body.public-stage-mobile-bg .id3-dev-panel.top-left{left:8px;top:8px}body.public-stage-mobile-bg .id3-dev-panel.top-right{right:8px;top:8px}body.public-stage-mobile-bg .id3-dev-panel pre{max-height:72px}body.public-stage-mobile-bg .id3-dev-panel input,body.public-stage-mobile-bg .id3-dev-panel select{padding:3px 5px}body.public-stage-mobile-bg .id3-dev-coordinate-row{gap:5px}body.public-stage-mobile-bg .id3-dev-nudges{grid-template-columns:repeat(2,1fr);gap:4px}body.public-stage-mobile-bg .id3-dev-panel button{width:100%;padding:4px 5px}label{display:block;margin:14px 0 6px;color:var(--muted);font-size:13px}input,select,textarea{width:100%;border-radius:14px;border:1px solid var(--border);background:#0d0b12;color:var(--text);padding:12px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent2)}.status{margin-top:14px;padding:14px;border-radius:14px;background:var(--panel2);border:1px solid var(--border)}.ok{color:var(--ok)}.bad{color:var(--danger)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--accent2)}.countdown{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.countdown div{min-width:110px;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:18px;text-align:center}.countdown strong{display:block;font-size:40px}.small{font-size:12px;color:var(--muted)}@media (max-width:700px){body.public-stage-bg,body.public-stage-bg main{height:100dvh;overflow:hidden}.stage-page,body.public-stage-bg main{min-height:100dvh}.stage-page{height:100dvh}.stage-bg-anchor.stage-layout-mobile,body.public-stage-mobile-bg .stage-wallet-input-anchor{width:max(100vw,53.1915dvh);height:max(100dvh,188vw)}.site-header{align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap}.hero{padding:28px}.audio-widget .audio-image-button{width:64px;height:64px}.stage-flow-centered{width:96vw}.page-one-flow,.page-three-flow,.page-two-flow{top:44%}.page-five-flow,.page-four-flow{top:45%}.stage-step-one-frame{width:min(52vw,240px);transform:translateY(-10px)}.stage-step-two{width:min(36vw,176px);transform:translateY(10px)}.stage-step-three{width:min(50vw,216px);transform:translateY(2px)}.stage-step-four{width:min(52vw,230px);transform:translateY(-18px)}.stage-wallet-anchored-input{top:47.3%;width:50.5%}.stage-status-modal{top:39%;width:min(280px,62vw);padding:10px 14px;border-width:3px;font-size:clamp(17px,5vw,24px);pointer-events:auto}.stage-status-modal-high{top:35%}.stage-step-five{width:min(36vw,171px)}.page-one-flow .connect-button{width:min(29vw,126px)}.stage-x-handle-input{top:84%;width:52%;font-size:clamp(16px,4.8vw,21px)}.stage-x-done-button{margin-top:-8px}.page-one-flow .done-button{width:min(19vw,86px)}.done-button{width:min(24vw,108px)}.page-two-flow .done-button-raised{margin-top:-34px}.page-four-flow .done-button-raised{margin-top:-20px}.go-button{width:min(21vw,92px)}.x-connect-button{width:min(15vw,74px);transform:translateX(14px)}.stage-dude{width:min(82vw,380px)}}@media (orientation:landscape) and (max-height:700px) and (pointer:coarse){body.public-stage-bg{height:100dvh;overflow:hidden}body.public-stage-bg main{visibility:hidden}body.public-stage-bg:after{content:"Rotate your phone to portrait";position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:#08070a;color:white;font-family:Comic Sans MS,Comic Sans,Marker Felt,Chalkboard SE,cursive;font-size:clamp(24px,6vw,42px);font-weight:900;line-height:1.1;text-align:center}}