*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden}body{background:#06131b;color:#f4eddf;font:14px/1.5 system-ui,sans-serif}#globe{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 50%,#1a4957,#06131b 65%)}aside{position:absolute;left:22px;top:22px;bottom:86px;width:330px;padding:24px;background:linear-gradient(155deg,rgba(13,29,35,.97),rgba(7,19,27,.92));border:1px solid #d9b66f55;border-radius:24px;overflow:auto;box-shadow:0 22px 70px #0008;backdrop-filter:blur(16px)}h1{font:32px/1.15 Georgia,serif;margin:8px 0 18px}h2{font:25px/1.15 Georgia,serif;margin:18px 0 10px}p{color:#c5cdc9}.eyebrow{letter-spacing:.22em;font-size:10px;color:#e4c276;margin:0}button,select,a.primary{min-height:44px;border:1px solid #8c9b9955;border-radius:12px;background:#142c34;color:#f4eddf;padding:10px 13px;font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button.primary,a.primary{background:linear-gradient(135deg,#edcf87,#c99b4d);color:#101819;border-color:transparent;font-weight:700;width:100%}a{color:#f0d894;text-decoration:none}a:hover{text-decoration:underline}a.primary{display:block;text-align:center;margin:18px 0}a[hidden],#visual[hidden]{display:none}#back{display:block;margin-top:18px}select{width:100%;margin-top:8px}label{font-size:12px}#status,.small,#hint{font-size:11px}#hint{margin-top:22px}.controls{display:flex;gap:6px;flex-wrap:wrap}.controls button{font-size:12px}#visual{position:relative;height:132px;margin-top:18px;border:1px solid #d9b66f55;border-radius:14px;overflow:hidden;background:#102832}#photo{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.03)}#visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(3,13,18,.72))}#visual-label{position:absolute;z-index:1;bottom:9px;left:11px;text-transform:uppercase;letter-spacing:.13em;color:#fff4d4;font-size:9px;font-weight:700}footer{position:absolute;bottom:0;left:0;right:0;padding:10px 16px;background:#06131bef;font-size:10px;line-height:1.5;z-index:2;color:#b4bfbd}footer a{color:#d8e0d8}#credits{min-height:12px}.cesium-credit-logoContainer img{max-height:18px}.cesium-viewer-bottom{display:none}:focus-visible{outline:2px solid #f4d088;outline-offset:3px}@media(max-width:700px){aside{left:10px;right:10px;top:auto;bottom:95px;width:auto;max-height:46%;padding:16px;border-radius:18px}h1{font-size:23px;margin:5px 0 8px}h2{font-size:20px;margin:12px 0 8px}#intro,#hint{display:none}#visual{height:92px;margin-top:12px}#globe{bottom:20%}footer{font-size:9px;padding:8px}#status{margin:8px 0}.eyebrow{font-size:9px}.controls{margin-top:12px}}