@font-face{font-family:Eventide;src:local('Avenir Next');font-display:swap}*{box-sizing:border-box} :root{color-scheme:dark;--ink:oklch(.96 .008 110);--muted:oklch(.82 .012 110);--primary:oklch(.87 .10 110);--bg:oklch(.17 .012 220);--panel:oklch(.17 .012 220 / .94)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Eventide,'Trebuchet MS',sans-serif;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:5px}button{background:none;border:0}button:hover{color:var(--primary)}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.veil{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,oklch(.10 .01 220 / .60),transparent 40%),linear-gradient(0deg,oklch(.10 .01 220 / .84),transparent 22%,transparent 90%,oklch(.10 .01 220 / .4))}header{position:fixed;top:0;left:0;width:100%;padding:30px 38px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.wordmark{font-size:15px;font-weight:600;letter-spacing:.20em;display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;pointer-events:auto}.seal{font-size:38px;line-height:1;color:var(--primary);font-weight:400}.header-right{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted)}#help{pointer-events:auto;border:1px solid oklch(.9 .01 110 / .4);width:30px;height:30px;border-radius:50%;font-size:15px}.intro{position:fixed;top:23%;left:5%;pointer-events:none;transition:opacity .7s}.edition{font-size:12px;color:var(--primary);margin:0 0 20px}h1{font-weight:400;font-size:clamp(48px,5.7vw,88px);line-height:1.04;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}.lede{font-size:14px;line-height:1.8;color:var(--muted)}footer{position:fixed;left:38px;right:38px;bottom:47px;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:20px;align-items:end}.view-controls{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.view-controls button{font-size:12px;min-height:44px;padding:8px 13px;border-bottom:1px solid transparent;color:var(--muted)}.view-controls button.active{border-color:var(--primary);color:var(--ink)}.transformation{max-width:340px;width:100%;justify-self:center}#transform{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;font-size:14px;padding:13px 20px;border:1px solid oklch(.86 .04 110 / .6);background:oklch(.18 .02 220 / .7);border-radius:4px}#transform-icon{font-size:23px;color:var(--primary)}.scrubber{display:flex;align-items:center;gap:14px;margin-top:15px}.scrubber span{font-size:9px;letter-spacing:.12em;color:var(--muted)}input[type=range]{width:100%;height:20px;cursor:ew-resize;accent-color:var(--primary)}.utilities{display:flex;justify-content:flex-end;gap:14px;font-size:11px}.utilities button{min-height:44px;padding:8px 3px;color:var(--muted)}.utilities button:hover{color:var(--primary)}.credit{position:fixed;left:38px;bottom:12px;font-size:10px;color:var(--muted);margin:0}#loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:20px;font-size:13px;background:var(--panel);padding:32px;border-radius:5px}.load-ring{display:block;width:35px;height:35px;border:1px solid var(--muted);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#guide{position:fixed;right:35px;top:90px;width:min(360px,calc(100% - 40px));padding:30px;background:var(--panel);border:1px solid oklch(.6 .015 220);border-radius:6px;z-index:3;font-size:13px;line-height:1.8}#guide h2{font-size:23px;font-weight:400;line-height:1.3;margin:0 0 20px}#guide p{color:var(--muted)}#guide strong{color:var(--ink);font-weight:600}#close-guide{position:absolute;right:10px;top:5px;font-size:27px;padding:6px}kbd{font:inherit;padding:2px 4px;background:oklch(.3 .015 220);border-radius:3px}#sun-hint{position:fixed;pointer-events:none;font-size:10px;display:flex;align-items:center;gap:9px;opacity:.8;white-space:nowrap}#sun-hint span{width:30px;height:1px;background:var(--primary)}#error{position:fixed;inset:25% 15%;background:var(--panel);padding:30px;z-index:4}#error h2{font-weight:400}#error button,#restore-ui{padding:12px 20px;border:1px solid var(--primary);border-radius:4px}#restore-ui{position:fixed;bottom:20px;right:20px;background:var(--panel)}body.clean header,body.clean footer,body.clean .intro,body.clean .credit,body.clean .veil,body.clean #sun-hint{display:none}body.engaged .intro{opacity:0}body.dragging #world{cursor:grabbing}body.sun-hover #world{cursor:grab}@media(max-width:800px){header{padding:20px}.header-right span{display:none}.intro{top:18%;left:24px}.edition{font-size:10px;margin-bottom:12px}h1{font-size:50px}.lede{font-size:12px}footer{left:20px;right:20px;bottom:45px;grid-template-columns:1fr 1fr;gap:13px}.transformation{grid-row:1;grid-column:1/3;max-width:330px}.view-controls{gap:0}.view-controls button{font-size:10px;padding:8px}.utilities{gap:10px;font-size:10px}.credit{left:20px;font-size:9px;bottom:16px}#guide{right:20px;top:75px}#sun-hint{font-size:9px}.veil{background:linear-gradient(90deg,oklch(.10 .01 220 / .4),transparent 70%),linear-gradient(0deg,oklch(.10 .01 220 / .9),transparent 35%)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.load-ring{border-top-width:3px}}

@media(max-width:800px){footer .view-controls{grid-row:2;grid-column:1/3;justify-content:center;gap:8px}footer .utilities{grid-row:3;grid-column:1/3;justify-content:center;gap:26px}.utilities button{min-height:30px}.credit{font-size:8px}}