@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--paper:#f4f6ff;--ghost:#a3aec9;--aqua:#69efff;--violet:#b580ff;--ink:#060713;--glass:rgba(8,12,25,.78)}*{box-sizing:border-box}html,body{padding:0;margin:0;overflow:hidden;width:100%;height:100%;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#stage{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse 55% 45% at 66% 50%,#24183b 0,transparent 76%),radial-gradient(ellipse 50% 40% at 30% 60%,#102b3a 0,transparent 90%),#070a14}#feed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}#canvas{position:absolute;inset:0;z-index:1}#canvas canvas{display:block;width:100%;height:100%}#tap-layer{z-index:5;position:absolute;inset:0;cursor:crosshair}#marks{position:absolute;inset:0;z-index:6;pointer-events:none;width:100%;height:100%}#marked-poly{stroke:#70f1ff;stroke-width:2;fill:#5ef3ff18}#marked-dots circle{stroke:#fff;stroke-width:2;fill:#4beded}#marked-dots text{font:bold 16px Inter;fill:#091622;text-anchor:middle;dominant-baseline:middle}.stage-tint{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(4,5,14,.61),transparent 66%),linear-gradient(0deg,rgba(2,4,11,.72),transparent 35%);opacity:.9}.camera-active .stage-tint{opacity:.15}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;padding:0 clamp(20px,4vw,75px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5d5ff15;background:linear-gradient(180deg,rgba(6,8,19,.86),rgba(6,8,19,.34));backdrop-filter:blur(12px)}.wordmark{font-size:25px;font-weight:800;letter-spacing:-.08em;white-space:nowrap}.wordmark .mark{color:var(--violet);font-size:32px;font-weight:400;vertical-align:-2px;margin-right:8px}.wordmark small{font-weight:600;letter-spacing:.20em;font-size:10px;color:#8290ae;margin-left:12px}.top-mid{display:flex;gap:22px;align-items:center}.micropill,.build-id{font-size:9px;font-weight:800;letter-spacing:.18em;color:#91c1ce}.micropill{border:1px solid #84d8e43e;padding:10px 13px;color:#b0e8f4}.build-id{color:#7e829b}.top-close{border:1px solid #aab5d544;background:#060b1b99;color:white;padding:12px 17px;font-size:10px;font-weight:800;letter-spacing:.15em}.top-close span{font-size:18px;margin-left:12px}.intro{position:relative;z-index:8;height:100%;display:grid;grid-template-columns: minmax(380px,1fr) minmax(280px,.77fr);align-items:center;padding:80px clamp(24px,5.8vw,108px) 110px;overflow:hidden}.intro::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 45% 60% at 82% 49%,#7947e112,transparent)}.hero{max-width:630px}.eyebrow,.hero .section-number{font-size:10px;letter-spacing:.28em;color:#8e96b0;font-weight:800}.tiny-line{display:inline-block;width:30px;border-top:2px solid #d09aff;vertical-align:middle;margin-right:14px}.section-number{margin-top:38px;color:#6c7795!important}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.83;letter-spacing:-.045em;font-size:clamp(64px,7.3vw,138px);margin:21px 0 28px}.hero h1 em,.result-panel h2 em{font-style:normal;background:linear-gradient(92deg,#f4efff,#b18bff 35%,#65effd 95%);-webkit-background-clip:text;color:transparent}.hero p{color:#b1b9d0;font-size:15px;line-height:1.8;max-width:490px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.primary-btn,.outline-btn{border:1px solid #ad7dff;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 24px;color:white;min-height:54px;font-size:11px;letter-spacing:.12em;font-weight:800;background:linear-gradient(100deg,#6448c9,#8d53ef 70%,#5c7dfa);box-shadow:0 10px 38px #6a42c72a}.primary-btn:hover{filter:brightness(1.16)}.primary-btn>span:last-child{font-size:17px}.outline-btn{background:rgba(10,14,31,.5);border:1px solid #b8c7f43b;box-shadow:none}.outline-btn:hover{border-color:var(--violet)}.aux-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.aux-links a,.aux-links button{background:none;border:0;padding:0;color:#8a9fbf;text-decoration:none;font-size:10px;letter-spacing:.10em;font-weight:800}.aux-links a:hover,.aux-links button:hover{color:#a9f5fa}.aux-links span{color:var(--aqua)}.hero-card{position:relative;margin-left:auto;width:min(29vw,350px);height:min(38vw,470px);min-width:250px;min-height:355px;border:1px solid #d9b6ff77;transform:perspective(900px) rotateY(-16deg) rotateX(7deg);background:radial-gradient(ellipse at 50% 36%,#66278d88,transparent 60%),linear-gradient(137deg,#29233e,#080e1a 60%,#132039);box-shadow:0 50px 80px #0008,inset 0 0 80px #7c45e125,0 0 32px #c276ff33;clip-path:polygon(7% 0,93% 0,100% 7%,100% 92%,93% 100%,7% 100%,0 93%,0 7%)}.hero-card::before{content:'';position:absolute;inset:13px;border:1px solid #8aabff6e;clip-path:inherit;box-shadow:inset 0 0 16px #94bbff33}.glass-disc{position:absolute;inset:12% 0 20%;display:grid;place-items:center;transform-style:preserve-3d}.glass-disc>span{color:#d8ddff;text-shadow:0 0 20px #c87cff,0 0 60px #9e5ffc;font-size:140px;filter:drop-shadow(0 0 15px #a57aff)}.orbit{position:absolute;border-radius:50%;border:2px solid #9be5ff77;box-shadow:0 0 18px #a468ef6c;transform:rotateX(64deg) rotateY(30deg)}.o1{width:78%;aspect-ratio:1}.o2{width:62%;aspect-ratio:1;transform:rotateX(-35deg) rotateY(48deg);border-color:#c274ff}.o3{width:90%;aspect-ratio:1;border-style:dotted;transform:rotateX(24deg) rotateY(57deg)}.hero-card-meta{position:absolute;inset:auto 28px 30px;display:flex;flex-direction:column;gap:8px}.hero-card-meta span,.hero-card-meta small{font-size:9px;letter-spacing:.2em;color:#9ba9c8}.hero-card-meta strong{font-family:'Barlow Condensed';font-size:35px;letter-spacing:.05em;line-height:.9}.bottom-hero{position:absolute;bottom:28px;left:clamp(24px,5.8vw,108px);right:clamp(24px,5.8vw,108px);display:flex;gap:28px;border-top:1px solid #b4c4fc29;padding-top:16px}.bottom-hero>div{flex:1;display:flex;align-items:baseline;gap:10px}.bottom-hero b{font-family:'Barlow Condensed';color:#b892f6;font-size:23px}.bottom-hero span,.bottom-hero small{font-size:9px;letter-spacing:.11em;font-weight:800}.bottom-hero small{color:#7182a2}.hud{position:absolute;z-index:10;inset:0;pointer-events:none;padding:calc(90px + env(safe-area-inset-top)) clamp(14px,3vw,50px) calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between}.hud button{pointer-events:auto}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.hud-state{display:flex;flex-direction:column;gap:8px;min-width:240px;background:#080d1cc9;border:1px solid #9ba8e42b;padding:17px 22px;backdrop-filter:blur(10px);max-width:420px}.hud-state .hint{font-size:9px;color:#7facc9;letter-spacing:.2em;font-weight:800}.hud-state strong{font-family:'Barlow Condensed';font-size:clamp(22px,3vw,34px);line-height:1}.hud-state small{color:#9cabc7;font-size:11px;line-height:1.5}.nexus-pair{display:flex;gap:7px}.nexus-pill{font-size:9px;font-weight:800;letter-spacing:.1em;display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #a6cbff33;background:#090d1ab8}.nexus-pill b{color:#aab2c9;font-size:9px}.nexus-pill .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65748e}.nexus-pill.online.a .dot{background:var(--aqua);box-shadow:0 0 10px var(--aqua)}.nexus-pill.online.b .dot{background:var(--violet);box-shadow:0 0 10px var(--violet)}.nexus-pill.warn{border-color:#ff7d7199}.nexus-pill.warn .dot{background:#ff7272;box-shadow:0 0 16px #ff5151}.hud-bottom{display:flex;flex-direction:column;gap:14px}.game-actions{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:12px 14px;border:1px solid #c8dcff28;background:#0c1326ce;color:#e3ecff;backdrop-filter:blur(8px);letter-spacing:.07em;font-size:10px;font-weight:800}.chip.aqua{border-color:#7ae9fc7a;color:#aff3ff}.chip.violet{border-color:#ce99ff71;color:#ebc9ff}.chip.ghost{color:#afbad7}.chip:hover{background:#33476980}.chip:disabled{opacity:.35;cursor:not-allowed}.telemetry{display:flex;gap:18px;justify-content:space-between;padding-top:12px;border-top:1px solid #d6e0ff29;color:#a1aecb;letter-spacing:.15em;font-size:9px;font-weight:800}.break-panel,.result-panel{position:absolute;z-index:30;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,510px);padding:clamp(24px,4vw,45px);background:linear-gradient(140deg,#1f1226f0,#080e1af7);border:1px solid #ff8d9788;box-shadow:0 0 90px #e3446840,0 45px 90px #000c;backdrop-filter:blur(28px);text-align:center}.break-panel::before{content:'';height:4px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#e9628a,#ffb369,#e9628a)}.break-kicker{font-size:9px;color:#ff9fa9;letter-spacing:.23em;font-weight:800}.break-panel h2,.result-panel h2{font-family:'Barlow Condensed';font-size:clamp(40px,6vw,65px);line-height:.9;margin:18px 0}.break-panel h2 span{color:#ff989f}.break-panel p,.result-panel p{font-size:12px;line-height:1.7;color:#d4c8d1}.timer-ring{width:130px;height:130px;position:relative;margin:12px auto 20px;display:grid;place-items:center}.timer-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke:#93334d55;stroke-width:6}.timer-ring .progress-ring{stroke:#ffb57b;stroke-dasharray:314.159;stroke-dashoffset:0;stroke-linecap:round}.timer-ring strong{font-family:'Barlow Condensed';font-size:60px}.break-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.break-footer>span{font-size:9px;letter-spacing:.08em;color:#c7b0bc;text-align:left;max-width:110px}.break-footer button{flex:1}.break-panel>small{color:#9c9ab0;font-size:10px;line-height:1.6;display:block;margin-top:18px}.result-panel{border-color:#c397ff88;background:linear-gradient(140deg,#261c43f2,#0a1021f6)}.result-panel .eyebrow{color:#a1dbf4}.result-panel p{font-size:15px}.result-panel .cta-row{justify-content:center}.camera-panel{position:absolute;z-index:12;left:50%;top:calc(90px + env(safe-area-inset-top));transform:translateX(-50%);padding:15px 22px;text-align:center;background:#071527e6;border:1px solid #7be9ff7b;display:flex;flex-direction:column;gap:6px;min-width:300px}.camera-panel b{font-size:10px;letter-spacing:.13em}.camera-panel span{font-size:12px;color:#c9ecf6}.camera-panel small{font-size:9px;color:#7195ad}.notification{z-index:40;position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#121a2dea;padding:14px 22px;border:1px solid #89e2ed6b;color:#e9fcff;font-size:12px;max-width:90vw;text-align:center}.disclaimer{position:fixed;bottom:2px;left:50%;transform:translateX(-50%);z-index:9;color:#8491b9a8;font-size:8px;letter-spacing:.1em;text-align:center;pointer-events:none;width:100%;padding:3px 12px}.camera-active .hero-card{display:none}@media(max-width:900px){.topbar{height:63px;padding:0 18px}.wordmark{font-size:18px}.wordmark .mark{font-size:22px}.wordmark small{font-size:8px;margin-left:4px}.top-mid{display:none}.intro{display:flex;justify-content:center;padding:84px 20px 90px}.hero{z-index:3;max-width:600px}.hero h1{font-size:clamp(60px,11vw,98px)}.hero-card{position:absolute;right:2%;top:25%;opacity:.25;transform:perspective(900px) rotateY(-26deg) rotateX(7deg) scale(.95);z-index:0}.bottom-hero{left:20px;right:20px;gap:10px}.bottom-hero>div{flex-direction:column;gap:4px}.bottom-hero small{display:none}.hud{padding:calc(72px + env(safe-area-inset-top)) 11px calc(20px + env(safe-area-inset-bottom))}.hud-state{padding:12px;min-width:160px}.nexus-pair{flex-direction:column}.nexus-pill{padding:7px;font-size:8px}.game-actions{gap:5px}.chip{padding:10px;font-size:9px}.camera-panel{top:70px;min-width:210px;width:min(85vw,400px)}.hud-state strong{font-size:23px}.break-panel,.result-panel{width:96vw;max-width:480px}.break-footer{flex-direction:column}.break-footer button{width:100%}.break-footer>span{text-align:center;max-width:none}}@media(max-width:500px){.hero h1{font-size:65px}.hero p{font-size:12px}.cta-row{flex-direction:column}.cta-row>*{width:100%}.aux-links{gap:14px}.bottom-hero{bottom:20px}.hud-state{max-width:58%}.hud-state small{font-size:9px}.nexus-pill{font-size:8px}.nexus-pill b{display:none}.hud-bottom{padding-bottom:20px}}

body.nexus-break #stage::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 35%,#ee33553d 100%);animation:nexusPulse .75s ease-in-out infinite alternate}@keyframes nexusPulse{from{opacity:.4}to{opacity:1}}