.game-card:nth-child(8) .card-top { background:radial-gradient(ellipse at 25% 20%,#e3f5feaa,transparent 60%),linear-gradient(145deg,#8dbbcf,#517e9f); }
.sky-card-art { width:240px;height:165px;position:relative;color:#efffe8; }
.sky-card-plane { position:absolute;left:85px;top:22px;font-size:82px;line-height:1;rotate:-45deg;filter:drop-shadow(-9px 12px 0 #183c6133);animation:sky-card-flight 3s ease-in-out infinite alternate; }
.sky-card-orbit { position:absolute;width:140px;height:100px;border:1px dashed #e1f5ed99;border-radius:50%;left:52px;top:15px;rotate:-20deg; }
.sky-card-letter { position:absolute;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#fff3bc,#c8a853);border:2px solid #fff7cb;box-shadow:0 4px 0 #7c784d,0 8px 16px #24456340;font-size:18px;font-weight:900;color:#5a532c; }
.sky-card-letter.l1 { left:38px;top:87px; }.sky-card-letter.l2 { left:169px;top:63px; }.sky-card-letter.l3 { left:180px;top:11px; }
.sky-card-art small { position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;font-weight:800;letter-spacing:1.8px;color:#123c54; }
@keyframes sky-card-flight { to { translate:0 -9px;rotate:-39deg; } }
.sky-game { color:#253e47; }.sky-topline { display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px;font-size:10px;letter-spacing:1.2px; }.sky-topline>span { font-size:9px; }.sky-topline b { padding:7px 10px;background:#dbeaf0;border-radius:30px;font-size:10px;white-space:nowrap;letter-spacing:.5px; }
.sky-layout { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:19px;align-items:start; }.sky-flight { min-width:0; }
.sky-field { position:relative;width:100%;max-width:480px;aspect-ratio:480/680;overflow:hidden;border:5px solid #24434b;border-radius:18px;box-shadow:0 13px 30px #112d3e2e;background:#0a253c;touch-action:none;user-select:none;outline-offset:3px;margin-inline:auto; }
.sky-field:focus-visible { outline:3px solid #8bbab8; }.sky-field canvas { display:block;width:100%;height:100%; }
.sky-hud { position:absolute;left:10px;right:10px;top:35px;display:flex;justify-content:space-between;align-items:center;gap:7px;color:#e4ffef;font-size:11px;pointer-events:none; }.sky-hud span:first-child { color:#ffd0b1;font-size:17px;letter-spacing:2px;text-shadow:0 1px 6px #001e39; }.sky-hud b { font-size:12px; }.sky-hud span:last-child { background:#06233b73;border:1px solid #ccefff25;border-radius:20px;padding:5px 7px;font-size:9px; }
.sky-overlay { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:linear-gradient(180deg,#0b263860,#071f35e8);backdrop-filter:blur(2px);color:#eff9e9; }
.sky-overlay-icon { font-size:53px;margin-bottom:10px;filter:drop-shadow(0 0 18px #9de3f555); }.sky-overlay h3 { margin:0 0 12px;font-size:25px; }.sky-overlay p { font-size:13px;line-height:1.8;max-width:280px;color:#c5dcdf;margin:0 0 20px; }.sky-overlay small { font-size:10px;line-height:1.7;color:#afc8d1;margin-top:15px; }
.sky-game button { font:inherit;cursor:pointer;touch-action:manipulation; }.sky-game button:disabled { opacity:.45;cursor:not-allowed; }.sky-game button:focus-visible { outline:3px solid #83aeb7;outline-offset:3px; }
.sky-primary { border:1px solid #d7ffdacc;background:linear-gradient(135deg,#d2efb1,#a7d8c7);border-radius:13px;padding:13px 22px;min-height:48px;color:#234535;font-size:13px!important;font-weight:800!important;box-shadow:0 7px 24px #a1efba19; }
.sky-controls { display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.5fr);gap:5px;margin-top:9px; }.sky-controls button { min-width:44px;min-height:46px;border:1px solid #cbd9d8;border-bottom:3px solid #bdccca;border-radius:10px;background:#e6ece7;color:#46685c;font-size:20px;font-weight:800;touch-action:none; }.sky-controls .sky-shield { background:#d5e7ef;border-color:#b3ccda;color:#2c5872;font-size:11px; }
.sky-key-guide { font-size:9px;line-height:1.7;margin:9px 0 0;color:#71868b; }
.sky-quiz { min-width:0;padding:20px 17px;border-radius:18px;border:1px solid #d9e6e5;background:linear-gradient(145deg,#e6f0ed,#f7f6ef); }.sky-label { display:block;text-align:center;font-size:9px;letter-spacing:.7px;color:#5d7a88;font-weight:800; }.sky-emoji { text-align:center;font-size:48px;margin:17px 0 7px; }.sky-quiz h3 { text-align:center;font-size:24px;margin:0;color:#244749; }.sky-clue { text-align:center;font-size:11px;line-height:1.6;color:#698282;margin:9px 0 18px; }
.sky-word { display:flex;justify-content:center;gap:4px;margin-bottom:15px;flex-wrap:wrap; }.sky-word>span { display:flex;flex-direction:column;align-items:center;gap:4px;min-width:22px; }.sky-word b { display:grid;place-items:center;width:25px;height:30px;border-radius:6px;border:1px solid #d4e1db;background:#f9fbf1;font-size:16px;color:#82918c; }.sky-word small { font-size:8px;color:#80948d; }.sky-word .current b { border-color:#b2c888;background:#eef5dd;color:#617d42;box-shadow:0 0 0 2px #cbdba93b; }.sky-word .collected b { background:#78b69a;color:white;border-color:#6ea48c; }
.sky-mission-meter { position:relative;height:23px;border-radius:20px;background:#dce7dd;overflow:hidden; }.sky-mission-meter i { position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#9ac78f,#b7dc8a);transition:width .3s; }.sky-mission-meter span { position:absolute;inset:0;display:grid;place-items:center;font-size:9px;font-weight:800;letter-spacing:1px;color:#446655; }
.sky-feedback { font-size:11px;line-height:1.75;background:#ffffffa3;border-radius:10px;padding:10px;min-height:52px;color:#4c7170;margin:14px 0; }.sky-actions { display:grid;grid-template-columns:1fr 1fr;gap:7px; }.sky-actions button { min-height:44px;border:1px solid #ccdcd5;border-radius:10px;background:#f7faf3;color:#557568;font-size:11px;font-weight:700; }
.sky-instructions { margin-top:20px;font-size:10px;color:#70847b;line-height:1.8; }.sky-instructions b { color:#476e61;font-size:11px; }.sky-instructions p { margin:6px 0; }.sky-tier { display:flex;align-items:center;gap:9px;border-top:1px solid #d2dfd6;margin-top:17px;padding-top:13px; }.sky-tier img { width:34px;height:34px;border-radius:50%; }.sky-tier span { font-size:9px;font-weight:800;letter-spacing:.6px;color:#75825f; }
@media(max-width:680px){
 .sky-topline { font-size:9px;margin-bottom:8px; }.sky-topline>span { font-size:7px;letter-spacing:.5px; }.sky-topline b { font-size:9px;padding:5px 7px; }
 .sky-layout { grid-template-columns:minmax(0,1fr);gap:10px; }.sky-quiz { grid-row:1;padding:10px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:7px; }.sky-label,.sky-clue,.sky-instructions,.sky-tier { display:none; }.sky-emoji { grid-row:1 / span 2;grid-column:1;font-size:26px;margin:0; }.sky-quiz h3 { grid-row:1;grid-column:2;font-size:17px;text-align:left; }.sky-word { grid-row:2;grid-column:2;justify-content:flex-start;gap:3px;margin:5px 0 7px; }.sky-word b { width:21px;height:24px;font-size:13px; }.sky-word small { display:none; }.sky-mission-meter { grid-column:1 / -1;height:16px; }.sky-mission-meter span { font-size:8px; }.sky-feedback { grid-column:1 / -1;margin:6px 0;padding:5px 8px;min-height:0;font-size:9px;line-height:1.6; }.sky-actions { grid-column:1 / -1;gap:5px; }.sky-actions button { min-height:36px;font-size:10px; }
 .sky-field { width:auto;height:min(53dvh,460px);max-width:100%;aspect-ratio:480/680; }.sky-overlay { padding:17px; }.sky-overlay h3 { font-size:20px;margin-bottom:8px; }.sky-overlay p { font-size:11px;margin-bottom:14px; }.sky-overlay-icon { font-size:34px;margin-bottom:7px; }.sky-overlay small { font-size:8px;margin-top:10px; }.sky-primary { padding:10px 17px;min-height:44px; }.sky-hud { top:25px;left:7px;right:7px; }.sky-hud span:first-child { font-size:13px; }.sky-hud b { font-size:10px; }.sky-hud span:last-child { font-size:8px;padding:4px 5px; }
 .sky-controls { position:sticky;bottom:0;z-index:3;background:#f8f8f2;padding:4px 0;margin-top:4px; }.sky-key-guide { font-size:8px;margin-top:3px; }
}
@media(prefers-reduced-motion:reduce){.sky-card-plane{animation:none;}.sky-mission-meter i{transition:none;}}