#clock-mobile-actions,#clock-daily-tabs{display:none}
#clock-mobile-settings{width:min(470px,calc(100vw - 28px));max-height:90dvh;overflow:auto;box-sizing:border-box;padding:20px;border:1px solid #d2b87855;border-radius:14px;background:#091421;color:#e4e8ec}
#clock-mobile-settings::backdrop{background:#010611c9;backdrop-filter:blur(8px)}
@media(max-width:600px){
 :root{--sky-text-min:calc(14px * var(--sky-text-scale,1));--sky-caption-min:calc(11px * var(--sky-text-scale,1))}
 body{font-family:"Yu Gothic",Meiryo,system-ui,sans-serif}
 button,input,select{min-height:44px}input[type=checkbox],input[type=radio],input[type=range]{min-height:0}
 .bilingual-label::after{color:#b6c5ce;line-height:1.3}
 .topbar{gap:8px;padding:10px 14px}.topbar .brand{font-size:calc(25px * var(--sky-text-scale,1))}.topbar>a:not(.brand){margin-left:auto}.language-control{margin-left:0;flex:1;justify-content:flex-end}.language-control select{max-width:100%;min-height:44px}
 .text-size-header{font-size:calc(14px * var(--sky-text-scale,1));min-height:44px}
 .observatory:not(.clock-view) .mode-tabs{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;gap:3px;min-width:0}
 .observatory:not(.clock-view) .mode-tabs button{flex:0 0 auto;min-width:112px;padding:7px 10px;white-space:nowrap}
 .observatory:not(.clock-view) .mode-tabs button.bilingual-label::after{max-width:none}
 .observatory:not(.clock-view) .scene-bottom{bottom:calc(var(--scene-caption-height,55px) + 24px)}
 .observatory:not(.clock-view) .scene-caption{bottom:12px;left:18px;right:18px;line-height:1.5}
 .table-wrap{overflow-x:auto}table{min-width:540px}
 #clock-stage-controls{left:14px;right:14px;top:16px}
 .clock-stage-brand>span{font-family:"Yu Mincho",serif;font-size:calc(28px * var(--sky-text-scale,1));line-height:1.2;white-space:nowrap}
 .clock-stage-brand>p{display:none}
 #clock-stage-controls>label{position:relative;margin-top:27px;font-size:calc(14px * var(--sky-text-scale,1));gap:5px}
 #clock-stage-controls>label.bilingual-label::after{position:absolute;top:0;right:0;margin:0;font-size:calc(11px * var(--sky-text-scale,1))}
 #clock-scene-select{font-size:calc(16px * var(--sky-text-scale,1));min-height:44px;padding:8px 10px}
 .clock-view .scene-top{top:12px;left:14px;right:14px}.clock-view #clock-mode-toggle{font-size:calc(14px * var(--sky-text-scale,1));padding:6px 9px;min-height:44px}
 .clock-view #clock-mode-toggle.bilingual-label::after{font-size:calc(11px * var(--sky-text-scale,1))}
 .clock-view .scene-clock{left:18px;gap:12px}.clock-view .scene-clock #clock-date{font-size:calc(14px * var(--sky-text-scale,1));letter-spacing:.1em}.clock-view .scene-clock #clock-time{font-size:calc(44px * var(--sky-text-scale,1))}
 .clock-view #clock-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:absolute;left:14px;right:14px;bottom:max(10px,env(safe-area-inset-bottom));z-index:8}
 #clock-mobile-actions button{font-size:calc(14px * var(--sky-text-scale,1));min-height:48px;line-height:1.3;padding:7px 10px;border-color:#c3aa7355;background:#102032;color:#e7d9b8}
 #clock-mobile-actions button.bilingual-label::after{font-size:calc(11px * var(--sky-text-scale,1));margin-top:2px}
 .clock-view #clock-daily{max-height:30dvh;left:14px;right:14px;padding-bottom:3px}
 .clock-daily-location{gap:8px;align-items:center;line-height:1.3}.clock-daily-location>span{font-size:calc(14px * var(--sky-text-scale,1));white-space:nowrap}.clock-daily-location>small{font-size:calc(11px * var(--sky-text-scale,1));min-width:0;margin-left:auto;text-align:right;color:#b4c3d2}
 #clock-daily-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:sticky;top:0;z-index:2;background:#07101e;padding:5px 0}
 #clock-daily-tabs button{font-size:calc(14px * var(--sky-text-scale,1));min-width:0;min-height:46px;padding:5px 2px;line-height:1.3;border-color:#93aec233;color:#b9c8d7}
 #clock-daily-tabs button.bilingual-label::after{font-size:calc(11px * var(--sky-text-scale,1));margin-top:1px}
 #clock-daily-tabs button[aria-selected=true]{color:#f1d7a0;background:#b99a5624;border-color:#c6a769}
 #clock-daily .clock-daily-grid{display:block;overflow:visible;border-radius:6px}
 #clock-daily .clock-daily-grid>article{display:flex;gap:9px;padding:12px;grid-area:auto;min-height:115px;background:#0b1929;line-height:1.5}
 #clock-daily .clock-daily-grid p,#clock-daily .clock-daily-grid article>span{font-size:calc(14px * var(--sky-text-scale,1));line-height:1.45;color:#d0dbe5}
 #clock-daily .clock-daily-grid strong{font-size:calc(22px * var(--sky-text-scale,1));line-height:1.3;color:#f0dfb6}
 #clock-daily .bilingual-label::after{font-size:calc(11px * var(--sky-text-scale,1));line-height:1.35;margin-top:2px;color:#aebfce}
 #clock-daily .clock-daily-grid p.bilingual-label::after{display:block;margin-left:0}
 .clock-moon-main{gap:10px}.clock-moon-main svg{width:40px;height:40px}
 #clock-moon-phases{gap:5px;justify-content:space-between;margin:2px 0 5px}#clock-moon-phases svg{width:26px;height:26px}#clock-moon-phases span{font-size:calc(12px * var(--sky-text-scale,1));color:#c0cbd7}#clock-moon-phases>div{gap:4px}
 #clock-daily #clock-next-phases,#clock-daily #clock-moon-event,#clock-daily #clock-daily-note{display:block;font-size:calc(14px * var(--sky-text-scale,1));line-height:1.55;margin:6px 0 0;color:#cbd4e0}
 #clock-daily .clock-daily-grid>.rokuyo-card{padding:0}
 #clock-daily .rokuyo-card button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:18px;width:100%;min-height:126px;text-align:left;align-items:center}
 #clock-daily .rokuyo-card button>span,#clock-daily .rokuyo-card button>small{font-size:calc(14px * var(--sky-text-scale,1));line-height:1.4}
 #clock-daily .rokuyo-card strong{grid-column:2;grid-row:1/3;font-size:calc(32px * var(--sky-text-scale,1));white-space:nowrap}
 #clock-mobile-settings #clock-stage-settings{position:static;display:grid;grid-template-columns:1fr;gap:12px;margin:10px 0 0}
 #clock-mobile-settings #clock-stage-settings>*{order:initial;min-width:0;margin:0}
 #clock-mobile-settings #clock-stage-settings>label,#clock-mobile-settings #clock-stage-settings>button{font-size:calc(16px * var(--sky-text-scale,1));line-height:1.4;min-height:48px;padding:9px 12px}
 #clock-mobile-settings #clock-stage-settings>p{font-size:calc(14px * var(--sky-text-scale,1));line-height:1.5}
 #clock-mobile-settings input[type=checkbox]{width:20px;height:20px;flex:none}
 #clock-calendar .calendar-day{padding:8px 1px}#clock-calendar .calendar-weekdays{gap:3px}#clock-calendar .calendar-weekdays .bilingual-label::after{overflow-wrap:anywhere}
}

#sky-mobile-menu-toggle,#voyager-mobile-actions{display:none}
#sky-mobile-menu{width:min(580px,calc(100vw - 24px));max-height:88dvh;box-sizing:border-box;overflow:auto;padding:20px;border:1px solid #d2b87855;border-radius:14px;background:#091421;color:#e4e8ec}
#sky-mobile-menu::backdrop{background:#010611db;backdrop-filter:blur(8px)}
.mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-menu-grid button{font-size:calc(16px * var(--sky-text-scale,1));min-height:70px;padding:12px 8px;line-height:1.5;background:#102032;border-color:#adc4de33}
#sky-mobile-menu .bilingual-label::after{font-size:calc(11px * var(--sky-text-scale,1));line-height:1.35}
#mobile-voyager-details{margin-top:24px;padding-top:15px;border-top:1px solid #d4bb813d}
#mobile-voyager-details .voyager-playback,#mobile-voyager-details .voyager-telemetry{position:static;width:auto;max-width:none;margin:12px 0;pointer-events:auto;text-align:left}
#mobile-voyager-details .voyager-buttons{flex-wrap:wrap}#mobile-voyager-details .voyager-buttons label{margin-left:0}
#mobile-voyager-details .voyager-caption{position:static;font-size:calc(14px * var(--sky-text-scale,1));line-height:1.6}
@media(max-width:600px),(max-height:800px){
 body:not(.desk-clock){padding-bottom:80px}
 #sky-mobile-menu-toggle{display:block;position:fixed;right:14px;bottom:max(12px,env(safe-area-inset-bottom));z-index:30;padding:9px 18px;min-height:50px;font-size:calc(16px * var(--sky-text-scale,1));line-height:1.3;background:#152740ed;border:1px solid #d6b778;color:#f0dbab;box-shadow:0 4px 24px #0008}
 .desk-clock>#sky-mobile-menu-toggle{display:none}
 .clock-view #clock-mobile-actions{grid-template-columns:1fr 1fr 1.15fr;gap:6px}
 .clock-view #clock-mobile-actions button{padding:7px 3px;font-size:calc(14px * var(--sky-text-scale,1))}
 .observatory.voyager-view{height:100dvh;min-height:0}
 .voyager-view #viewport{top:250px;bottom:120px}
 .voyager-view .voyager-title{top:154px;max-width:60%;left:18px}.voyager-view .voyager-title h2{font-size:calc(21px * var(--sky-text-scale,1));line-height:1.35}
 .voyager-view .voyager-date-block{top:157px;right:18px;max-width:30%}.voyager-date-block time{font-size:calc(12px * var(--sky-text-scale,1));overflow-wrap:anywhere}
 .voyager-toolbar{top:91px;flex-wrap:wrap}.voyager-toolbar button,.voyager-toolbar select{min-height:44px;font-size:calc(14px * var(--sky-text-scale,1))}
 #voyager-mobile-actions{display:flex;position:absolute;left:16px;right:16px;bottom:76px;gap:8px;pointer-events:auto}
 #voyager-mobile-actions button{flex:1;min-height:46px;font-size:calc(14px * var(--sky-text-scale,1));padding:6px;line-height:1.4;background:#102032;border-color:#d2b87955}
 #voyager-mobile-actions button.bilingual-label::after{font-size:calc(11px * var(--sky-text-scale,1))}
}

@media(max-width:600px),(max-height:800px){
 .voyager-view .mode-tabs{display:none!important}.voyager-view .scene-top{justify-content:flex-end}
 .voyager-view .voyager-toolbar{top:16px;left:14px;right:70px;flex-wrap:nowrap}.voyager-toolbar button{flex:none}.voyager-toolbar select{flex:1;min-width:0}
 .voyager-view .voyager-title{top:86px}.voyager-view .voyager-title .eyebrow{line-height:1.2;margin:0 0 5px}.voyager-view .voyager-date-block{top:89px}
 .voyager-view #viewport{top:calc(var(--voyager-heading-bottom,175px) + 14px);bottom:100px}
 .voyager-active #sky-mobile-menu-toggle{width:calc((100% - 44px) / 3);min-height:54px;padding:7px 3px;font-size:calc(14px * var(--sky-text-scale,1));bottom:max(12px,env(safe-area-inset-bottom))}
 #voyager-mobile-actions{position:fixed;left:14px;right:calc((100% - 44px) / 3 + 22px);bottom:max(12px,env(safe-area-inset-bottom));z-index:20;gap:8px}
 #voyager-mobile-actions button{min-width:0;min-height:54px;padding:7px 3px;font-size:calc(14px * var(--sky-text-scale,1))}
 #mobile-voyager-details #voyager-restart{font-size:calc(16px * var(--sky-text-scale,1));margin:12px 0;min-height:48px}
}