@font-face{font-family:Menu;src:url(assets/menu.ttf)}
*{box-sizing:border-box}html,body{margin:0;background:#100d14;color:#f7f4ef;font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer;border:0;background:none}a{color:inherit;cursor:pointer;text-decoration:none}#scene{position:relative;min-height:100svh;height:56.28vw;overflow:hidden;isolation:isolate}.backdrop{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}#scene:after{content:"";position:absolute;inset:70% 0 0;pointer-events:none;background:radial-gradient(ellipse at 60% 100%,#b65cff12,transparent 70%);animation:glow 7s ease-in-out infinite;z-index:-1}.ticker{position:absolute;top:32%;left:5%;font:clamp(12px,1.35vw,25px) monospace;letter-spacing:.25em;color:#dbaaff;margin:0}.menu{position:absolute;top:40.5%;left:5.8%;display:flex;flex-direction:column;align-items:flex-start;gap:.45vw}.menu button{position:relative;font-family:Menu,Impact,sans-serif;font-size:clamp(26px,3vw,64px);line-height:1.3;letter-spacing:.015em;text-align:left;padding:0 .3em;transition:color .15s,text-shadow .15s}.menu button.selected{color:#d49aff;text-shadow:0 0 16px #b359ed66}.menu button.selected:before{content:"";position:absolute;left:-.62em;top:.45em;border-left:.35em solid #d49aff;border-top:.23em solid transparent;border-bottom:.23em solid transparent}footer{position:absolute;bottom:3.5%;left:3.5%;right:3.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font:clamp(10px,1.05vw,18px) monospace;color:#c8c1c9;letter-spacing:.08em}#copy{max-width:60%;text-align:left;overflow-wrap:anywhere;padding:8px 0}#copy:disabled{cursor:default}.keys{white-space:nowrap}.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}button:focus-visible,a:focus-visible{outline:0;color:#dfafff;text-decoration:underline;text-underline-offset:7px}dialog{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:5vh 6vw;border:0;color:#fff;background:#110e18ef;backdrop-filter:blur(16px)}dialog::backdrop{background:#0008}dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3vh}h2{font-family:Menu;font-size:clamp(32px,4vw,65px);font-weight:normal;margin:0;color:#d6a1ff}#close{font-size:26px}small{font:12px monospace;color:#aaa}section:not([hidden]){display:flex;flex-direction:column;gap:20px}section>a,section>button{align-self:flex-start;font-family:Menu;font-size:clamp(25px,3vw,45px);padding:5px 0}section>a:hover,section>button:hover{color:#d6a1ff}.intro,#chart-status{font-size:16px;line-height:1.6;color:#bfb5cb}.small{font:14px Arial!important}#chart{width:100%;height:65vh;border:0}a[aria-disabled=true]{opacity:.45}.photo{display:flex;align-items:center;justify-content:space-between;height:68vh;gap:20px}.photo img{max-width:80%;height:100%;object-fit:contain}.photo button{font-size:50px;color:#d6a1ff}#count{text-align:center;font:14px monospace;color:#c6a6df}#settings span,section button span{margin-left:30px;color:#d6a1ff}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);font:14px monospace;color:#e2b9ff;pointer-events:none;text-shadow:0 2px 5px #000;background:#160e20e8;padding:10px 15px;z-index:5}#toast:empty{display:none}.still #scene:after{animation:none}@keyframes glow{50%{opacity:.2}}@media(max-aspect-ratio:4/3){#scene{height:100svh;min-height:700px}.backdrop{object-position:25% center}.ticker{top:32%}.menu{top:42%;left:8%}.menu button{font-size:36px}.keys{display:none}footer #copy{max-width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}