:root{--ui-scale:1;--reading-size:15px}body{font-size:calc(15px * var(--ui-scale))}.modal-panel{font-size:calc(var(--reading-size) * var(--ui-scale));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.modal-panel p,.modal-panel label,.modal-panel .secondary,.modal-panel .primary{font-size:inherit}.p01-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.p01-slot{padding:20px;border:1px solid #647362;background:#182622}.p01-slot.active{border-color:#dfc17b;box-shadow:inset 0 3px #dfc17b}.p01-slot .primary,.p01-slot .secondary{width:100%;margin-top:8px}.p01-note{padding:12px 16px;border-left:3px solid #c6ae77;background:#c6ae7710;color:#e4d8b9;line-height:1.8}.p01-status{min-height:1.6em;color:#edc487}.p01-bindings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p01-bindings button{display:flex;justify-content:space-between;gap:12px}.p01-menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.p01-map{width:100%;height:280px;background:#101c1b;border:1px solid #607064}.p01-touch-tools{position:absolute;right:18px;top:100px;display:flex;gap:8px;pointer-events:auto}.p01-touch-tools button{min-height:44px;min-width:44px;background:#102420dc;color:#e6d8b5;border:1px solid #69775c;border-radius:5px}#inputDevice{display:block;color:#a7bba7;font-size:12px;margin-top:5px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f2d496;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}html[data-large-text=true]{--reading-size:19px}html[data-large-text=true] .modal-sub,html[data-large-text=true] .story-copy,html[data-large-text=true] .detail-card p{font-size:calc(19px * var(--ui-scale));line-height:1.8}.modal-panel .setting-row{flex-wrap:wrap;gap:8px}.p01-compact-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.p01-slots-entry{margin-top:8px}@media(max-width:700px){.p01-slot-grid{grid-template-columns:1fr}.p01-bindings{grid-template-columns:1fr}.modal-panel{padding:20px!important;width:calc(100% - 20px)!important}.p01-touch-tools{top:110px;right:10px}.p01-slot{padding:14px}.settings-columns{grid-template-columns:1fr}.home-actions{gap:7px}.home-screen{overflow:auto}}@media(max-height:560px){.home-screen,.screen:not(#game){overflow:auto}.p01-touch-tools{top:80px}.modal-panel{max-height:calc(100dvh - 12px)}}

#inputDevice{position:absolute;left:28px;top:112px;pointer-events:none;max-width:65%;font-size:calc(12px * var(--ui-scale))}.home-actions{flex-wrap:wrap}.topline{min-height:86px;height:auto;padding-top:16px;padding-bottom:16px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.home-screen{overflow:auto}.modal-panel input,.modal-panel select{font-size:inherit;max-width:100%}.modal-panel .detail-card{overflow-wrap:anywhere}.p01-status{overflow-wrap:anywhere}@media(min-width:761px){.hud{transform:scale(var(--ui-scale));transform-origin:center top;left:calc(50% - (50% - 28px) / var(--ui-scale));right:calc(50% - (50% - 28px) / var(--ui-scale))}.bottom-hud{transform:scale(var(--ui-scale));transform-origin:center bottom;left:calc(50% - (50% - 28px) / var(--ui-scale));right:calc(50% - (50% - 28px) / var(--ui-scale))}.hud,.bottom-hud{--font-scale:1}}@media(max-width:760px){#inputDevice{left:15px;top:96px;max-width:60%;font-size:10px}.topline{min-height:66px}.p01-touch-tools{top:125px}.skill-button,.guard-button{min-height:44px}.home-top{flex-wrap:wrap;gap:8px}}