@import url('data:text/css,');
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f1f7ec;background:#030d17}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b7ffd3;outline-offset:6px}button:disabled{opacity:.4;cursor:wait}.overlay{position:fixed;inset:0;pointer-events:none;z-index:10;padding:36px 48px;background:linear-gradient(90deg,rgba(1,12,16,.45),transparent 65%)}header{display:flex;align-items:center;justify-content:space-between}.wordmark{color:#eff7eb;text-decoration:none;font-size:11px;letter-spacing:2.8px;font-weight:600;display:flex;align-items:center;gap:14px;pointer-events:auto}.mark{font-size:36px;font-weight:normal;line-height:1}.live{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px;color:#bbceca}.live i{width:5px;height:5px;border-radius:100%;background:#a5e5bc;box-shadow:0 0 10px #a5e5bc}.intro{position:absolute;top:24%;left:48px}.eyebrow{font-size:9px;letter-spacing:3px;color:#a8c8bd;margin-bottom:22px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5.1vw,78px);font-weight:normal;line-height:1.05;letter-spacing:-2.4px;margin:0 0 25px}.description{font-size:13px;line-height:1.85;color:#b4c8c2}.compass{position:absolute;top:35px;left:50%;transform:translateX(-50%);text-align:center;color:#b7cbc4;font-size:9px;letter-spacing:2px}.compass div{margin-top:12px;font-size:10px}footer{position:absolute;left:48px;right:48px;bottom:38px;display:flex;align-items:flex-end;justify-content:space-between;gap:26px}.step{font-size:8px;letter-spacing:2px;color:#a1c4b5}.instructions p{font-size:11px;color:#b0c5bd;margin:8px 0 19px}.instructions p:last-child{margin-bottom:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:420px}.primary,.secondary{height:48px;padding:0 24px;border-radius:3px;letter-spacing:.4px;font-size:12px;pointer-events:auto}.primary{background:#d8f2cc;color:#102b23;border:1px solid #d8f2cc;min-width:164px;user-select:none;touch-action:none}.primary span{margin-right:12px;font-size:18px}.primary:hover,.primary.painting{background:#a8ffd0;box-shadow:0 0 30px #6dffba30}.secondary{background:#061b2299;border:1px solid #719b8c55;color:#e1efde;backdrop-filter:blur(12px)}.secondary span{margin-left:18px}.secondary:hover{border-color:#b3d8bd}.text-button{border:0;background:transparent;color:#afc8bc;pointer-events:auto;font-size:10px;padding:12px}.caption{font-size:8px;letter-spacing:2px;color:#b7cebd;text-align:right}.caption span{display:block;font-family:Georgia,serif;letter-spacing:0;font-style:italic;font-size:12px;margin-top:11px}.help-toggle{position:absolute;right:48px;top:95px;border:1px solid #839e8850;border-radius:50%;width:27px;height:27px;color:#c4dcca;background:#0a202580;pointer-events:auto}aside{position:absolute;right:48px;top:139px;width:330px;padding:28px;background:#071d23f5;border:1px solid #6a9d8555;pointer-events:auto;border-radius:5px;box-shadow:0 15px 80px #0008}aside h2{font-family:Georgia,serif;font-size:24px;font-weight:normal;margin-top:0}aside p{font-size:12px;line-height:1.7;color:#b7cfc3}#notice{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);max-width:480px;font-size:12px;background:#092528e8;border-radius:5px;padding:12px 18px;text-align:center}#notice:empty{display:none}.immersive .overlay,.hidden-ui .overlay{display:none}.painting-sky .intro{opacity:.15;transition:opacity 1s}.fatal{position:fixed;inset:30%;z-index:100;background:#10252c;padding:30px;color:white}@media(max-width:760px){.overlay{padding:24px}.intro{left:24px;top:22%}h1{font-size:49px}.compass{display:none}.live{font-size:8px}.wordmark{font-size:9px;letter-spacing:1.8px}footer{left:24px;right:24px;bottom:26px;display:block}.caption{display:none}.instructions{margin-bottom:20px}.instructions .step,.instructions p{display:none}.instructions p:last-child{display:block;font-size:10px}.actions{gap:8px}.primary,.secondary{padding:0 18px;font-size:11px;height:46px}.help-toggle{right:24px;top:75px}aside{right:24px;top:115px;width:min(330px,calc(100vw - 48px))}.description{font-size:12px}#notice{bottom:100px;width:85%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.touch-hint{display:none}@media(pointer:coarse){.touch-hint{display:inline}.desktop-hint{display:none}.instructions p:last-child{font-size:11px;line-height:1.6}aside{max-height:calc(100dvh - 140px);overflow-y:auto}}

.touch-input .touch-hint{display:inline}.touch-input .desktop-hint{display:none}