/* Rabbit-only corner device. Decorative circle/ripples never receive input. */
html body #rabbitToggleBtn { display:none !important; }
html body.app-view-table #rabbitToggleBtn[data-rabbit-eligible="true"] {
    --rabbit-accent:#64ecf3;
    --rabbit-body:rgba(2,17,24,.60);
    --rabbit-radius:90px;
    display:block !important;
    position:fixed !important;
    left:0 !important; bottom:0 !important; top:auto !important; right:auto !important;
    width:38px !important; min-width:38px !important; max-width:38px !important;
    height:64px !important; min-height:64px !important; max-height:64px !important;
    margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
    background:none !important; box-shadow:none !important; clip-path:none !important;
    color:var(--rabbit-accent) !important; opacity:1 !important; filter:none !important;
    font:900 9px/1.2 Arial,sans-serif !important; letter-spacing:.04em !important;
    text-shadow:0 0 7px color-mix(in srgb,var(--rabbit-accent) 38%,transparent) !important;
    overflow:visible !important; isolation:isolate !important; z-index:110 !important;
    pointer-events:none !important; touch-action:manipulation !important;
    animation:rabbit-device-enter 280ms ease-out both;
    transition:color 160ms ease !important;
}
html body.app-view-table #rabbitToggleBtn.active[data-rabbit-eligible="true"] {
    --rabbit-accent:#ff768a; --rabbit-body:rgba(30,5,14,.60);
}
html body.app-view-table #rabbitToggleBtn::before { display:none !important; }
html body.app-view-table #rabbitToggleBtn::after {
    content:"" !important; position:absolute !important;
    inset:auto !important; left:-100px !important; bottom:-100px !important;
    width:180px !important; height:180px !important; border-radius:50% !important;
    border:2px solid var(--rabbit-accent) !important; box-sizing:border-box !important;
    clip-path:none !important; background:var(--rabbit-body) !important;
    box-shadow:0 0 12px color-mix(in srgb,var(--rabbit-accent) 30%,transparent),inset 0 0 12px color-mix(in srgb,var(--rabbit-accent) 16%,transparent) !important;
    z-index:-1 !important; pointer-events:none !important;
}
#rabbitToggleBtn .rabbit-device-hit {
    position:absolute; inset:0; pointer-events:auto;
    clip-path:circle(var(--rabbit-radius) at -10px 74px);
}
#rabbitToggleBtn:disabled .rabbit-device-hit { pointer-events:none; }
#rabbitToggleBtn .rabbit-device-label {
    position:absolute; left:2px; bottom:17px; width:40px;
    display:flex; flex-direction:column; align-items:center; gap:1px;
    pointer-events:none;
}
html body.app-view-table #rabbitToggleBtn .rabbit-toggle-icon {
    width:14px; height:14px; margin-bottom:1px; opacity:.9; transform:none;
}
#rabbitToggleBtn .rabbit-device-state { font-size:11px; letter-spacing:.07em; }
#rabbitToggleBtn > .rabbit-decision-wave {
    position:absolute; left:-100px; bottom:-100px; width:180px; height:180px;
    color:var(--rabbit-accent); pointer-events:none; z-index:-2;
}
#rabbitToggleBtn .rabbit-decision-wave::before,
#rabbitToggleBtn .rabbit-decision-wave::after {
    content:""; position:absolute; inset:0; border:1px solid currentColor;
    border-radius:50%; opacity:0; pointer-events:none;
    animation:rabbit-device-ripple 2200ms ease-out infinite;
}
#rabbitToggleBtn .rabbit-decision-wave::after { animation-delay:350ms; }
@keyframes rabbit-device-enter {
    from { transform:translate(-24px,24px); opacity:0; }
    to { transform:translate(0,0); opacity:1; }
}
@keyframes rabbit-device-ripple {
    0% { transform:scale(1); opacity:0; }
    8% { opacity:.42; }
    62%,100% { transform:scale(1.28); opacity:0; }
}
html body:is(.action-ui-overlay-open,.blind-level-peek-open,.ponder-table-transitioning,.ponder-table-intro-active,.ponder-table-ui-locked) #rabbitToggleBtn {
    display:none !important; pointer-events:none !important;
}
@media (prefers-reduced-motion:reduce) {
    html body.app-view-table #rabbitToggleBtn[data-rabbit-eligible="true"],
    #rabbitToggleBtn .rabbit-decision-wave::before,#rabbitToggleBtn .rabbit-decision-wave::after { animation:none; }
}
