*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#07080c;color:#f7edcf;font-family:Georgia,Times New Roman,serif}button{font:inherit;cursor:pointer;color:inherit}.shell{position:fixed;top:0;right:0;bottom:0;left:0;background:#07080c;overflow:hidden}.stage{position:absolute;top:50%;left:50%;width:1672px;height:941px;transform-origin:top left;overflow:hidden;border:2px solid #816d47;background:linear-gradient(160deg,#172131,#0c111b 80%);box-shadow:0 0 80px #000c}.title-bar{position:absolute;inset:15px 0 auto;height:115px;text-align:center;pointer-events:none}.title-bar h1{font-size:46px;font-weight:400;margin:1px 0 0;letter-spacing:.03em}.title-bar p{font-size:19px;margin:1px 0;color:#c8b283}.eyebrow{font:13px system-ui,sans-serif;letter-spacing:.32em;color:#a7a6a1}.viewport{position:absolute;left:90px;top:150px;width:1496px;height:566px;overflow:hidden;border:3px solid #8d7041;background:#141f2d}.pixi-host,.pixi-host canvas{display:block;width:100%;height:100%}.scene-note{position:absolute;top:15px;left:0;width:100%;text-align:center;font:16px system-ui,sans-serif;color:#e3e5e6;pointer-events:none;text-shadow:0 1px 4px #000}.coords{position:absolute;bottom:12px;right:16px;font:18px monospace;color:#fff;pointer-events:none;text-shadow:0 1px 4px #000}.controls{position:absolute;left:90px;top:724px;width:1180px;height:46px;display:flex;align-items:center;gap:12px}.controls button{background:#2a302e;border:1px solid #a78a52;border-radius:5px;padding:7px 19px}.controls button:hover,.controls button:focus-visible{background:#414638;outline:2px solid #d7c090;outline-offset:1px}.control-hint{font:16px system-ui,sans-serif;color:#a4a9b1;margin-left:18px}.minimap{position:absolute;top:722px;right:92px;width:170px;height:113px;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(7,1fr);gap:1px;padding:4px;background:#181d1d;border:1px solid #ad9259}.map-cell.wall{background:#716553}.map-cell.floor{background:#303e38}.map-cell.player{background:#d4b774;color:#151515;font-size:14px;text-align:center;font-weight:700}.party{position:absolute;bottom:20px;left:90px;width:1180px;height:132px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.character{border:1px solid #75603b;background:#1a1d23;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:19px;gap:8px}.portrait-placeholder{font-size:40px;color:#8c856c}.stage-size{position:absolute;bottom:9px;right:16px;font:12px system-ui,sans-serif;opacity:.55}.scene-select{display:flex;align-items:center;gap:8px;margin-left:auto;font:16px system-ui,sans-serif;white-space:nowrap;color:#e5d6b4}.scene-select select{background:#252d31;color:#f7edcf;border:1px solid #a78a52;border-radius:4px;padding:7px;font:16px system-ui,sans-serif}.controls button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}