@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#e6f3ff;background:#081321;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #78eaff;outline-offset:3px}.world{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 45%,#193348,#081321 75%)}.world-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;touch-action:none}.world:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06101db3,transparent 18%,transparent 78%,#06101dc2)}.world-header{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;pointer-events:none}.world-header h1{margin:0;font-size:22px;letter-spacing:-.06em;font-weight:700;color:#f1fbff;text-shadow:0 2px 12px #000b}.data-button{pointer-events:auto;border:1px solid #5a9cb5;background:#0b2336e8;color:#d9f9ff;padding:10px 18px;font-size:13px;font-weight:600;letter-spacing:.04em;min-height:44px;box-shadow:0 8px 22px #0004}.data-button:hover,.data-button:focus-visible{background:#174157}.data-panel{position:absolute;z-index:4;top:78px;right:28px;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow:auto;border:1px solid #438aa0;background:#0b2033ed;box-shadow:0 20px 55px #0009;backdrop-filter:blur(14px);padding:19px;color:#e8f5fb}.data-panel-header{display:flex;align-items:center;justify-content:space-between}.data-panel h2{font-size:17px;margin:0;font-weight:600}.close-button{border:0;background:transparent;color:#9cc3d0;font-size:26px;line-height:1;width:34px;height:34px}.close-button:hover{color:#fff}.tab-list{display:flex;gap:5px;margin-top:14px;border-bottom:1px solid #315060}.tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#87a9b9;padding:8px 9px 10px;font-size:11px;white-space:nowrap}.tab.active{color:#baf5ff;border-color:#70e3e8}.data-content,.schedule{padding-top:18px}.panel-message{font-size:12px;line-height:1.7;color:#b2ccd6;margin:5px 0 16px}.panel-error{font-size:11px;line-height:1.6;color:#ffb6b6;margin:9px 0}.primary-button,.secondary-button{min-height:44px;border:1px solid #62bbcf;background:#14556b;color:#f1fdff;padding:10px 15px;font-size:12px;font-weight:700}.primary-button:hover,.secondary-button:hover{background:#1b7089}.secondary-button{background:#12364b}.select-label{display:block;font-size:10px;color:#9bbbc7;margin-bottom:7px}.property-select{width:100%;min-height:40px;padding:7px 9px;border:1px solid #4d8497;background:#102c3f;color:#eaf8fc;font:inherit;font-size:12px}.range-buttons{display:flex;gap:6px;margin:14px 0}.range-button{border:1px solid #375f70;background:#102737;color:#a5c1cf;padding:7px 10px;font-size:11px;min-height:34px}.range-button.active{background:#1a5366;border-color:#67c7d8;color:#efffff}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0 12px}.metrics-grid div{min-width:0;border:1px solid #335868;background:#102a3b;padding:9px 7px}.metrics-grid span{display:block;font-size:9px;color:#9bbbc7;white-space:nowrap}.metrics-grid strong{display:block;font-size:18px;margin-top:6px;font-weight:600;letter-spacing:-.04em}.chart-title{font-size:10px;color:#9bbbc7;margin:18px 0 0}.chart-endpoints{display:flex;justify-content:space-between;font-size:9px;color:#7694a3;margin-top:7px}.disconnect-button{display:block;margin:18px 0 0 auto;border:0;background:transparent;color:#8ca9b8;font-size:10px;text-decoration:underline;text-underline-offset:3px;min-height:30px}.metric-row{display:flex;align-items:baseline;gap:10px}.metric-row>span:first-child{font-size:11px;color:#91aebb}.metric-row strong{font-size:28px;letter-spacing:-.04em;font-weight:600}.metric-change{margin-left:auto;font-size:12px;color:#75e6c4;font-weight:700}.chart{height:80px;display:flex;align-items:end;gap:3px;border-bottom:1px solid #416778;margin-top:13px}.chart-column{height:100%;flex:1;min-width:0;display:flex;align-items:end;justify-content:center}.chart-column span{display:block;width:100%;max-width:19px;background:linear-gradient(0deg,#2186a0,#85edf4);box-shadow:0 0 15px #46d5e43d}.chart-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;text-align:center;color:#7694a3;font-size:9px;margin-top:7px}.sample-note{font-size:10px;color:#91aebb;margin:13px 0 0}.schedule-row{display:flex;gap:20px;font-size:11px;padding:12px 0;border-bottom:1px solid #2c4e5e}.schedule-row span:first-child{color:#91c9d3}.list-heading{font-size:13px;font-weight:700;color:#d6f7ff;margin:0 0 10px}.service-list{list-style:none;margin:0;padding:0}.service-list li{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-bottom:1px solid #2c4e5e;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.service-list time{color:#9bc3d0;font-size:10px}.service-list a,.external-link{color:#bcf5ff;text-decoration:underline;text-underline-offset:3px}.mail-list li.unread{border-left:2px solid #ffbd8e;padding-left:10px}.mail-from{color:#d9f2f8;font-weight:700}.external-link{display:inline-block;margin-top:16px;font-size:12px}.movement-pad{position:absolute;z-index:3;bottom:30px;left:28px;display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:4px;pointer-events:none}.move-button{pointer-events:auto;touch-action:none;user-select:none;border:1px solid #5a9cb5;background:#0b2336cb;color:#c8f6fc;font-size:25px;font-weight:400;display:grid;place-items:center;border-radius:10px;box-shadow:0 4px 16px #0005}.move-button:active{background:#26748c;color:#fff}.move-button.forward{grid-column:2;grid-row:1}.move-button.left{grid-column:1;grid-row:2}.move-button.backward{grid-column:2;grid-row:2}.move-button.right{grid-column:3;grid-row:2}.world-hint{position:absolute;z-index:2;bottom:37px;left:210px;font-size:11px;color:#9ab9c8;text-shadow:0 1px 8px #000;pointer-events:none}.credit{position:absolute;z-index:2;bottom:20px;right:27px;font-size:10px;color:#91adbb;text-shadow:0 1px 8px #000;pointer-events:none}.scene-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:#bbd4df;background:#0b1d2d;line-height:1.8}@media(max-width:700px){.world-header{padding:17px 18px}.world-header h1{font-size:21px}.data-panel{top:71px;right:16px}.movement-pad{left:16px;bottom:20px;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px)}.world-hint{bottom:14px;left:auto;right:16px;font-size:10px}.credit{top:68px;right:18px;bottom:auto;font-size:9px}}@media(max-width:390px){.movement-pad{grid-template-columns:repeat(3,43px);grid-template-rows:repeat(3,43px)}.world-hint{max-width:125px;text-align:right;line-height:1.5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}