:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa;overflow-x:hidden}.game{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;user-select:none;-webkit-user-select:none}.title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.03em;color:#e2e8f0}.subtitle{margin:0;font-size:.95rem;color:#ffffff80}.dial-container{position:relative;display:flex;align-items:center;justify-content:center;margin:1rem 0}.glow-ring{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;pointer-events:none;transition:opacity .15s ease,box-shadow .15s ease}.dial{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2a2a2e,#18181b 60%,#111113);border:3px solid #333;position:relative;cursor:grab;touch-action:none;transition:border-color .2s ease}.dial:hover{border-color:#4b5563}.dial.dragging{cursor:grabbing;border-color:#4ade80}.tick{position:absolute;top:6px;left:50%;width:2px;height:14px;background:#555;transform-origin:bottom center;border-radius:1px;margin-left:-1px}.tick.major{height:22px;width:3px;background:#888;margin-left:-1.5px}.tick-solved{background:#4ade80!important;box-shadow:0 0 6px #4ade80}.notch{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:24px;background:#4ade80;border-radius:4px 4px 2px 2px;box-shadow:0 0 10px #4ade8080}.center-cap{position:absolute;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#333,#1a1a1a);border:2px solid #444;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.center-number{font-size:1.5rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#e2e8f0}.center-icon{font-size:1.8rem;color:#4ade80}.number-ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.number-label{position:absolute;font-size:.75rem;font-weight:600;color:#fff6;transform:translate(-50%,-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hint{font-size:1.1rem;font-weight:600;letter-spacing:.02em;min-height:1.6rem;transition:color .2s ease}.attempts{font-size:.8rem;color:#ffffff4d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.solved-banner{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.solved-icon{font-size:3rem}.solved-text{font-size:1.5rem;font-weight:700;color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.4)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.reset-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;padding:.6rem 1.5rem;border-radius:.5rem;font-size:.9rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.reset-btn:hover{background:#ffffff14;border-color:#ffffff59}.instructions{font-size:.8rem;color:#ffffff40;text-align:center;max-width:280px}