:root{--ink:#04080d;--ivory:#f3ead7;--ivory-dim:#f3ead78c;--hairline:#f3ead738;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{background:var(--ink);height:100%;overflow:hidden}body{-webkit-tap-highlight-color:transparent}canvas{touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:fixed;inset:0}.frame{pointer-events:none;color:var(--ivory);z-index:10;font-family:var(--mono);position:fixed;inset:0}.frame:before,.frame:after{content:"";width:26px;height:26px;position:absolute}.frame:before{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);top:22px;left:22px}.frame:after{border-bottom:1px solid var(--hairline);border-right:1px solid var(--hairline);bottom:22px;right:22px}.masthead{text-align:center;animation:2.2s cubic-bezier(.16,1,.3,1) both settleX;position:absolute;top:38px;left:50%;transform:translate(-50%)}.masthead h1{letter-spacing:.38em;text-indent:.38em;white-space:nowrap;text-shadow:0 1px 3px #04080d8c,0 2px 28px #04080de6;font-family:Fraunces,Georgia,serif;font-size:clamp(26px,4.2vw,50px);font-weight:300}.masthead p{letter-spacing:.34em;text-transform:uppercase;color:var(--ivory-dim);text-shadow:0 1px 8px #04080dcc;margin-top:10px;font-size:10px}.masthead .rule{background:var(--hairline);width:54px;height:1px;margin:14px auto 0}.hud{letter-spacing:.14em;color:var(--ivory-dim);font-variant-numeric:tabular-nums;font-size:10.5px;line-height:2;animation:2.2s cubic-bezier(.16,1,.3,1) .5s both settle;position:absolute;bottom:30px;left:34px}.hud b{color:var(--ivory);font-weight:400}.hint{text-align:right;letter-spacing:.18em;text-transform:uppercase;color:var(--ivory-dim);font-size:10.5px;line-height:2.1;animation:2.2s cubic-bezier(.16,1,.3,1) .8s both settle;position:absolute;bottom:30px;right:34px}.hint em{color:var(--ivory);border-bottom:1px solid var(--hairline);padding-bottom:1px;font-style:normal}.badge{letter-spacing:.22em;text-transform:uppercase;color:var(--ivory);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;background:#04080d66;border-radius:999px;padding:6px 14px;font-size:10px;position:absolute;top:26px;right:26px}.badge.rec:before{content:"";vertical-align:1px;background:#e2564a;border-radius:50%;width:7px;height:7px;margin-right:9px;animation:1.1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.weather{pointer-events:auto;border:1px solid var(--hairline);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04080d47;border-radius:24px;flex-direction:column;gap:10px;width:max-content;max-width:min(1000px,100vw - 32px);padding:14px 26px;animation:2.2s cubic-bezier(.16,1,.3,1) 1.1s both settleW;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.wrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;display:flex}.weather.folded .wrow:not(#row-sky),.adv-only{display:none}.weather.adv:not(.folded) .adv-only{display:flex}.fold{pointer-events:auto;cursor:pointer;font-family:var(--mono);color:var(--ivory-dim);background:0 0;border:0;padding:4px 6px;font-size:13px;line-height:1;position:absolute;top:8px;right:12px}.fold:hover{color:var(--ivory)}.exp,.act{pointer-events:auto;cursor:pointer;font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ivory);border:1px solid var(--hairline);background:0 0;border-radius:999px;padding:6px 16px;font-size:10px;transition:background .3s,border-color .3s,color .3s}.exp:hover,.act:hover{background:#f3ead71f;border-color:#f3ead780}.act.on{color:var(--ink);background:var(--ivory);border-color:var(--ivory)}.ctl{letter-spacing:.22em;text-transform:uppercase;color:var(--ivory-dim);align-items:center;gap:10px;font-size:10px;display:flex}.ctl output{color:var(--ivory);text-align:right;letter-spacing:.08em;font-variant-numeric:tabular-nums;min-width:5ch}.ctl input[type=range]{appearance:none;cursor:pointer;background:0 0;width:84px;height:18px}.ctl input[type=range]::-webkit-slider-runnable-track{background:var(--hairline);height:1px}.ctl input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ivory);border:1px solid #04080d99;border-radius:50%;width:9px;height:9px;margin-top:-4.5px;transition:transform .15s}.ctl input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.35)}.ctl input[type=range]::-moz-range-track{background:var(--hairline);height:1px}.ctl input[type=range]::-moz-range-thumb{background:var(--ivory);border:none;border-radius:50%;width:9px;height:9px}.sep{background:var(--hairline);width:1px;height:18px}.plabel{letter-spacing:.22em;text-transform:uppercase;color:var(--ivory-dim);font-size:10px}.pset,.fset{pointer-events:auto;cursor:pointer;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ivory-dim);border:1px solid var(--hairline);background:0 0;border-radius:999px;padding:4px 12px;font-size:9.5px;transition:background .3s,border-color .3s,color .3s}.pset:hover,.fset:hover{color:var(--ivory);background:#f3ead71f;border-color:#f3ead780}.pset.on,.fset.on{color:var(--ink);background:var(--ivory);border-color:var(--ivory)}:focus-visible{outline:1px solid var(--ivory);outline-offset:3px}.sheet{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-family:var(--mono);color:var(--ivory);background:#020509b8;place-items:center;display:grid;position:fixed;inset:0}.sheet-inner{border:1px solid var(--hairline);background:#04080d99;border-radius:20px;width:min(520px,100vw - 40px);max-height:calc(100vh - 80px);padding:30px 34px;overflow-y:auto}.sheet h2{letter-spacing:.24em;text-transform:uppercase;margin-bottom:20px;font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:300}.sheet dl{grid-template-columns:5.5rem 1fr;gap:9px 16px;font-size:11px;display:grid}.sheet dt{color:var(--ivory);letter-spacing:.12em}.sheet dd{color:var(--ivory-dim);letter-spacing:.08em}.sheet .exp{margin-top:26px}.fatal{z-index:40;background:var(--ink);color:var(--ivory);font-family:var(--mono);letter-spacing:.12em;text-align:center;place-items:center;padding:30px;font-size:12px;line-height:2;display:grid;position:fixed;inset:0}@keyframes settle{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes settleX{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes settleW{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.vignette{pointer-events:none;z-index:5;background:radial-gradient(at 50% 42%,#0000 58%,#0205098c 100%);position:fixed;inset:0}.grain{pointer-events:none;z-index:6;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(4,end) infinite grain;position:fixed;inset:-100%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}to{transform:translate(2%,2%)}}.frame,.grain{transition:opacity .5s}body.zen .frame,body.zen .grain{opacity:0}body.zen .frame *{pointer-events:none!important}@media (prefers-reduced-motion:reduce){.grain{animation:none}.masthead,.hud,.hint,.weather{animation-duration:10ms}.badge.rec:before{animation:none}}@media (width<=900px){.hint{display:none}.hud{font-size:9px;line-height:1.7;bottom:12px;left:16px}.weather{gap:8px;max-width:calc(100vw - 16px);padding:11px 14px;bottom:12px}.wrow{gap:7px 12px}.sep{display:none}.ctl input[type=range]{width:74px}.masthead{top:26px}}.hud .sub{color:var(--ivory-dim)}.hud,.hint{text-shadow:0 1px 2px #04080dbf,0 0 14px #04080d8c}.hud{top:58px;bottom:auto;left:40px}.hint{top:58px;bottom:auto;right:40px}.badge{top:150px;right:40px}.toast{z-index:20;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ivory);border:1px solid var(--hairline);pointer-events:none;background:#04080d8c;border-radius:999px;padding:7px 16px;font-size:10px;transition:opacity .4s;position:fixed;top:150px;left:50%;transform:translate(-50%)}@media (width<=1180px){.hint{display:none}}@media (width<=900px){.hud{top:112px;left:16px}}