:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#000;color:#e8e6e3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.idle{background:radial-gradient(ellipse at center,#0a0a0c,#000 70%);gap:2.5rem}.idle-title{font-size:1.05rem;font-weight:400;letter-spacing:.35em;text-transform:uppercase;color:#6b6b70}.start-btn{width:168px;height:168px;border-radius:50%;border:1px solid rgba(232,230,227,.22);background:radial-gradient(circle at 38% 32%,#e8e6e329,#e8e6e30a 55%,#e8e6e300);color:#d8d6d3;font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .4s ease,border-color .4s ease}.start-btn:hover{transform:scale(1.04);border-color:#e8e6e366}.start-btn:active{transform:scale(.98)}.idle-hint{font-size:.78rem;letter-spacing:.05em;color:#4a4a4f}.running{background:#000}.drift-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sphere{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#cdd2da,#8a9099 32%,#3c4047,#16181c);will-change:transform}.layer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity 1.5s linear}.ended{background:#000;pointer-events:none}