.levels{display:grid;gap:12px;margin:24px auto;max-width:430px}.levels button{padding:18px;border:1px solid #d5c5e6;background:#f0e8f8;border-radius:20px;text-align:left;font-size:19px;font-weight:bold}.levels small{display:block;font-size:13px;margin-top:8px}.mission{display:flex;justify-content:center;align-items:center;gap:22px;font-size:44px;margin-bottom:12px}#space{display:grid;grid-template-columns:repeat(5,1fr);width:min(470px,100%);aspect-ratio:1;margin:auto;gap:4px;padding:10px;background:linear-gradient(145deg,#ded0f2,#e8eef9);border-radius:25px}.cell{display:grid;place-items:center;border-radius:12px;background:#ffffff66;font-size:clamp(27px,6vw,48px);min-width:0;min-height:0}.cell img{width:78%;max-height:100%}.cell.outside{background:transparent}.ship{background:#fff8de}.rock{background:#cfc6dd}#feedback{text-align:center;font-size:20px;min-height:55px;line-height:1.4}.controls{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,58px);gap:8px;justify-content:center}.controls button{border:2px solid #c4afd9;border-bottom-width:5px;border-radius:14px;background:white;font-size:32px}.controls [data-dir=up]{grid-column:2}.controls [data-dir=left]{grid-column:1;grid-row:2}.controls [data-dir=down]{grid-column:2;grid-row:2}.controls [data-dir=right]{grid-column:3;grid-row:2}.round-actions,.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.round-heading{flex-wrap:wrap}.round-heading h2{font-size:22px}.party{font-size:35px;color:var(--purple)}#complete:not([hidden]) img{animation:hurrah .7s 3}@keyframes hurrah{50%{transform:translateY(-20px) rotate(10deg)}}@media(max-width:600px){.round-heading h2{font-size:19px}.game-title{font-size:19px}#space{padding:7px;gap:3px}}
#space{grid-template-rows:repeat(5,minmax(0,1fr))}.game-header .back-link{white-space:nowrap}@media(max-width:360px){.game-header{padding:12px 10px;gap:6px}.game-title{font-size:17px;white-space:nowrap}.game-header .icon-button{width:38px;height:38px}}

.flight-layout{display:flex;align-items:center;justify-content:center;gap:30px}.flight-scene{width:min(470px,100%);min-width:0}.arrow-keyboard{flex-shrink:0;background:#dedbe5;border:2px solid #c9c3d3;border-bottom-width:8px;border-radius:24px;padding:20px 14px;text-align:center}.arrow-keyboard p{margin:0 0 16px;font-weight:700;color:#60516f}.controls button{background:#eee4fb;border-color:#7954b2;color:#553281;box-shadow:0 0 0 2px #fff8}.controls button.key-pressed{outline:3px solid #e3ab30}.arrow-note{display:block;margin-top:15px;color:#7954b2;letter-spacing:10px}.flight-scene #feedback{margin:12px 0 0}#space{width:min(470px,calc(100dvh - 410px));max-width:100%;min-width:240px}.mission{font-size:32px}.mission img{width:42px;height:42px}
@media(max-width:720px){.flight-layout{flex-direction:column;gap:12px}.arrow-keyboard{padding:10px 15px}.arrow-keyboard p{margin-bottom:8px;font-size:13px}.controls{grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,46px);gap:5px}.arrow-note{display:none}#space{width:min(350px,100%)}.flight-scene #feedback{font-size:16px;min-height:38px}}
@media(min-width:600px) and (max-height:550px){.flight-layout{flex-direction:row;gap:15px}.mission{display:none}#space{min-width:180px;width:calc(100dvh - 190px)}.flight-scene{width:auto}.flight-scene #feedback{font-size:14px;min-height:20px;max-width:290px}.arrow-keyboard{padding:12px}}
