:root{--lax-blue:#0b2d6b;--lax-blue-2:#2f72c9;--accent:#35b6ff;--glass:#0a101e9e;--glass-border:#ffffff1f;--text:#f4f7fb;--muted:#f4f7fb9e;font-family:Inter,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif}html,body{height:100%;color:var(--text);background:#0a0f1c;margin:0;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;transition:opacity .3s;position:fixed;inset:0}#ui.hidden{opacity:0}#ui>div{pointer-events:none}#ui button{pointer-events:auto}#ui.shot .hint,#ui.shot .stats{display:none}.ui-top-left{flex-direction:column;gap:14px;display:flex;position:absolute;top:22px;left:24px}.brand{text-shadow:0 2px 18px #0009;flex-direction:column;display:flex}.brand-title{letter-spacing:.06em;background:linear-gradient(#fff,#b9d7ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:900;line-height:1}.brand-sub{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:12px}.presets{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-wrap:wrap;gap:6px;max-width:460px;max-height:148px;padding-right:4px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.preset-btn{background:var(--glass);color:var(--text);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(14px);border-radius:999px;padding:6px 12px;font-size:12px;transition:background .2s,transform .15s}.preset-btn:hover{background:#35b6ff40;transform:translateY(-1px)}.ui-top-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:22px;right:24px}.stats{color:var(--muted);font-variant-numeric:tabular-nums;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;gap:12px;padding:6px 10px;font-size:11px;display:flex}.hint{color:var(--muted);font-size:11px}.credits{color:var(--muted);opacity:.8;text-align:right;max-width:360px;margin-top:4px;font-size:10px}.credits div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui-bottom-center{position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.floor-switcher{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-radius:18px;gap:4px;padding:6px;display:flex;position:relative;box-shadow:0 10px 40px #00000073}.floor-indicator{pointer-events:none;z-index:0;background:linear-gradient(135deg,#35b6ff59,#2f72c98c);border-radius:13px;transition:left .45s cubic-bezier(.2,.9,.2,1),width .45s cubic-bezier(.2,.9,.2,1);position:absolute;top:6px;bottom:6px;box-shadow:inset 0 0 0 1px #35b6ff99,0 0 24px #35b6ff59}.floor-btn{z-index:1;min-width:150px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:13px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px;transition:transform .15s;display:flex;position:relative}.floor-btn:hover{transform:translateY(-2px)}.floor-btn .f-short{letter-spacing:.04em;font-size:18px;font-weight:800}.floor-btn .f-name{font-size:13px;font-weight:600}.floor-btn .f-sub{color:var(--muted);letter-spacing:.02em;font-size:10px}.floor-btn.active .f-sub{color:#f4f7fbd9}.ui-bottom-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:26px;right:24px}.btn{border:1px solid var(--glass-border);background:var(--glass);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(18px);border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 40px #00000073}.btn:hover{background:#35b6ff38;transform:translateY(-2px)}.btn.active{background:linear-gradient(135deg,#35b6ff,#2f72c9);border-color:#ffffff4d;box-shadow:0 0 30px #35b6ff8c}.btn .ico{font-size:16px}.time-toggle{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;gap:4px;padding:4px;display:flex}.time-btn{cursor:pointer;background:0 0;border:0;border-radius:9px;width:36px;height:32px;font-size:15px;transition:background .2s}.time-btn.active{background:#35b6ff4d}.toast{background:var(--glass);border:1px solid var(--glass-border);opacity:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;border-radius:12px;padding:10px 18px;font-size:13px;transition:opacity .3s,transform .3s;position:absolute;top:90px;left:50%;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}.route-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;border-radius:16px;width:300px;padding:14px 16px;transition:opacity .35s,transform .35s;position:absolute;bottom:26px;left:24px;transform:translateY(10px);box-shadow:0 10px 40px #00000073}.route-card.show{opacity:1;transform:translateY(0)}.route-card h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:13px}.route-card .route-step{color:var(--muted);align-items:center;gap:10px;padding:5px 0;font-size:13px;transition:color .3s;display:flex}.route-card .route-step.active{color:var(--text)}.route-card .route-step.done{color:#f4f7fbcc}.route-card .route-step .dot{background:#fff3;border-radius:50%;flex:none;width:8px;height:8px;transition:background .3s,box-shadow .3s}.route-card .route-step.active .dot{background:var(--accent);box-shadow:0 0 12px var(--accent)}.route-card .route-step.done .dot{background:#7bd88f}.route-card .route-step .lvl{background:#ffffff1a;border-radius:6px;flex:none;padding:2px 6px;font-size:10px;font-weight:800}.route-card .route-meta{color:var(--muted);margin-top:8px;font-size:11px}#loader{z-index:100;background:radial-gradient(1200px 800px at 50% 40%,#12224a 0%,#070b16 70%);justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0;overflow:hidden}#loader:before{content:"";filter:blur(6px)saturate(1.1)brightness(.7);background:url(/shibuya/preview.jpg) 50%/cover no-repeat;animation:14s ease-in-out infinite alternate loader-drift;position:absolute;inset:-4%;transform:scale(1.04)}#loader:after{content:"";background:radial-gradient(900px 600px at 50% 45%,#070b1626 0%,#070b16bf 100%);position:absolute;inset:0}@keyframes loader-drift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.08)translate(-1.2%,1%)}}.loader-inner{z-index:1;position:relative}#loader.done{opacity:0;pointer-events:none}.loader-inner{flex-direction:column;align-items:center;gap:12px;display:flex}.loader-logo{letter-spacing:.08em;background:linear-gradient(#fff,#9cc7ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:96px;font-weight:900;line-height:1}.loader-sub{letter-spacing:.32em;text-transform:uppercase;color:var(--muted);font-size:12px}.loader-bar{background:#ffffff1a;border-radius:2px;width:320px;height:3px;margin-top:20px;overflow:hidden}.loader-fill{background:linear-gradient(90deg,#35b6ff,#7bd88f);width:0%;height:100%;transition:width .3s;box-shadow:0 0 12px #35b6ff}.loader-text{color:var(--muted);font-size:12px}@media (max-width:900px){.floor-btn{min-width:0;padding:8px 12px}.floor-btn .f-sub,.hint{display:none}}@media (max-width:700px),(pointer:coarse) and (max-width:1000px){.ui-top-left{gap:8px;top:12px;left:12px}.brand-title{font-size:30px}.brand-sub{letter-spacing:.16em;margin-top:3px;font-size:9px}.presets{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:4px;max-width:calc(100vw - 24px);padding-bottom:2px;overflow-x:auto}.presets::-webkit-scrollbar{display:none}.preset-btn{white-space:nowrap;padding:5px 10px;font-size:11px}.ui-top-right{display:none}.ui-bottom-center{bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:12px;transform:none}.floor-switcher{box-sizing:border-box;border-radius:14px;gap:2px;width:100%;padding:4px}.floor-btn{text-align:center;flex:1 1 0;align-items:center;gap:0;min-width:0;padding:8px 6px}.floor-btn .f-short{font-size:15px}.floor-btn .f-name{font-size:10px;font-weight:600}.floor-btn .f-sub{display:none}.floor-indicator{top:4px;bottom:4px}.ui-bottom-right{top:calc(96px + env(safe-area-inset-top));align-items:flex-end;gap:8px;bottom:auto;right:12px}.btn{padding:10px 14px;font-size:13px}.time-toggle{padding:3px}.time-btn{width:32px;height:30px;font-size:14px}.route-card{max-height:32vh;padding:10px 12px;overflow-y:auto;width:auto!important;left:12px!important;right:12px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important}.route-card .route-step{padding:3px 0;font-size:12px}.toast{white-space:normal;text-align:center;max-width:calc(100vw - 24px);font-size:12px;top:70px}.loader-logo{font-size:64px}.loader-bar{width:220px}}html.mobile #c{touch-action:none}