@charset "UTF-8";
:root{color-scheme:dark;--night:#0b1518;--panel:#17282a;--cream:#f8f0df;--mint:#a3f3b4;--pink:#f18aae;--muted:#aabdb5;--line:rgba(191,219,199,.18)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--cream);font-family:"Segoe UI",Arial,sans-serif}body{background-image:radial-gradient(ellipse at 5% 38%,rgba(75,117,93,.18),transparent 56%)}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus,a:focus{outline:3px solid var(--cream);outline-offset:6px}button:hover{filter:brightness(1.08)}[hidden]{display:none!important}
.shell{max-width:1560px;margin:0 auto;padding:0 60px 25px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:39px;font-weight:850;letter-spacing:-3px}.brand-star{color:var(--mint);font-size:23px;margin-left:12px;letter-spacing:0}.brand-tv{font-size:17px;letter-spacing:3px;font-weight:500;margin-left:21px;border-left:1px solid var(--line);padding-left:22px}.header-note{font-size:12px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center}.header-note i,.local-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:12px}
.hero{display:flex;align-items:center;justify-content:space-between;padding:42px 0 32px}.world{position:relative;width:52%;padding-right:20px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);margin:0 0 20px}h1{font-size:62px;line-height:1.06;letter-spacing:-2.8px;margin:0;font-weight:650}em{font-style:normal;color:var(--mint)}.intro{font-size:20px;color:var(--muted);line-height:1.5;margin:18px 0 0}.mascot-stage{height:320px;max-width:640px;position:relative;margin-top:-8px;isolation:isolate}.mascot-stage:before{content:"";position:absolute;left:14%;right:10%;top:10%;bottom:4%;border-radius:50%;background:radial-gradient(ellipse,rgba(128,183,136,.13),transparent 65%);z-index:-1}.mascot-stage canvas{position:absolute;width:100%;height:100%;display:block;opacity:0}.mascot-fallback{position:absolute;left:8%;right:6%;top:25px;bottom:24px;display:flex;align-items:center;justify-content:center}.mascot-fallback img{width:48%;height:100%;object-fit:contain}.mascot-stage.ready canvas{opacity:1}.mascot-stage.ready .mascot-fallback{visibility:hidden}.orbit{position:absolute;width:86%;height:48%;left:6%;bottom:15%;border:1px solid rgba(163,243,180,.12);border-radius:50%;pointer-events:none;z-index:-1}.orbit-one{transform:rotate(-12deg)}.orbit-two{width:76%;left:12%;height:42%;border-color:rgba(241,138,174,.13);transform:rotate(13deg)}.greeting{position:absolute;top:2px;right:12px;font-size:13px;line-height:1.65;color:var(--muted);z-index:2;padding:10px 16px;border:1px solid var(--line);border-radius:13px 13px 13px 0;background:#142623}.greeting strong{color:var(--cream);font-weight:500}.greeting>span{position:absolute;color:var(--pink);top:-12px;right:-12px;font-size:24px}.character-name{position:absolute;bottom:0;font-size:13px;font-weight:700;letter-spacing:2px}.character-name span{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin:5px 0 0 10px}.character-name i{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;vertical-align:middle}.oni-name{left:22%;color:var(--pink)}.anu-name{right:17%;color:var(--mint)}
.connect{width:44%;padding:32px 34px 24px;background:linear-gradient(145deg,#1e3430,#122222);border:1px solid rgba(163,243,180,.28);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.12);position:relative}.connect:before{content:"";position:absolute;top:-1px;left:36px;width:60px;height:3px;background:var(--mint);border-radius:2px}.panel-top{display:flex;align-items:center;justify-content:space-between}.step-number{font-size:11px;letter-spacing:2px;color:var(--mint)}.signal{display:flex;align-items:flex-end;height:20px;gap:4px}.signal i{display:inline-block;width:4px;background:var(--mint);border-radius:1px}.signal i:nth-child(1){height:7px}.signal i:nth-child(2){height:12px}.signal i:nth-child(3){height:17px}.connect h2{font-size:39px;line-height:1.12;font-weight:600;letter-spacing:-1.4px;margin:23px 0 16px}.connect-copy{color:var(--muted);font-size:17px;line-height:1.65;margin:0 0 25px}.connect-copy strong{color:var(--cream);font-weight:500}label{display:block;font-size:11px;letter-spacing:1.8px;color:var(--mint);font-weight:600;margin-bottom:12px}input{display:block;width:100%;min-width:0;font-size:36px;font-weight:550;letter-spacing:4px;padding:15px 19px;min-height:77px;border-radius:9px;border:1px solid #729884;background:#0d1c1c;color:var(--cream);text-overflow:ellipsis}input::placeholder{font-size:26px;letter-spacing:1px;color:#6e8c80;font-weight:400}input:focus{border-color:var(--mint);outline:3px solid rgba(163,243,180,.25);outline-offset:3px}input[aria-invalid=true]{border-color:var(--pink)}#code-hint{font-size:13px;line-height:1.5;color:var(--muted);margin:11px 0 18px}#go{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--mint);border:0;border-radius:9px;color:#11251e;font-size:21px;font-weight:650;min-height:65px;padding:16px 22px}#go span{font-size:27px;font-weight:400}#status{font-size:14px;color:var(--muted);min-height:44px;line-height:1.5;padding-top:15px}#status.error{color:#ffc3c9}.panel-bottom{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:16px;padding-top:19px}.local-dot{width:5px;height:5px;margin-right:8px}
.next-steps{display:flex;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.steps-title{width:14%;font-size:10px;letter-spacing:1.6px;line-height:1.6;color:var(--muted);padding:7px 20px 0 0}.steps-title>span{display:block;color:var(--pink);font-size:29px;margin-top:7px}.next-steps ol{width:86%;list-style:none;margin:0;padding:0;display:flex}.next-steps li{flex:1;display:flex;gap:15px;padding:0 25px;border-left:1px solid var(--line)}.next-steps li:last-child{padding-right:0}.step-index{font-size:12px;color:var(--mint);padding-top:4px}.next-steps h3{font-size:19px;font-weight:550;letter-spacing:-.3px;margin:0 0 9px}.next-steps p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;gap:20px}.footer p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.footer strong{color:var(--cream);font-weight:500}.help-toggle{background:none;border:0;padding:8px 0 8px 10px;color:var(--cream);font-size:13px}.help-toggle span{color:var(--mint);margin-left:15px;font-size:20px}.help{margin-top:22px;border:1px solid var(--line);padding:25px 30px;border-radius:12px;background:#132321}.help h2{font-size:24px;font-weight:550;margin:0 0 15px}.help p{font-size:16px;line-height:1.7;color:var(--muted);max-width:1000px}.help .privacy-note{font-size:14px}.noscript{color:var(--pink);padding:20px;border:1px solid var(--pink)}
@media(min-width:1600px){.shell{padding-top:20px}.hero{padding-top:55px;padding-bottom:32px}h1{font-size:76px}.mascot-stage{height:365px}.connect{padding:36px 40px 26px}.connect h2{font-size:45px}.connect-copy{font-size:20px}label{font-size:13px}.next-steps h3{font-size:22px}.next-steps p,.footer p{font-size:16px}.help-toggle{font-size:16px}.steps-title{font-size:12px}#status{font-size:16px}}
@media(max-width:1100px){.shell{padding:0 32px 22px}.header{height:83px}.header-note{font-size:10px;letter-spacing:1px}.hero{padding-top:30px}h1{font-size:50px}.eyebrow{font-size:10px;letter-spacing:1.5px}.intro{font-size:17px}.world{width:49%;padding-right:0}.connect{width:48%;padding:25px}.connect h2{font-size:34px}.connect-copy{font-size:15px}.mascot-stage{height:300px}.greeting{font-size:11px;right:0}.character-name{font-size:11px}.oni-name{left:17%}.anu-name{right:12%}.next-steps li{padding:0 16px;gap:10px}.steps-title{width:12%;font-size:9px}.next-steps ol{width:88%}.next-steps h3{font-size:17px}.next-steps p{font-size:12px}}
@media(max-width:740px){.shell{padding:0 24px 24px}.header{height:76px}.brand{font-size:32px}.brand-tv{font-size:13px;margin-left:14px;padding-left:14px}.header-note{max-width:120px;line-height:1.6;font-size:8px;letter-spacing:.6px}.header-note i{display:none}.hero{display:block;padding:32px 0}.world,.connect{width:100%}.eyebrow{font-size:9px}h1{font-size:50px}.intro{font-size:16px;margin-top:14px}.mascot-stage{height:275px;max-width:470px;margin:0 auto 25px}.greeting{top:6px;right:0}.connect{padding:27px 25px}.connect h2{font-size:36px}.connect-copy{font-size:16px}.next-steps{display:block;padding:24px 0}.steps-title{width:100%;display:flex;justify-content:space-between;padding:0;margin-bottom:22px;font-size:10px}.steps-title>span{font-size:20px;line-height:1;margin:0}.next-steps ol{display:block;width:100%}.next-steps li{border:0;padding:0 0 22px;gap:18px}.next-steps li:last-child{padding-bottom:0}.next-steps h3{font-size:20px;margin-bottom:6px}.next-steps p{font-size:14px}.footer{align-items:flex-start}.footer p{max-width:65%;font-size:11px}.help-toggle{font-size:12px;text-align:right;line-height:1.4;padding-top:0}.help-toggle span{margin-left:6px}.help{padding:23px}.help p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}