:root{color:#f4f1e8;background:#18221b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overscroll-behavior:none;overflow:hidden}button{color:#f4f1e8;font:inherit;cursor:pointer;background:#26332a;border:1px solid #526055;border-radius:6px;min-height:36px}button:hover{background:#314038}button:disabled{color:#827d72;cursor:not-allowed;background:#202720}.tile-map-page{touch-action:none;-webkit-user-select:none;user-select:none;background:#17211a;width:100%;height:100%;position:relative}.tile-map-canvas{width:100vw;height:100vh;image-rendering:crisp-edges;touch-action:none;outline:none;display:block}.help-popups{z-index:3;pointer-events:none;gap:8px;max-width:min(360px,100vw - 32px);display:grid;position:absolute;top:16px;left:16px}.help-popup{color:#f4f1e8;background:#050605d1;border:1px solid #d8c99b;border-radius:6px;padding:10px 12px;font:13px/1.35 Courier New,Consolas,monospace;box-shadow:0 6px 22px #00000047}.touch-controls{z-index:3;pointer-events:none;justify-content:space-between;align-items:end;padding:0 18px 18px;display:none;position:absolute;inset:auto 0 0}.touch-dpad{pointer-events:auto;width:168px;height:168px;position:relative}.touch-actions{pointer-events:auto;align-items:end;gap:14px;display:flex}.touch-button{color:#f4f1e8;touch-action:none;background:#0506057a;border:2px solid #f4f1e8cc;border-radius:999px;min-width:54px;min-height:54px;font-family:Courier New,Consolas,monospace;font-weight:700;position:absolute;box-shadow:0 6px 20px #0000003d}.touch-button:active{background:#d8c99b57;transform:translateY(1px)}.touch-up{top:0;left:57px}.touch-left{top:57px;left:0}.touch-right{top:57px;right:0}.touch-down{bottom:0;left:57px}.menu-touch-button,.action-touch-button{position:static}.action-touch-button{min-width:72px;min-height:72px;font-size:22px}.battle-screen{z-index:5;color:#f4f1e8;background:#050605;grid-template-rows:minmax(0,1fr) auto;padding:32px;font-family:Courier New,Consolas,monospace;display:grid;position:absolute;inset:0}.monster-stage{align-content:center;justify-items:center;gap:10px;min-height:0;display:grid}.monster-sprite{width:160px;max-width:100%;height:160px;image-rendering:pixelated}.monster-name,.monster-hp{text-align:center;background:#050605;border:2px solid #f4f1e8;min-width:180px;padding:6px 12px}.battle-bottom{grid-template-columns:160px 180px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.battle-stats,.battle-commands,.battle-message{background:#050605;border:2px solid #f4f1e8}.battle-stats{gap:6px;padding:12px;display:grid}.battle-commands{grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.battle-commands button{color:#f4f1e8;background:#050605;border:1px solid #f4f1e8;border-radius:0;min-height:40px;font-family:inherit}.battle-commands button:hover:not(:disabled){background:#1d281f}.battle-message{align-content:start;gap:6px;min-height:112px;padding:12px 14px;line-height:1.35;display:grid}.item-menu{grid-column:1/-1;align-content:start;gap:8px;display:grid}.item-menu button{text-align:left;border:1px solid #f4f1e8;border-radius:0;gap:4px;min-height:0;padding:8px;display:grid}.item-menu strong,.item-menu span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.item-menu span,.empty-items{color:#d8c99b;font-size:12px}.field-menu{z-index:4;pointer-events:none;place-items:start end;padding:56px 24px;display:grid;position:absolute;inset:0}.field-menu-box{color:#f4f1e8;pointer-events:auto;background:#050605;border:2px solid #f4f1e8;gap:8px;width:180px;padding:12px;font-family:Courier New,Consolas,monospace;display:grid}.field-menu-box.wide{width:280px}.field-menu-box button{color:#f4f1e8;text-align:left;background:#050605;border:1px solid #f4f1e8;border-radius:0;min-height:36px;font-family:inherit}.field-message-box{z-index:6;color:#f4f1e8;background:#050605;border:2px solid #f4f1e8;gap:8px;max-width:560px;padding:14px;font-family:Courier New,Consolas,monospace;line-height:1.35;display:grid;position:absolute;bottom:24px;left:24px;right:24px}.field-message-box button{color:#f4f1e8;background:#050605;border:1px solid #f4f1e8;border-radius:0;justify-self:start;min-width:80px;font-family:inherit}.mode-link{z-index:2;color:#f4f1e8;background:#26332ae6;border:1px solid #526055;border-radius:6px;align-items:center;min-height:36px;padding:0 14px;text-decoration:none;display:inline-flex;position:absolute;top:16px;right:16px}.mode-link.static{position:static}.debug-xp-button{z-index:2;background:#26332ae6;min-height:36px;padding:0 12px;position:absolute;top:16px;right:96px}.mute-button{z-index:2;background:#26332ae6;min-height:36px;padding:0 12px;position:absolute;top:16px;right:196px}.title-screen{z-index:8;color:#f4f1e8;background:#050605;place-items:center;font-family:Courier New,Consolas,monospace;display:grid;position:absolute;inset:0}.title-box{background:#050605;border:2px solid #f4f1e8;gap:14px;min-width:280px;padding:28px;display:grid}.title-box h1{text-align:center;margin:0 0 10px;font-size:32px;font-weight:700}.title-message{color:#d8c99b;text-align:center;border:1px solid #526055;padding:8px}.title-box button{color:#f4f1e8;background:#050605;border:1px solid #f4f1e8;border-radius:0;min-height:42px;font-family:inherit}.editor-page{background:#17211a;grid-template-columns:280px minmax(0,1fr);width:100%;height:100%;display:grid}.editor-panel{background:#1c2720;border-right:1px solid #314038;flex-direction:column;gap:14px;min-width:0;max-height:100vh;padding:16px;display:flex;overflow:hidden auto}.editor-panel-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.editor-status{color:#d8c99b;min-width:0;font-size:13px;line-height:1.25}.tileset,.debug-toggle,.editor-actions,.map-controls,.map-name-field,.audio-settings,.tool-tabs,.transition-tool{gap:8px;display:grid}.audio-settings{background:#17211a;border:1px solid #314038;border-radius:6px;padding:10px}.audio-settings strong{color:#f4f1e8;font-size:13px}.audio-settings label{color:#d8c99b;gap:4px;font-size:13px;display:grid}.audio-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.map-controls{grid-template-columns:minmax(0,1fr) auto}.tool-tabs{grid-template-columns:1fr 1fr}.tool-tabs .selected{background:#3b4c40;border-color:#f4f1e8}select,input{color:#f4f1e8;min-width:0;min-height:36px;font:inherit;background:#121a15;border:1px solid #526055;border-radius:6px;padding:0 10px}.transition-tool label{color:#d8c99b;gap:4px;font-size:13px;display:grid}.map-name-field{color:#d8c99b;font-size:13px}.transition-selection{color:#d8c99b;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;min-height:32px;font-size:13px;display:grid}.transition-selection strong{color:#f4f1e8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.unsaved-hint{color:#f4f1e8;background:#8a704947;border:1px solid #8a7049;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.3}.transition-list{gap:8px;max-height:220px;padding-right:2px;display:grid;overflow:auto}.empty-transitions{color:#d8c99b;background:#121a15;border:1px solid #314038;border-radius:6px;padding:10px;font-size:13px}.transition-card{background:#121a15;border:1px solid #314038;border-radius:6px;gap:6px;padding:8px;display:grid}.transition-card>button{text-align:left;background:0 0;border:0;gap:4px;min-height:0;padding:0;display:grid}.transition-card>button:hover{background:0 0}.transition-card strong,.transition-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.transition-card strong{color:#f4f1e8;font-size:13px}.transition-card span{color:#d8c99b;font-size:12px}.transition-card-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.transition-card-actions button{min-height:30px;font-size:12px}.debug-toggle{color:#e8e1cd;grid-template-columns:auto minmax(0,1fr);align-items:center;font-size:14px}.debug-toggle input{width:16px;height:16px;margin:0}.tile-swatch{text-align:left;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:6px 10px;display:grid}.tile-swatch.selected{background:#3b4c40;border-color:#f4f1e8}.tile-chip{width:28px;height:28px;image-rendering:pixelated;border:1px solid #526055;display:block}.editor-actions input{display:none}.json-preview{color:#e8e1cd;resize:none;background:#121a15;border:1px solid #314038;border-radius:6px;width:100%;min-width:0;min-height:180px;padding:10px;font:12px/1.4 Consolas,Liberation Mono,monospace}.editor-canvas-wrap{min-width:0;min-height:0}.editor-canvas{width:100%;height:100%;image-rendering:crisp-edges;cursor:crosshair;outline:none;display:block}@media (width<=720px){button{min-height:44px}.battle-screen{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 14px max(12px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;grid-template-rows:auto minmax(0,1fr);gap:10px;overflow-y:auto}.monster-stage{align-content:start;gap:5px;min-height:auto;padding-top:4px}.monster-sprite{width:min(128px,24vh);height:min(128px,24vh)}.monster-name,.monster-hp{min-width:min(220px,58vw);padding:4px 10px;line-height:1.15}.battle-bottom{grid-template-columns:1fr;gap:8px;min-height:0}.battle-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:10px 12px}.battle-stats strong{grid-column:1/-1}.battle-message{min-height:104px;padding:10px 12px}.battle-commands button,.field-menu-box button,.item-menu button,.field-message-box button,.title-box button{min-height:48px}.field-menu{justify-items:stretch;padding:54px 16px 150px}.field-menu-box,.field-menu-box.wide{justify-self:end;width:min(320px,100%)}.field-message-box{bottom:148px}.help-popups{top:64px}.editor-page{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.editor-panel{border-bottom:1px solid #314038;border-right:0;max-height:42vh}.json-preview{display:none}}@media (width<=920px) and (orientation:landscape){.battle-screen{padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(160px,.82fr) minmax(300px,1.18fr);gap:10px;overflow:hidden}.monster-stage{align-content:center;min-height:0;overflow:hidden}.monster-sprite{width:min(124px,38vh);height:min(124px,38vh)}.monster-name,.monster-hp{min-width:min(180px,32vw);font-size:14px}.battle-bottom{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(120px,.75fr) minmax(180px,1fr);align-self:stretch;gap:8px;min-height:0;overflow:hidden}.battle-stats{grid-template-columns:1fr;align-content:start;font-size:13px}.battle-commands{grid-template-columns:1fr 1fr}.battle-commands button{min-height:42px}.battle-message{grid-column:1/-1;min-height:0;font-size:14px;overflow-y:auto}}@media (pointer:coarse),(hover:none){.touch-controls{display:flex}}