:root{--ink:#252525;--yellow:#f6c926;--rail:#242424;--line:#ddd}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,"Noto Sans JP",sans-serif}button,input{font:inherit}header{height:62px;position:relative;z-index:1000;display:flex;align-items:center;gap:18px;padding:0 18px;background:#202020;color:#fff;box-shadow:0 1px 5px #0008}.brand{position:absolute;left:50%;transform:translateX(-50%);font-size:25px;font-weight:800;white-space:nowrap}.brand span,.brand b{color:var(--yellow)}.brand small{display:block;font-size:7px;letter-spacing:1.7px;text-align:center;margin-top:-3px}.header-time{margin-left:auto;font-size:13px}.search{width:330px;height:36px;background:white;border-radius:5px;color:#777;display:flex;align-items:center;padding:0 8px;gap:8px}.search input{min-width:0;flex:1;border:0;outline:0}.search kbd{font-size:11px;border:1px solid #bbb;border-radius:3px;padding:1px 4px}.login,.hamburger{border:0;background:transparent;color:#fff}.hamburger{font-size:25px}.login small{font-size:8px}main{height:calc(100vh - 62px);position:relative}#map,#mapCanvas{position:absolute;inset:0}.leaflet-container{font:inherit}.leaflet-control-attribution{font-size:9px!important}.plane-marker{font-size:27px;color:var(--yellow);line-height:1;text-shadow:0 1px 2px #000,0 0 5px #000;transform-origin:center}.plane-marker.self{font-size:38px;color:#f6e55b}.flight-panel{position:absolute;z-index:700;left:16px;top:16px;width:336px;background:#f7f7f7;box-shadow:0 2px 12px #0008;border-radius:3px;overflow:hidden}.panel-top{height:64px;padding:10px;display:flex;align-items:flex-start;gap:8px;background:#303030;color:#fff}.panel-top div{flex:1}.panel-top b{font-size:20px;color:#f6cf35}.panel-top p{font-size:12px;margin:1px 0}.panel-top button{background:transparent;border:0;color:#fff;font-size:23px}.tag{font-size:11px;background:#55707c;border-radius:3px;margin-left:5px;padding:2px 4px}.plane-banner{height:104px;background:linear-gradient(115deg,#496773,#94c0c4 45%,#476a6b);display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.plane-banner span{font-size:70px;text-shadow:1px 3px 5px #123;transform:rotate(7deg)}.plane-banner i{position:absolute;right:8px;bottom:6px;font-size:9px;letter-spacing:1px}.route{padding:11px 20px 5px;display:flex;align-items:center;justify-content:space-between;text-align:center}.route strong{font-size:31px;line-height:1}.route small{display:block;font-size:11px}.route>span{color:var(--yellow);font-size:28px}.route-times{padding:7px 13px;background:#eee;display:flex;justify-content:space-between;text-align:center;color:#777;font-size:9px}.route-times b{font-size:16px;color:#333}.route-times #flight-status{font-size:10px;color:#b68e00;padding-top:8px;font-weight:700}.progress{height:5px;margin:13px 18px;background:#ddd}.progress i{display:block;width:63%;height:100%;background:var(--yellow)}.panel-action{border:0;background:#2e83b5;color:#fff;width:100%;padding:10px;font-weight:600}.aircraft-details{margin:0;padding:5px 16px}.aircraft-details div{padding:7px 0;border-bottom:1px solid #ddd}.aircraft-details dt{font-size:9px;color:#777}.aircraft-details dd{margin:2px 0;font-size:13px}.telemetry{background:#e9e9e9;padding:9px 16px}.telemetry h2,.right-rail h2{font-size:12px;margin:0 0 7px}.telemetry div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.telemetry span{font-size:10px;color:#666}.telemetry b{display:block;color:#222;font-size:14px}.flight-panel footer{padding:9px 16px;font-size:10px;color:#666}.flight-panel footer span{display:inline-block;width:7px;height:7px;background:#28bc5b;border-radius:50%}.right-rail{position:absolute;z-index:700;right:0;top:0;width:320px;min-height:100%;background:#252525;color:#eee;padding:12px}.right-rail section{background:#363636;border-radius:8px;padding:15px;margin-bottom:12px}.right-rail section>b{color:#f4cc2b}.right-rail p{font-size:12px;line-height:1.45;color:#ddd;margin:6px 0 0}.right-rail .rail-bottom{position:absolute;bottom:15px;left:12px;right:12px;background:transparent;border:1px solid #666}.map-controls{z-index:650;position:absolute;right:337px;top:104px;display:grid;box-shadow:0 1px 4px #0006}.map-controls button{width:42px;height:42px;border:0;border-bottom:1px solid #ddd;background:#333;color:#fff;font-size:26px}.map-controls button:last-child{border:0;font-size:20px}#notice{z-index:650;position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:15px;background:#222d;color:#fff;font-size:11px}.bottom-tools{position:absolute;z-index:650;bottom:18px;left:50%;transform:translateX(-50%);display:flex;background:#3b3b3b;border-radius:25px;overflow:hidden;box-shadow:0 2px 8px #0008}.bottom-tools button{min-width:80px;padding:9px 7px;border:0;border-right:1px solid #666;background:transparent;color:#fff;font-size:20px}.bottom-tools button:last-child{border:0}.bottom-tools small{font-size:10px;display:block}@media(max-width:1040px){.right-rail{display:none}.map-controls{right:16px}.brand{position:static;transform:none}.header-time{margin-left:auto}.search{width:250px}}@media(max-width:700px){.search,.header-time{display:none}.flight-panel{width:calc(100% - 22px);left:11px;top:11px}.plane-banner{height:65px}.aircraft-details,.telemetry{display:none}.bottom-tools{width:95%;justify-content:space-around}.bottom-tools button{min-width:0;flex:1}.route strong{font-size:24px}}