:root{--bg-main: #1f2933;--dial-background: #d0d1d4;--points-4-color: #38bdf8;--points-3-color: #fb923c;--points-2-color: #fde047;--text-primary: #e5e7eb;--text-muted: #202225;--marker-color: #bb1818;--dial-size: 60vw}body{margin:0;min-height:100vh;background:var(--bg-main);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-user-select:none;user-select:none;overflow:hidden}.topLabel-wrapper{position:absolute;top:10%;width:100%;color:#fff;text-align:center}#points{font-size:calc(1vw + 1rem)}.dial-container{position:absolute;width:var(--dial-size);left:50%;top:40%;transform:translate(-50%,-40%);aspect-ratio:1/1}.dial-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:50%;overflow:hidden}.dial{width:var(--dial-size);height:var(--dial-size);border-radius:50%;background:var(--dial-background);transform-origin:center;transform:rotate(0);cursor:grabbing;z-index:1;overflow:visible}.hide{position:absolute;width:var(--dial-size);height:var(--dial-size);border-radius:50%;background:linear-gradient(to bottom,#ffffff08,#0000000d),repeating-conic-gradient(from -90deg,#1e3a8a 0deg 2deg,#1f40b0 2deg 4deg);clip-path:inset(50% 0 0 0);transform-origin:50% 50%;transform:rotate(0);z-index:5;pointer-events:none;overflow:visible}.marker{position:absolute;left:50%;top:10%;width:5px;height:90%;border-radius:25%;background-color:var(--marker-color);transform-origin:50% 100%;transform:translate(-50%) rotate(0);cursor:grab;z-index:10}.marker:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);width:3vw;height:3vw;background-color:var(--marker-color);border-radius:50%;box-shadow:0 2px 6px #00000080;z-index:11}.segment{position:absolute;width:100%;height:100%;border-radius:50%;backface-visibility:hidden;text-align:center;color:var(--text-muted)}.label{font-size:40px;font-weight:700}.options{display:flex;justify-content:space-between;align-items:center;position:absolute;width:60vw;height:5vw;top:75%;left:50%;transform:translate(-50%);font-size:2vw;color:var(--text-primary)}#leftOption,#rightOption{max-width:15vw}#rightOption{text-align:right}#question{position:absolute;left:50%;transform:translate(-50%);width:10vw;height:4vw;font-size:1.5vw;display:flex;justify-content:center;align-items:center;text-align:center;padding:0;border:none;cursor:pointer}.difficulty-container{position:absolute;margin-top:10px;margin-left:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-user-select:none;user-select:none;z-index:15}#difficultyLabel{font-size:1.2rem;font-weight:600;color:var(--text-primary)}#difficultyName{font-size:1rem;color:var(--points-4-color);font-weight:700}#difficultySlider{-webkit-appearance:none;appearance:none;width:180px;height:6px;background:var(--dial-background);border-radius:3px;outline:none;cursor:pointer;margin-top:.3rem}#difficultySlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--points-4-color);box-shadow:0 2px 6px #0006;cursor:grab;border:2px solid var(--text-primary);transition:background .2s ease}#difficultySlider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--points-4-color);cursor:grab;border:2px solid var(--text-primary);box-shadow:0 2px 6px #0006;transition:background .2s ease}#customDifficulty{width:60px;padding:.2rem .4rem;font-size:1rem;border-radius:999px;border:1px solid var(--dial-background);text-align:center;background-color:var(--bg-main);color:var(--text-primary);box-shadow:inset 0 2px 4px #0000004d;margin-top:.2rem;-moz-appearance:textfield;appearance:textfield}#newGame{width:11vw;height:4vw;font-size:1.2vw}#customDifficulty:focus{outline:none;border:1px solid var(--points-4-color);box-shadow:0 0 4px var(--points-4-color)}#customDifficulty::-webkit-inner-spin-button,#customDifficulty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.customButton{background:linear-gradient(180deg,#22c55e,#16a34a);border:none;border-radius:999px;padding:.8em 1.8em;font-size:1.1rem;font-weight:700;color:#052e16;cursor:pointer;box-shadow:0 8px 20px #22c55e66,inset 0 -2px #00000026;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.customButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #22c55e8c,inset 0 -2px #0003}.customButton:active:not(:disabled){transform:translateY(1px);box-shadow:0 4px 10px #22c55e4d,inset 0 2px 4px #0000004d}.customButton:disabled{background:linear-gradient(180deg,#64748b,#475569);color:#e2e8f0;cursor:not-allowed;box-shadow:none;opacity:.7}