/* PHASE10_SKIP_ALARM_V82 – fairytale curse styling for the receiving player's skip effect. */ #gameScreen > .mp-skip-screen-v81 { position: fixed !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 100% !important; z-index: 2147483000 !important; display: grid !important; place-items: center !important; isolation: isolate !important; overflow: hidden !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; -webkit-user-select: none; user-select: none; touch-action: none; background: radial-gradient(circle at 50% 38%, rgba(255,115,135,.16) 0%, rgba(255,115,135,0) 18%), radial-gradient(circle at 14% 20%, rgba(254,218,132,.14) 0%, rgba(254,218,132,0) 12%), radial-gradient(circle at 85% 18%, rgba(254,218,132,.12) 0%, rgba(254,218,132,0) 11%), radial-gradient(circle at 50% 50%, rgba(136, 17, 37, .28) 0%, rgba(87, 7, 25, .55) 34%, rgba(32, 2, 13, .88) 72%, rgba(8, 2, 5, .96) 100%) !important; backdrop-filter: blur(2px) saturate(1.05); } #gameScreen > .mp-skip-screen-v81::before, #gameScreen > .mp-skip-screen-v81::after { content: ''; position: absolute; inset: 0; pointer-events: none; } #gameScreen > .mp-skip-screen-v81::before { inset: clamp(10px, 1.2vw, 20px); border-radius: clamp(18px, 2.6vw, 38px); border: 2px solid rgba(250, 210, 120, .78); box-shadow: inset 0 0 0 1px rgba(255, 245, 214, .22), inset 0 0 38px rgba(255, 89, 110, .16), 0 0 32px rgba(255, 24, 57, .34), 0 0 0 6px rgba(77, 14, 26, .24); background: radial-gradient(circle at 12% 14%, rgba(255, 238, 207, .12) 0 16px, transparent 17px), radial-gradient(circle at 88% 14%, rgba(255, 238, 207, .11) 0 16px, transparent 17px), radial-gradient(circle at 12% 86%, rgba(255, 238, 207, .11) 0 16px, transparent 17px), radial-gradient(circle at 88% 86%, rgba(255, 238, 207, .11) 0 16px, transparent 17px); animation: mp-v82-frame-glow 1.6s ease-in-out infinite; } #gameScreen > .mp-skip-screen-v81::after { inset: 4.8% 6%; border-radius: 24px; background: radial-gradient(circle at center, rgba(255, 53, 88, .18) 0%, rgba(255, 53, 88, 0) 27%), repeating-radial-gradient(circle at center, rgba(255,227,175,.07) 0 2px, transparent 2px 20px); opacity: .66; } #gameScreen > .mp-skip-screen-v81 .mp-skip-cross-v81 { position: absolute; inset: 4%; width: 92%; height: 92%; display: block; overflow: visible; filter: drop-shadow(0 0 18px rgba(255, 203, 140, .28)) drop-shadow(0 0 34px rgba(255, 36, 71, .78)) drop-shadow(0 0 64px rgba(219, 10, 49, .48)); animation: mp-v82-cross-impact .6s cubic-bezier(.16,.95,.3,1) both, mp-v82-cross-breathe 1.5s ease-in-out .6s infinite; } #gameScreen > .mp-skip-screen-v81 .mp-skip-cross-v81 line { stroke: #d10d2f; stroke-width: 7.5; stroke-linecap: round; } #gameScreen > .mp-skip-screen-v81 .mp-skip-cross-v81 line.mp-skip-cross-core-v81 { stroke: #ffd7b8; stroke-width: 2.1; opacity: .9; } #gameScreen > .mp-skip-screen-v81 .mp-skip-bigtext-v81 { position: relative; z-index: 2; width: min(80vw, 1200px); max-width: 80%; margin: 0; padding: clamp(12px, 1vw, 18px) clamp(18px, 2.2vw, 34px); text-align: center; color: #ffe9bf; font-family: 'Cinzel', 'Trajan Pro', 'Georgia', 'Times New Roman', serif; font-size: clamp(34px, 9.8vw, 158px); font-weight: 900; line-height: .98; letter-spacing: .055em; white-space: nowrap; text-shadow: 0 2px 0 rgba(63, 7, 18, .85), 0 0 15px rgba(255, 72, 95, .60), 0 0 30px rgba(255, 28, 59, .52); -webkit-text-stroke: min(.26vw, 2.5px) rgba(110, 8, 26, .9); border-radius: 999px; border: 1px solid rgba(246, 214, 143, .46); background: linear-gradient(180deg, rgba(112, 12, 27, .82) 0%, rgba(55, 5, 16, .84) 100%), radial-gradient(circle at top, rgba(255,244,223,.15) 0%, transparent 40%); box-shadow: inset 0 1px 0 rgba(255,248,230,.15), inset 0 0 24px rgba(255, 42, 67, .20), 0 10px 34px rgba(0,0,0,.36); transform-origin: center; animation: mp-v82-text-enter .7s cubic-bezier(.15,1.1,.3,1) both; } #gameScreen > .mp-skip-screen-v81 .mp-skip-bigtext-v81::before, #gameScreen > .mp-skip-screen-v81 .mp-skip-bigtext-v81::after { content: '✦'; position: absolute; top: 50%; translate: 0 -50%; font-size: .36em; color: #ffdba1; text-shadow: 0 0 12px rgba(255, 193, 94, .45); opacity: .95; } #gameScreen > .mp-skip-screen-v81 .mp-skip-bigtext-v81::before { left: .7em; } #gameScreen > .mp-skip-screen-v81 .mp-skip-bigtext-v81::after { right: .7em; } #gameScreen > .mp-skip-screen-v81[data-stage='cross'] .mp-skip-bigtext-v81 { display: none !important; } #gameScreen > .mp-skip-screen-v81[data-stage='text'] .mp-skip-cross-v81 { display: none !important; } #gameScreen > .mp-skip-screen-v81[data-stage='text']::after { opacity: .36; } #gameScreen > .mp-skip-screen-v81[data-stage='text']::before { animation-duration: 2.4s; } #gameScreen.mp-skip-shake-v81 { animation: mp-v82-screen-shake .55s ease-out 1 !important; } @keyframes mp-v82-screen-shake { 0%,100% { translate: 0 0; } 12% { translate: -6px 2px; } 24% { translate: 7px -4px; } 36% { translate: -7px 3px; } 48% { translate: 5px 1px; } 60% { translate: -4px -2px; } 74% { translate: 3px 1px; } 88% { translate: -1px 0; } } @keyframes mp-v82-cross-impact { from { opacity: 0; scale: .52; rotate: -4deg; } 60% { opacity: 1; scale: 1.08; rotate: .75deg; } to { opacity: 1; scale: 1; rotate: 0deg; } } @keyframes mp-v82-cross-breathe { 50% { opacity: .82; scale: 1.035; } } @keyframes mp-v82-frame-glow { 50% { border-color: rgba(255, 228, 161, .92); box-shadow: inset 0 0 0 1px rgba(255, 245, 214, .30), inset 0 0 52px rgba(255, 89, 110, .22), 0 0 40px rgba(255, 24, 57, .42), 0 0 0 6px rgba(77, 14, 26, .24); } } @keyframes mp-v82-text-enter { from { opacity: 0; scale: .76; translate: 0 10px; } to { opacity: 1; scale: 1; translate: 0 0; } } @media (max-width: 780px) { #gameScreen > .mp-skip-screen-v81 .mp-skip-bigtext-v81 { width: min(88vw, 900px); max-width: 88%; font-size: clamp(28px, 11vw, 92px); letter-spacing: .035em; white-space: normal; line-height: 1.02; padding-inline: 14px; } } @media (prefers-reduced-motion: reduce) { #gameScreen.mp-skip-shake-v81, #gameScreen > .mp-skip-screen-v81 *, #gameScreen > .mp-skip-screen-v81::before, #gameScreen > .mp-skip-screen-v81::after { animation: none !important; } } body.reduce-motion #gameScreen.mp-skip-shake-v81, body.no-animations #gameScreen.mp-skip-shake-v81, body.reduce-motion #gameScreen > .mp-skip-screen-v81 *, body.no-animations #gameScreen > .mp-skip-screen-v81 * { animation: none !important; } /* PHASE10_SKIP_ALARM_V82_END */