@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-standard-normal.woff2)format(woff2)}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-standard-italic.woff2)format(woff2)}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/hanken-grotesk-latin-wght-normal.woff2)format(woff2)}@property --accent{syntax:"<color>";inherits:true;initial-value:#9aa6f2}:root{--font-display:"Fraunces",Georgia,"Times New Roman",serif;--font-meta:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--ink:#f7f3ec;--ink-dim:#f7f3ecbd;--hairline:#f7f3ec29;--root:clamp(15px,.82vw + .82vh,54px)}*,*:before,*:after{box-sizing:border-box;margin:0}html,body{block-size:100%}html{font-size:var(--root)}body{color:var(--ink);font-family:var(--font-meta);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:#06070f;background-image:radial-gradient(120% 80% at 50% -8%,#1b2150 0%,#0000 55%),linear-gradient(#0a0c1c 0%,#050609 100%);background-attachment:fixed;min-block-size:100%;line-height:1.3}::selection{color:#11131f;background:#9aa6f2}.board{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(.9rem,2.4vmin,2.4rem);block-size:100%;padding:clamp(1.2rem,3.4vmin,4rem)}.board:before{content:"";position:absolute;z-index:0;pointer-events:none;background:radial-gradient(125% 95% at 50% 32%,#0000 45%,#00000080 100%);inset:0}.board:after{content:"";position:absolute;z-index:4;pointer-events:none;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:170px 170px;inset:0}.ambient{position:absolute;z-index:1;pointer-events:none;animation:ambient-breathe 14s ease-in-out infinite;background:radial-gradient(70% 55% at 50% 26%,#7886ff29,#0000 70%);inset:0}@keyframes ambient-breathe{0%,to{opacity:.7}50%{opacity:1}}.masthead,.grid,.brand{position:relative;z-index:2}.masthead{display:flex;border-block-end:1px solid var(--hairline);justify-content:space-between;align-items: center;gap:1rem;padding-block-end:clamp(.5rem,1.4vmin,1rem)}.eyebrow{display:inline-flex;text-transform:uppercase;letter-spacing:.28em;color:var(--ink-dim);text-shadow:0 1px 3px #0000008c;align-items: center;gap:.7em;font-size:max(12px,.74rem)}.eyebrow:before{content:"";background:linear-gradient(135deg,#972eff,#3153fc);border-radius:50%;block-size:.5em;inline-size:.5em;box-shadow:0 0 .6em #6c4bffb3}.masthead-meta{text-transform:uppercase;letter-spacing:.2em;color:var(--ink-dim);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 3px #0000008c;font-size:max(11px,.66rem)}.brand{display:flex;border-block-start:1px solid var(--hairline);justify-content:flex-end;align-items: center;gap:.7em;padding-block-start:clamp(.4rem,1.2vmin,.9rem)}.brand-by{text-transform:uppercase;letter-spacing:.22em;color:var(--ink-dim);text-shadow:0 1px 3px #0000008c;font-size:max(10px,.6rem)}.brand-logo{filter:drop-shadow(0 .05em .4em #00000073);block-size:max(14px,.95rem);inline-size:auto}.brand-url{text-transform:uppercase;letter-spacing:.22em;color:var(--ink-dim);text-shadow:0 1px 3px #0000008c;font-size:max(10px,.6rem)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));grid-auto-rows:1fr;place-content:stretch center;gap:clamp(.7rem,1.8vmin,1.6rem);min-block-size:0}.card{--accent:#9aa6f2;container-type:size;position:relative;overflow:hidden;display:flex;border:1px solid var(--hairline);border-block-start:2px solid color-mix(in oklab,var(--accent)50%,var(--hairline));background:linear-gradient(#ffffff0d 0%,#ffffff04 100%),#080a168c;border-radius:clamp(.6rem,1.4vmin,1.2rem);flex-direction:column;gap:clamp(.3rem,1.2cqw,1rem);min-block-size:0;min-inline-size:0;padding:clamp(.85rem,4.5cqw,2.2rem);transition:--accent 1.1s}.card-glow{position:absolute;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -20%,var(--accent),transparent 60%);opacity:.16;inset:0}.card>:not(.card-glow){position:relative;z-index:1}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6em;min-inline-size:0}.card-label{display:inline-flex;letter-spacing:.01em;align-items:baseline;gap:.5em;min-inline-size:0;font-size:clamp(.8rem,4cqw,1.4rem);font-weight:560}.card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-pip{background:var(--accent);box-shadow:0 0 .6em var(--accent);border-radius:50%;flex:none;align-self: center;block-size:.5em;inline-size:.5em}.card-offset{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-dim);font-variant-numeric:tabular-nums;flex:none;font-size:clamp(.6rem,2.6cqw,.85rem)}.card-clock{display:flex;text-shadow:0 .012em .06em #00000059;justify-content:flex-start;align-items: flex-start;margin-block-start:auto;margin-block-end:auto;padding-block-start:clamp(.2rem,1.5cqw,.6rem);padding-block-end:clamp(.2rem,1.5cqw,.6rem);line-height:.86}.card-time{font-family:var(--font-display);font-variation-settings:"opsz" 144,"wght" 340;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:-.02em;white-space:nowrap;font-size:clamp(1.5rem,min(24cqw,40cqh),9rem)}.card-period{font-family:var(--font-meta);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);margin-block-start:.5em;margin-inline-start:.4em;font-size:clamp(.65rem,5cqw,1.7rem);font-weight:500}.card-period:empty{margin-inline-start:0}.card-clock.period-first .card-period{order:-1;margin-inline-start:0;margin-inline-end:.4em}.card-date{font-family:var(--font-display);font-variation-settings:"opsz" 30,"wght" 440;letter-spacing:-.005em;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.78rem,3.6cqw,1.3rem)}.card[data-period=dawn]{--accent:#f3a97c}.card[data-period=day]{--accent:#f6c455}.card[data-period=dusk]{--accent:#e9896b}.card[data-period=night]{--accent:#9aa6f2}.anim{opacity:0}.playing .anim{animation:rise .9s var(--d,0s)cubic-bezier(.2,.75,.25,1)both}@keyframes rise{0%{opacity:0;transform:translateY(.5em);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@media (max-height:500px),(max-width:540px){.masthead-meta,.brand-by,.brand-url{display:none}}@media (prefers-reduced-motion:reduce){.card{transition:none}.anim{opacity:1}.playing .anim,.ambient{animation:none}}