.game-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,560px);gap:55px;padding-block:42px;align-items:start;max-width:1200px}.game-intro{padding-top:10px}.back-link{display:block;color:var(--muted);font-size:13px;margin-bottom:35px}.game-intro h1{font:clamp(30px,3.5vw,46px) Georgia;line-height:1.1;margin:0 0 20px}.game-intro>p{color:var(--muted);max-width:420px;font-size:16px;line-height:1.7}.game-companion{display:flex;align-items:center;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:15px;margin:30px 0;max-width:400px}.game-companion .portrait{width:105px;height:145px;flex-shrink:0}.game-companion strong{display:block;font:25px Georgia;color:#f3d191}.game-companion span:not(.character-sprite){display:block;color:var(--muted);font-size:12px;margin-top:8px}.instructions{max-width:400px;margin-bottom:25px}.instructions h2{font-size:15px}.instructions p{font-size:13px;line-height:1.7;color:var(--muted)}.game-console{background:#0a152b;border:1px solid #2b3d60;border-radius:21px;padding:17px;box-shadow:0 20px 60px #0004;color:#f4f7ff;min-width:0}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;padding:0 5px 14px;color:#a6bbdb}.game-hud strong{display:block;font-size:20px;color:#f5d899}.game-hud>span:last-child{max-width:120px;text-align:right}.canvas-stage{position:relative;border-radius:13px;overflow:hidden;background:#040b1c;border:1px solid #233b65}.canvas-stage canvas{display:block;width:100%;height:auto;aspect-ratio:560/620;touch-action:none;max-width:100%}.game-overlay{position:absolute;inset:0;background:#050e22d9;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.game-overlay strong{font:32px Georgia;color:#f3d394}.game-overlay p{font-size:14px;color:#c0cfe7;line-height:1.65;max-width:300px;margin:18px 0 22px}.game-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;justify-content:center}.game-actions .btn{font-size:11px;padding:10px 13px;min-height:42px}.touch-controls{display:flex;gap:7px;justify-content:center;margin-top:12px}.touch-controls button{width:44px;height:44px;flex:1;max-width:66px;background:#172c4e;color:#d8ecff;border:1px solid #35537a;border-radius:9px;font-size:23px;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls .action-key{max-width:90px;font-size:12px;font-weight:700;background:#204671}.game-feedback{text-align:center;font-size:12px;line-height:1.6;color:#9fb6d9;margin:14px 5px 3px}.game-feedback:empty{display:none}.game-pause-state{color:#edce85}
@media(max-width:900px){.game-layout{gap:25px;grid-template-columns:minmax(190px,1fr) minmax(280px,1.4fr)}.game-companion{flex-direction:column;text-align:center}.game-intro h1{font-size:32px}}
@media(max-width:700px){.game-layout{display:flex;flex-direction:column;padding-top:23px;gap:22px}.game-intro{width:100%;padding:0}.game-intro h1{font-size:29px;margin-bottom:10px}.game-intro>p{font-size:13px;margin:0}.back-link{margin-bottom:15px}.game-companion,.instructions{display:none}.game-intro>.section-link{display:inline-block;margin-top:10px;font-size:12px}.game-console{width:100%;max-width:520px;align-self:center;padding:10px;border-radius:15px}.game-hud{padding:0 5px 9px}.game-hud strong{font-size:18px}.game-actions .btn{font-size:11px;padding:9px 10px}.game-overlay{padding:22px}.game-overlay strong{font-size:27px}.game-overlay p{font-size:13px}.touch-controls{gap:6px}.touch-controls button{min-height:46px}.game-feedback{font-size:11px}.site-footer{margin-top:10px}}