:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#000}#root{min-height:100vh}.screen-root{min-height:100vh;width:100%;display:grid;place-items:center}.game-frame{position:relative;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16 / 9;background:#000;overflow:hidden}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.scene-image-fade-in{opacity:0;animation:scene-fade-in .5s linear forwards}.main-ui-overlay{position:absolute;inset:0;pointer-events:none}.main-menu{position:absolute;left:18%;top:21%;width:30%;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;display:grid;gap:1.4%;pointer-events:auto}.main-menu-button{position:relative;width:100%;border:0;margin:0;padding:.5% 0;background:transparent;color:#2b160c;font-size:1.7vw;font-weight:700;letter-spacing:.01em;text-align:left;display:grid;grid-template-columns:1.4em 1fr;align-items:center;cursor:pointer;transition:background-color .12s ease}.main-menu-button>*{position:relative;z-index:1}.main-menu-button-active{color:#2b160c;text-shadow:0 0 6px rgba(237,185,105,.62),0 0 12px rgba(237,185,105,.35)}.main-menu-button-active:before{content:"";position:absolute;inset:8% -3% 8% -1%;background:linear-gradient(90deg,#b03c3a00,#c02c2c94 18% 82%,#b03c3a00);border-radius:999px;box-shadow:0 0 10px #c02c2c5c;animation:menu-bar-blink 2s ease-in-out infinite;pointer-events:none;z-index:0}.main-menu-button:hover{color:#3a2111}.main-menu-pointer{color:#5f3015;font-size:.8em}.quick-icon-hotspots{position:absolute;inset:0;pointer-events:none}.quick-icon-hotspot{position:absolute;left:var(--icon-x);top:var(--icon-y);width:5.45%;aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid transparent;border-radius:12px;background:transparent;pointer-events:auto;cursor:pointer;transition:box-shadow .12s ease,border-color .12s ease}.quick-icon-hotspot-active{border-color:#4fc3ff;box-shadow:0 0 0 2px #4fc3fff0,0 0 14px #4fc3ffad;animation:quick-icon-blink .5s ease-in-out infinite}.message-window{position:absolute;border:0;padding:0;margin:0;background:transparent;pointer-events:auto;cursor:pointer}.message-window-bottom,.message-window-center{right:5.8%;bottom:4.8%;width:39%}.message-window-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.message-window-text{position:absolute;inset:27% 8.8% 23% 8.4%;margin:0;color:#1d120c;font-size:1.35vw;font-weight:700;line-height:1.42;text-align:left;white-space:pre-wrap;word-break:break-word}.message-wait-indicator{display:inline-block;margin-left:.34em;color:#f2c848;font-weight:800;animation:message-wait-bob .7s ease-in-out infinite}.start-button{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);padding:0;margin:0;border:none;background:transparent;cursor:pointer;opacity:0;animation:start-button-fade 2.2s ease-out .12s forwards}.start-button img{display:block;width:min(34vw,380px);max-width:72%;height:auto;-webkit-user-select:none;user-select:none}.start-button:hover{transform:translate(-50%,-50%) scale(1.015)}.start-button:active{transform:translate(-50%,-50%) scale(.985)}.fade-overlay{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}.fade-overlay-visible{opacity:1;transition:opacity .5s linear}.fade-overlay-hiding{opacity:0;transition:opacity .5s linear}@keyframes start-button-fade{0%{opacity:0}to{opacity:1}}@keyframes scene-fade-in{0%{opacity:0}to{opacity:1}}@keyframes menu-bar-blink{0%{opacity:1}50%{opacity:.28}to{opacity:1}}@keyframes message-wait-bob{0%{transform:translateY(0)}50%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes quick-icon-blink{0%{opacity:1;box-shadow:0 0 0 2px #4fc3fff0,0 0 14px #4fc3ffad}50%{opacity:.28;box-shadow:0 0 0 2px #4fc3ff75,0 0 6px #4fc3ff38}to{opacity:1;box-shadow:0 0 0 2px #4fc3fff0,0 0 14px #4fc3ffad}}