*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:#f8eedb;background:#030b13}button,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #f3d59c;outline-offset:3px}button,select{border:1px solid #dacbaf38;background:#29454b70;border-radius:12px}button{min-width:44px;min-height:44px}button:hover{background:#49605d7a}button[aria-pressed=true]{background:#8c784446;border-color:#d6bf8270}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}#stage{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;background:#030b13}#world,#bridge{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#bridge{opacity:0;pointer-events:none;transition:opacity .22s}#bridge.visible{opacity:1}#veil{position:absolute;inset:0;background:#06141b;opacity:0;pointer-events:none;transition:opacity .35s}#veil.visible{opacity:1}.dock,.panel,.intro{background:#11272db8;border:1px solid #b6cfc431;box-shadow:0 12px 45px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:20px}.dock{position:fixed;display:flex;align-items:stretch;gap:5px;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100% - 24px);padding:6px;z-index:3;transition:opacity .25s}.dock button{display:flex;align-items:center;justify-content:center;gap:8px;border-color:transparent;background:transparent;padding:10px 15px;white-space:nowrap;line-height:1.2}.dock button:hover{background:#76887830}.dock button[aria-pressed=true]{background:#d0b98125}.panel{position:fixed;z-index:5;right:max(18px,env(safe-area-inset-right));top:max(80px,env(safe-area-inset-top));bottom:max(92px,calc(env(safe-area-inset-bottom) + 82px));width:min(390px,calc(100vw - 32px));overflow:auto;padding:20px 22px;scrollbar-width:thin}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h1{font-weight:500;font-size:23px;letter-spacing:.02em;margin:0}.icon{font-size:26px;line-height:1}.panel h2{font-size:15px;font-weight:500;line-height:1.4;margin:22px 0 12px}.world-choices{display:flex;flex-direction:column;gap:8px}.world-choices button{display:flex;align-items:center;gap:14px;text-align:start;padding:10px 12px;line-height:1.4}.world-mark{font-size:26px;width:30px;color:#e3c78c;text-align:center;flex-shrink:0}.scene-copy{margin:24px 0;border-top:1px solid #b6cfc424;padding-top:20px}.scene-copy h2{font-family:Georgia,serif;font-size:25px;margin:7px 0 10px;line-height:1.25}.scene-copy p{margin:8px 0;color:#d0d9cf}.scene-copy .material{font-size:12px;letter-spacing:.06em;color:#c4c8ad}.check{display:flex;align-items:center;gap:10px;min-height:44px}.check input{width:19px;height:19px;accent-color:#c6ad71}.small{font-size:14px;color:#c2cec7;line-height:1.6}.intro{position:fixed;z-index:2;left:50%;bottom:max(94px,calc(env(safe-area-inset-bottom) + 84px));transform:translateX(-50%);max-width:calc(100% - 32px);padding:6px 9px 6px 16px;display:flex;align-items:center;gap:8px;font-size:14px;pointer-events:none}.intro button{pointer-events:auto;border:0;background:transparent;flex-shrink:0;font-size:22px}.intro span{min-width:0}.localized #dock,.localized #intro,.localized #panel{visibility:visible}html:not(.localized) #dock,html:not(.localized) #intro,html:not(.localized) #panel{visibility:hidden}#status{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;max-width:calc(100% - 40px);width:max-content;padding:16px 20px;border-radius:20px;background:#102229d9;text-align:center;line-height:1.5}#status-label{max-width:400px}#retry{padding:9px 16px}.spinner{border:1px solid #d9c49135;border-top-color:#d9c491;border-radius:50%;width:18px;height:18px;flex-shrink:0;animation:turn 1.2s linear infinite}#preview-language{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0}select{max-width:60%;padding:8px;min-height:44px}select option{background:#173039}#status:has(#retry:not([hidden])) .spinner{display:none}@keyframes turn{to{transform:rotate(1turn)}}
@media(max-width:899px),(orientation:portrait){.panel{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));top:auto;width:auto;bottom:max(84px,calc(env(safe-area-inset-bottom) + 76px));max-height:calc(100dvh - 164px);padding:16px 18px}.dock{bottom:max(12px,env(safe-area-inset-bottom))}.dock button{padding:9px 12px}.world-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.world-choices button{flex-direction:column;text-align:center;padding:9px 5px;font-size:14px;gap:5px}.scene-copy{margin:16px 0;padding-top:12px}.panel h2{margin:16px 0 10px}.intro{bottom:max(85px,calc(env(safe-area-inset-bottom) + 77px))}}
@media(max-width:540px){.dock{gap:2px;width:calc(100% - 24px);max-width:390px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px}.dock button{flex-direction:column;gap:3px;padding:6px 3px;min-width:0;font-size:12px;white-space:normal;line-height:1.2}.dock svg{width:18px;height:18px}.dock #pause-icon{font-size:19px;line-height:18px;min-height:18px}.panel{bottom:max(92px,calc(env(safe-area-inset-bottom) + 84px));max-height:calc(100dvh - 168px)}.panel-head h1{font-size:21px}.intro{font-size:13px;bottom:max(94px,calc(env(safe-area-inset-bottom) + 86px))}.scene-copy h2{font-size:23px}}
@media(max-height:430px){.panel{top:76px;bottom:78px;max-height:none;padding:12px 16px}.panel-head h1{font-size:19px}.panel-head button{min-height:40px}.panel h2{margin-top:12px}.dock{bottom:max(10px,env(safe-area-inset-bottom));padding:4px}.dock button{min-height:42px;padding:6px 10px}.intro{bottom:76px}.scene-copy{margin:12px 0}.panel .small{font-size:14px}.panel-head{position:sticky;top:-12px;background:#183034ed;z-index:1;padding:6px 0}}
@media(max-width:320px){.dock button{font-size:11px;padding:6px 1px}.world-choices{grid-template-columns:1fr}.world-choices button{flex-direction:row;text-align:start;font-size:14px}.panel{left:10px;right:10px;padding:12px}.intro{font-size:12px}.scene-copy h2{font-size:21px}}
.dock{color:#fff7e7;background:#10272ded;border-color:#9abcb44d;transition:background-color .25s,border-color .25s}.dock.idle:not(:focus-within){opacity:1;background:#10272de8}.dock button:disabled{opacity:.65}.dock button[aria-expanded=true]{background:#d0b98135;box-shadow:inset 0 0 0 1px #d6bf8260}.dock[data-panel-open=true]{border-color:#d6bf8270}
.world-choices button>span:last-child{min-width:0;max-width:100%;overflow-wrap:anywhere;hyphens:auto;text-wrap:balance}
@media(max-width:540px){.world-choices{grid-template-columns:1fr}.world-choices button{flex-direction:row;text-align:start;gap:12px;padding:9px 12px}.world-choices button>span:last-child{max-width:calc(100% - 44px);text-wrap:pretty}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}html[data-reduced=true] *{animation:none!important;transition:none!important}
@supports not (backdrop-filter:blur(1px)){.dock,.panel,.intro{background:#173039ed}}