html,body,#app{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:#120c0a;color:#fff3d4;font-family:Palatino,Palatino Linotype,Times New Roman,serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}#boot{position:absolute;inset:0;z-index:20;background:#120c0a;pointer-events:auto}#boot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.boot-ui{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(420px,calc(100% - 48px));text-align:center;pointer-events:none}.boot-track{height:14px;border:3px solid #1a1008;border-radius:8px;background:#2a1810;overflow:hidden}.boot-track i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#8a5a12,#ffe14a);transition:width .12s linear}.boot-label{margin:10px 0 0;color:#ffe14a;font:800 13px/1 Trebuchet MS,Segoe UI,sans-serif;letter-spacing:.18em}#boot.gone{opacity:0;pointer-events:none;transition:opacity .4s ease}body.booting .sound{display:none}.sound{pointer-events:auto;position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;z-index:4}.mute{background:#1a1008;border:2px solid #e0b025;color:#ffe14a;font:700 11px/1 Segoe UI,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;cursor:pointer}.vol{-webkit-appearance:none;appearance:none;width:110px;height:10px;border-radius:6px;background:#3a2814;border:2px solid #1a1008;outline:none;cursor:pointer}.vol::-webkit-slider-runnable-track{height:10px;border-radius:6px;background:linear-gradient(90deg,#8a5a12,#ffe14a)}.vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:#fff4d0;border:3px solid #1a1008;box-shadow:0 0 0 2px #e0b025;cursor:pointer}.vol::-moz-range-track{height:10px;border-radius:6px;background:linear-gradient(90deg,#8a5a12,#ffe14a);border:none}.vol::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff4d0;border:3px solid #1a1008;box-shadow:0 0 0 2px #e0b025;cursor:pointer}.pads{display:none;pointer-events:none}body.touch.run .pads{display:block}.pad{pointer-events:auto;position:absolute;bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:10px;z-index:3}.pad-l{left:max(12px,env(safe-area-inset-left))}.pad-r{right:max(12px,env(safe-area-inset-right))}.pad button,.qte{pointer-events:auto;width:64px;height:64px;border:3px solid #1a1008;border-radius:14px;background:#f4ead4e0;color:#1a1008;font:800 22px/1 Trebuchet MS,Segoe UI,sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.pad button:active,.qte:active{background:#ffe14a}.qte{position:absolute;left:50%;bottom:max(96px,calc(env(safe-area-inset-bottom) + 80px));transform:translate(-50%);width:88px;height:88px;font-size:36px;background:#ffe14a;z-index:5}.qte[hidden]{display:none}