.skykeeper { position: relative; min-height: 760px; overflow: hidden; border-radius: 26px; background: radial-gradient(circle at 50% 16%,#273a5d,#081426 58%,#050c18); color: #f8efd8; box-shadow: 0 18px 48px rgba(7,19,37,.24); }
.skykeeper button,.skykeeper a{-webkit-tap-highlight-color:transparent}.skykeeper [hidden]{display:none!important}
.skykeeper-header{display:flex;position:relative;z-index:10;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(5,12,25,.38)}
.sky-back{color:rgba(255,255,255,.72);font-size:.84rem;font-weight:750}.sky-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.sky-quiet-button{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.84);cursor:pointer;font:inherit;font-size:.72rem;font-weight:750}.sky-quiet-button:hover,.sky-quiet-button:focus-visible{border-color:#efd083;background:rgba(239,208,131,.12);color:white}
.sky-kicker{margin:0;color:#e7c36e;font-size:.68rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.sky-intro{display:flex;min-height:690px;align-items:center;justify-content:center;flex-direction:column;padding:50px 26px 65px;text-align:center}
.sky-intro h1{margin:8px 0 17px;color:white;font-family:Georgia,serif;font-size:clamp(3.2rem,8vw,6.6rem);font-weight:500;letter-spacing:-.055em;line-height:.84}.sky-intro h1 span{color:#edcf87;font-style:italic}.sky-intro-lead{max-width:730px;margin:0;color:rgba(255,255,255,.76);font-size:1.04rem;line-height:1.6}
.sky-cast{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(1040px,100%);margin:28px 0}.sky-cast article{min-height:190px;padding:18px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055);text-align:left}.sky-cast small,.sky-cast strong,.sky-cast p{display:block}.sky-cast small{margin-top:14px;color:#d6b965;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sky-cast strong{margin-top:3px;color:white;font-size:.87rem}.sky-cast p{margin:5px 0 0;color:rgba(255,255,255,.58);font-size:.75rem}
.cast-icon{display:block;position:relative;width:100%;height:65px;overflow:hidden;border-radius:9px;background:linear-gradient(#203a63,#b36e52)}.cast-icon:before,.cast-icon:after{content:'';position:absolute;bottom:0;background:#171b24}.cast-stonehenge:before{left:23%;width:16px;height:48px;box-shadow:38px -10px 0 #171b24,76px 1px 0 #171b24}.cast-stonehenge:after{left:20%;bottom:43px;width:90px;height:11px}.cast-maya{background:linear-gradient(#16525a,#d08043)}.cast-maya:before{left:22%;width:60%;height:47px;clip-path:polygon(20% 0,80% 0,80% 20%,90% 20%,90% 42%,100% 42%,100% 100%,0 100%,0 42%,10% 42%,10% 20%,20% 20%)}.cast-maya:after{right:12%;bottom:30px;width:18px;height:18px;border-radius:50%;box-shadow:0 20px 0 4px #171b24}.cast-pacific{background:linear-gradient(#163963,#d58057)}.cast-pacific:before{left:12%;bottom:9px;width:76%;height:25px;border-radius:0 0 50% 50%;transform:skewX(-15deg)}.cast-pacific:after{left:48%;bottom:30px;width:4px;height:34px;box-shadow:16px 8px 0 12px #e0d4ac}.cast-egypt:before{left:16%;width:18%;height:48px;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:54px 15px 0 -8px #171b24}.cast-egypt:after{right:15%;bottom:26px;width:16px;height:16px;border-radius:50%;box-shadow:0 20px 0 5px #171b24}
.cast-icon{display:block;position:relative;width:100%;height:65px;overflow:hidden;border-radius:9px;background:linear-gradient(#203a63,#b36e52)}.cast-icon:before,.cast-icon:after{content:'';position:absolute;bottom:0;background:#171b24}.cast-stonehenge:before{left:23%;width:16px;height:48px;box-shadow:38px -10px 0 #171b24,76px 1px 0 #171b24}.cast-stonehenge:after{left:20%;bottom:43px;width:90px;height:11px}.cast-maya{background:linear-gradient(#16525a,#d08043)}.cast-maya:before{left:22%;width:60%;height:47px;clip-path:polygon(20% 0,80% 0,80% 20%,90% 20%,90% 42%,100% 42%,100% 100%,0 100%,0 42%,10% 42%,10% 20%,20% 20%)}.cast-maya:after{right:12%;bottom:30px;width:18px;height:18px;border-radius:50%;box-shadow:0 20px 0 4px #171b24}.cast-pacific{background:linear-gradient(#163963,#d58057)}.cast-pacific:before{left:12%;bottom:9px;width:76%;height:25px;border-radius:0 0 50% 50%;transform:skewX(-15deg)}.cast-pacific:after{left:48%;bottom:30px;width:4px;height:34px;box-shadow:16px 8px 0 12px #e0d4ac}.cast-egypt:before{left:16%;width:18%;height:48px;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:54px 15px 0 -8px #171b24}.cast-egypt:after{right:15%;bottom:26px;width:16px;height:16px;border-radius:50%;box-shadow:0 20px 0 5px #171b24}.cast-mesopotamia{background:linear-gradient(#302a55,#b16d43)}.cast-mesopotamia:before{left:14%;width:58%;height:50px;clip-path:polygon(28% 0,72% 0,72% 25%,85% 25%,85% 52%,100% 52%,100% 100%,0 100%,0 52%,15% 52%,15% 25%,28% 25%)}.cast-mesopotamia:after{right:12%;bottom:29px;width:16px;height:16px;border-radius:50%;box-shadow:0 20px 0 5px #171b24}
.sky-primary,.sky-secondary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:17px;padding:12px 23px;border-radius:999px;cursor:pointer;font:inherit;font-weight:850}.sky-primary{border:0;background:#edcf87;color:#172338;box-shadow:0 8px 24px rgba(237,207,135,.2)}.sky-primary:hover{background:#f8dfa0;text-decoration:none}.sky-secondary{border:1px solid rgba(255,255,255,.25);background:transparent;color:white}.sky-secondary:hover{border-color:#edcf87;text-decoration:none}.sky-small-note,.sky-badge-note{margin:12px 0 0;color:rgba(255,255,255,.5);font-size:.7rem}
.sky-game{padding:18px 20px 30px}.sky-hud{display:grid;grid-template-columns:auto minmax(130px,1fr) auto auto;align-items:center;gap:14px;max-width:1160px;margin:0 auto 13px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(5,14,29,.58)}.sky-hud>div:not(.sky-progress-track){display:flex;flex-direction:column}.sky-hud span{color:rgba(255,255,255,.5);font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sky-hud strong{color:#fff4d7;font-size:.84rem}.sky-progress-track{height:6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.12)}.sky-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d7a84f,#f3db91);transition:width .35s ease}
.sky-play-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.65fr);gap:13px;max-width:1160px;margin:auto}.sky-canvas-wrap{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:#081426}.sky-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none}.sky-toast{position:absolute;left:50%;bottom:18px;width:max-content;max-width:calc(100% - 30px);padding:10px 15px;border:1px solid #ca8664;border-radius:999px;background:rgba(64,31,29,.94);color:#ffe5cf;font-size:.77rem;font-weight:750;text-align:center;transform:translateX(-50%)}.sky-toast.is-good{border-color:#79bea1;background:rgba(22,67,54,.95);color:#d8ffeb}
.sky-mission-panel{display:flex;min-width:0;flex-direction:column;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(6,16,32,.82)}.sky-mission-panel h2{margin:7px 0 11px;color:white;font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:500;line-height:1}.sky-mission-panel>p:not(.sky-kicker){margin:0;color:rgba(255,255,255,.7);font-size:.86rem;line-height:1.55}.sky-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.sky-control-button{min-height:45px;padding:9px 10px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.07);color:white;cursor:pointer;font:inherit;font-size:.76rem;font-weight:750}.sky-control-button:hover,.sky-control-button:focus-visible{border-color:#e7c36e;background:rgba(231,195,110,.11)}.sky-control-button.primary{border-color:#edcf87;background:#edcf87;color:#172338}.sky-control-button.wide{grid-column:1/-1}.sky-slider-label{grid-column:1/-1;display:grid;gap:7px;color:#e8d7aa;font-size:.72rem;font-weight:750}.sky-slider-label input{width:100%;accent-color:#e7c36e}.sky-goal{margin-top:auto;padding-top:20px}.sky-goal span{color:#e7c36e;font-size:.6rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.sky-goal p{margin:5px 0 0;color:rgba(255,255,255,.62);font-size:.77rem;line-height:1.45}
.sky-check{display:grid;min-height:690px;padding:30px;place-items:center}.sky-check-card{width:min(760px,100%);padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(6,16,32,.88);box-shadow:0 20px 60px rgba(0,0,0,.22)}.sky-check-card h2{margin:8px 0 10px;color:white;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:500}.sky-check-card>p:not(.sky-kicker){margin:0;color:rgba(255,255,255,.75);font-size:1rem}.sky-check-options{display:grid;gap:9px;margin:22px 0}.sky-check-option{padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06);color:white;cursor:pointer;font:inherit;font-size:.88rem;font-weight:650;text-align:left}.sky-check-option:hover:not(:disabled),.sky-check-option:focus-visible{border-color:#edcf87;background:rgba(237,207,135,.1)}.sky-check-option.is-correct{border-color:#79bea1;background:rgba(74,147,115,.2)}.sky-check-option.is-wrong{border-color:#ce795f;background:rgba(165,79,58,.2)}.sky-check-feedback{display:grid;gap:3px;margin-bottom:17px;padding:13px;border-radius:10px;background:rgba(74,147,115,.18)}.sky-check-feedback.is-wrong{background:rgba(165,79,58,.18)}.sky-check-feedback strong{color:white}.sky-check-feedback span{color:rgba(255,255,255,.7);font-size:.8rem;line-height:1.45}
.sky-finish{display:flex;min-height:690px;align-items:center;justify-content:center;flex-direction:column;padding:42px 24px 60px;text-align:center}.sky-badge{display:grid;position:relative;width:136px;height:136px;margin-bottom:20px;place-items:center;border:4px double #e4c36f;border-radius:50%;background:radial-gradient(circle,#243d59 0 48%,#c18c43 49% 54%,#152940 55%);box-shadow:0 0 0 8px rgba(228,195,111,.08),0 12px 35px rgba(0,0,0,.25)}.sky-badge.is-locked{filter:grayscale(1);opacity:.48}.sky-badge span{position:absolute;top:15px;color:#f5db98}.sky-badge strong{margin-top:17px;color:white;font-family:Georgia,serif;font-size:2rem}.sky-finish h2{margin:7px 0 10px;color:white;font-family:Georgia,serif;font-size:clamp(2.6rem,7vw,4.8rem);font-weight:500}.sky-finish>p:not(.sky-kicker):not(.sky-badge-note){max-width:650px;margin:0;color:rgba(255,255,255,.72)}.sky-final-score{display:flex;align-items:center;flex-direction:column;margin:23px 0}.sky-final-score span{color:#edcf87;font-size:3.5rem;font-weight:900;line-height:1}.sky-final-score small{color:rgba(255,255,255,.55)}.sky-finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.sky-sources{position:fixed;z-index:1000;inset:0;display:grid;padding:18px;overflow-y:auto;place-items:center;background:rgba(2,8,17,.86);backdrop-filter:blur(8px)}.sky-sources-card{position:relative;width:min(700px,100%);max-height:calc(100dvh - 36px);padding:32px;overflow-y:auto;border:1px solid #4c5c69;border-radius:18px;background:#101d31}.sky-sources-card h2{margin:6px 0 12px;color:white;font-family:Georgia,serif;font-size:2.2rem}.sky-sources-card p,.sky-sources-card li{color:rgba(255,255,255,.72)}.sky-sources-card li{margin-bottom:9px}.sky-sources-card a{color:#f0d68f}.sky-sources-close{position:absolute;right:13px;top:13px;width:38px;height:38px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:transparent;color:white;cursor:pointer;font-size:1.35rem}.skykeeper:fullscreen{width:100vw;min-height:100dvh;border-radius:0;overflow-y:auto}
@media(max-width:780px){main.container:has(.skykeeper){width:100%;padding-inline:0}.skykeeper{min-height:calc(100dvh - 145px);border-radius:0}.skykeeper-header{padding:10px}.sky-quiet-button{padding:7px 8px;font-size:.64rem}.sky-intro{min-height:calc(100dvh - 190px);padding:32px 14px 45px}.sky-intro h1{font-size:clamp(3rem,15vw,4.8rem)}.sky-intro-lead{font-size:.88rem}.sky-cast{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}.sky-cast article{min-height:155px;padding:10px}.cast-icon{height:49px}.sky-game{padding:8px}.sky-hud{grid-template-columns:auto 1fr auto;gap:8px;padding:8px 9px}.sky-hud>div:last-child{display:none}.sky-play-layout{grid-template-columns:1fr}.sky-canvas-wrap{border-radius:12px}.sky-mission-panel{padding:17px;border-radius:12px}.sky-mission-panel h2{font-size:1.8rem}.sky-controls{margin-top:14px}.sky-goal{margin-top:15px;padding-top:10px}.sky-check{min-height:calc(100dvh - 185px);padding:10px}.sky-check-card{padding:22px 15px;border-radius:13px}.sky-check-card>p:not(.sky-kicker){font-size:.88rem}.sky-check-option{padding:12px;font-size:.8rem}.sky-finish{min-height:calc(100dvh - 185px);padding:32px 14px 45px}.sky-sources{padding:7px}.sky-sources-card{max-height:calc(100dvh - 14px);padding:27px 17px;border-radius:12px}}
@media(max-height:520px) and (orientation:landscape){.skykeeper-header{padding-block:7px}.sky-intro{min-height:430px;padding-block:20px}.sky-cast{margin:12px 0}.sky-cast article{min-height:115px}.cast-icon{height:35px}.sky-game{padding:6px}.sky-hud{margin-bottom:6px}.sky-play-layout{grid-template-columns:1.7fr .8fr}.sky-mission-panel{padding:12px}.sky-mission-panel h2{font-size:1.45rem}.sky-mission-panel>p:not(.sky-kicker){font-size:.72rem}.sky-controls{margin-top:8px}.sky-control-button{min-height:36px;padding:6px}.sky-goal{padding-top:7px}.sky-check{min-height:430px}.sky-finish{min-height:430px}}
@media(prefers-reduced-motion:reduce){.skykeeper *,.skykeeper *:before,.skykeeper *:after{transition:none!important;scroll-behavior:auto!important}}
.sky-identity{width:min(390px,100%);margin:0 0 12px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(5,12,25,.5);text-align:left}.sky-identity label{display:block;margin-bottom:5px;color:#fff1c9;font-size:.72rem;font-weight:850}.sky-identity input{width:100%;padding:10px 11px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.09);color:white;font:inherit}.sky-identity input::placeholder{color:rgba(255,255,255,.4)}.sky-identity small{display:block;margin-top:5px;color:rgba(255,255,255,.48);font-size:.63rem}.sky-identity p{margin:7px 0 0;color:#ffc6aa;font-size:.7rem;font-weight:750}
.sky-proof{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:20px;padding:18px;border:1px solid rgba(237,207,135,.2);border-radius:18px;background:rgba(5,16,31,.62)}.sky-proof .sky-badge{margin-bottom:0}.sky-badge span{top:10px}.sky-badge strong{margin-top:4px}.sky-badge small{position:absolute;bottom:16px;color:#fff0bd;font:800 .62rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}.sky-proof dl{display:grid;gap:7px;min-width:210px;margin:0;text-align:left}.sky-proof dl div{padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.sky-proof dt{color:rgba(255,255,255,.46);font-size:.56rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.sky-proof dd{margin:2px 0 0;color:#fff1c9;font-size:.86rem;font-weight:850}