:root{font:14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:#f1efdf;background:#17252d;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{touch-action:manipulation}button,input,select{font:inherit}button,select{color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e6cf9c;outline-offset:4px}button,select{border:1px solid #d9ddcf2c;background:#bfcfc60b;border-radius:16px;min-height:44px}button{padding:8px 15px;display:inline-flex;gap:8px;align-items:center;justify-content:center}button:hover{background:#c6d6ca1e}button svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}#stage,#sea,#bridge,#veil{position:fixed;inset:0;width:100%;height:100%;height:100dvh}#sea{display:block}#bridge{pointer-events:none;opacity:0;transition:opacity 1.4s;background:#192932}#bridge.visible{opacity:1}#veil{pointer-events:none;background:#182730;opacity:0;transition:opacity 1.2s}#veil.visible{opacity:1}.dock,.panel{background:#17272cc2;border:1px solid #f4f0d82b;box-shadow:0 12px 40px #07131526,inset 0 1px 0 #fffae510;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dock{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:6px;border-radius:50px;opacity:0;transition:opacity .6s,transform .6s;max-width:calc(100vw - 24px)}.localized .dock{opacity:.88}.localized .dock.idle{opacity:0;transform:translate(-50%,14px);pointer-events:none}.dock:focus-within,.localized .dock:hover{opacity:1}.dock button{border:0;border-radius:30px;white-space:nowrap;min-width:44px}.panel{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(88px,calc(env(safe-area-inset-bottom) + 74px));width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 168px - env(safe-area-inset-top));overflow:auto;border-radius:20px;padding:20px 22px;z-index:3}.panel[hidden]{display:none}.panel-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.panel h1{font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:400;line-height:1.45;margin:0;flex:1}.icon{border:none;background:transparent;font-size:26px;padding:2px;min-width:44px;flex-shrink:0}.panel>label:not(.check){display:block;margin:13px 0 5px;color:#dbdfd5}.panel select{display:block;width:100%;padding:7px 10px;background:#1c3037}.panel input[type=range]{width:100%;accent-color:#cbc7ac;margin:8px 0 16px}.check{display:flex;gap:10px;align-items:center;min-height:44px}.check input{width:18px;height:18px;accent-color:#cac7ad}.panel p{color:#d0d6d0;margin:16px 0 0;font-size:13px}.panel .small{font-size:11px;color:#b3bdb7}.graphics{position:fixed;left:20%;right:20%;top:42%;text-align:center;color:#e7e5d6}.graphics[hidden]{display:none}@supports not (backdrop-filter:blur(1px)){.dock,.panel{background:#17272ce8}}@media(max-width:480px){:root{font-size:13px}.dock{bottom:max(12px,env(safe-area-inset-bottom));gap:1px;padding:5px}.dock button{padding:8px 12px;gap:6px}.panel{left:16px;right:16px;width:auto;padding:16px 18px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 70px))}}@media(max-width:330px){.dock button span:not([aria-hidden]){display:none}.dock button{width:50px}.panel{padding:10px 12px;max-height:calc(100dvh - 144px)}.panel h1{font-size:16px}}@media(max-height:450px){.panel{bottom:76px;top:max(68px,env(safe-area-inset-top));max-height:none;padding:10px 16px;width:min(480px,calc(100vw - 32px))}.panel-head{margin-bottom:4px}.panel h1{font-size:16px}.panel>label:not(.check){margin-top:7px}.panel p{margin-top:8px}.dock{bottom:max(10px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.dock{transition:none}}
.panel{width:min(316px,calc(100vw - 28px));padding:15px 17px;border-radius:17px}.panel-head{margin-bottom:9px}.panel h1{font-size:17px;line-height:1.35}.panel>label:not(.check){font-size:12px;margin-top:10px;margin-bottom:4px;color:#d6e1dc}.panel select{border-radius:11px}.panel p{font-size:12px;line-height:1.55;margin-top:10px}.panel .small{font-size:11px;line-height:1.5}.dock{gap:3px;padding:4px}.dock button{padding:8px 12px}.check{font-size:13px}@media(max-width:480px){.panel{left:auto;right:12px;width:min(316px,calc(100vw - 24px));padding:14px 16px}.panel h1{font-size:16px}.dock button{padding:8px 10px}}@media(max-height:450px){.panel{width:min(440px,calc(100vw - 28px));padding:10px 15px}}