/*! kisetsufu-yuki.css v1.1.2 — 津波教材と共通UI */
.kisetsufu-root{--navy:#102846;--gold:#f4cf5f;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#d9e7f4}
.kisetsufu-root .kisetsufu-shell{height:100%;min-height:0;background:linear-gradient(145deg,#d9e7f4,#f7fbff 56%,#dbe8f4)}
.kisetsufu-root .simui-main{min-height:0}
.kisetsufu-root .simui-stage{width:min(100%,calc((100dvh - 108px)*1672/941));max-height:100%;display:block}
.kisetsufu-root .views{position:absolute;inset:0;display:grid;grid-template-columns:1fr;z-index:1}
.kisetsufu-root .view{position:relative;min-width:0;min-height:0;overflow:hidden;border:5px solid #fff;border-radius:18px;background:#163f65;box-shadow:0 12px 34px #112b6e75;isolation:isolate}
.kisetsufu-root .view[hidden]{display:none}
.kisetsufu-root .view-label{display:none;position:absolute;z-index:15;top:12px;right:12px;padding:5px 10px;border-radius:999px;background:#0b274cdd;color:#fff;font-size:clamp(10px,1vw,15px);font-weight:900}
.kisetsufu-root .scene,.kisetsufu-root .weather{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;user-select:none;-webkit-user-drag:none}
.kisetsufu-root .scene{z-index:1}.kisetsufu-root .clouds{z-index:2;opacity:0;mask-image:radial-gradient(ellipse 78% 82% at 18% 22%,#000 0 61%,#000d 70%,transparent 84%);-webkit-mask-image:radial-gradient(ellipse 78% 82% at 18% 22%,#000 0 61%,#000d 70%,transparent 84%)}
.kisetsufu-root .finish{z-index:3;opacity:0}.kisetsufu-root .weather{z-index:5;pointer-events:none}.kisetsufu-root .shade{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(90deg,#174b9424 0 43%,transparent 58% 100%);opacity:0}
.kisetsufu-root .aerial-clouds{position:absolute;inset:0;z-index:2;background:center/cover no-repeat;opacity:0;mask-image:linear-gradient(145deg,#000 0 43%,#000b 54%,transparent 70%);-webkit-mask-image:linear-gradient(145deg,#000 0 43%,#000b 54%,transparent 70%)}
.kisetsufu-root .labels{position:absolute;inset:0;z-index:8;pointer-events:none}.kisetsufu-root .label{position:absolute;transform:translate(-50%,-50%);padding:5px 10px;border:2px solid #fff9;border-radius:9px;background:#0b274cdd;color:#fff;font-size:clamp(10px,1.25vw,19px);font-weight:900;line-height:1;white-space:nowrap;text-shadow:0 2px 2px #0008;box-shadow:0 3px 8px #0004}.kisetsufu-root .labels.hidden{display:none}
.kisetsufu-root .section .lab-sea{left:10%;top:61%}.kisetsufu-root .section .lab-snow{left:29%;top:59%}.kisetsufu-root .section .lab-mountain{left:53%;top:42%}.kisetsufu-root .section .lab-sun{left:76%;top:60%}.kisetsufu-root .section .lab-pacific{left:92%;top:61%}
.kisetsufu-root .aerial .lab-sea{left:26%;top:18%}.kisetsufu-root .aerial .lab-snow{left:48%;top:37%}.kisetsufu-root .aerial .lab-mountain{left:58%;top:49%}.kisetsufu-root .aerial .lab-sun{left:68%;top:66%}.kisetsufu-root .aerial .lab-pacific{left:82%;top:82%}
.kisetsufu-root .cause-pill{position:absolute;z-index:12;right:2.2%;top:3%;padding:8px 12px;border:2px solid #fff8;border-radius:999px;background:#0b274cdd;color:#fff;font-size:clamp(10px,1vw,15px);font-weight:900}.kisetsufu-root .cause-pill b{color:#ffe16f}
.kisetsufu-root .simui-controls{position:fixed;inset:0;z-index:99990;width:auto;display:block;pointer-events:none}
.kisetsufu-root .simui-bottom-dock{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(900px,calc(100vw - 132px));transform:translateX(-50%);pointer-events:auto}
.kisetsufu-root .simui-timeline{padding:8px 13px;border:1px solid #ffffff52;background:#091d37dc;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.kisetsufu-root .simui-toolbar{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(86px,calc(env(safe-area-inset-bottom) + 86px));display:flex;flex-direction:column;gap:7px;pointer-events:auto}
.kisetsufu-root .simui-tool{width:56px;min-width:56px;height:56px;padding:4px;border-radius:50%}.kisetsufu-root .simui-tool-label{font-size:9px}
.kisetsufu-root .simui-scene-ticks{position:relative;height:13px;display:block;padding:0}.kisetsufu-root .simui-scene-ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.kisetsufu-root .simui-scene-ticks span:nth-child(1){left:0;transform:none}.kisetsufu-root .simui-scene-ticks span:nth-child(2){left:17%}.kisetsufu-root .simui-scene-ticks span:nth-child(3){left:33%}.kisetsufu-root .simui-scene-ticks span:nth-child(4){left:51%}.kisetsufu-root .simui-scene-ticks span:nth-child(5){left:71%}.kisetsufu-root .simui-scene-ticks span:nth-child(6){left:100%;transform:translateX(-100%)}
.kisetsufu-root .card[data-mode="both"]{width:min(100%,calc((100dvh - 190px)*3344/941));aspect-ratio:3344/941}.kisetsufu-root .card[data-mode="both"] .views{grid-template-columns:1fr 1fr;gap:8px;align-items:center}.kisetsufu-root .card[data-mode="both"] .view{display:block!important;width:100%;height:100%;aspect-ratio:1672/941}.kisetsufu-root .card[data-mode="both"] .view-label{display:block}.kisetsufu-root .card[data-mode="both"] .label{font-size:clamp(8px,.72vw,12px);padding:3px 5px;border-width:1px}
.kisetsufu-root:fullscreen{width:100vw;height:100dvh;background:#d9e7f4}.kisetsufu-root:fullscreen .kisetsufu-shell{height:100dvh}
body.admin-bar .kisetsufu-root{height:calc(100vh - 32px);height:calc(100dvh - 32px)}
@media(max-width:782px){body.admin-bar .kisetsufu-root{height:calc(100vh - 46px);height:calc(100dvh - 46px)}}
@media(max-width:720px){.kisetsufu-root .view{border-width:3px;border-radius:10px}.kisetsufu-root .cause-pill{display:none}.kisetsufu-root .simui-bottom-dock{width:min(680px,calc(100vw - 112px))}.kisetsufu-root .simui-tool{width:46px;min-width:46px;height:46px}.kisetsufu-root .label{padding:3px 5px;border-width:1px}}
@media(max-width:570px){.kisetsufu-root .card[data-mode="both"] .labels{display:none}.kisetsufu-root .simui-bottom-dock{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 100px)}.kisetsufu-root .simui-toolbar{right:max(6px,env(safe-area-inset-right));bottom:max(70px,calc(env(safe-area-inset-bottom) + 70px));gap:5px}.kisetsufu-root .simui-tool{width:39px;min-width:39px;height:39px;padding:7px}.kisetsufu-root .simui-tool svg{width:22px;height:22px}.kisetsufu-root .simui-tool-label{display:none}.kisetsufu-root .simui-timeline{padding:4px 7px}.kisetsufu-root .simui-time{display:block;min-width:45px}}
@media(max-height:620px) and (orientation:landscape){.kisetsufu-root .simui-stage:not([data-mode="both"]){width:min(100%,calc((100dvh - 76px)*1672/941))}.kisetsufu-root .simui-scene-ticks{display:none}.kisetsufu-root .simui-time{grid-row:1}.kisetsufu-root .simui-bottom-dock{width:min(720px,calc(100vw - 96px));bottom:max(6px,env(safe-area-inset-bottom))}.kisetsufu-root .simui-toolbar{right:max(6px,env(safe-area-inset-right));bottom:max(58px,calc(env(safe-area-inset-bottom) + 58px));gap:4px}.kisetsufu-root .simui-tool{width:38px;min-width:38px;height:38px;padding:7px}.kisetsufu-root .simui-tool-label{display:none}}