:root { font-family: ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif; color: #fff4f8; background: #7c0027; }
* { box-sizing: border-box; }
body { min-width: 320px; min-height: 100svh; margin: 0; overflow-x: hidden; overflow-y: auto; background: radial-gradient(circle at 8% 27%, rgba(255,245,249,.92) 0 1px, transparent 2px), radial-gradient(circle at 93% 21%, rgba(255,245,249,.85) 0 1px, transparent 2px), radial-gradient(circle at 12% 61%, rgba(255,245,249,.78) 0 1px, transparent 2px), radial-gradient(circle at 87% 76%, rgba(255,245,249,.8) 0 1px, transparent 2px), radial-gradient(circle at 3% 91%, rgba(255,245,249,.66) 0 1px, transparent 2px), radial-gradient(ellipse at 16% 78%, rgba(255,119,169,.94) 0, transparent 28%), radial-gradient(ellipse at 86% 87%, rgba(255,74,139,.9) 0, transparent 30%), radial-gradient(ellipse at 48% 24%, #dc174d 0, #9b002f 52%, #57001b 100%); background-attachment: fixed; }
body::before, body::after { position: fixed; z-index: -1; color: #fff3f7; content: "✦"; font-size: clamp(2rem, 5vw, 4.1rem); opacity: .82; filter: drop-shadow(0 0 12px rgba(255,255,255,.72)); } body::before { top: 13%; left: 8%; } body::after { top: 47%; right: 7%; }
button { position: relative; min-height: 56px; overflow: hidden; border: 1px solid rgba(255,220,232,.68); border-radius: 22px; padding: 15px 24px; background: linear-gradient(160deg, #ff91b3 0%, #e7195c 16%, #a50032 48%, #d90049 73%, #68001e 100%); box-shadow: inset 1px 1px rgba(255,255,255,.48), inset 0 2px rgba(255,196,214,.28), inset 0 -7px rgba(76,0,22,.62), 0 7px 13px rgba(70,0,23,.3); color: #fff; cursor: pointer; font: 900 1.12rem/1 ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif; transition: transform .15s ease, filter .15s ease; } button::before { position: absolute; top: 2px; right: 9%; left: 9%; height: 28%; border-radius: 999px; background: linear-gradient(103deg, transparent 0 12%, rgba(255,244,248,.14) 24%, rgba(255,255,255,.54) 48%, rgba(255,226,237,.12) 65%, transparent 84%); content: ""; pointer-events: none; } button:hover:not(:disabled), button:focus-visible:not(:disabled) { outline: 0; filter: brightness(1.08); transform: translateY(-2px); } button:disabled { cursor: not-allowed; opacity: .55; }

.page-shell { display: flex; width: min(500px, calc(100vw - 32px)); min-height: 100svh; flex-direction: column; gap: 12px; margin: 0 auto; padding: 10px 0 28px; }
.hero { position: relative; flex: 0 0 86px; margin: 0; overflow: visible; text-align: center; text-shadow: 0 5px 20px rgba(67,0,20,.7); }.hero::before, .hero::after { position: absolute; color: #fff5f8; content: "✦"; font-size: 1.3rem; opacity: .86; filter: drop-shadow(0 0 8px rgba(255,255,255,.8)); }.hero::before { top: 10px; left: 7%; }.hero::after { top: 51px; right: 5%; font-size: .8rem; }.evil-logo { display: block; width: min(332px, 74%); height: 75px; margin: -4px auto -5px; object-fit: cover; object-position: top center; filter: drop-shadow(0 6px 14px rgba(83,0,25,.44)); }.hero > p { margin: 6px 0 0; color: #ffdbe7; font-size: .68rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }.hero > p span { display: inline-block; font-family: Georgia, serif; font-size: 1.08em; line-height: 1; transform: translateY(1px); }.connection-status { display: none; }

.card, .reload-note { position: relative; border: 1px solid rgba(255,222,235,.72); border-radius: 31px; background: linear-gradient(125deg, rgba(255,239,245,.60), rgba(255,159,194,.34)); box-shadow: inset 1px 1px rgba(255,255,255,.58), inset -1px -1px rgba(115,0,34,.12), 0 11px 0 rgba(126,0,35,.26), 0 22px 42px rgba(70,0,20,.27), 0 0 16px rgba(255,221,235,.3); backdrop-filter: blur(20px) saturate(150%); -webkit-backdrop-filter: blur(20px) saturate(150%); }.card::after, .reload-note::after { position: absolute; inset: -1px; border: 1px solid transparent; border-top-color: rgba(255,255,255,.88); border-right-color: rgba(255,255,255,.46); border-radius: inherit; content: ""; pointer-events: none; }.card { margin: 0; padding: 17px; }
.balance-card { flex: 0 0 auto; display: grid; grid-template-columns: 1fr auto; gap: 9px 18px; }.label { margin: 0 0 4px; color: #a10736; font-size: .68rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }.balance-card strong { display: block; color: #870023; font-size: 2.85rem; letter-spacing: -.08em; line-height: 1; text-shadow: 0 2px rgba(255,255,255,.4); }.taken { text-align: right; }.taken strong { color: #cf0042; }.muted { margin: 6px 0 0; color: #8f1740; font-size: .78rem; font-weight: 800; }
.actions { display: grid; grid-column: 1 / -1; grid-template-columns: 1fr 1fr 54px; gap: 9px; }.actions button { min-height: 48px; padding: 12px 15px; font-size: 1rem; }.actions #drop-one, #account-signed-in .logout-button, #copy-code { background: linear-gradient(160deg, #ff91b3 0%, #e7195c 16%, #a50032 48%, #d90049 73%, #68001e 100%); box-shadow: inset 1px 1px rgba(255,255,255,.48), inset 0 2px rgba(255,196,214,.28), inset 0 -7px rgba(76,0,22,.62), 0 7px 13px rgba(70,0,23,.3); }.actions #drop-one::before, .actions #drop-five::before, #copy-code::before { content: none; }.secondary { color: #b6003b; background: rgba(255,250,252,.74); box-shadow: inset 1px 1px #fff, inset 0 -5px rgba(183,0,55,.18), 0 5px 10px rgba(91,0,26,.16); outline: 2px solid rgba(183,0,55,.35); }.sound-button { position: relative; display: grid; min-width: 0; place-items: center; padding: 0 !important; color: #c60042; background: rgba(255,249,252,.72); box-shadow: inset 1px 1px #fff, inset 0 -5px rgba(183,0,55,.18), 0 5px 10px rgba(91,0,26,.16); font-size: 1.25rem !important; }.sound-button.is-off::after { position: absolute; width: 36px; height: 3px; border-radius: 3px; background: #b6003b; content: ""; transform: rotate(-45deg); }.reload-button { display: block; grid-column: 1 / -1; width: 100%; min-height: 48px !important; padding: 12px 15px !important; border: 2px dashed rgba(255,80,151,.92); background: rgba(255,250,252,.84); box-shadow: inset 1px 1px rgba(255,255,255,.9), inset 0 -4px rgba(183,0,55,.09), 0 4px 8px rgba(91,0,26,.09); color: #d91e61; font-size: 1rem !important; font-weight: 1000; letter-spacing: .01em; text-transform: none; }.reload-button::before { content: none; }

.board-card { display: flex; min-height: 0; flex: 0 0 auto; flex-direction: column; padding: 12px 12px 15px; overflow: hidden; }.board-title { display: none; }.board-playfield { position: relative; min-height: 335px; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }.pegs { position: absolute; z-index: 2; inset: 15% 7% 15%; }.spiral-peg { position: absolute; left: var(--x); top: var(--y); display: grid; width: 24px; height: 24px; place-items: center; color: #d30043; font-family: Georgia, serif; font-size: 1.35rem; font-weight: 900; line-height: 1; text-shadow: 0 1px rgba(255,255,255,.7), 0 2px 3px rgba(105,0,30,.26); transform: translate(-50%, -50%); }.spiral-peg::after { position: absolute; inset: -7px; border: 2px solid transparent; border-radius: 50%; content: ""; }.spiral-peg.is-hit { color: #ff1a69; filter: drop-shadow(0 0 8px #fff4f8); }.spiral-peg.is-hit::after { border-color: #fff3f7; animation: peg-hit .34s ease-out; }
.coin { position: absolute; z-index: 6; width: 23px; height: 23px; background: url("assets/evil-coin-transparent.png") center / contain no-repeat; filter: drop-shadow(0 3px 3px rgba(83,0,24,.45)); will-change: transform, opacity; }.coin--landed { animation: coin-land .42s cubic-bezier(.2,.9,.28,1.34); }.coin--burning { z-index: 4; animation: coin-burn .52s ease-in both; }
.board-message { position: absolute; z-index: 8; top: -.5%; right: 8%; left: 8%; display: grid; min-height: 9%; place-items: center; color: #8e002d; font-size: 1.25rem; font-weight: 1000; letter-spacing: -.04em; opacity: 0; pointer-events: none; text-align: center; text-shadow: 0 1px rgba(255,255,255,.8); transform: translateY(-7px) scale(.9); }.board-message.is-visible { animation: message-pop 3.25s ease both; }.all-banner { position: absolute; z-index: 9; top: 12%; right: 7%; left: 7%; padding: 10px; border: 1px solid rgba(255,172,193,.55); border-radius: 13px; background: linear-gradient(90deg, #730022, #b1003a, #730022); box-shadow: inset 0 1px rgba(255,255,255,.25), 0 7px 16px rgba(79,0,22,.32); color: #fff3f6; font-size: .84rem; font-weight: 1000; letter-spacing: .08em; text-align: center; }.all-banner.is-visible { animation: banner-in .55s cubic-bezier(.2,1.45,.4,1); }.celebration-piece { position: absolute; z-index: 10; top: 10%; left: var(--x); width: 7px; height: 14px; border-radius: 2px; background: #fff7f9; box-shadow: 0 0 9px #fff; animation: board-confetti 1.8s var(--delay) ease-out both; }.celebration-piece:nth-child(odd) { background: #ffd54d; }
.slots { display: grid; grid-template-columns: repeat(9, 1fr); gap: 5px; margin: 3px 1px 0; }.slots span { position: relative; display: grid; min-height: 54px; place-items: center; border: 1px solid rgba(255,228,239,.52); border-radius: 15px; color: #8a002b; font-size: .78rem; font-weight: 1000; text-shadow: 0 1px rgba(255,255,255,.45); box-shadow: inset 1px 1px rgba(255,255,255,.58), inset 0 -5px rgba(121,0,36,.2), 0 4px 8px rgba(101,0,31,.21); transform: translateZ(0); }.slots span::after { position: absolute; inset: -5px; border: 3px solid transparent; border-radius: inherit; content: ""; pointer-events: none; }.slots span.is-primed::after { border-color: rgba(255,249,252,.78); box-shadow: 0 0 8px 2px rgba(255,249,252,.38); animation: slot-prime .19s ease-out both; }.slots span.is-landed { z-index: 5; animation: slot-catch .58s cubic-bezier(.18,1.25,.38,1); }.slots span.is-landed::after { border-color: #fff8fa; box-shadow: 0 0 15px 4px rgba(255,250,252,.74); animation: slot-ring .58s ease-out; }.slots span.is-burning { z-index: 7; animation: slot-burn .7s ease-out both; }.coin-flame { position: absolute; z-index: 8; bottom: -7px; left: 50%; color: initial; font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: clamp(2.75rem, 6vw, 3.55rem); font-style: normal; line-height: 1; opacity: 0; pointer-events: none; text-shadow: 0 0 7px rgba(255,152,57,.82), 0 0 16px rgba(255,43,105,.52); transform: translateX(-50%) translateY(14px) scale(.2); will-change: transform, opacity; animation: coin-flame .72s cubic-bezier(.15,1.18,.32,1) both; }.coin-flame::before { position: absolute; top: 8%; left: 66%; color: #fff3b0; content: "✦"; font-family: Georgia, serif; font-size: .36em; opacity: 0; text-shadow: 0 0 7px #fff; animation: flame-spark .62s .08s ease-out both; }.coin-flame::after { position: absolute; inset: 20% 24% 8%; border-radius: 50%; background: rgba(255,96,149,.45); box-shadow: 0 0 14px 7px rgba(255,62,123,.34); content: ""; z-index: -1; }.slot-all { color: #fff !important; background: linear-gradient(#ed1559, #9b002e); }.slot-ten { color: #fff !important; background: linear-gradient(#ff629a, #d70c4d); }.slot-five { background: linear-gradient(#ffa3c4, #ef4f88); }.slot-two { background: linear-gradient(#ffc0d6, #f578a7); }.slot-one { background: linear-gradient(#ffe8f0, #ffc4d7); }

.disclosure-card { display: block; flex: 0 0 auto; padding: 0; overflow: hidden; }.reload-note { padding: 0; color: #842842; background: linear-gradient(125deg, rgba(255,239,245,.60), rgba(255,159,194,.34)); }.reload-note h2 { color: #840028; }.disclosure-card summary { display: flex; align-items: center; justify-content: space-between; padding: 19px 26px; cursor: pointer; list-style: none; }.disclosure-card summary::-webkit-details-marker { display: none; }.disclosure-card summary > span { color: #af003a; font-size: 1.55rem; transition: transform .2s ease; }.disclosure-card[open] summary { border-bottom: 1px solid rgba(171,0,52,.18); background: linear-gradient(90deg, rgba(255,255,255,.14), transparent); }.disclosure-card[open] summary > span { transform: rotate(180deg); }.disclosure-card h2 { margin: 0; color: #840028; font-size: 1.18rem; }.disclosure-card .latest-drops, .disclosure-card #latest-loads, .disclosure-card .empty-state, .disclosure-card .disclosure-content { margin: 0 30px 26px; }.latest-drops, #latest-loads { display: grid; gap: 10px; }.latest-drop { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 14px 17px; border: 1px solid rgba(255,235,242,.65); border-radius: 16px; background: linear-gradient(120deg, rgba(255,246,249,.44), rgba(255,163,196,.22)); box-shadow: inset 1px 1px rgba(255,255,255,.42), inset 0 -2px rgba(137,0,41,.1); color: #8b2648; }.latest-drop strong { color: #b50039; }.empty-state, .odds-note { color: #852842; }.odds-card .disclosure-content { font-size: .95rem; line-height: 1.4; }.odds-list { margin: 0 0 16px; }.odds-list div { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(229,87,139,.3); }.odds-list dd { margin: 0; color: #512039; font-weight: 1000; }.odds-note { margin: 16px 0 0; font-size: .78rem; line-height: 1.48; }.reload-note .disclosure-content { margin: 0 30px 27px; }.account-form { display: grid; gap: 13px; }.account-form input { width: 100%; border: 2px solid #f7b7d1; border-radius: 12px; padding: 13px; font: inherit; }.text-button { padding: 0; background: transparent; box-shadow: none; color: #9f1640; }.form-message { min-height: 1.4em; }#account-signed-in { display: grid; gap: 10px; }#account-signed-in .logout-button, #account-signed-in #test-load-button { width: 100%; min-height: 48px; padding: 12px 16px; border-radius: 17px; font-size: .88rem; }#account-signed-in .logout-button { color: #fff; }#account-signed-in #test-load-button { color: #a40035; background: rgba(255,248,251,.72); box-shadow: inset 1px 1px #fff, inset 0 -5px rgba(183,0,55,.18), 0 5px 10px rgba(91,0,26,.16); outline: 2px solid rgba(183,0,55,.3); }.logout-button::before, #test-load-button::before { content: none; }

.win-splash { position: fixed; z-index: 12; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(54,0,17,.7); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }.win-splash[hidden] { display: none; }.win-splash__card { position: relative; width: min(520px, 100%); max-height: calc(100vh - 35px); overflow: auto; padding: 34px; border: 1.5px solid rgba(255,224,235,.65); border-radius: 34px; background: linear-gradient(140deg, rgba(255,220,234,.82), rgba(241,87,143,.72)); box-shadow: inset 1px 1px rgba(255,255,255,.72), inset 0 -3px rgba(115,0,35,.18), 0 24px 70px rgba(41,0,13,.53); color: #4a2638; animation: splash-in .3s cubic-bezier(.2,1.4,.4,1); }.win-splash .eyebrow, .win-splash__coin { display: none; }.win-splash h2 { margin: 0; color: #770026; font-size: clamp(.95rem, 4.1vw, 1.7rem); letter-spacing: -.06em; white-space: nowrap; text-align: center; }.win-splash p { color: #6f2744; text-align: center; }.win-splash__card > button:not(.dialog-x) { width: 100%; margin-top: 16px; }.win-splash #close-splash { border: 2px dashed rgba(255,80,151,.92); background: rgba(255,250,252,.84); box-shadow: inset 1px 1px rgba(255,255,255,.9), inset 0 -4px rgba(183,0,55,.09), 0 4px 8px rgba(91,0,26,.09); color: #d91e61; }.win-splash #close-splash::before { content: none; }.splash-confetti { position: absolute; top: -16px; left: var(--x); width: 8px; height: 15px; border-radius: 2px; background: #ea2e71; animation: splash-confetti 2.5s var(--delay) ease-out both; }.splash-confetti:nth-child(odd) { background: #ffd64d; }.reload-card { padding: 38px; }.reload-card h2 { padding: 0 58px; font-size: clamp(1.55rem, 5.8vw, 2.65rem); white-space: normal; text-align: center; }.reload-card > p { margin: 18px 0 27px; font-size: 1.05rem; line-height: 1.45; text-align: center; }.dialog-x { position: absolute; top: 21px; right: 21px; display: grid; min-height: 38px; width: 38px; place-items: center; padding: 0; border: 1px solid rgba(190,0,60,.38); border-radius: 50%; background: rgba(255,248,251,.35); box-shadow: inset 1px 1px rgba(255,255,255,.55), 0 3px 8px rgba(86,0,27,.15); color: #bd0040; font-size: 2rem; font-weight: 500; line-height: 1; }.dialog-x::before { content: none; }.reload-steps { display: grid; gap: 20px; }.reload-step { display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: start; text-align: left; }.reload-step > b { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: linear-gradient(#ee165b, #b70039); color: #fff; font-size: 1.4rem; box-shadow: inset 1px 1px rgba(255,255,255,.5), inset 0 -4px #850029; }.reload-step strong { color: #a70037; }.reload-step p { margin: 8px 0 0; text-align: left; }.code-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-top: 8px; }.deposit-code { display: grid; min-height: 52px; align-items: center; padding: 11px 14px; border-radius: 16px; background: #ffc5d8; color: #89002c; font-size: 1.2rem; font-weight: 1000; letter-spacing: .07em; }.code-row button { margin: 0; padding: 13px 18px; }.reload-help { padding-top: 18px; border-top: 1px solid #f39ab8; }.reload-login { min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #b3003d; font: inherit; font-weight: 1000; text-decoration: underline; text-underline-offset: 3px; }.reload-login::before { content: none; }.reload-throne { display: block; margin-top: 23px; padding: 19px; border-radius: 21px; background: linear-gradient(160deg, #ff91b3 0%, #e7195c 16%, #a50032 48%, #d90049 73%, #68001e 100%); box-shadow: inset 1px 1px rgba(255,255,255,.48), inset 0 -6px rgba(76,0,22,.62); color: #fff; font-size: 1.15rem; font-weight: 1000; text-align: center; }

@keyframes peg-hit { from { transform: scale(.3); opacity: 1; } to { transform: scale(1.35); opacity: 0; } } @keyframes coin-land { 0% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 45% { transform: translate(-50%, -68%) scale(1.05); opacity: 1; } 100% { transform: translate(-50%, -35%) scale(.68); opacity: .1; } } @keyframes coin-burn { 0% { filter: brightness(1) saturate(1); opacity: 1; transform: translate(-50%, -50%) scale(1); } 34% { filter: brightness(2.3) saturate(1.5); opacity: 1; transform: translate(-50%, -58%) scale(.78); } 100% { filter: brightness(3) saturate(0); opacity: 0; transform: translate(-50%, -120%) scale(.16); } } @keyframes coin-flame { 0% { opacity: 0; transform: translateX(-50%) translateY(18px) scale(.16) rotate(-9deg); } 22% { opacity: 1; transform: translateX(-50%) translateY(-7px) scale(1.25) rotate(5deg); } 53% { opacity: 1; transform: translateX(-50%) translateY(-34px) scale(1.08) rotate(-4deg); } 100% { opacity: 0; transform: translateX(-50%) translateY(-68px) scale(.76) rotate(7deg); } } @keyframes flame-spark { 0%,15% { opacity: 0; transform: translate(0,8px) scale(.4); } 45% { opacity: 1; transform: translate(8px,-13px) scale(1); } 100% { opacity: 0; transform: translate(18px,-30px) scale(.35); } } @keyframes slot-prime { from { opacity: 0; transform: scale(.76); } to { opacity: .9; transform: scale(1); } } @keyframes slot-burn { 0%,100% { opacity: 1; } 35% { opacity: .92; } } @keyframes slot-catch { 0% { transform: translateY(0) scale(1); } 46% { transform: translateY(5px) scale(1.17); } 76% { transform: translateY(-2px) scale(1.07); } 100% { transform: translateY(0) scale(1); } } @keyframes slot-ring { from { opacity: 1; transform: scale(.75); } to { opacity: 0; transform: scale(1.18); } } @keyframes message-pop { 0% { opacity: 0; transform: translateY(-9px) scale(.9); } 10%,84% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-3px) scale(.98); } } @keyframes banner-in { from { transform: scale(.75); opacity: 0; } to { opacity: 1; transform: scale(1); } } @keyframes board-confetti { from { opacity: 1; transform: translate(-50%, 0) rotate(0); } to { opacity: 0; transform: translate(calc(-50% + var(--drift)), 250px) rotate(var(--turn)); } } @keyframes splash-confetti { from { opacity: 1; transform: translate(-50%, 0) rotate(0); } to { opacity: 0; transform: translate(calc(-50% + var(--drift)), 520px) rotate(520deg); } } @keyframes splash-in { from { transform: scale(.72); opacity: 0; } to { opacity: 1; transform: scale(1); } }

.board-message.is-all { color: #fff4f7; font-size: 1.45rem; text-shadow: 0 2px 9px rgba(104,0,32,.85); }.all-banner { top: -.5%; right: 8%; left: 8%; display: grid; min-height: 9%; place-items: center; padding: 7px 12px; border-color: rgba(255,219,159,.84); border-radius: 15px; background: linear-gradient(105deg, #7e4700, #d99c20 45%, #7d4300); box-shadow: inset 0 1px rgba(255,255,255,.55), inset 0 -4px rgba(86,45,0,.4), 0 8px 19px rgba(79,0,22,.38), 0 0 20px rgba(255,199,74,.42); color: #fffaf0; font-size: .91rem; text-shadow: 0 2px 5px rgba(65,34,0,.68); }.all-banner.is-visible { animation: banner-in .62s cubic-bezier(.16,1.55,.35,1); }.slots span.is-primed::after { border-color: transparent; box-shadow: none; animation: none; }.coin-flame { animation-duration: .92s; }.odds-card .disclosure-content { width: auto; margin: 0 30px 26px; }.odds-list { width: 100%; padding: 0 17px; }.odds-list div { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: 14px; }.odds-list dt, .odds-list dd { margin: 0; }.odds-list dd { text-align: right; }.odds-card .odds-note { margin-right: 17px; margin-left: 17px; }.celebration-piece { animation-duration: 2.7s; }.win-splash { background: rgba(54,0,17,.1); backdrop-filter: none; -webkit-backdrop-filter: none; }.win-splash__card { background: linear-gradient(140deg, rgba(255,220,234,.88), rgba(241,87,143,.78)); box-shadow: inset 1px 1px rgba(255,255,255,.72), inset 0 -3px rgba(115,0,35,.18), 0 24px 70px rgba(41,0,13,.4); animation: splash-arrive .5s cubic-bezier(.16,1.45,.32,1); }.win-splash #close-splash { border: 1px solid rgba(255,220,232,.68); background: linear-gradient(160deg, #ff91b3 0%, #e7195c 16%, #a50032 48%, #d90049 73%, #68001e 100%); box-shadow: inset 1px 1px rgba(255,255,255,.48), inset 0 2px rgba(255,196,214,.28), inset 0 -7px rgba(76,0,22,.62), 0 7px 13px rgba(70,0,23,.3); color: #fff; }.win-splash #close-splash::before { content: none; } @keyframes splash-arrive { 0% { opacity: 0; transform: translateY(32px) scale(.78); } 62% { opacity: 1; transform: translateY(-5px) scale(1.035); } 100% { opacity: 1; transform: translateY(0) scale(1); } }

@media (max-width: 600px) { body { overflow-x: hidden; overflow-y: auto; }.page-shell { width: min(100% - 18px, 620px); min-height: 100svh; gap: 10px; padding: 10px 0 26px; }.hero { flex: 0 0 70px; }.evil-logo { width: min(264px, 75%); height: 60px; margin: -4px auto -4px; }.hero > p { margin-top: 5px; font-size: .52rem; }.card { padding: 13px; border-radius: 25px; }.balance-card { gap: 10px 13px; }.balance-card strong { font-size: clamp(1.85rem, 10vw, 2.6rem); }.muted { margin-top: 7px; font-size: .76rem; }.actions { grid-template-columns: 1fr 1fr 52px; gap: 8px; }.actions button { min-height: 45px; padding: 10px 8px; font-size: .92rem; }.reload-button { min-height: 45px !important; padding: 10px !important; font-size: .92rem !important; }.sound-button svg { width: 23px; height: 23px; }.board-card { padding: 11px 10px 14px; }.board-playfield { min-height: 290px; }.pegs { inset: 14% 7% 17%; }.spiral-peg { width: 18px; height: 18px; font-size: 1.08rem; }.coin { width: 16px; height: 16px; }.board-message { top: -1%; font-size: 1.05rem; }.slots { gap: 3px; margin-top: 3px; }.slots span { min-height: 43px; border-radius: 11px; font-size: .61rem; }.all-banner { top: 12%; font-size: .61rem; }.disclosure-card .latest-drops, .disclosure-card #latest-loads, .disclosure-card .empty-state, .disclosure-card .disclosure-content, .reload-note .disclosure-content { margin-right: 21px; margin-bottom: 21px; margin-left: 21px; }.odds-card .disclosure-content { font-size: .85rem; }.odds-list div { padding-block: 8px; }.odds-note { font-size: .73rem; }.win-splash__card { padding: 27px 22px; }.reload-card { padding: 33px 22px; }.dialog-x { top: 16px; right: 16px; }.reload-card h2 { padding: 0 44px; font-size: clamp(1.35rem, 7vw, 2rem); }.reload-step { grid-template-columns: 39px 1fr; gap: 10px; }.reload-step > b { width: 39px; height: 39px; font-size: 1.15rem; }.deposit-code { font-size: 1rem; }.code-row { grid-template-columns: 1fr; }.code-row button { justify-self: start; } }
@media (max-width: 600px) { .all-banner { top: -1%; right: 8%; left: 8%; min-height: 9%; padding: 6px 8px; font-size: .64rem; } .odds-list { padding-inline: 14px; } .odds-card .odds-note { margin-inline: 14px; } }
.all-banner[hidden], .splash-rich[hidden] { display: none; }.all-banner { border-color: rgba(255,220,232,.68); background: linear-gradient(160deg, #ff91b3 0%, #e7195c 16%, #a50032 48%, #d90049 73%, #68001e 100%); color: #fff; }.slots span.is-landed, .slots span.is-landed::after { animation: none; border-color: transparent; box-shadow: none; }.slot-hit-ring { position: absolute; z-index: 9; inset: -5px; border: 3px solid #fff8fa; border-radius: inherit; box-shadow: 0 0 15px 4px rgba(255,250,252,.74); opacity: 0; pointer-events: none; transform: scale(.76); animation: one-slot-ring .78s ease-out both; }.splash-rich { margin: 21px 0 0 !important; padding: 13px 16px; border: 1px solid rgba(255,220,232,.68); border-radius: 16px; background: linear-gradient(160deg, #ff91b3 0%, #e7195c 16%, #a50032 48%, #d90049 73%, #68001e 100%); box-shadow: inset 1px 1px rgba(255,255,255,.48), inset 0 -5px rgba(76,0,22,.54), 0 8px 16px rgba(75,0,24,.28); color: #fff !important; font-size: clamp(.78rem, 3vw, 1.05rem); font-weight: 1000; letter-spacing: .045em; line-height: 1.25; text-shadow: 0 2px 5px rgba(70,0,22,.55); }.splash-rich.is-visible { animation: rich-message 3.55s ease both; } @keyframes one-slot-ring { 0% { opacity: 0; transform: scale(.76); } 18% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.18); } } @keyframes rich-message { 0% { opacity: 0; transform: translateY(13px) scale(.88); } 13%,74% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-7px) scale(.98); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }