*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;background-color:#000;width:100%;height:100%;font-family:sans-serif;overflow:hidden}body{justify-content:center;align-items:center;display:flex}#stage{justify-content:center;align-items:center;width:min(100vw,133.333vh);height:min(75vw,100vh);display:flex;position:relative}#stage.portrait{width:100vw;height:100vh;height:100dvh}#screen{touch-action:none;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}#overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#overlay>*{pointer-events:auto}#menu-button,#fs-button{color:#fff;text-shadow:0 1px 2px #000c;cursor:pointer;z-index:100;background:#00000073;border:2px solid #ffffff8c;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:flex;position:absolute;top:8px}#menu-button{right:8px}#fs-button{right:60px}#fs-button svg{pointer-events:none;width:24px;height:24px}#menu-button:hover,#menu-button:active,#fs-button:hover,#fs-button:active{background:#0009;border-color:#a04040}.modal-backdrop{z-index:200;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.modal-panel{color:#f7eed8;background:#2b2118;border:3px solid #b58c55;border-radius:8px;flex-direction:column;gap:12px;width:90%;max-width:460px;max-height:90%;padding:18px;display:flex;overflow-y:auto;box-shadow:0 6px 20px #000000e6}.ui-toast{color:#ffe6b0;pointer-events:none;z-index:300;background:#140e08eb;border:2px solid #b58c55;border-radius:6px;padding:8px 16px;font-weight:700;position:absolute;top:12%;left:50%;transform:translate(-50%)}.modal-panel h2{color:#ffd89b;text-align:center;border-bottom:1px solid #755530;padding-bottom:6px;font-size:18px}.modal-text{white-space:pre-wrap;font-size:14px;line-height:1.4}.ui-btn{color:#fff;cursor:pointer;background:#5a3c20;border:2px solid #9c7344;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:8px 16px;font-size:15px;font-weight:700;transition:background .1s;display:flex}.ui-btn:hover,.ui-btn:active{background:#7a532d}.ui-btn.primary{background:#7a532d;border-color:#ffd89b}.ui-btn.primary:hover,.ui-btn.primary:active{background:#8f6535}.ui-btn:focus-visible,#menu-button:focus-visible,#fs-button:focus-visible{outline-offset:2px;outline:2px solid #ffd89b}@media (prefers-reduced-motion:reduce){.ui-btn{transition:none}}.modal-text{-webkit-user-select:text;user-select:text}.warning-btn{background:#6e1d1d;border-color:#a83636}.warning-btn:hover,.warning-btn:active{background:#8f2626}.debug-btn{background:#1f3b61;border-color:#386db3}.debug-btn:hover,.debug-btn:active{background:#2b5185}.setting-row{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.setting-row input[type=checkbox]{cursor:pointer;width:22px;height:22px}.quiz-input{color:#f7eed8;background:#17100a;border:2px solid #9c7344;border-radius:6px;width:100%;min-height:44px;padding:8px 12px;font-size:16px}.quiz-input:focus{outline-offset:1px;outline:2px solid #ffd89b}.quiz-error{color:#ff8080;min-height:20px;font-size:14px;font-weight:700}