@font-face{font-family:Galmuri;src:url('../rongji-walk/vendor/fonts/Galmuri11.woff2') format('woff2');font-display:swap}
@font-face{font-family:Galmuri;src:url('../rongji-walk/vendor/fonts/Galmuri11-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;--ink:#f4ecd8;--line:#c5c1a1;--panel:#1e302b;--accent:#e5d997}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#121c1a;color:var(--ink);font:15px/1.7 Galmuri,sans-serif;display:flex;flex-direction:column;justify-content:center}a{color:#dfdbc2;text-underline-offset:5px}a:hover{color:#fff9e4}::selection{background:#b5aa70;color:#10231d}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff1a8;outline-offset:4px}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}
.review-header{width:min(1280px,100%);padding:20px 24px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font:14px/1.5 sans-serif}.review-header p{margin:0;color:#b9bfb7}main{width:100%}.screen{position:relative;container-type:inline-size;isolation:isolate;width:min(1280px,100%,calc((100dvh - 160px)*16/9));aspect-ratio:16/9;margin:auto;overflow:hidden;background:#243b31;box-shadow:0 12px 32px #0005}canvas{display:block;width:100%;height:100%;object-fit:contain}.scene-header{position:absolute;top:3%;left:2.5%;display:flex;align-items:center;gap:18px;pointer-events:none}.place{background:#182d25ed;border:2px solid var(--line);padding:7px 13px;min-width:120px;box-shadow:inset 0 0 0 3px #233e31}.place span{display:block;font-size:clamp(11px,1.35cqw,16px);color:#dfd7b5;line-height:1.4}.place strong{display:block;font-size:clamp(15px,2.1cqw,25px);line-height:1.5}.time{color:#fffbe8;font-size:clamp(18px,2.8cqw,32px);text-shadow:1px 2px 2px #132a27}.time span{font-size:.55em;margin-left:5px}.pixel-button{border:2px solid var(--line);border-radius:0;background:var(--panel);color:var(--ink);min-height:44px;padding:10px 15px;box-shadow:inset 0 0 0 2px #35463a;transition:background .12s ease-out}.pixel-button:hover{background:#354b3c}.pixel-button:active{background:#45593d;transform:translateY(1px)}.menu-button{position:absolute;top:3%;right:2.5%;width:clamp(44px,5.1cqw,60px);height:clamp(44px,5.1cqw,60px);padding:9px}.menu-button svg{width:100%;height:100%;stroke:currentColor;stroke-width:2.5;fill:none;shape-rendering:crispEdges}.dialogue-panel{position:absolute;inset:auto 0 0;height:21%;min-height:80px;display:flex;gap:1.5%;align-items:stretch;padding:2% 2.5% 1.6%;border-top:2px solid #d4ccac;background:#16251ff5}.speech{position:relative;flex:1;min-width:0;border:2px solid #acb291;box-shadow:inset 0 0 0 3px #31463a;padding:13px 18px 10px;display:flex;align-items:center}.speaker{position:absolute;left:12px;top:-13px;background:#172820;padding:0 9px;font-size:clamp(13px,1.65cqw,20px);line-height:1.3;color:#eee4b6}.speech p{margin:0;font-size:clamp(14px,2.25cqw,27px);line-height:1.6;overflow-wrap:anywhere}.actions{display:flex;gap:8px;align-items:stretch}.actions button{font-size:clamp(12px,1.65cqw,20px);white-space:nowrap;padding:8px 13px}.primary{background:#d9d0a5;border-color:#eee9cc;box-shadow:inset 0 0 0 2px #aaa477;color:#1c3027}.primary:hover{background:#f0e4b5}.primary:active{background:#bcb68f}.primary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;margin-left:14px}.review-note{text-align:center;color:#b5bdb5;font:13px/1.9 sans-serif;margin:20px 20px 24px}.review-note span{color:#cdd3c8}.loading,.menu-shade{position:absolute;inset:0;background:#17271ff2;display:grid;place-content:center;text-align:center;gap:16px}.loading p{margin:0}.menu-shade{background:#0b1818b8;z-index:5}.pause-menu{background:#1e302b;border:2px solid var(--line);padding:24px;width:min(340px,80cqw);display:grid;gap:12px}.pause-menu h2{font-size:clamp(16px,2.5cqw,24px);font-weight:400;margin:0 0 8px}.pause-menu button{font-size:16px}.screen.expanded{position:fixed;inset:0;margin:auto;z-index:10;width:min(100vw,177.7778dvh);max-width:none}.screen:fullscreen{width:min(100vw,177.7778dvh);height:auto;max-width:none;margin:auto}.screen::backdrop{background:#101917}
@media(max-width:600px){.review-header{padding:14px 16px;font-size:12px;gap:12px}.review-header p{display:none}.dialogue-panel{gap:7px;padding:12px 10px 8px;min-height:75px}.speech{padding:10px 10px 5px}.actions{gap:5px}.actions button{padding:6px 8px}.primary svg{margin-left:5px}.place{min-width:90px;padding:4px 8px}.scene-header{gap:10px}.review-note{font-size:12px}.actions .secondary{display:none}}
@media(orientation:landscape) and (max-height:600px){body{overflow:hidden}.review-header,.review-note{display:none}.screen{width:min(100vw,177.7778dvh);max-width:none}.dialogue-panel{padding:1.5% 2% 1%;min-height:76px}.speech{padding:9px 14px 5px}.actions button{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
