:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f5eee4;background:#18100c;--line: rgba(255,238,213,.22);--fire: #ff5b19;--mono: ui-monospace, SFMono-Regular, Consolas, monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#18100c}button{color:inherit;font:inherit}#scene{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.hud{position:fixed;z-index:3;transition:opacity .4s ease,transform .4s ease}.hud--top{inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(20,10,6,.36),transparent)}.brand{display:flex;align-items:center;gap:10px;font:600 11px/1 var(--mono);letter-spacing:.18em}.brand i{width:10px;height:10px;display:block;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--fire);box-shadow:0 0 17px var(--fire)}.brand em{margin-left:10px;color:#ffeed57a;font-style:normal;font-weight:400;font-size:8px;letter-spacing:.12em}.share{padding:8px 10px;border:1px solid var(--line);background:#160a0640;cursor:pointer;font:500 9px/1 var(--mono);letter-spacing:.12em}.share:hover,.share:focus-visible{color:var(--fire);border-color:var(--fire);outline:none}.readings{top:104px;left:30px;width:290px;padding:21px;border:1px solid var(--line);background:#190c0873;backdrop-filter:blur(10px)}.label{margin:0 0 10px;color:var(--fire);font:500 8px/1 var(--mono);letter-spacing:.2em}.readings h1{margin:0;overflow:hidden;font-size:29px;line-height:.95;letter-spacing:-.04em;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.biome{margin:8px 0 20px;color:#ffeed591;font:400 8px/1 var(--mono);letter-spacing:.13em}.readings dl{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.readings dl div+div{padding-left:8px;border-left:1px solid var(--line)}dt{margin-bottom:7px;color:#ffeed575;font:400 7px/1.15 var(--mono);letter-spacing:.05em}dd{margin:0;white-space:nowrap;font:500 12px/1 var(--mono);letter-spacing:-.04em}.phase{margin-top:16px;color:#ffeed5b3;font:500 8px/1 var(--mono);letter-spacing:.11em}.phase b{display:block;height:2px;margin-top:9px;background:var(--fire);transform:scaleX(0);transform-origin:left;box-shadow:0 0 8px var(--fire)}.eruption-note{top:106px;right:30px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,91,25,.46);background:#180a0680;opacity:0;transform:translateY(-9px);pointer-events:none}.eruption-note.is-active{animation:note 1.7s ease both}.eruption-note span{width:7px;height:7px;border-radius:50%;background:var(--fire);box-shadow:0 0 10px var(--fire)}.eruption-note p{margin:0;color:#ffeed599;font:400 8px/1.4 var(--mono);letter-spacing:.1em}.eruption-note b{color:var(--fire);font-weight:500}@keyframes note{0%,to{opacity:0;transform:translateY(-9px)}15%,82%{opacity:1;transform:none}}.hud--bottom{inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;padding:20px 30px 24px;border-top:1px solid var(--line);background:linear-gradient(0deg,rgba(18,8,5,.52),transparent)}.hud--bottom p{margin:0;color:#ffeed580;font:400 8px/1 var(--mono);letter-spacing:.09em}.hud--bottom p b{color:#f5eee4;font-weight:500}.hud--bottom p i{display:inline-block;width:2px;height:2px;margin:0 8px 2px;border-radius:50%;background:#ffeed573}.hud--bottom>div{display:flex;gap:17px}.hud--bottom button{padding:0;border:0;background:transparent;cursor:pointer;font:500 8px/1 var(--mono);letter-spacing:.1em}.hud--bottom button:hover{color:var(--fire)}.hud--bottom kbd{display:inline-block;min-width:19px;margin-right:6px;padding:4px;border:1px solid var(--line);border-radius:2px;font:inherit;text-align:center}.vignette{position:fixed;z-index:2;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,rgba(15,6,3,.32) 100%)}.grain{position:fixed;z-index:4;inset:-20%;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .25s steps(2) infinite}@keyframes grain{50%{transform:translate(2%,-1%)}}.toast{position:fixed;z-index:5;left:50%;bottom:82px;padding:10px 14px;background:var(--fire);color:#160805;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:.2s;font:600 9px/1 var(--mono);letter-spacing:.08em}.toast.is-active{opacity:1;transform:translate(-50%)}.ui-hidden .hud,.ui-hidden .grain{opacity:0!important;pointer-events:none}.ui-hidden .vignette{opacity:.55}@media (max-width: 720px){.hud--top{padding:18px 16px}.brand em,.eruption-note{display:none}.readings{top:76px;left:16px;width:238px;padding:16px}.readings h1{font-size:23px}.readings dl{gap:4px}.readings dl div+div{padding-left:5px}dd{font-size:10px}.hud--bottom{padding:14px 16px calc(16px + env(safe-area-inset-bottom))}.hud--bottom p{display:none}.hud--bottom>div{width:100%;justify-content:space-between}.toast{bottom:72px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}