.solitaire-pause-overlay{position:absolute;inset:0;z-index:18;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 110px) 24px calc(env(safe-area-inset-bottom) + 120px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;background:radial-gradient(circle at 50% 48%,rgba(7,22,19,.10),rgba(2,10,8,.02) 40%,transparent 64%)}
.solitaire-pause-overlay.visible{opacity:1;visibility:visible}
.solitaire-pause-panel{position:relative;width:min(92%,390px);display:grid;justify-items:center;gap:8px;padding:23px 22px 20px;border-top:1px solid rgba(241,213,138,.26);border-bottom:1px solid rgba(101,231,255,.22);background:linear-gradient(90deg,transparent,rgba(2,20,16,.34) 16%,rgba(2,20,16,.46) 50%,rgba(2,20,16,.34) 84%,transparent);text-align:center;filter:drop-shadow(0 13px 30px rgba(0,0,0,.18))}
.solitaire-pause-panel::before,.solitaire-pause-panel::after{content:"";position:absolute;left:50%;width:44%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(101,231,255,.65),transparent);box-shadow:0 0 12px rgba(101,231,255,.28)}
.solitaire-pause-panel::before{top:-1px}.solitaire-pause-panel::after{bottom:-1px;background:linear-gradient(90deg,transparent,rgba(241,213,138,.7),transparent);box-shadow:0 0 12px rgba(241,213,138,.25)}
.solitaire-pause-kicker{color:rgba(156,199,183,.72);font:850 clamp(7px,1.9vw,9px)/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.22em}
.solitaire-pause-title{color:rgba(255,253,244,.78);font:950 clamp(26px,8vw,44px)/.95 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.07em;text-shadow:0 0 10px rgba(255,255,255,.08),0 0 24px rgba(101,231,255,.16)}
.solitaire-pause-resume{pointer-events:auto;display:grid;place-items:center;width:104px;height:70px;margin-top:3px;border:1px solid rgba(241,213,138,.28);border-radius:18px;color:rgba(255,244,207,.90);background:rgba(4,30,24,.30);box-shadow:inset 0 0 24px rgba(255,255,255,.025),0 0 24px rgba(101,231,255,.06);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.solitaire-pause-resume span{display:block;transform:translateY(-2px);font:950 35px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.12em;text-shadow:0 0 16px rgba(241,213,138,.25)}
.solitaire-pause-resume:focus-visible{outline:2px solid #65e7ff;outline-offset:4px;box-shadow:0 0 22px rgba(101,231,255,.25)}
.solitaire-pause-resume:active{transform:scale(.95);background:rgba(241,213,138,.10);border-color:rgba(241,213,138,.55)}
@media(max-height:650px){.solitaire-pause-overlay{padding-top:calc(env(safe-area-inset-top) + 78px);padding-bottom:calc(env(safe-area-inset-bottom) + 98px)}.solitaire-pause-panel{padding:17px 18px 15px}.solitaire-pause-resume{height:58px;width:92px}.solitaire-pause-resume span{font-size:30px}}
@media(prefers-reduced-motion:reduce){.solitaire-pause-overlay{transition:none}.solitaire-pause-resume{transition:none}}