/* Mobile Countdown clue notifications + full-width answer layout. */
.clue-notification-host{position:fixed;z-index:120;top:max(10px,calc(env(safe-area-inset-top) + 8px));left:50%;width:min(720px,calc(100vw - 16px));transform:translateX(-50%);pointer-events:none}
.clue-notification-host .hints-area{height:auto!important;min-height:0!important;overflow:visible!important;display:block!important}
.clue-notification-host .hint-slot-empty{display:none!important}
.clue-notification-host .hint{position:relative;width:100%;height:auto!important;min-height:72px!important;margin:0;padding:12px 44px 12px 54px!important;display:flex!important;align-items:center;text-align:left!important;color:#111!important;background:#f6d84b!important;border:2px solid #111!important;border-radius:22px!important;box-shadow:0 18px 44px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.32);font-size:clamp(.88rem,3.8vw,1.02rem)!important;line-height:1.22!important;font-weight:900!important;overflow:visible!important;pointer-events:auto;touch-action:none;cursor:pointer;opacity:0;transform:translateY(-135%);transition:transform .34s cubic-bezier(.22,.9,.31,1.15),opacity .22s ease,background .2s ease,color .2s ease}
.clue-notification-host .hint::before{content:'💡';position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(0,0,0,.08);font-size:1rem}
.clue-notification-host .hint::after{content:'Swipe up or tap to dismiss';position:absolute;right:13px;top:8px;color:rgba(0,0,0,.56);font-size:.55rem;font-weight:900;letter-spacing:.02em}
.clue-notification-host .hint.clue-tip-1{background:#f6d84b!important;color:#111!important;border-color:#111!important}
.clue-notification-host .hint.clue-tip-2{background:#f39a3f!important;color:#111!important;border-color:#111!important}
.clue-notification-host .hint.clue-tip-3{background:#184f2e!important;color:#fff!important;border-color:#dff7e8!important}
.clue-notification-host .hint.clue-tip-3::before{background:rgba(255,255,255,.14)}
.clue-notification-host .hint.clue-tip-3::after{color:rgba(255,255,255,.68)}
.clue-notification-host .hint.clue-visible{opacity:1;transform:translateY(0)}
.clue-notification-host .hint.clue-dismissing{opacity:0;transform:translateY(-145%)}

/* The notification floats over the screen, so answers can use the reclaimed space. */
.play-app-body:has(#game:not(.hidden)) .answer-list{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:minmax(0,1fr);gap:clamp(5px,.75dvh,7px)!important}
.play-app-body:has(#game:not(.hidden)) .answer-choice{min-height:0!important;height:100%!important;padding:clamp(7px,1dvh,10px) 12px clamp(7px,1dvh,10px) clamp(46px,12vw,58px)!important;font-size:clamp(.78rem,min(4vw,1.85dvh),1.02rem)!important;border-radius:clamp(12px,1.8dvh,16px)!important}
.play-app-body:has(#game:not(.hidden)) .answer-choice::before{left:clamp(9px,2.4vw,12px)!important;width:clamp(28px,7.2vw,34px)!important;height:clamp(28px,7.2vw,34px)!important}

/* Answer reveal should be unmistakable. */
.play-app-body:has(#game:not(.hidden)) .answer-choice.correct{background:linear-gradient(180deg,#22c96b,#118447)!important;border:3px solid #75ffad!important;color:#fff!important;box-shadow:0 0 0 3px rgba(47,255,135,.18),0 0 28px rgba(35,232,114,.6),0 12px 28px rgba(0,0,0,.28)!important;transform:scale(1.015)}
.play-app-body:has(#game:not(.hidden)) .answer-choice.correct::before{background:#d8ffe7!important;color:#07552b!important;border-color:#fff!important}

@media(max-height:620px){.clue-notification-host .hint{min-height:60px!important;padding-top:9px!important;padding-bottom:9px!important;font-size:.8rem!important}.clue-notification-host .hint::after{display:none}.play-app-body:has(#game:not(.hidden)) .answer-list{gap:4px!important}.play-app-body:has(#game:not(.hidden)) .answer-choice{font-size:.72rem!important;padding-top:4px!important;padding-bottom:4px!important}}