:root{--district-white:#efffff;--district-muted:#8db7bb;--district-purple:#00ff91;--district-blue:#00baff;--district-pink:#00ff91;--district-red:#ffe75c;--district-panel:rgba(2,15,21,0.86);--district-line:rgba(76,227,236,0.24)}body:has(.district-home){margin:0;overflow:hidden;background:#02090f;color:var(--district-white)}.district-home,.district-home *{box-sizing:border-box}.district-home{position:relative;width:100%;min-height:100svh;overflow:hidden;isolation:isolate;font-family:Arial Narrow,Avenir Next Condensed,Helvetica Neue,sans-serif;background:#02090f}.district-world{position:absolute;inset:0;z-index:0}.district-world canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.district-scanlines{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,186,255,.1) 3px 4px),radial-gradient(circle at 50% 48%,transparent 36%,rgba(0,9,14,.58) 100%);mix-blend-mode:screen}.district-arrival,.district-controls,.district-header,.district-intro,.district-legal,.district-map,.mobile-drive{position:absolute;z-index:5}.district-header{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:0 2.25rem;border-bottom:1px solid var(--district-line);background:linear-gradient(180deg,rgba(1,12,18,.82),rgba(1,12,18,.12));backdrop-filter:blur(8px)}.district-brand{display:inline-flex;align-items:center;gap:.8rem;color:var(--district-white);text-decoration:none}.brand-kanji{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid var(--district-pink);background:rgba(0,255,145,.1);color:var(--district-pink);font-family:Hiragino Sans,Yu Gothic,sans-serif;font-size:1.35rem;box-shadow:inset 0 0 18px rgba(0,255,145,.16),0 0 22px rgba(0,255,145,.14)}.district-brand>span:last-child{display:grid;gap:.13rem}.district-brand strong{font-size:.74rem;font-weight:800;letter-spacing:.16em}.district-brand small{color:var(--district-muted);font-size:.52rem;letter-spacing:.22em}.district-header-status{display:flex;align-items:center;gap:1.5rem}.district-header-status>span{display:inline-flex;align-items:center;gap:.45rem;color:#8b839d;font-family:monospace;font-size:.56rem;letter-spacing:.12em}.district-header-status i{width:.35rem;height:.35rem;border-radius:50%;background:#6aff97;box-shadow:0 0 12px #6aff97}.district-header-status button{min-height:38px;padding:0 1rem;border:1px solid var(--district-red);background:rgba(255,231,92,.08);color:#fff7bd;font:inherit;font-size:.58rem;font-weight:700;letter-spacing:.14em;cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.district-header-status button:focus-visible,.district-header-status button:hover{background:rgba(255,231,92,.18);box-shadow:0 0 22px rgba(255,231,92,.24)}.district-intro{top:7.25rem;left:2.25rem;max-width:25rem;padding-left:1rem;border-left:2px solid var(--district-pink);text-shadow:0 1px 16px #05010f}.district-intro p{margin:0;color:var(--district-pink);font-family:monospace;font-size:.58rem;letter-spacing:.16em}.district-intro h1{margin:.75rem 0 0;font-size:clamp(2rem,3vw,3.75rem);font-weight:800;letter-spacing:-.055em;line-height:.9;text-transform:uppercase}.district-intro>span{display:block;max-width:20rem;margin-top:.8rem;color:#b9b0c8;font-size:.72rem;line-height:1.5}.district-map{top:50%;right:2rem;width:17.5rem;transform:translateY(-48%);border:1px solid var(--district-line);background:linear-gradient(145deg,rgba(3,24,31,.9),rgba(2,13,19,.72));box-shadow:0 20px 60px rgba(1,0,8,.42);backdrop-filter:blur(12px)}.map-heading{display:flex;justify-content:space-between;min-height:43px;border-bottom:1px solid var(--district-line);color:#8c849f;font-family:monospace;font-size:.56rem;letter-spacing:.18em}.map-heading,.map-zones>div{align-items:center;padding:0 .8rem}.map-zones>div{display:grid;grid-template-columns:.65rem 1.6rem 1fr auto;gap:.65rem;width:100%;min-height:52px;border:0;border-bottom:1px solid rgba(218,196,255,.12);background:transparent;color:#b5acc7;text-align:left;transition:color .16s ease,background .16s ease,transform .16s ease}.map-zones>div:last-child{border-bottom:0}.map-zones>div.is-nearby{background:linear-gradient(90deg,rgba(0,255,145,.16),rgba(0,186,255,.08));color:var(--district-white);transform:translateX(-4px);box-shadow:inset 3px 0 0 var(--district-pink)}.zone-pip{width:.38rem;height:.38rem;border-radius:50%;background:var(--district-purple);box-shadow:0 0 10px currentColor}.zone-pip-linkedin{background:#00baff;color:#00baff}.zone-pip-x{background:#efffff;color:#efffff}.zone-pip-instagram{background:#ffe75c;color:#ffe75c}.zone-pip-private{background:#00ff91;color:#00ff91}.zone-code{color:#5f5870;font-family:monospace;font-size:.55rem}.zone-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.zone-japanese{color:#668b8f;font-family:Hiragino Sans,Yu Gothic,sans-serif;font-size:.7rem}.district-arrival{right:2rem;bottom:2.25rem;width:17.5rem;min-height:102px;padding:.95rem;border:1px solid var(--district-line);background:var(--district-panel);backdrop-filter:blur(12px)}.district-power{position:absolute;top:6.1rem;right:2rem;z-index:5;display:flex;gap:.45rem}.district-power>span{display:inline-flex;align-items:center;gap:.4rem;min-height:29px;padding:0 .65rem;border:1px solid var(--district-line);background:rgba(2,15,21,.76);color:#5f8488;font-family:monospace;font-size:.5rem;letter-spacing:.08em}.district-power>span.is-active{color:var(--district-white);border-color:currentColor;box-shadow:0 0 16px rgba(0,186,255,.14)}.district-power i{width:.38rem;height:.38rem;background:#4e6e72}.district-power .power-boost{background:#ffe75c;box-shadow:0 0 9px #ffe75c}.district-power .power-rocket{background:#00ff91;box-shadow:0 0 9px #00ff91}.district-arrival:before{content:"";position:absolute;top:-1px;left:-1px;width:30%;height:2px;background:var(--district-blue);box-shadow:0 0 12px var(--district-blue)}.district-arrival.is-visible:before{width:calc(100% + 2px);background:var(--district-pink);box-shadow:0 0 14px var(--district-pink)}.district-arrival.is-visible{border-color:rgba(0,255,145,.62);background:rgba(2,24,25,.91);box-shadow:0 0 32px rgba(0,255,145,.12)}.district-arrival p{margin:0;color:var(--district-pink);font-family:monospace;font-size:.52rem;letter-spacing:.16em}.district-arrival h2{margin:.45rem 0 .7rem;font-size:1.08rem;letter-spacing:.06em;text-transform:uppercase}.district-arrival>span{display:block;margin-top:.75rem;color:#8f879d;font-size:.66rem}.district-arrival button{min-height:32px;padding:0 .75rem;border:1px solid var(--district-pink);background:rgba(0,255,145,.1);color:var(--district-white);font:inherit;font-size:.58rem;font-weight:700;letter-spacing:.11em;cursor:pointer}.district-controls{left:2.25rem;bottom:2.25rem;display:flex;align-items:center;gap:.85rem;padding:.75rem .9rem;border:1px solid var(--district-line);background:rgba(2,15,21,.78);backdrop-filter:blur(10px)}.control-keys{display:grid;justify-items:center;gap:.14rem}.control-keys span{display:flex;gap:.14rem}.control-keys kbd{display:grid;place-items:center;width:1.2rem;height:1.15rem;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#d9d1e6;font:.55rem monospace}.district-controls>div:last-child{display:grid;gap:.18rem}.district-controls strong{color:var(--district-white);font-size:.58rem;letter-spacing:.14em}.district-controls>div:last-child span{color:#756e83;font-family:monospace;font-size:.5rem}.district-legal{bottom:.55rem;left:50%;display:flex;gap:.8rem;transform:translateX(-50%)}.district-legal a{color:#625a70;font-size:.47rem;letter-spacing:.12em;text-decoration:none}.mobile-drive{display:none}.district-home .modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1.5rem;background:rgba(1,10,15,.9);backdrop-filter:blur(18px)}.district-home .modal-content{position:relative;width:min(410px,100%);padding:2rem;border:1px solid var(--district-pink);background:#03151c;box-shadow:0 0 50px rgba(0,255,145,.18)}.district-home .modal-content h2{margin:0 0 1.4rem;font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase}.district-home .login-form{display:grid;gap:.75rem}.district-home .auth-input{width:100%;min-height:46px;padding:0 .8rem;border:1px solid var(--district-line);border-radius:0;outline:0;background:#020e14;color:var(--district-white);font:inherit}.district-home .auth-input:focus{border-color:var(--district-pink)}.district-home .remember-me-label{display:flex;align-items:center;gap:.5rem;color:var(--district-muted);font-size:.7rem}.district-home .custom-checkbox{display:none}.district-home .auth-button{min-height:44px;border:1px solid var(--district-pink);background:rgba(255,69,189,.16);color:var(--district-white);font:inherit;font-weight:700;letter-spacing:.09em;cursor:pointer}.district-home .modal-close-button{position:absolute;top:.7rem;right:.7rem;width:2rem;height:2rem;border:0;background:transparent;color:var(--district-muted);cursor:pointer}.district-home .error-message{margin:0;color:#ff8195;font-size:.72rem}body:has(.district-home)>footer{display:none}@media (max-width:900px){.district-header{padding:0 1rem}.district-header-status>span{display:none}.district-intro{left:1rem}.district-map{right:1rem;width:15rem}.district-power{right:1rem}.district-arrival{right:1rem;width:15rem}.district-controls{left:1rem}}@media (max-width:700px){body:has(.district-home){overscroll-behavior:none}.district-home{height:100svh;min-height:100svh;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.district-header{min-height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-right:max(.75rem,env(safe-area-inset-right));padding-left:max(.75rem,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(1,12,18,.94),rgba(1,12,18,.38))}.brand-kanji{width:2.15rem;height:2.15rem;font-size:1.05rem}.district-brand{gap:.6rem}.district-brand strong{font-size:.62rem}.district-brand small{font-size:.44rem}.district-header-status button{min-height:36px;padding:0 .65rem;font-size:.5rem}.district-intro{top:calc(4.35rem + env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left));max-width:11rem;padding-left:.65rem}.district-intro p{display:none}.district-intro h1{margin:0;font-size:1.22rem;line-height:.92}.district-intro>span{display:none}.district-map{top:calc(7.45rem + env(safe-area-inset-top));right:max(.6rem,env(safe-area-inset-right));bottom:auto;left:max(.6rem,env(safe-area-inset-left));width:auto;transform:none;background:rgba(2,15,21,.7);backdrop-filter:blur(9px)}.map-heading{min-height:24px;padding:0 .55rem;font-size:.43rem}.map-zones{display:grid;grid-template-columns:repeat(4,1fr)}.map-zones>div{grid-template-columns:auto 1fr;gap:.4rem;min-height:38px;padding:0 .35rem;border-right:1px solid rgba(218,196,255,.12);border-bottom:0}.map-zones>div:last-child{border-right:0}.map-zones>div.is-nearby{transform:translateY(-2px)}.zone-code,.zone-japanese{display:none}.zone-pip{width:.3rem;height:.3rem}.zone-label{overflow:hidden;font-size:.46rem;text-overflow:ellipsis;white-space:nowrap}.district-arrival{right:max(.75rem,env(safe-area-inset-right));bottom:calc(9.1rem + env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));width:auto;min-height:52px;padding:.65rem .75rem;pointer-events:none}.district-arrival p{font-size:.45rem}.district-arrival h2{margin:.22rem 0 0;font-size:.82rem}.district-arrival>span{margin-top:.3rem;font-size:.56rem}.district-arrival button,.district-controls{display:none}.mobile-drive{right:max(.75rem,env(safe-area-inset-right));bottom:max(.65rem,env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));display:flex;align-items:end;justify-content:space-between;gap:.65rem;pointer-events:none}.mobile-steering,.mobile-throttle,.mobile-utilities{display:flex;gap:.38rem;pointer-events:auto}.mobile-throttle{align-items:end}.mobile-utilities{flex-direction:column;gap:.28rem}.mobile-drive button{display:grid;place-content:center;justify-items:center;width:clamp(3.7rem,16vw,4.5rem);height:clamp(3.7rem,16vw,4.5rem);padding:0;border-radius:.8rem;border:1px solid var(--district-line);background:linear-gradient(145deg,rgba(5,30,39,.9),rgba(1,12,18,.94));color:var(--district-white);box-shadow:inset 0 0 18px rgba(0,186,255,.08),0 8px 26px rgba(0,0,0,.28);font:1.45rem/1 monospace;touch-action:none;-webkit-tap-highlight-color:transparent}.mobile-drive button small{margin-top:.28rem;color:#71999e;font:700 .42rem/1 monospace;letter-spacing:.12em}.mobile-drive button:active{border-color:var(--district-blue);background:rgba(0,186,255,.2);box-shadow:inset 0 0 26px rgba(0,186,255,.2),0 0 22px rgba(0,186,255,.14);transform:translateY(1px) scale(.97)}.mobile-utilities button{width:clamp(2.75rem,11vw,3.2rem);height:clamp(2.75rem,11vw,3.2rem);border-radius:50%;font-size:.85rem}.mobile-utilities button small{font-size:.34rem}.mobile-drive .mobile-action{border-color:rgba(0,255,145,.5);color:#00ff91}.mobile-drive .mobile-action.is-ready{background:rgba(0,255,145,.2);box-shadow:0 0 26px rgba(0,255,145,.28);animation:district-action-pulse 1.3s ease-in-out infinite alternate}.mobile-drive .mobile-rocket{border-color:rgba(255,231,92,.5);color:#ffe75c}.district-power{top:calc(4.3rem + env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));gap:.25rem}.district-power>span{padding:0 .4rem;font-size:.44rem}.district-legal{display:none}}@media (max-width:700px) and (orientation:landscape){.district-intro,.district-map{display:none}.district-arrival{right:50%;bottom:max(.65rem,env(safe-area-inset-bottom));left:50%;width:min(17rem,38vw);transform:translateX(-50%)}.mobile-drive button{width:3.55rem;height:3.55rem}}@keyframes district-action-pulse{to{border-color:#00ff91;box-shadow:0 0 34px rgba(0,255,145,.42)}}@media (prefers-reduced-motion:reduce){.district-home *,.district-home :after,.district-home :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}