@font-face{font-family:GrimoireDisplay;src:url('assets/display.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--gold:#cdb27b;--text:#eee9dc;--muted:#b1ada5;--line:#cdb27b29}
*{box-sizing:border-box}html{min-width:280px;background:#080808}body{margin:0;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 50% 34%,#30303066,transparent 49%),radial-gradient(ellipse at 50% 110%,#20202055,transparent 65%),#080808}
body::before{content:'';position:fixed;inset:16px;border:1px solid var(--line);pointer-events:none}.page{min-height:100svh;display:flex;flex-direction:column;padding:0 60px}.header,.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.header{min-height:100px}.wordmark{color:var(--gold);letter-spacing:.3em;font-size:12px;font-weight:600}.header-note{font-size:9px;letter-spacing:.22em;color:var(--muted)}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 0 58px}.sigil{position:relative;isolation:isolate;width:292px;height:292px;display:grid;place-items:center;margin-bottom:34px}.sigil::before{content:'';position:absolute;inset:-32px;background:radial-gradient(circle,#b89a5420,transparent 65%);z-index:-1}.sigil img{width:250px;height:250px;object-fit:contain;filter:drop-shadow(0 12px 20px #0007)}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;z-index:-1}.orbit-outer{inset:-4px}.orbit-inner{inset:10px;border-style:dashed;border-color:#cdb27b16;transform:rotate(12deg)}.star{position:absolute;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 16px #d6b47155}.star-top{top:-7px;left:calc(50% - 3px)}.star-left{left:-7px;top:calc(50% - 3px);width:5px;height:5px}.star-right{right:-7px;top:calc(50% - 3px);width:5px;height:5px}.message{max-width:720px;width:100%;min-width:0}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px;line-height:1.6;letter-spacing:.24em;color:var(--gold);margin:0 0 13px}.status-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #cdb27b66;flex-shrink:0}h1{font:500 clamp(52px,6.5vw,88px)/1.08 GrimoireDisplay,Georgia,serif;letter-spacing:-.025em;margin:0 0 22px}.description{color:#c6c1b9;font:400 21px/1.65 GrimoireDisplay,Georgia,serif;margin:0}.ornament{display:flex;justify-content:center;align-items:center;gap:12px;margin:29px auto 23px}.ornament span{width:52px;height:1px;background:linear-gradient(90deg,transparent,#cdb27b70)}.ornament span:last-child{transform:rotate(180deg)}.ornament i{width:5px;height:5px;border:1px solid var(--gold);transform:rotate(45deg)}.return-note{color:var(--muted);font-size:11px;line-height:1.8;margin:0}.footer{min-height:74px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.footer span:first-child{letter-spacing:.08em}.footer span:last-child{font-size:8px;letter-spacing:.2em}
@media(max-width:600px){body::before{inset:9px}.page{padding:0 28px}.header{min-height:76px;justify-content:center}.wordmark{font-size:11px;letter-spacing:.3em}.header-note{display:none}.main{padding:30px 0 50px}.sigil{width:228px;height:228px;margin-bottom:38px}.sigil img{width:200px;height:200px}.eyebrow{font-size:8px;letter-spacing:.18em;gap:8px}h1{font-size:clamp(43px,11.5vw,64px);margin-bottom:20px}.description{font-size:21px;line-height:1.5}.return-note{max-width:245px;margin-inline:auto;font-size:10px}.footer{min-height:90px;flex-direction:column;justify-content:center;gap:10px;text-align:center}.footer span:last-child{font-size:7px;letter-spacing:.14em}}
@media(max-height:750px) and (min-width:601px){.header{min-height:75px}.main{padding:15px 0 30px}.sigil{width:215px;height:215px;margin-bottom:25px}.sigil img{width:185px;height:185px}h1{font-size:68px}.footer{min-height:60px}}

/* The desktop artwork is the application's static splash image. */
@media(min-width:601px){
  .sigil{width:min(440px,70vw);height:auto;aspect-ratio:2048/1847;margin-bottom:24px}
  .sigil picture{display:block;width:100%}
  .sigil img{display:block;width:100%;height:auto}
  .sigil .orbit,.sigil .star{display:none}
}
@media(max-width:600px){.sigil picture{display:block;width:200px}}
@media(max-height:750px) and (min-width:601px){.sigil{width:300px;height:auto;margin-bottom:20px}.sigil img{width:100%;height:auto}}