.feedback-controls{isolation:isolate;flex-wrap:wrap;align-items:center;gap:6px 8px;width:max-content;max-width:100%;display:flex;position:relative}.feedback-controls.is-volume-open{z-index:10}.feedback-buttons{flex:none;align-items:center;gap:9px;display:flex;position:relative}.phone-shell:has(>.site-feedback-controls,>.feed-intro):not(:has(.star-candy-play)){display:flow-root;overflow:clip}.roulette-page .site-feedback-controls,.ladder-page .site-feedback-controls{justify-content:flex-start;padding:7px 20px 13px;display:flex}.feedback-controls .feedback-haptic-status{box-sizing:border-box;color:#f7f7f9;text-align:center;word-break:keep-all;overflow-wrap:anywhere;background:#202026;border:1px solid #606570;border-radius:10px;flex:126px;max-width:min(236px,100%);padding:8px 10px;font-size:12px;font-weight:500;line-height:1.5;box-shadow:0 4px 14px #0005}.feedback-controls .feedback-toggle{color:#dfff00;width:46px;min-width:46px;height:46px;min-height:46px;box-shadow:none;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:grid;position:relative}.feedback-controls .feedback-toggle:before{content:"";z-index:0;box-sizing:border-box;pointer-events:none;background:#111;border:1.8px solid #dfff00;border-radius:50%;width:41.4px;height:41.4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2.7px #000}.feedback-controls .feedback-toggle.is-off{color:#e2e5ec}.feedback-controls .feedback-toggle.is-off:before{background:#303039;border-color:#9ca1af;box-shadow:0 2.7px #111}.feedback-controls .feedback-toggle svg{z-index:1;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:19.8px;height:19.8px;display:block;position:relative}.feedback-controls .feedback-toggle:hover{filter:brightness(1.1)}.feedback-controls .feedback-toggle:active{transform:translateY(1.8px)}.feedback-controls .feedback-toggle:active:before{box-shadow:0 .9px #000}.feedback-controls .feedback-toggle:focus-visible{outline:none}.feedback-controls .feedback-toggle:focus-visible:before{outline-offset:3.6px;outline:2.7px solid #ff4fa3}.feedback-volume{flex:none}.feedback-volume-button{color:#e2e5ec;min-width:44px;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;place-items:center;margin:0;padding:0;font-size:11px;font-weight:700;line-height:1.2;display:grid}.feedback-volume-button>span{white-space:nowrap;background:#202026;border:1px solid #777a87;border-radius:999px;padding:5px 7px}.feedback-volume-button:hover>span,.feedback-volume-button[aria-expanded=true]>span{color:#dfff00;border-color:#dfff00}.feedback-volume-button:focus-visible,.feedback-volume-panel input:focus-visible{outline-offset:2px;outline:2px solid #ff4fa3}.feedback-volume-panel{z-index:6;color:#f7f7f9;background:#202026;border:1px solid #606570;border-radius:12px;gap:8px;width:min(236px,100vw - 44px);padding:12px 14px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 4px 14px #0005}.feedback-volume-panel[hidden]{display:none}.feedback-volume-row{text-align:left;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;font-size:12px;font-weight:650;line-height:1.4;display:grid}.feedback-volume-percent{color:#dfff00;font-variant-numeric:tabular-nums}.feedback-volume-row input{accent-color:#dfff00;cursor:pointer;grid-column:1/-1;width:100%;min-height:32px;margin:0;display:block}.sr-page-actions .feedback-buttons{gap:5px}.sticky-race-page .sr-page-actions .feedback-controls{flex-wrap:wrap}.sticky-race-page .sr-page-header:has(.feedback-haptic-status){align-items:flex-start;height:auto}.sticky-race-page .sr-page-actions:has(.feedback-haptic-status){flex-wrap:nowrap;align-items:flex-start;min-width:0}.sr-page-actions .feedback-volume-panel,.fp-header-right .feedback-volume-panel{left:auto;right:0}.fp-header-right .feedback-controls .feedback-haptic-status{z-index:5;width:min(236px,100vw - 44px);max-width:none;position:absolute;top:calc(100% + 8px);right:0}.intro-feedback-controls .feedback-volume-panel{top:auto;bottom:calc(100% + 8px)}.feed-intro:has(.is-volume-open)>.scroll-hint{visibility:hidden}.feed-intro .intro-feedback-controls .feedback-controls .feedback-haptic-status{z-index:5;width:min(236px,calc(min(100vw,430px) - 100% - var(--intro-feedback-inset) * 2 - 8px));max-width:none;position:absolute;top:50%;bottom:auto;left:calc(100% + 8px);transform:translateY(-50%)}@media (max-width:600px){.fp-header-right .feedback-buttons{gap:0}}@media (max-width:400px){.feedback-buttons{gap:4px}.phone-shell>.site-feedback-controls.game-toolbar:has(.feedback-volume-button){flex-wrap:wrap;gap:6px}.sticky-race-page .sr-page-header:has(.feedback-volume-button){flex-wrap:wrap;row-gap:4px;height:auto}.sticky-race-page .sr-page-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.sr-page-actions .feedback-volume-panel{left:0;right:auto}}.phone-shell>.site-feedback-controls.game-toolbar:has(.feedback-haptic-status){flex-wrap:nowrap;align-items:flex-start}.game-toolbar:has(.feedback-haptic-status)>.game-back{margin-block-start:4px}@media (max-width:375px){.feed-intro>.scroll-hint.intro-status{bottom:76px}}@media (max-width:374px){.feed-intro:has(.feedback-haptic-status)>.intro-feedback-controls{margin-top:34px;position:relative;bottom:auto;left:auto}.feed-intro .intro-feedback-controls .feedback-controls .feedback-haptic-status{flex-basis:100%;width:auto;max-width:min(236px,100%);position:static;transform:none}}@media (max-width:359px){.fp-header-right:has(.feedback-volume-button){flex-wrap:wrap;justify-content:flex-end;gap:4px 8px}}@media (prefers-reduced-motion:reduce){.feedback-controls .feedback-toggle:active{transform:none}}