:root{--district-white:#f8fff4;--district-muted:#a8dce1;--district-purple:#72e33f;--district-blue:#22d8f6;--district-pink:#72e33f;--district-red:#f5ec3f;--district-panel:rgba(6,38,55,0.86);--district-line:rgba(103,235,246,0.48)}body:has(.district-home){margin:0;overflow:hidden;background:#48c9f0;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:#48c9f0}.district-world{position:absolute;inset:0;z-index:0}.district-world canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.district-world-loading{background:radial-gradient(circle at 50% 55%,rgba(34,216,246,.3),transparent 26%),linear-gradient(165deg,#56d7f2,#d9fbf5 48%,#36bddc)}.district-world-loading:after{content:"LOADING TOKYO";position:absolute;top:50%;left:50%;padding:.7rem 1rem;border:2px solid #07131b;background:#f5ec3f;color:#07131b;font:italic 900 .72rem/1 Arial Black,sans-serif;letter-spacing:.12em;box-shadow:6px 6px 0 #07131b;transform:translate(-50%,-50%) rotate(-1deg)}.district-scanlines{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.025;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(5,28,38,.16) 5px 6px),radial-gradient(circle at 50% 48%,transparent 66%,rgba(0,24,35,.18) 100%);mix-blend-mode:multiply}.district-controls,.district-header,.district-intro,.district-legal,.district-map,.mobile-drive,.parking-status{position:absolute;z-index:5}.district-header{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:0 2.25rem;border-bottom:2px solid rgba(7,19,27,.82);background:linear-gradient(180deg,rgba(5,25,35,.72),rgba(5,25,35,.03))}.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:2px solid #07131b;background:#f5ec3f;color:#07131b;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:.82rem;font-style:italic;letter-spacing:-.08em;box-shadow:4px 4px 0 #07131b}.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:5.75rem;left:1.65rem;max-width:33rem;padding:1rem 3.5rem 1.35rem 1.45rem;color:#f8fff4;background:#07131b;filter:drop-shadow(9px 10px 0 rgba(0,0,0,.28));clip-path:polygon(0 8%,96% 0,88% 22%,100% 28%,91% 42%,98% 52%,86% 63%,95% 74%,83% 100%,0 92%);transform:rotate(-1.2deg) skewX(-2deg)}.district-intro:after{content:"";position:absolute;top:auto;right:.8rem;bottom:.55rem;left:auto;z-index:-1;width:9rem;height:.6rem;background:#22d8f6;clip-path:polygon(0 28%,100% 0,84% 100%,9% 72%);opacity:1}.district-intro p{margin:0;color:#7feaf8;font-family:monospace;font-size:.58rem;letter-spacing:.16em}.district-intro h1{display:grid;margin:.55rem 0 0;font-family:Impact,Arial Black,Avenir Next Condensed,sans-serif;font-size:clamp(2.25rem,4vw,4.7rem);font-style:italic;font-weight:900;letter-spacing:-.065em;line-height:.82;text-transform:uppercase;-webkit-text-stroke:1px #07131b;text-shadow:3px 3px 0 #07131b}.district-intro h1 span,.district-intro h1 strong{display:block;font:inherit}.district-intro h1 strong{color:#f5ec3f;font-size:1.16em}.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:2px solid #07131b;background:linear-gradient(145deg,rgba(7,49,72,.94),rgba(4,27,42,.9));box-shadow:8px 8px 0 rgba(7,19,27,.74),0 20px 60px rgba(1,26,39,.24);backdrop-filter:blur(8px)}.map-heading{display:flex;justify-content:space-between;min-height:43px;border-bottom:1px solid var(--district-line);color:#a8dce1;font-family:monospace;font-size:.56rem;letter-spacing:.18em}.map-heading,.map-zones>button{align-items:center;padding:0 .8rem}.map-zones>button{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:#d9f5f2;text-align:left;cursor:pointer;transition:color .16s ease,background .16s ease,transform .16s ease}.map-zones>button:last-child{border-bottom:0}.map-zones>button.is-nearby,.map-zones>button:focus-visible,.map-zones>button:hover{background:linear-gradient(90deg,rgba(114,227,63,.22),rgba(34,216,246,.12));color:var(--district-white);transform:translateX(-4px);outline:0}.map-zones>button.is-nearby,.map-zones>button:focus-visible,.map-zones>button:hover{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-open{color:#668b8f;font-family:monospace;font-size:.5rem;letter-spacing:.08em}.district-power{--speed-angle:-130deg;position:absolute;top:5.25rem;right:2rem;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:.38rem}.analog-speedometer{position:relative;width:6rem;height:6rem;overflow:hidden;border:2px solid #030409;border-radius:50%;background:radial-gradient(circle,rgba(3,4,9,.9) 0 55%,transparent 56%),repeating-conic-gradient(from 0deg,rgba(255,244,220,.92) 0 1.6deg,transparent 1.6deg 10deg),rgba(4,18,28,.58);box-shadow:inset 0 0 0 .28rem rgba(22,217,245,.18),inset 0 0 1.4rem rgba(3,4,9,.86),4px 4px 0 rgba(3,4,9,.82),0 0 18px rgba(22,217,245,.2);color:#fff4dc;transition:border-color .16s ease,box-shadow .16s ease}.analog-speedometer:before{content:"";position:absolute;inset:.34rem;border-color:rgba(22,217,245,.88) #f23b4f #ffd42a rgba(22,217,245,.88);border-style:solid;border-width:.22rem;border-radius:50%;opacity:.76;transform:rotate(17deg)}.analog-speedometer:after{content:"";position:absolute;right:.4rem;bottom:.28rem;left:.4rem;height:1.24rem;background:#030409;clip-path:polygon(12% 22%,88% 22%,100% 100%,0 100%)}.analog-speedometer.is-boosting{border-color:#ffd42a;box-shadow:inset 0 0 0 .28rem rgba(255,212,42,.2),inset 0 0 1.4rem rgba(3,4,9,.86),4px 4px 0 rgba(3,4,9,.82),0 0 24px rgba(255,212,42,.44)}.speedometer-face{position:absolute;inset:0;z-index:1}.speed-mark{position:absolute;color:rgba(255,244,220,.78);font:800 .4rem/1 monospace;letter-spacing:-.04em}.speed-mark-0{bottom:1.28rem;left:.82rem}.speed-mark-40{top:1.04rem;left:.82rem}.speed-mark-80{top:.72rem;right:1.05rem;color:#ffd42a}.speed-mark-120{right:.5rem;bottom:1.35rem;color:#f451a0}.speedometer-needle{position:absolute;top:calc(50% - .09rem);left:50%;width:2.18rem;height:.18rem;border-radius:999px;background:#f23b4f;box-shadow:0 0 8px rgba(242,59,79,.7);transform:rotate(var(--speed-angle));transform-origin:0 50%;transition:transform .11s linear}.speedometer-hub{position:absolute;top:calc(50% - .31rem);left:calc(50% - .31rem);width:.62rem;height:.62rem;border:2px solid #fff4dc;border-radius:50%;background:#030409;box-shadow:0 0 0 .16rem #16d9f5}.speedometer-readout{position:absolute;right:0;bottom:.46rem;left:0;z-index:3;display:flex;align-items:baseline;justify-content:center;gap:.18rem;color:#fff4dc;font-family:monospace}.speedometer-readout b{color:#ffd42a;font:900 .66rem/1 Arial Black,monospace;letter-spacing:.02em}.speedometer-readout small{color:rgba(255,244,220,.68);font:800 .3rem/1 monospace;letter-spacing:.06em}.power-statuses{display:flex;gap:.35rem}.power-statuses>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}.power-statuses>span.is-active{color:var(--district-white);border-color:currentColor;box-shadow:0 0 16px rgba(0,186,255,.14)}.power-statuses>span.is-drifting{border-color:#19d8ff;color:#19d8ff;box-shadow:0 0 18px rgba(25,216,255,.3)}.power-statuses i{width:.38rem;height:.38rem;background:#4e6e72}.district-power .power-boost{background:#ffe75c;box-shadow:0 0 9px #ffe75c}.district-power .power-drift{background:#19d8ff;box-shadow:0 0 9px #19d8ff}.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}.parking-status{--parking-progress:0%;bottom:1.8rem;left:50%;z-index:7;width:min(19rem,76vw);padding:.66rem .75rem .7rem;border:1px solid rgba(255,231,92,.78);background:rgba(7,38,48,.9);box-shadow:0 0 24px rgba(255,231,92,.24),6px 6px 0 rgba(2,8,12,.72);color:#fffbd7;text-align:center;transform:translateX(-50%);clip-path:polygon(.6rem 0,100% 0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%,0 .6rem);pointer-events:none}.parking-status[hidden]{display:none}.parking-status>span{display:block;font:800 .62rem/1 monospace;letter-spacing:.12em}.parking-status>small{display:block;margin-top:.28rem;color:#b8dce0;font:700 .42rem/1 monospace;letter-spacing:.08em}.parking-bar{height:.42rem;margin-top:.55rem;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1)}.parking-bar i{display:block;width:var(--parking-progress);height:100%;background:linear-gradient(90deg,#00baff,#00ff91 64%,#ffe75c);box-shadow:0 0 12px #00ff91;transition:width 80ms linear}.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-controls{left:1rem}}@media (max-width:700px),(pointer:coarse){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(2,24,33,.84),rgba(2,24,33,.22))}.brand-kanji{width:2.15rem;height:2.15rem;font-size:1.05rem}.district-brand{gap:.6rem}.district-brand strong{font-size:.62rem}.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:13.5rem;padding:.62rem 1.3rem .72rem .78rem;filter:drop-shadow(5px 5px 0 rgba(0,0,0,.3))}.district-intro p{display:none}.district-intro h1{margin:0;font-size:1.15rem;line-height:.84}.district-controls,.district-intro>span,.district-map{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;pointer-events:none}.mobile-pedals{display:grid;grid-template-columns:repeat(2,auto);align-items:end;gap:.5rem;pointer-events:auto}.mobile-joystick{position:relative;width:6.3rem;height:6.3rem;border:1px solid rgba(0,186,255,.42);border-radius:50%;background:radial-gradient(circle,rgba(5,30,39,.55) 0 38%,rgba(1,12,18,.8) 40% 100%);box-shadow:inset 0 0 22px rgba(0,186,255,.12),0 8px 30px rgba(0,0,0,.25);pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.mobile-joystick:after,.mobile-joystick:before{content:"";position:absolute;top:50%;left:50%;background:rgba(0,186,255,.22);transform:translate(-50%,-50%)}.mobile-joystick:before{width:76%;height:2px}.mobile-joystick:after{display:none}.joystick-knob{position:absolute;top:calc(50% - 1.35rem);left:calc(50% - 1.35rem);width:2.7rem;height:2.7rem;border:1px solid #00e7ff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4fffd0,#057790 62%,#021218 100%);box-shadow:0 0 20px rgba(0,229,255,.36);transition:transform 40ms linear;pointer-events:none}.mobile-joystick>small{position:absolute;right:0;bottom:-.9rem;left:0;color:#71999e;font:700 .42rem/1 monospace;letter-spacing:.18em;text-align:center}.mobile-pedals button{position:relative;display:grid;place-content:center;justify-items:center;padding:0;overflow:hidden;border:1.5px solid;border-radius:.6rem .6rem .95rem .95rem;background:rgba(3,4,9,.18);backdrop-filter:blur(2px);color:var(--district-white);box-shadow:inset 0 0 1.2rem rgba(255,255,255,.025),0 .35rem 1.4rem rgba(0,0,0,.22);font:800 .66rem/1 monospace;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);touch-action:none;-webkit-tap-highlight-color:transparent}.mobile-pedals button:after,.mobile-pedals button:before{content:"";position:absolute;pointer-events:none}.mobile-pedals button:before{inset:.45rem .5rem .52rem;border:1px solid;border-radius:.28rem .28rem .48rem .48rem;opacity:.26}.mobile-pedals button:after{inset:.9rem .92rem;background:repeating-linear-gradient(180deg,currentColor 0 .13rem,transparent .13rem .52rem);opacity:.2}.mobile-pedals button>small,.mobile-pedals button>span{position:relative;z-index:1;text-shadow:0 1px 3px #030409}.mobile-pedals button small{margin-top:.28rem;color:currentColor;font:700 .35rem/1 monospace;letter-spacing:.1em;opacity:.62}.mobile-pedals button.is-pressed,.mobile-pedals button:active{background:rgba(255,255,255,.12);transform:translateY(.16rem) scale(.97)}.mobile-pedals button:focus-visible{outline:0;filter:drop-shadow(0 0 .5rem currentColor)}.mobile-drive .mobile-brake{width:4.7rem;height:4.15rem;color:#ffd42a;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.mobile-drive .mobile-brake.is-pressed,.mobile-drive .mobile-brake:active{background:rgba(255,212,42,.2);box-shadow:inset 0 0 1.6rem rgba(255,212,42,.16),0 0 1.3rem rgba(255,212,42,.22)}.mobile-drive .mobile-gas{width:3.65rem;height:5.15rem;color:#49c98d;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.mobile-drive .mobile-gas.is-pressed,.mobile-drive .mobile-gas:active{background:rgba(73,201,141,.2);box-shadow:inset 0 0 1.6rem rgba(73,201,141,.18),0 0 1.4rem rgba(73,201,141,.24)}.parking-status{--parking-progress:0%;position:absolute;right:0;bottom:6.9rem;left:0;width:min(17rem,76vw);margin:auto;padding:.66rem .75rem .7rem;border:1px solid rgba(255,231,92,.72);background:rgba(2,15,21,.92);box-shadow:0 0 24px rgba(255,231,92,.18);color:#fffbd7;text-align:center;transform:none;clip-path:polygon(.6rem 0,100% 0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%,0 .6rem);pointer-events:none}.parking-status[hidden]{display:none}.parking-status>span{display:block;font:800 .62rem/1 monospace;letter-spacing:.12em}.parking-status>small{display:block;margin-top:.28rem;color:#9ec8cc;font:700 .42rem/1 monospace;letter-spacing:.08em}.parking-bar{height:.42rem;margin-top:.55rem;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07)}.parking-bar i{display:block;width:var(--parking-progress);height:100%;background:linear-gradient(90deg,#00baff,#00ff91 64%,#ffe75c);box-shadow:0 0 12px #00ff91;transition:width 80ms linear}.district-power{top:calc(4.3rem + env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));gap:.25rem}.analog-speedometer{width:5.15rem;height:5.15rem}.speedometer-needle{width:1.86rem}.speed-mark{font-size:.34rem}.speed-mark-0{bottom:1.12rem;left:.7rem}.speed-mark-40{top:.9rem;left:.68rem}.speed-mark-80{top:.62rem;right:.88rem}.speed-mark-120{right:.4rem;bottom:1.18rem}.speedometer-readout{bottom:.4rem}.speedometer-readout b{font-size:.58rem}.power-statuses>span{padding:0 .4rem;font-size:.44rem}.district-legal,.power-statuses>span:last-child{display:none}}@media (max-width:700px) and (orientation:landscape),(pointer:coarse) and (orientation:landscape){.district-intro,.district-map{display:none}.mobile-joystick{width:5rem;height:5rem}.mobile-drive .mobile-brake{width:3.85rem;height:3.4rem}.mobile-drive .mobile-gas{width:3rem;height:4.25rem}.analog-speedometer{width:4.4rem;height:4.4rem}.speedometer-needle{width:1.56rem}.speed-mark{font-size:.29rem}.speed-mark-0{bottom:.98rem;left:.58rem}.speed-mark-40{top:.76rem;left:.56rem}.speed-mark-80{top:.54rem;right:.74rem}.speed-mark-120{right:.31rem;bottom:1.02rem}.speedometer-readout{bottom:.34rem}.speedometer-readout b{font-size:.52rem}.speedometer-readout small{font-size:.25rem}.power-statuses{display:none}.parking-status{bottom:5.45rem}}@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}}