:root{color-scheme:dark;--gold:#dfc59c;--ink:#eee9df}*{box-sizing:border-box}body{margin:0;background:#090f14;color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}header{position:absolute;top:28px;left:34px;right:34px;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:2px;pointer-events:none}header a{color:inherit;text-decoration:none;pointer-events:auto}i{color:var(--gold);padding:0 8px}#story{position:absolute;top:20%;left:5%;width:30%;max-width:380px;pointer-events:none;text-shadow:0 2px 22px #000}.eyebrow{font-size:9px;letter-spacing:2.5px;line-height:1.8;color:var(--gold)}h1{font:normal clamp(36px,4.4vw,76px)/1.03 Georgia,serif;letter-spacing:-2px;margin:25px 0}em{font-weight:normal;color:var(--gold)}.rule{width:42px;height:1px;background:var(--gold);margin:27px 0}#lore{font-size:14px;line-height:1.75;max-width:310px}#gift{font-size:12px;line-height:1.8;color:#aab7bb;max-width:280px;margin:18px 0 25px}button{font-family:inherit;color:inherit;border:1px solid #ffffff26;background:#111b20cc;padding:11px 15px;border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s;pointer-events:auto}button:hover,button:focus-visible{background:#314044;border-color:var(--gold);outline:none}button:disabled{opacity:.45;cursor:wait}#awaken{background:var(--gold);color:#172124;border:0;font-weight:bold;padding:14px 20px}#status{font-size:10px;color:#b8c6c4;line-height:1.5;min-height:24px}#guardians{position:absolute;bottom:116px;left:5%;right:5%;display:flex;gap:8px;justify-content:center}#guardians button{min-width:100px;background:#0c151be0;text-align:left;padding:11px 14px}#guardians b{display:block;font:19px Georgia;margin:5px 0}#guardians small{font-size:8px;letter-spacing:1.4px;color:#c4cfcf}#guardians button[aria-current=true]{border-color:var(--gold);background:#29383be8}#guardians button[data-awake=true] small{color:#a3e3be}footer{position:absolute;bottom:18px;left:3%;right:3%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}footer button{font-size:10px;padding:9px 11px}footer span{width:100%;text-align:center;font-size:8px;color:#829394;letter-spacing:2px}#ending{position:absolute;inset:17% 24% 25%;background:#0b1922dd;border:1px solid #ddc39555;text-align:center;padding:32px;backdrop-filter:blur(10px)}#ending[hidden]{display:none}h2{font:normal clamp(30px,4vw,62px)/1.1 Georgia;margin:20px 0}#ending p{font-size:13px;line-height:1.8;color:#ccd8d5}body.overview #story{opacity:.15}body.overview #story:hover{opacity:1}@media(max-width:700px){header{top:16px;left:18px;right:18px;font-size:7px;letter-spacing:1px}#story{top:11%;left:6%;width:52%}h1{font-size:35px;margin:15px 0;letter-spacing:-1px}.eyebrow{font-size:7px;letter-spacing:1.2px}.rule{margin:14px 0}#lore{font-size:11px;line-height:1.5}#gift{font-size:10px;max-width:170px;margin:12px 0}#awaken{font-size:11px;padding:12px}#guardians{bottom:143px;left:4%;right:4%;overflow:auto;justify-content:flex-start;padding-bottom:5px}#guardians button{min-width:84px;padding:8px 10px}#guardians b{font-size:16px}footer{bottom:12px;gap:8px;justify-content:center}footer button{font-size:9px;padding:8px}footer span{font-size:6px}#ending{inset:12% 5% 28%;padding:25px}}
#stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 48%,transparent 30%,#050b1244 100%),linear-gradient(90deg,#050b1255,transparent 43%)}