html,body{color:#e9e6df;background:#0b0d0a;height:100%;margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#title{pointer-events:none;text-shadow:0 1px 6px #000a;position:fixed;top:16px;left:20px}#title h1{letter-spacing:.08em;margin:0;font-size:26px;font-weight:300}#title p{opacity:.75;letter-spacing:.04em;margin:2px 0 0;font-size:13px}#title #hint{opacity:.5;margin-top:6px;font-size:12px;transition:opacity 1.5s}#title #hint.gone{opacity:0}#phase{pointer-events:none;text-shadow:0 1px 6px #000a;text-align:right;max-width:340px;position:fixed;top:18px;right:22px}#phase b{letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-size:13px;font-weight:400;display:block}#phase span{opacity:.6;margin-top:4px;font-size:13px;animation:1.2s fadein;display:block}@keyframes fadein{0%{opacity:0}to{opacity:.6}}#bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background:#10120e8c;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:8px;width:min(760px,100vw - 32px);padding:8px 10px;display:flex;position:fixed;transform:translate(-50%)}#bar button,#bar select{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;padding:6px 10px;font-size:13px}#bar button:hover,#bar select:hover{background:#ffffff29}#bar select option{background:#1b1d19}#play{width:38px}#time{accent-color:#d9a5c4;flex:1;min-width:60px}#loading{color:#cfc9bd;letter-spacing:.12em;z-index:5;background:#0b0d0a;place-items:center;font-size:14px;transition:opacity .8s;display:grid;position:fixed;inset:0}#loading.gone{opacity:0;pointer-events:none}#stats{opacity:.5;pointer-events:none;white-space:pre;font:11px monospace;position:fixed;bottom:76px;left:20px}@media (width<=640px){#bar{flex-wrap:wrap;gap:6px}#time{flex-basis:100%;order:-1}#seed{flex:1}#photo{display:none}#title h1{font-size:20px}#stats{display:none}#phase{text-align:left;max-width:none;top:96px;left:20px;right:auto}#phase span{font-size:12px}}