#agy-time-scene{width:min(1000px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f4e8cd;color:#27493c;border:1px solid #baa371;border-radius:20px}#agy-time-scene::backdrop{background:#142e2bdf;backdrop-filter:blur(5px)}.agy-time-nav{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 14px;background:#f4e8cd;border-bottom:1px solid #c8b78c;font:13px system-ui}.agy-time-nav button{background:none;border:0;padding:8px;color:#315941;min-height:42px;cursor:pointer}.agy-time-content{text-align:center;padding:10px 22px}.agy-time-content h1{font:600 clamp(21px,2.8vw,28px)/1.1 Georgia;margin:5px 0 10px}.agy-time-stage{position:relative;width:min(100%,calc(max(180px,100svh - 310px)*1.5));aspect-ratio:3/2;margin:auto;overflow:hidden;border-radius:14px;background:#d2b287;isolation:isolate}.agy-time-stage [hidden]{display:none}.time-room{position:absolute;inset:0;width:100%;height:100%;z-index:0}.time-room svg{width:100%;height:100%}#time-door{transform-origin:938px 265px}.time-clock{position:absolute;left:45%;top:21%;width:26%;height:39%;transform:translate(-50%,-50%);z-index:3;filter:drop-shadow(0 4px 3px #46342955)}.time-clock svg{width:100%;height:100%}.time-clock path.time-hour-hand,.time-clock path.time-minute-hand{transform-origin:150px 150px}.time-john{position:absolute;left:25%;top:64%;width:23%;height:37%;transform:translate(-50%,-100%);z-index:4}.time-john svg{width:100%;height:100%}.time-john-seat{position:absolute;left:15%;top:63%;width:23%;height:12%;border-radius:8px 8px 20px 20px;background:linear-gradient(#d69570,#b77c5b);border:2px solid #87593f;z-index:5}.time-oncho{position:absolute;left:59%;top:91%;height:57%;width:23%;transform:translate(-50%,-100%);z-index:6}.time-oncho img{width:100%;height:100%;object-fit:contain}.time-agy{position:absolute;left:85%;top:91%;width:26%;height:60%;transform:translate(-50%,-100%);z-index:7}.time-agy svg{width:100%;height:100%;overflow:hidden}.time-speech{position:absolute;max-width:30%;margin:0;padding:7px 10px;background:#fff3d5;border:2px solid #b39569;border-radius:14px;font:600 clamp(12px,1.8vw,19px)/1.15 Georgia;z-index:12;box-shadow:0 3px 3px #4d372722}.time-speech:after{content:'';position:absolute;bottom:-10px;left:20px;border:5px solid transparent;border-top-color:#b39569}.time-oncho-line{left:62%;top:29%;max-width:31%}.time-john-line{left:3%;top:12%;max-width:27%}.time-agy-line{left:68%;top:9%;max-width:29%}.time-request{position:absolute;left:4%;bottom:4%;margin:0;padding:7px 10px;border:1px solid #b69b6c;border-radius:10px;background:#fff3d5e8;font:700 clamp(12px,1.8vw,18px)/1.15 system-ui;z-index:13}.agy-time-guide{height:48px;margin:8px 0 4px;font:13px/1.3 system-ui}.agy-time-controls{min-height:44px;display:flex;gap:10px;justify-content:center}.agy-time-controls button{min-height:44px;padding:10px 16px;border:1px solid #a5946d;border-radius:10px;background:#315941;color:#fff5df;font:600 14px system-ui;cursor:pointer;touch-action:none}.time-wind[aria-pressed=true]{background:#9c7448}.agy-time-stop svg{width:55%;height:55%;filter:drop-shadow(0 3px 3px #353d3655)}@media(max-width:600px){.agy-time-content{padding:8px 12px}.agy-time-nav{padding:5px 7px}.time-speech{padding:5px 6px;font-size:12px}.time-oncho-line{left:61%;top:23%;max-width:33%}.time-john-line{top:4%;max-width:28%}.time-agy-line{top:4%;left:65%;max-width:31%}.agy-time-guide{font-size:12px}.time-request{padding:5px;max-width:55%}}

.agy-time-content.is-loading .agy-time-stage,.agy-time-content.is-loading .agy-time-guide,.agy-time-content.is-loading .agy-time-controls{visibility:hidden;pointer-events:none}