/* A focused play surface: essential status, clear actions, help on demand. */
header{height:64px;padding:0 max(20px,calc((100vw - 1000px)/2));border:0;background:#14191d}.brand{font-size:25px;gap:9px}.brand span{font:700 15px 'Noto Sans JP',sans-serif;letter-spacing:2px}.header-right span{display:none}.header-right button{width:34px;height:34px;border-radius:50%;padding:0;font-size:17px;color:#bbc3c7}.header-right .enabled{color:#eed393;border-color:#c8ad72}footer{display:none}main{max-width:1040px;padding:20px}.simple-select .intro{margin-bottom:18px}.simple-select h1{font-size:24px!important}.simple-select .intro p{font-size:12px}.simple-select .class-card{padding:20px 15px}.simple-select .class-card h2{font-size:18px;margin:8px 0}.simple-select .class-specialty{min-height:0;font-size:11px;margin:8px 0 0;color:#bdc8cb}.simple-select .class-art{height:245px}.simple-select .class-card.selected:after{content:'✓';font-size:16px;right:14px;top:12px}.simple-select .start-bar{padding:16px 20px}.simple-select .start-bar strong{margin:0;font-size:13px}.simple-select .continue{font-size:13px}.world-panel{border-radius:12px}.map-hud{display:flex;align-items:center;gap:20px;padding:13px 17px;background:#192329}.hero-token{display:flex;align-items:center;gap:8px;flex-shrink:0}.hero-token canvas{width:36px;height:44px;image-rendering:pixelated}.hero-token>span{font-size:12px;font-weight:600}.hero-token small{display:block;font-size:10px;color:#b5c1c5;margin-top:4px}.hud-meters{max-width:240px;flex:1;display:grid;gap:7px}.mini-meter{display:flex;gap:8px;align-items:center}.mini-meter>span{font-size:9px;width:20px;color:#9bceaf}.mini-meter.mp>span{color:#8ab9dc}.mini-meter .bar{flex:1;height:7px;margin:0}.mini-meter b{font-size:10px;width:70px;text-align:right;font-weight:500}.mini-meter b small{color:#87949b;font-size:9px}.coin-total{font-size:13px;color:#e0c17b;white-space:nowrap}.journey-progress{margin-left:auto;display:flex;gap:8px;padding:8px;border:0;background:transparent}.journey-progress i{width:23px;height:23px;font-size:13px;font-style:normal;display:grid;place-items:center;color:#56666f;border:1px solid #43515b;border-radius:50%}.journey-progress .done{color:#a6cba9;border-color:#6d967b}.journey-progress .current{color:#e7cd8d;border-color:#b69960;background:#d4b8741c}.world-stage{max-height:660px}.world-stage #world-canvas{max-height:660px;object-fit:contain}.next-pin{position:absolute;top:14px;left:14px;display:flex;gap:14px;align-items:center;font-size:12px;padding:9px 12px;background:#173a46ed;border:1px solid #ddcd9b88;border-radius:6px;color:#fff0c3;pointer-events:none;box-shadow:0 2px 8px #10293844}.next-pin span{font-size:10px;padding:3px 6px;background:#d8c78c26;border-radius:3px;color:#ecdfb5}.location-bar{padding:13px 16px;gap:12px;display:flex;align-items:center}.location-bar #location-copy{flex:1}.location-bar strong{font-size:13px;margin:0}.location-bar #interact{min-width:135px;padding:11px 15px;margin:0;width:auto}.location-bar #map-potion{min-width:52px;padding:11px;font-size:13px;background:#213832;border-color:#436655}.journey-list{display:grid;gap:9px}.journey-list>div{display:flex;gap:15px;align-items:center;padding:12px;border-radius:5px;background:#252d35;font-size:13px}.journey-list b{color:#dcbd75}.journey-list .done{color:#a2c5aa}.help-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-tiles p{padding:15px;background:#253139;border-radius:6px;margin:0;font-size:12px}.skill-tips p{margin:8px 0;font-size:12px}#simple-reset{font-size:11px;color:#a9b3b8;background:transparent;padding:8px 12px}
.simple-battle .retro-arena{height:600px;min-height:600px}.simple-battle .retro-battle .battle-info{display:grid;grid-template-columns:1fr 1fr;gap:25px;top:15px;left:15px;right:65px;width:auto;padding:12px 16px;background:#143b48d9}.simple-battle .battle-info>div{margin:0;padding:0;border:0}.simple-battle .battle-info .unit-name{font-size:13px;margin-bottom:9px}.simple-battle .battle-info .values{font-size:10px}.simple-battle .battle-info .enemy-status{margin:0;padding:0;border:0}.simple-battle .retro-battle .commands{top:auto;bottom:15px;left:15px;right:15px;width:auto;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#193f51ed;min-height:137px}.simple-battle .retro-battle .commands button{min-height:52px;padding:8px 12px;display:flex;justify-content:center;gap:9px;border:1px solid #b8c5c344;border-radius:6px;background:#b8cecb12;text-align:center}.simple-battle .retro-battle .commands button b{font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px;letter-spacing:1px}.simple-battle .retro-battle .commands button small{font-size:10px;color:#d3dcd8;position:absolute;right:8px;bottom:4px}.simple-battle .retro-battle .commands button [hidden]{display:none}.simple-battle .command-icon{font-size:22px;line-height:1;color:#dfd6ae}.simple-battle .retro-battle .commands button:hover:not(:disabled):before,.simple-battle .retro-battle .commands button:focus-visible:before,.simple-battle .retro-battle .commands button.chosen:before{content:none}.simple-battle .retro-battle .commands button:hover:not(:disabled),.simple-battle .retro-battle .commands button:focus-visible,.simple-battle .retro-battle .commands button.chosen{background:#dac68a33;border-color:#dbc37d;box-shadow:inset 0 0 0 1px #dbc37d}.simple-battle .retro-battle .turn-banner{bottom:165px;left:50%;right:auto;transform:translateX(-50%);width:auto;min-width:120px;min-height:31px;border-width:1px;text-align:center;padding:6px 18px;font-size:12px;border-radius:30px;background:#173647df}.simple-battle .turn-banner.danger{background:#7c352be8;color:#ffddb1;border-color:#e5a56a}.simple-battle .retro-battle #enemy-sprite{left:20%;bottom:205px;width:170px;height:170px}.simple-battle .retro-battle #hero-sprite{right:18%;bottom:240px;width:125px;height:140px}.simple-battle .battle-more{position:absolute;right:15px;top:15px;width:37px;height:37px;padding:0;z-index:7;border:1px solid #e2ddc8;border-radius:50%;background:#214c64e8;color:#fff1d1;font-size:20px}.simple-battle [hidden]{display:none!important}.simple-battle .retro-battle{border-width:2px}.simple-battle .floating{bottom:78%}
@media(max-width:680px){.map-hud{gap:10px;padding:10px 12px;flex-wrap:wrap}.hero-token canvas{width:28px;height:35px}.hero-token>span{font-size:11px}.hud-meters{max-width:none}.coin-total{margin-left:auto;font-size:12px}.journey-progress{display:none}.map-hud .mini-meter b{width:58px}.map-hud .mini-meter b small{font-size:8px}.location-bar{padding:11px;gap:8px}.location-bar strong{font-size:11px}.location-bar #interact{min-width:100px;font-size:11px;padding:10px}.location-bar #map-potion{min-width:42px;padding:10px 7px}.next-pin{top:9px;left:9px;font-size:10px;padding:7px 9px;gap:9px}.next-pin span{font-size:8px}.simple-select .class-art{height:190px}.simple-select .class-card{padding:13px 10px}.simple-select .class-card h2{font-size:16px}.simple-select .class-specialty{font-size:10px}.simple-select .start-bar{display:flex;padding:13px}.simple-select .start-bar strong{display:none}.simple-select .start-bar>div{display:none}.simple-select .start-bar button{margin:0;width:100%}.simple-battle .retro-arena{height:520px;min-height:520px}.simple-battle .retro-battle .battle-info{top:10px;left:10px;right:55px;padding:10px;gap:14px}.simple-battle .battle-info .unit-name{font-size:10px}.simple-battle .battle-info .values{font-size:8px}.simple-battle .battle-info .unit-name small{font-size:9px}.simple-battle .battle-more{top:10px;right:10px;width:32px;height:32px;font-size:17px}.simple-battle .retro-battle .commands{left:10px;right:10px;bottom:10px;padding:7px;gap:6px;min-height:132px}.simple-battle .retro-battle .commands button{padding:7px 6px;min-height:52px}.simple-battle .retro-battle .commands button b{font-size:11px;gap:5px;letter-spacing:0}.simple-battle .command-icon{font-size:19px}.simple-battle .retro-battle .commands button small{font-size:8px;right:5px;bottom:4px}.simple-battle .retro-battle .turn-banner{bottom:154px;font-size:10px;min-height:28px;min-width:105px}.simple-battle .retro-battle #enemy-sprite{left:8%;bottom:200px;width:126px;height:126px}.simple-battle .retro-battle #hero-sprite{right:9%;bottom:226px;width:96px;height:110px}.simple-select .class-grid{gap:10px}main{padding:14px}header{height:57px;padding:0 17px}.brand span{font-size:13px}.header-right button{height:30px;width:30px;font-size:15px}}
.world-stage{max-height:none}.world-stage #world-canvas{max-height:none;object-fit:initial}.simple-world{max-width:940px}
@media(min-width:681px){.simple-world{max-width:min(940px,calc((100dvh - 240px)*1.333333 + 28px))}}.simple-battle .battle-more{display:none}.simple-battle .retro-battle .battle-info{right:15px}@media(max-width:680px){.simple-battle .retro-battle .battle-info{right:10px}}
