.railway-image{background-image:linear-gradient(0deg,#12292355,transparent),url('assets/railway-background.webp')}.observatory-image{background-image:linear-gradient(0deg,#14203e55,transparent),url('assets/observatory-background.webp')}
.chapter-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-card:nth-child(n+4){border-color:#e9bf7d70}
.input-options{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px;padding:20px 22px;background:#142e28;border:1px solid #b5c29e44;border-radius:6px}.input-options label,.input-options strong{display:block;font-size:12px;color:#eed29b;font-weight:600;margin-bottom:10px}.input-options select{display:block;width:100%;background:#10261f;border:1px solid #96ac8466;color:#e5e9d5;padding:12px;border-radius:5px;font:12px Inter,sans-serif;min-height:44px;margin-bottom:10px}.input-options p{font-size:11px;line-height:1.6;color:#d4e3c5;margin:0 0 8px}.input-options small{font-size:10px;color:#a8bfae;line-height:1.7}
#touch{align-items:flex-end;bottom:max(14px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}
#joystick{position:relative;pointer-events:auto;touch-action:none;user-select:none;flex:0 0 134px!important;width:134px;height:134px;border:1px solid #e5d3a466;border-radius:50%;background:radial-gradient(circle,#60846733,#132f2acc);box-shadow:inset 0 0 24px #081b1677;display:block!important}
#joystick[hidden]{display:none!important}#joystick:before,#joystick:after{content:'';position:absolute;background:#d0e3bf22;pointer-events:none}#joystick:before{height:1px;width:80%;left:10%;top:50%}#joystick:after{width:1px;height:80%;left:50%;top:10%}#stick-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #ebd19d;background:radial-gradient(circle at 30% 25%,#a7b995,#3c6252);box-shadow:0 4px 12px #0005;pointer-events:none;z-index:1}#joystick small{position:absolute;bottom:8px;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:2px;color:#d0dbba;pointer-events:none}
#touch .touch-actions{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:7px;align-items:center;justify-items:center;padding-bottom:6px}
#touch button{font:700 8px Inter,sans-serif;width:52px;min-width:52px;height:52px}
#touch button[data-key=jump]{width:52px;height:52px;font-size:9px}
#touch [data-key=jump]{grid-column:3;grid-row:2}#touch [data-key=attack]{grid-column:2;grid-row:2;background:#ddc489d9;color:#152d25}
#touch [data-key=dodge]{grid-column:1;grid-row:2}#touch [data-key=interact]{grid-column:1;grid-row:1}#touch [data-key=special]{grid-column:2;grid-row:1;color:#c2ffe1}#touch [data-key=rush]{grid-column:3;grid-row:1;color:#c2ffe1}
#touch .touch-move button{font-size:20px}
@media(max-width:900px){.chapter-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.chapter-cards{grid-template-columns:1fr}.input-options{grid-template-columns:1fr;gap:18px;padding:16px}.input-options small{font-size:10px}
#stage.touch-enabled:not(:fullscreen){aspect-ratio:auto;padding-bottom:164px;min-height:0}#stage.touch-enabled:not(:fullscreen)>canvas{aspect-ratio:16/9;height:auto;object-fit:contain}
#stage.touch-enabled .mission{max-width:57%;padding:6px 8px}#stage.touch-enabled .mission strong{font-size:9px}#stage.touch-enabled #pause{padding:8px;font-size:15px}
#stage.touch-enabled #combat-hud{min-width:125px;top:66px;padding:4px 6px;background:#102a23bb}
#stage.touch-enabled #bossbar{top:67px;left:46%;right:7%}#stage.touch-enabled #bosshint{font-size:7px}
#stage.touch-enabled #touch{bottom:12px}#stage.touch-enabled #toast{bottom:172px;font-size:10px}
#stage.touch-enabled #joystick{width:124px;height:124px;flex-basis:124px!important}
#stage.touch-enabled .modal .card{max-height:95%}
}
@media(max-height:540px) and (orientation:landscape){header{height:48px}#stage.touch-enabled:fullscreen #touch{bottom:max(8px,env(safe-area-inset-bottom))}#stage.touch-enabled:fullscreen #joystick{width:110px;height:110px;flex-basis:110px!important}#stage.touch-enabled:fullscreen #hud{inset:10px 16px auto}.intro{top:7%}.hero-picker{top:8%}}