/* ══════════════════════════════════════════════════════════════════ FYM Casino — tile-art.css (UI polish 2026-07-28) Rich SVG emblems for the Premium Games grid + the home "Premium Floor Games" emblem plates. Technique (house pipeline — COIN_SPR / liquidation symbols): layered linear+radial gradients, upper-left key light, bevel edges, rim lighting, specular dots, ambient-occlusion contact shadows. 160x160 viewBox per emblem, inline data URIs. Loads AFTER obsidian-vault.css — the per-game selectors below deliberately mirror its specificity (grand-overhaul block at ~line 7527) so these emblems replace the brass line-art set. ══════════════════════════════════════════════════════════════════ */ /* ── 1 · Games grid: emblem presentation ──────────────────────────── */ /* The generic [data-game-id] rule in obsidian-vault.css pins position/size with !important — matched here, later in cascade. */ body.ov #games-screen.ov-games .ov-game-tile[data-game-id] .ov-game-tile__pattern { background-position: right 2px top 4px !important; background-size: 60% auto !important; opacity: 1; filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.5)); transition: transform 250ms cubic-bezier(0.25, 1, 0.32, 1), filter 250ms ease; } body.ov #games-screen.ov-games .ov-game-tile:hover .ov-game-tile__pattern { transform: translateY(-2px) scale(1.03); filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.55)); } /* Two-line-title tiles: pull the emblem in so the wrapped serif title never sits on the motif's dense lower third. */ body.ov #games-screen.ov-games .ov-game-tile[data-game-id="high-roller"] .ov-game-tile__pattern, body.ov #games-screen.ov-games .ov-game-tile[data-game-id="leveraged-market"] .ov-game-tile__pattern { background-size: 53% auto !important; background-position: right 4px top 0px !important; } /* Text-protection scrim: emblems are richer than the old line art, so ground the serif title against them. Paints above the pattern (tree-order ::after at the same z-index) and below the z2 text. */ body.ov #games-screen.ov-games .ov-game-tile::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, transparent 42%, rgba(8, 7, 5, 0.62) 100%); } /* Plate elevation: inner top highlight + bottom vignette. The hover glow from obsidian-vault.css is re-stated because this later rule would otherwise drop it. */ body.ov #games-screen.ov-games .ov-game-tile { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -16px 26px -14px rgba(0, 0, 0, 0.55); } body.ov #games-screen.ov-games .ov-game-tile:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -16px 26px -14px rgba(0, 0, 0, 0.55), 0 4px 16px -4px color-mix(in oklch, var(--cat-hue, var(--accent)) 100%, transparent 80%); } /* ── 2 · Per-game emblems (games grid + premium-floor reuse) ──────── */ body.ov #games-screen.ov-games .ov-game-tile[data-game-id="black-vault"] .ov-game-tile__pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%23d9b45e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%23d9b45e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%23d9b45e' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='bvSteel' cx='0.32' cy='0.26' r='0.9'%3E%3Cstop offset='0' stop-color='%2357504a'/%3E%3Cstop offset='0.4' stop-color='%2337322c'/%3E%3Cstop offset='0.8' stop-color='%231b1814'/%3E%3Cstop offset='1' stop-color='%230e0c0a'/%3E%3C/radialGradient%3E%3CradialGradient id='bvPlate' cx='0.3' cy='0.25' r='0.95'%3E%3Cstop offset='0' stop-color='%23332d24'/%3E%3Cstop offset='0.5' stop-color='%231d1913'/%3E%3Cstop offset='1' stop-color='%230d0b08'/%3E%3C/radialGradient%3E%3CradialGradient id='bvHub' cx='0.35' cy='0.3' r='0.85'%3E%3Cstop offset='0' stop-color='%23fdf3cd'/%3E%3Cstop offset='0.45' stop-color='%23e2bd6b'/%3E%3Cstop offset='0.8' stop-color='%23a07c30'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/radialGradient%3E%3ClinearGradient id='bvRim' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f9ecc0'/%3E%3Cstop offset='0.3' stop-color='%23e9c97a'/%3E%3Cstop offset='0.55' stop-color='%23c49a48'/%3E%3Cstop offset='0.8' stop-color='%238a6a2c'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/linearGradient%3E%3CradialGradient id='bvBolt' cx='0.3' cy='0.3' r='0.9'%3E%3Cstop offset='0' stop-color='%23fdf3cd'/%3E%3Cstop offset='0.45' stop-color='%23e2bd6b'/%3E%3Cstop offset='0.8' stop-color='%23a07c30'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='100' cy='132' rx='42' ry='7' fill='%23000' opacity='0.35'/%3E%3Ccircle cx='100' cy='76' r='52' fill='url(%23bvSteel)'/%3E%3Ccircle cx='100' cy='76' r='52' fill='none' stroke='url(%23bvRim)' stroke-width='3'/%3E%3Ccircle cx='100' cy='76' r='47' fill='none' stroke='%230a0908' stroke-width='2' opacity='.8'/%3E%3Ccircle cx='143.0' cy='76.0' r='3.4' fill='url(%23bvBolt)'/%3E%3Ccircle cx='130.4' cy='106.4' r='3.4' fill='url(%23bvBolt)'/%3E%3Ccircle cx='100.0' cy='119.0' r='3.4' fill='url(%23bvBolt)'/%3E%3Ccircle cx='69.6' cy='106.4' r='3.4' fill='url(%23bvBolt)'/%3E%3Ccircle cx='57.0' cy='76.0' r='3.4' fill='url(%23bvBolt)'/%3E%3Ccircle cx='69.6' cy='45.6' r='3.4' fill='url(%23bvBolt)'/%3E%3Ccircle cx='100.0' cy='33.0' r='3.4' fill='url(%23bvBolt)'/%3E%3Ccircle cx='130.4' cy='45.6' r='3.4' fill='url(%23bvBolt)'/%3E%3Ccircle cx='100' cy='76' r='36' fill='url(%23bvPlate)'/%3E%3Ccircle cx='100' cy='76' r='36' fill='none' stroke='url(%23bvRim)' stroke-width='2.5'/%3E%3Ccircle cx='100' cy='76' r='30' fill='none' stroke='%23000' stroke-width='1.5' opacity='.55'/%3E%3Crect x='96.8' y='52' width='6.4' height='26' rx='3.2' fill='url(%23bvRim)' transform='rotate(0 100 76)'/%3E%3Crect x='96.8' y='52' width='6.4' height='26' rx='3.2' fill='url(%23bvRim)' transform='rotate(120 100 76)'/%3E%3Crect x='96.8' y='52' width='6.4' height='26' rx='3.2' fill='url(%23bvRim)' transform='rotate(240 100 76)'/%3E%3Ccircle cx='100' cy='76' r='10' fill='url(%23bvHub)' stroke='%235c451b' stroke-width='1'/%3E%3Ccircle cx='96.5' cy='72.5' r='2.4' fill='%23fff' opacity='0.8'/%3E%3Cpath d='M62 45 A52 52 0 0 1 96 25' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.16'/%3E%3Cpath d='M140 105 A52 52 0 0 1 112 125' fill='none' stroke='%23f9ecc0' stroke-width='2' stroke-linecap='round' opacity='.22'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="high-roller"] .ov-game-tile__pattern, body.ov #home-screen .pf-emblem--high-roller { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%23d9b45e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%23d9b45e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%23d9b45e' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='hrBody' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f9ecc0'/%3E%3Cstop offset='0.3' stop-color='%23e9c97a'/%3E%3Cstop offset='0.55' stop-color='%23c49a48'/%3E%3Cstop offset='0.8' stop-color='%238a6a2c'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/linearGradient%3E%3ClinearGradient id='hrBand' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f0d68a'/%3E%3Cstop offset='0.5' stop-color='%23c49a48'/%3E%3Cstop offset='1' stop-color='%237a5c26'/%3E%3C/linearGradient%3E%3CradialGradient id='hrRuby' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%23f6939f'/%3E%3Cstop offset='0.4' stop-color='%23d64152'/%3E%3Cstop offset='0.75' stop-color='%239c2331'/%3E%3Cstop offset='1' stop-color='%235c141d'/%3E%3C/radialGradient%3E%3CradialGradient id='hrEm' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%238ff0bd'/%3E%3Cstop offset='0.45' stop-color='%232e8b5e'/%3E%3Cstop offset='1' stop-color='%23123c29'/%3E%3C/radialGradient%3E%3CradialGradient id='hrSaph' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%239db8ff'/%3E%3Cstop offset='0.45' stop-color='%233f5fd1'/%3E%3Cstop offset='1' stop-color='%231a2a6e'/%3E%3C/radialGradient%3E%3CradialGradient id='hrPearl' cx='0.35' cy='0.3' r='0.75'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='0.5' stop-color='%23f3ecd8'/%3E%3Cstop offset='1' stop-color='%23b3a684'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='100' cy='122' rx='46' ry='7' fill='%23000' opacity='0.35'/%3E%3Cpath d='M58 98 L66 52 L86 74 L100 38 L114 74 L134 52 L142 98 Z' fill='url(%23hrBody)' stroke='%235c451b' stroke-width='1.5'/%3E%3Cpath d='M58 98 L66 52 L86 74 L79 98 Z' fill='%23fff' opacity='.13'/%3E%3Cpath d='M121 98 L114 74 L134 52 L142 98 Z' fill='%23000' opacity='.18'/%3E%3Crect x='54' y='98' width='92' height='15' rx='5' fill='url(%23hrBand)' stroke='%235c451b' stroke-width='1.2'/%3E%3Crect x='54' y='99' width='92' height='4' rx='2' fill='%23fff' opacity='.22'/%3E%3Ccircle cx='66' cy='52' r='5' fill='url(%23hrSaph)'/%3E%3Ccircle cx='64.3' cy='50.2' r='1.3' fill='%23fff' opacity='0.85'/%3E%3Ccircle cx='100' cy='38' r='6.4' fill='url(%23hrRuby)'/%3E%3Ccircle cx='97.8' cy='35.6' r='1.7' fill='%23fff' opacity='0.85'/%3E%3Ccircle cx='134' cy='52' r='5' fill='url(%23hrEm)'/%3E%3Ccircle cx='132.3' cy='50.2' r='1.3' fill='%23fff' opacity='0.85'/%3E%3Cellipse cx='100' cy='105.5' rx='7' ry='5' fill='url(%23hrRuby)'/%3E%3Ccircle cx='97.5' cy='103.4' r='1.4' fill='%23fff' opacity='0.85'/%3E%3Ccircle cx='74' cy='105.5' r='2.6' fill='url(%23hrPearl)'/%3E%3Ccircle cx='126' cy='105.5' r='2.6' fill='url(%23hrPearl)'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="liquidation"] .ov-game-tile__pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%23c33240' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%23c33240' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%23c33240' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='lqRuby' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ef6d7d'/%3E%3Cstop offset='0.45' stop-color='%23c33240'/%3E%3Cstop offset='1' stop-color='%23761c28'/%3E%3C/linearGradient%3E%3ClinearGradient id='lqGold' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f0d68a'/%3E%3Cstop offset='0.5' stop-color='%23c49a48'/%3E%3Cstop offset='1' stop-color='%237a5c26'/%3E%3C/linearGradient%3E%3ClinearGradient id='lqStreak' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ef6d7d' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ef6d7d' stop-opacity='0.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cg opacity='.5'%3E%3Cpath d='M64 46 V96' stroke='%238a6a2c' stroke-width='2.5'/%3E%3Crect x='56' y='56' width='16' height='26' rx='2' fill='url(%23lqGold)'/%3E%3Cpath d='M88 58 V104' stroke='%238a6a2c' stroke-width='2.5'/%3E%3Crect x='80' y='68' width='16' height='24' rx='2' fill='url(%23lqGold)'/%3E%3C/g%3E%3Crect x='112' y='18' width='2.5' height='22' rx='1.2' fill='url(%23lqStreak)'/%3E%3Crect x='120' y='12' width='2.5' height='26' rx='1.2' fill='url(%23lqStreak)' opacity='.7'/%3E%3Crect x='128' y='20' width='2.5' height='18' rx='1.2' fill='url(%23lqStreak)' opacity='.45'/%3E%3Cpath d='M121 34 V46 M121 108 V124' stroke='%238c2530' stroke-width='3.5' stroke-linecap='round'/%3E%3Crect x='109' y='46' width='24' height='62' rx='3.5' fill='url(%23lqRuby)' stroke='%235c141d' stroke-width='1.2'/%3E%3Crect x='111.5' y='48.5' width='4' height='57' rx='2' fill='%23fff' opacity='.28'/%3E%3Crect x='128' y='49' width='3' height='56' rx='1.5' fill='%233d0d13' opacity='.55'/%3E%3Cpath d='M44 118 H100' stroke='%23c49a48' stroke-width='2.5' stroke-dasharray='7 5' opacity='.85'/%3E%3Cpath d='M142 118 H152' stroke='%23c49a48' stroke-width='2.5' stroke-dasharray='7 5' opacity='.85'/%3E%3Cpath d='M121 130 l-6 -8 h12 Z' fill='%23ef6d7d' opacity='.9'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="slots"] .ov-game-tile__pattern, body.ov #home-screen .pf-emblem--slots { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%23c33240' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%23c33240' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%23c33240' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='slFrame' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%234a3b22'/%3E%3Cstop offset='0.5' stop-color='%232b2113'/%3E%3Cstop offset='1' stop-color='%2314100a'/%3E%3C/linearGradient%3E%3ClinearGradient id='slRim' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f9ecc0'/%3E%3Cstop offset='0.3' stop-color='%23e9c97a'/%3E%3Cstop offset='0.55' stop-color='%23c49a48'/%3E%3Cstop offset='0.8' stop-color='%238a6a2c'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/linearGradient%3E%3ClinearGradient id='slFace' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23cfc4a4'/%3E%3Cstop offset='0.18' stop-color='%23fdf9ee'/%3E%3Cstop offset='0.75' stop-color='%23efe6cc'/%3E%3Cstop offset='1' stop-color='%23c2b592'/%3E%3C/linearGradient%3E%3ClinearGradient id='slSeven' x1='0' y1='0' x2='0.4' y2='1'%3E%3Cstop offset='0' stop-color='%23ef6d7d'/%3E%3Cstop offset='0.45' stop-color='%23c33240'/%3E%3Cstop offset='1' stop-color='%23761c28'/%3E%3C/linearGradient%3E%3CradialGradient id='slLamp' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%23f6939f'/%3E%3Cstop offset='0.4' stop-color='%23d64152'/%3E%3Cstop offset='0.75' stop-color='%239c2331'/%3E%3Cstop offset='1' stop-color='%235c141d'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='100' cy='126' rx='52' ry='7' fill='%23000' opacity='0.35'/%3E%3Crect x='42' y='38' width='116' height='76' rx='13' fill='url(%23slFrame)'/%3E%3Crect x='42' y='38' width='116' height='76' rx='13' fill='none' stroke='url(%23slRim)' stroke-width='3'/%3E%3Crect x='45.5' y='41.5' width='109' height='10' rx='6' fill='%23fff' opacity='.09'/%3E%3Crect x='51' y='52' width='30' height='48' rx='5' fill='url(%23slFace)' stroke='%23171208' stroke-width='1.4'/%3E%3Crect x='51' y='52' width='30' height='9' rx='5' fill='%23000' opacity='.22'/%3E%3Cpath d='M58.5 62 H73.5 L64.5 92' fill='none' stroke='url(%23slSeven)' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M58.5 60.5 H72' stroke='%23f6939f' stroke-width='2.5' stroke-linecap='round' opacity='.8'/%3E%3Crect x='85' y='52' width='30' height='48' rx='5' fill='url(%23slFace)' stroke='%23171208' stroke-width='1.4'/%3E%3Crect x='85' y='52' width='30' height='9' rx='5' fill='%23000' opacity='.22'/%3E%3Cpath d='M92.5 62 H107.5 L98.5 92' fill='none' stroke='url(%23slSeven)' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M92.5 60.5 H106' stroke='%23f6939f' stroke-width='2.5' stroke-linecap='round' opacity='.8'/%3E%3Crect x='119' y='52' width='30' height='48' rx='5' fill='url(%23slFace)' stroke='%23171208' stroke-width='1.4'/%3E%3Crect x='119' y='52' width='30' height='9' rx='5' fill='%23000' opacity='.22'/%3E%3Cpath d='M126.5 62 H141.5 L132.5 92' fill='none' stroke='url(%23slSeven)' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M126.5 60.5 H140' stroke='%23f6939f' stroke-width='2.5' stroke-linecap='round' opacity='.8'/%3E%3Ccircle cx='100' cy='38' r='6' fill='url(%23slLamp)' stroke='%235c141d' stroke-width='1'/%3E%3Ccircle cx='98' cy='36' r='1.4' fill='%23fff' opacity='0.85'/%3E%3Cpath d='M32 76 l9 -6 v12 Z' fill='url(%23slRim)'/%3E%3Cpath d='M158 76 l-9 -6 v12 Z' fill='url(%23slRim)'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="roulette"] .ov-game-tile__pattern, body.ov #home-screen .pf-emblem--roulette { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%232e8b5e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%232e8b5e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%232e8b5e' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='rlRim' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f9ecc0'/%3E%3Cstop offset='0.3' stop-color='%23e9c97a'/%3E%3Cstop offset='0.55' stop-color='%23c49a48'/%3E%3Cstop offset='0.8' stop-color='%238a6a2c'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/linearGradient%3E%3CradialGradient id='rlRimRad' cx='0.3' cy='0.25' r='1.0'%3E%3Cstop offset='0' stop-color='%23fdf3cd'/%3E%3Cstop offset='0.45' stop-color='%23e2bd6b'/%3E%3Cstop offset='0.8' stop-color='%23a07c30'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/radialGradient%3E%3CradialGradient id='rlBowl' cx='0.35' cy='0.3' r='0.9'%3E%3Cstop offset='0' stop-color='%232b2119'/%3E%3Cstop offset='0.7' stop-color='%2317110c'/%3E%3Cstop offset='1' stop-color='%230b0806'/%3E%3C/radialGradient%3E%3CradialGradient id='rlHub' cx='0.35' cy='0.3' r='0.85'%3E%3Cstop offset='0' stop-color='%23fdf3cd'/%3E%3Cstop offset='0.45' stop-color='%23e2bd6b'/%3E%3Cstop offset='0.8' stop-color='%23a07c30'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/radialGradient%3E%3CradialGradient id='rlBall' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='0.5' stop-color='%23f3ecd8'/%3E%3Cstop offset='1' stop-color='%23b3a684'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='100' cy='132' rx='44' ry='7' fill='%23000' opacity='0.35'/%3E%3Ccircle cx='100' cy='76' r='52' fill='url(%23rlRimRad)'/%3E%3Ccircle cx='100' cy='76' r='52' fill='none' stroke='%235c451b' stroke-width='1.5'/%3E%3Ccircle cx='100' cy='76' r='44' fill='url(%23rlBowl)'/%3E%3Cpath d='M100.0 34.0 A42 42 0 0 1 118.2 38.2 L111.3 52.6 A26 26 0 0 0 100.0 50.0 Z' fill='%23c33240'/%3E%3Cpath d='M118.2 38.2 A42 42 0 0 1 132.8 49.8 L120.3 59.8 A26 26 0 0 0 111.3 52.6 Z' fill='%23211c17'/%3E%3Cpath d='M132.8 49.8 A42 42 0 0 1 140.9 66.7 L125.3 70.2 A26 26 0 0 0 120.3 59.8 Z' fill='%23c33240'/%3E%3Cpath d='M140.9 66.7 A42 42 0 0 1 140.9 85.3 L125.3 81.8 A26 26 0 0 0 125.3 70.2 Z' fill='%23211c17'/%3E%3Cpath d='M140.9 85.3 A42 42 0 0 1 132.8 102.2 L120.3 92.2 A26 26 0 0 0 125.3 81.8 Z' fill='%23c33240'/%3E%3Cpath d='M132.8 102.2 A42 42 0 0 1 118.2 113.8 L111.3 99.4 A26 26 0 0 0 120.3 92.2 Z' fill='%23211c17'/%3E%3Cpath d='M118.2 113.8 A42 42 0 0 1 100.0 118.0 L100.0 102.0 A26 26 0 0 0 111.3 99.4 Z' fill='%23c33240'/%3E%3Cpath d='M100.0 118.0 A42 42 0 0 1 81.8 113.8 L88.7 99.4 A26 26 0 0 0 100.0 102.0 Z' fill='%23211c17'/%3E%3Cpath d='M81.8 113.8 A42 42 0 0 1 67.2 102.2 L79.7 92.2 A26 26 0 0 0 88.7 99.4 Z' fill='%23c33240'/%3E%3Cpath d='M67.2 102.2 A42 42 0 0 1 59.1 85.3 L74.7 81.8 A26 26 0 0 0 79.7 92.2 Z' fill='%23211c17'/%3E%3Cpath d='M59.1 85.3 A42 42 0 0 1 59.1 66.7 L74.7 70.2 A26 26 0 0 0 74.7 81.8 Z' fill='%23c33240'/%3E%3Cpath d='M59.1 66.7 A42 42 0 0 1 67.2 49.8 L79.7 59.8 A26 26 0 0 0 74.7 70.2 Z' fill='%23211c17'/%3E%3Cpath d='M67.2 49.8 A42 42 0 0 1 81.8 38.2 L88.7 52.6 A26 26 0 0 0 79.7 59.8 Z' fill='%23c33240'/%3E%3Cpath d='M81.8 38.2 A42 42 0 0 1 100.0 34.0 L100.0 50.0 A26 26 0 0 0 88.7 52.6 Z' fill='%23211c17'/%3E%3Ccircle cx='100' cy='76' r='42' fill='none' stroke='%230c0a08' stroke-width='1.2' opacity='.7'/%3E%3Ccircle cx='100' cy='76' r='26' fill='url(%23rlBowl)'/%3E%3Ccircle cx='100' cy='76' r='26' fill='none' stroke='url(%23rlRim)' stroke-width='2'/%3E%3Ccircle cx='100' cy='76' r='13' fill='url(%23rlHub)' stroke='%235c451b' stroke-width='1'/%3E%3Crect x='97.8' y='58' width='4.4' height='12' rx='2.2' fill='url(%23rlRim)' transform='rotate(0 100 76)'/%3E%3Crect x='97.8' y='58' width='4.4' height='12' rx='2.2' fill='url(%23rlRim)' transform='rotate(90 100 76)'/%3E%3Crect x='97.8' y='58' width='4.4' height='12' rx='2.2' fill='url(%23rlRim)' transform='rotate(180 100 76)'/%3E%3Crect x='97.8' y='58' width='4.4' height='12' rx='2.2' fill='url(%23rlRim)' transform='rotate(270 100 76)'/%3E%3Ccircle cx='100' cy='76' r='4.5' fill='url(%23rlHub)'/%3E%3Ccircle cx='98.4' cy='74.4' r='1.2' fill='%23fff' opacity='0.85'/%3E%3Ccircle cx='127' cy='50' r='6' fill='url(%23rlBall)'/%3E%3Ccircle cx='124.8' cy='47.8' r='1.6' fill='%23fff' opacity='0.85'/%3E%3Cpath d='M60 47 A52 52 0 0 1 92 24.6' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.18'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="blackjack"] .ov-game-tile__pattern, body.ov #home-screen .pf-emblem--blackjack { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%232e8b5e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%232e8b5e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%232e8b5e' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='bjIvory' x1='0' y1='0' x2='0.35' y2='1'%3E%3Cstop offset='0' stop-color='%23fdf9ee'/%3E%3Cstop offset='0.6' stop-color='%23f3ecd8'/%3E%3Cstop offset='1' stop-color='%23c9bd9c'/%3E%3C/linearGradient%3E%3ClinearGradient id='bjBack' x1='0' y1='0' x2='0.4' y2='1'%3E%3Cstop offset='0' stop-color='%23ef6d7d'/%3E%3Cstop offset='0.45' stop-color='%23c33240'/%3E%3Cstop offset='1' stop-color='%23761c28'/%3E%3C/linearGradient%3E%3ClinearGradient id='bjPip' x1='0' y1='0' x2='0.4' y2='1'%3E%3Cstop offset='0' stop-color='%233a3a44'/%3E%3Cstop offset='1' stop-color='%2308080c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='98' cy='122' rx='46' ry='7' fill='%23000' opacity='0.35'/%3E%3Cg transform='rotate(12 118 66)'%3E%3Crect x='96' y='34' width='46' height='64' rx='7' fill='url(%23bjBack)' stroke='%235c141d' stroke-width='1.3'/%3E%3Crect x='101' y='39' width='36' height='54' rx='4' fill='none' stroke='%23f3ecd8' stroke-width='1.2' opacity='.5'/%3E%3Cpath d='M104 42 L134 90 M134 42 L104 90' stroke='%23f3ecd8' stroke-width='1' opacity='.28'/%3E%3C/g%3E%3Cg transform='rotate(-8 80 76)'%3E%3Crect x='55' y='42' width='50' height='68' rx='7' fill='url(%23bjIvory)' stroke='%238a6a2c' stroke-width='1.3'/%3E%3Crect x='55' y='42' width='50' height='10' rx='7' fill='%23fff' opacity='.45'/%3E%3Cpath d='M80 58 C71 68 66 74 68 81 C70 87 78 87 80 81 C82 87 90 87 92 81 C94 74 89 68 80 58 Z' fill='url(%23bjPip)'/%3E%3Cpath d='M80 84 C79 90 77 93 74 96 H86 C83 93 81 90 80 84 Z' fill='url(%23bjPip)'/%3E%3Cpath d='M74 66 C71 70 69 74 70 78' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' opacity='.35'/%3E%3Cpath d='M62 50 C60 52.4 59 53.8 59.5 55.4 C60 56.8 62 56.8 62 55.4 C62 56.8 64 56.8 64.5 55.4 C65 53.8 64 52.4 62 50 Z' fill='url(%23bjPip)'/%3E%3Cpath d='M98 102 C96 104.4 95 105.8 95.5 107.4 C96 108.8 98 108.8 98 107.4 C98 108.8 100 108.8 100.5 107.4 C101 105.8 100 104.4 98 102 Z' fill='url(%23bjPip)'/%3E%3C/g%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="crash"] .ov-game-tile__pattern, body.ov #home-screen .pf-emblem--crash { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%23d9b45e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%23d9b45e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%23d9b45e' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='crStroke' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%238a6a2c'/%3E%3Cstop offset='0.6' stop-color='%23e9c97a'/%3E%3Cstop offset='1' stop-color='%23f9ecc0'/%3E%3C/linearGradient%3E%3ClinearGradient id='crFill' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23d9b45e' stop-opacity='0.3'/%3E%3Cstop offset='1' stop-color='%23d9b45e' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='crPlane' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fdf9ee'/%3E%3Cstop offset='0.5' stop-color='%23e9c97a'/%3E%3Cstop offset='1' stop-color='%23a07c30'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cpath d='M46 124 H152' stroke='%238a6a2c' stroke-width='2' opacity='.55'/%3E%3Cpath d='M50 30 V124' stroke='%238a6a2c' stroke-width='2' opacity='.35'/%3E%3Cpath d='M70 124 v4' stroke='%238a6a2c' stroke-width='2' opacity='.45'/%3E%3Cpath d='M90 124 v4' stroke='%238a6a2c' stroke-width='2' opacity='.45'/%3E%3Cpath d='M110 124 v4' stroke='%238a6a2c' stroke-width='2' opacity='.45'/%3E%3Cpath d='M130 124 v4' stroke='%238a6a2c' stroke-width='2' opacity='.45'/%3E%3Cpath d='M52 118 C82 114 106 96 126 62 L130 56 V124 H52 Z' fill='url(%23crFill)'/%3E%3Cpath d='M52 118 C82 114 106 96 126 62 L130 56' fill='none' stroke='%23e9c97a' stroke-width='10' stroke-linecap='round' opacity='.16'/%3E%3Cpath d='M52 118 C82 114 106 96 126 62 L130 56' fill='none' stroke='url(%23crStroke)' stroke-width='4' stroke-linecap='round'/%3E%3Cg transform='rotate(-38 136 48)'%3E%3Cpath d='M120 52 L152 44 L128 60 Z' fill='url(%23crPlane)' stroke='%236d5220' stroke-width='1'/%3E%3Cpath d='M128 60 L152 44 L134 66 Z' fill='%23c49a48' stroke='%236d5220' stroke-width='1'/%3E%3Cpath d='M122 52.5 L146 46.5' stroke='%23fff' stroke-width='1.4' opacity='.55'/%3E%3C/g%3E%3Cpath d='M112 74 L120 66 M104 84 L114 74' stroke='%23f9ecc0' stroke-width='2' stroke-linecap='round' stroke-dasharray='4 6' opacity='.5'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="plinko"] .ov-game-tile__pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%23d9b45e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%23d9b45e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%23d9b45e' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='plPeg' cx='0.32' cy='0.28' r='0.85'%3E%3Cstop offset='0' stop-color='%23fdf3cd'/%3E%3Cstop offset='0.45' stop-color='%23e2bd6b'/%3E%3Cstop offset='0.8' stop-color='%23a07c30'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/radialGradient%3E%3CradialGradient id='plOrb' cx='0.35' cy='0.3' r='0.85'%3E%3Cstop offset='0' stop-color='%23f6939f'/%3E%3Cstop offset='0.4' stop-color='%23d64152'/%3E%3Cstop offset='0.75' stop-color='%239c2331'/%3E%3Cstop offset='1' stop-color='%235c141d'/%3E%3C/radialGradient%3E%3ClinearGradient id='plSlot' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f0d68a'/%3E%3Cstop offset='0.5' stop-color='%23c49a48'/%3E%3Cstop offset='1' stop-color='%237a5c26'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Ccircle cx='100' cy='44' r='4.4' fill='url(%23plPeg)' stroke='%235c451b' stroke-width='.8'/%3E%3Ccircle cx='98.6' cy='42.6' r='1.1' fill='%23fff' opacity='0.8'/%3E%3Ccircle cx='87' cy='65' r='4.4' fill='url(%23plPeg)' stroke='%235c451b' stroke-width='.8'/%3E%3Ccircle cx='85.6' cy='63.6' r='1.1' fill='%23fff' opacity='0.8'/%3E%3Ccircle cx='113' cy='65' r='4.4' fill='url(%23plPeg)' stroke='%235c451b' stroke-width='.8'/%3E%3Ccircle cx='111.6' cy='63.6' r='1.1' fill='%23fff' opacity='0.8'/%3E%3Ccircle cx='74' cy='86' r='4.4' fill='url(%23plPeg)' stroke='%235c451b' stroke-width='.8'/%3E%3Ccircle cx='72.6' cy='84.6' r='1.1' fill='%23fff' opacity='0.8'/%3E%3Ccircle cx='100' cy='86' r='4.4' fill='url(%23plPeg)' stroke='%235c451b' stroke-width='.8'/%3E%3Ccircle cx='98.6' cy='84.6' r='1.1' fill='%23fff' opacity='0.8'/%3E%3Ccircle cx='126' cy='86' r='4.4' fill='url(%23plPeg)' stroke='%235c451b' stroke-width='.8'/%3E%3Ccircle cx='124.6' cy='84.6' r='1.1' fill='%23fff' opacity='0.8'/%3E%3Ccircle cx='61' cy='107' r='4.4' fill='url(%23plPeg)' stroke='%235c451b' stroke-width='.8'/%3E%3Ccircle cx='59.6' cy='105.6' r='1.1' fill='%23fff' opacity='0.8'/%3E%3Ccircle cx='87' cy='107' r='4.4' fill='url(%23plPeg)' stroke='%235c451b' stroke-width='.8'/%3E%3Ccircle cx='85.6' cy='105.6' r='1.1' fill='%23fff' opacity='0.8'/%3E%3Ccircle cx='113' cy='107' r='4.4' fill='url(%23plPeg)' stroke='%235c451b' stroke-width='.8'/%3E%3Ccircle cx='111.6' cy='105.6' r='1.1' fill='%23fff' opacity='0.8'/%3E%3Ccircle cx='139' cy='107' r='4.4' fill='url(%23plPeg)' stroke='%235c451b' stroke-width='.8'/%3E%3Ccircle cx='137.6' cy='105.6' r='1.1' fill='%23fff' opacity='0.8'/%3E%3Ccircle cx='93.5' cy='38' r='3.2' fill='%23ef6d7d' opacity='.18'/%3E%3Ccircle cx='97' cy='48' r='4.2' fill='%23ef6d7d' opacity='.34'/%3E%3Ccircle cx='93.5' cy='60' r='7' fill='url(%23plOrb)' stroke='%235c141d' stroke-width='1'/%3E%3Ccircle cx='91' cy='57.5' r='1.8' fill='%23fff' opacity='0.85'/%3E%3Crect x='56' y='118' width='17' height='11' rx='2.5' fill='url(%23plSlot)' opacity='0.45' stroke='%235c451b' stroke-width='.8'/%3E%3Crect x='77' y='118' width='17' height='11' rx='2.5' fill='url(%23plSlot)' opacity='0.8' stroke='%235c451b' stroke-width='.8'/%3E%3Crect x='98' y='118' width='17' height='11' rx='2.5' fill='url(%23plSlot)' opacity='1' stroke='%235c451b' stroke-width='.8'/%3E%3Crect x='119' y='118' width='17' height='11' rx='2.5' fill='url(%23plSlot)' opacity='0.8' stroke='%235c451b' stroke-width='.8'/%3E%3Crect x='140' y='118' width='17' height='11' rx='2.5' fill='url(%23plSlot)' opacity='0.45' stroke='%235c451b' stroke-width='.8'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="mines"] .ov-game-tile__pattern, body.ov #home-screen .pf-emblem--mines { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%232e8b5e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%232e8b5e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%232e8b5e' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mnBomb' cx='0.33' cy='0.28' r='0.9'%3E%3Cstop offset='0' stop-color='%236b6357'/%3E%3Cstop offset='0.35' stop-color='%233a352e'/%3E%3Cstop offset='0.75' stop-color='%231c1915'/%3E%3Cstop offset='1' stop-color='%230c0a08'/%3E%3C/radialGradient%3E%3ClinearGradient id='mnCap' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f0d68a'/%3E%3Cstop offset='0.5' stop-color='%23c49a48'/%3E%3Cstop offset='1' stop-color='%237a5c26'/%3E%3C/linearGradient%3E%3CradialGradient id='mnSpark' cx='0.5' cy='0.5' r='0.5'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='0.4' stop-color='%23f9ecc0'/%3E%3Cstop offset='1' stop-color='%23e9c97a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='88' cy='98' rx='30' ry='6' fill='%23000' opacity='0.35'/%3E%3Cellipse cx='124' cy='122' rx='20' ry='5' fill='%23000' opacity='0.35'/%3E%3Cpolygon points='86,38 106,50 66,50' fill='%238ff0bd'/%3E%3Cpolygon points='66,50 86,38 62,62' fill='%2363d9a2'/%3E%3Cpolygon points='106,50 86,38 110,62' fill='%233ba26e'/%3E%3Cpolygon points='66,50 106,50 110,62 86,92 62,62' fill='%232e8b5e'/%3E%3Cpolygon points='66,50 106,50 86,64 Z' fill='%2363d9a2' opacity='.85'/%3E%3Cpolygon points='62,62 86,64 86,92 Z' fill='%2322684a'/%3E%3Cpolygon points='110,62 86,64 86,92 Z' fill='%23175038'/%3E%3Cpolygon points='86,38 106,50 110,62 86,92 62,62 66,50' fill='none' stroke='%230f3524' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpolygon points='70,48 82,42 76,52' fill='%23fff' opacity='.75'/%3E%3Ccircle cx='124' cy='104' r='16' fill='url(%23mnBomb)' stroke='%23000' stroke-width='1'/%3E%3Crect x='118.5' y='84' width='11' height='7' rx='2' fill='url(%23mnCap)'/%3E%3Cpath d='M124 84 C124 76 132 74 136 70' fill='none' stroke='%23a07c30' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpolygon points='138.0,59.0 139.8,64.2 145.0,66.0 139.8,67.8 138.0,73.0 136.2,67.8 131.0,66.0 136.2,64.2' fill='%23f9ecc0'/%3E%3Ccircle cx='138' cy='66' r='2.2' fill='%23fff'/%3E%3Ccircle cx='118' cy='98' r='2.6' fill='%23fff' opacity='0.5'/%3E%3Cpath d='M133 114 A16 16 0 0 0 138 106' fill='none' stroke='%23f9ecc0' stroke-width='1.6' stroke-linecap='round' opacity='.3'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="dice"] .ov-game-tile__pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%23d9b45e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%23d9b45e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%23d9b45e' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='dcIvory' x1='0' y1='0' x2='0.4' y2='1'%3E%3Cstop offset='0' stop-color='%23fdf9ee'/%3E%3Cstop offset='0.6' stop-color='%23f3ecd8'/%3E%3Cstop offset='1' stop-color='%23c9bd9c'/%3E%3C/linearGradient%3E%3ClinearGradient id='dcRuby' x1='0' y1='0' x2='0.4' y2='1'%3E%3Cstop offset='0' stop-color='%23ef6d7d'/%3E%3Cstop offset='0.45' stop-color='%23c33240'/%3E%3Cstop offset='1' stop-color='%23761c28'/%3E%3C/linearGradient%3E%3CradialGradient id='dcPip' cx='0.6' cy='0.65' r='0.9'%3E%3Cstop offset='0' stop-color='%2308080c'/%3E%3Cstop offset='0.7' stop-color='%2326262e'/%3E%3Cstop offset='1' stop-color='%233a3a44'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='96' cy='124' rx='46' ry='7' fill='%23000' opacity='0.35'/%3E%3Cg transform='rotate(-10 78 72)'%3E%3Crect x='56' y='50' width='44' height='44' rx='9' fill='url(%23dcIvory)' stroke='%239c8f6d' stroke-width='1.2'/%3E%3Crect x='56' y='50' width='44' height='9' rx='4.5' fill='%23fff' opacity='.5'/%3E%3Ccircle cx='68' cy='62' r='4.0' fill='url(%23dcPip)'/%3E%3Ccircle cx='67.0' cy='60.88' r='1.2' fill='%23fff' opacity='.18'/%3E%3Ccircle cx='88' cy='62' r='4.0' fill='url(%23dcPip)'/%3E%3Ccircle cx='87.0' cy='60.88' r='1.2' fill='%23fff' opacity='.18'/%3E%3Ccircle cx='68' cy='82' r='4.0' fill='url(%23dcPip)'/%3E%3Ccircle cx='67.0' cy='80.88' r='1.2' fill='%23fff' opacity='.18'/%3E%3Ccircle cx='88' cy='82' r='4.0' fill='url(%23dcPip)'/%3E%3Ccircle cx='87.0' cy='80.88' r='1.2' fill='%23fff' opacity='.18'/%3E%3Ccircle cx='78' cy='72' r='3.6' fill='url(%23dcPip)'/%3E%3Ccircle cx='77.1' cy='70.992' r='1.08' fill='%23fff' opacity='.18'/%3E%3C/g%3E%3Cg transform='rotate(12 120 94)'%3E%3Crect x='100' y='74' width='40' height='40' rx='8' fill='url(%23dcRuby)' stroke='%235c141d' stroke-width='1.2'/%3E%3Crect x='100' y='74' width='40' height='8' rx='4' fill='%23fff' opacity='.25'/%3E%3Ccircle cx='110' cy='84' r='3.4' fill='%23f3ecd8'/%3E%3Ccircle cx='110.68' cy='84.85' r='1.7' fill='%23b3a684' opacity='.5'/%3E%3Ccircle cx='130' cy='104' r='3.4' fill='%23f3ecd8'/%3E%3Ccircle cx='130.68' cy='104.85' r='1.7' fill='%23b3a684' opacity='.5'/%3E%3C/g%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="coinflip"] .ov-game-tile__pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%23d9b45e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%23d9b45e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%23d9b45e' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='cfCoin' cx='0.36' cy='0.3' r='0.75'%3E%3Cstop offset='0' stop-color='%23f8e7b0'/%3E%3Cstop offset='0.55' stop-color='%23d9b45e'/%3E%3Cstop offset='1' stop-color='%238a6a2c'/%3E%3C/radialGradient%3E%3ClinearGradient id='cfEdge' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f0d68a'/%3E%3Cstop offset='0.5' stop-color='%23c49a48'/%3E%3Cstop offset='1' stop-color='%237a5c26'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='98' cy='118' rx='38' ry='6' fill='%23000' opacity='0.35'/%3E%3Cellipse cx='126' cy='36' rx='15' ry='4.5' fill='url(%23cfEdge)' stroke='%236d5220' stroke-width='1'/%3E%3Cellipse cx='126' cy='34.6' rx='15' ry='4.5' fill='%23f0d68a' stroke='%236d5220' stroke-width='.8'/%3E%3Cpath d='M64 34 A56 56 0 0 1 104 22' fill='none' stroke='%23e9c97a' stroke-width='2.2' stroke-linecap='round' stroke-dasharray='2 8' opacity='.65'/%3E%3Ccircle cx='96' cy='78' r='34' fill='url(%23cfCoin)'/%3E%3Ccircle cx='96' cy='78' r='34' fill='none' stroke='%236d5220' stroke-width='1.6'/%3E%3Ccircle cx='96' cy='78' r='27.5' fill='none' stroke='%236e521a' stroke-width='3.2' opacity='.9'/%3E%3Cpath d='M96 60 V96' stroke='%236d5220' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M105 66 C105 60 87 60 87 68 C87 76 105 76 105 85 C105 93 87 93 87 87' fill='none' stroke='%236d5220' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M72 62 A28 28 0 0 1 88 50' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' opacity='.4'/%3E%3Cpolygon points='64.0,40.0 65.6,44.4 70.0,46.0 65.6,47.6 64.0,52.0 62.4,47.6 58.0,46.0 62.4,44.4' fill='%23f9ecc0' opacity='.9'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="hilo"] .ov-game-tile__pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%232e8b5e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%232e8b5e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%232e8b5e' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='hlIvory' x1='0' y1='0' x2='0.4' y2='1'%3E%3Cstop offset='0' stop-color='%23fdf9ee'/%3E%3Cstop offset='0.6' stop-color='%23f3ecd8'/%3E%3Cstop offset='1' stop-color='%23c9bd9c'/%3E%3C/linearGradient%3E%3ClinearGradient id='hlGold' x1='0' y1='0' x2='0.4' y2='1'%3E%3Cstop offset='0' stop-color='%23f0d68a'/%3E%3Cstop offset='0.5' stop-color='%23d9b45e'/%3E%3Cstop offset='1' stop-color='%23a07c30'/%3E%3C/linearGradient%3E%3ClinearGradient id='hlPip' x1='0' y1='0' x2='0.4' y2='1'%3E%3Cstop offset='0' stop-color='%233a3a44'/%3E%3Cstop offset='1' stop-color='%2308080c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='96' cy='128' rx='46' ry='6' fill='%23000' opacity='0.35'/%3E%3Cg transform='rotate(-7 70 104)'%3E%3Crect x='52' y='82' width='36' height='48' rx='5.5' fill='url(%23hlIvory)' stroke='%239c8f6d' stroke-width='1.1'/%3E%3Cpath d='M70 100 C66 95 59 97 60 103 C61 108 70 113 70 113 C70 113 79 108 80 103 C81 97 74 95 70 100 Z' fill='%23c33240'/%3E%3C/g%3E%3Cg transform='rotate(2 96 84)'%3E%3Crect x='78' y='60' width='36' height='48' rx='5.5' fill='url(%23hlIvory)' stroke='%239c8f6d' stroke-width='1.1'/%3E%3Crect x='78' y='60' width='36' height='7' rx='3.5' fill='%23fff' opacity='.5'/%3E%3Cpath d='M96 76 C90 83 88 86 89.5 90 C91 93.5 95.5 93.5 96 90.5 C96.5 93.5 101 93.5 102.5 90 C104 86 102 83 96 76 Z M96 91 C95.5 94.5 94.5 96 93 97.5 H99 C97.5 96 96.5 94.5 96 91 Z' fill='url(%23hlPip)'/%3E%3C/g%3E%3Cg transform='rotate(9 122 64)'%3E%3Crect x='104' y='40' width='36' height='48' rx='5.5' fill='url(%23hlGold)' stroke='%236d5220' stroke-width='1.2'/%3E%3Crect x='108' y='44' width='28' height='40' rx='3.5' fill='none' stroke='%236d5220' stroke-width='1' opacity='.55'/%3E%3Crect x='104' y='40' width='36' height='7' rx='3.5' fill='%23fff' opacity='.4'/%3E%3Cpath d='M122 54 L130 64 L122 74 L114 64 Z' fill='%237e1f2b'/%3E%3Cpath d='M118.5 60.5 L122 56.5 L125.5 60.5' fill='none' stroke='%23ef6d7d' stroke-width='1.4' stroke-linecap='round' opacity='.8'/%3E%3C/g%3E%3Cpath d='M124 30 l9 -9 9 9' fill='none' stroke='%23e9c97a' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50 66 l7 7 7 -7' fill='none' stroke='%238c2530' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' opacity='.75'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="leveraged-market"] .ov-game-tile__pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%232e8b5e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%232e8b5e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%232e8b5e' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='lmEm' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2363d9a2'/%3E%3Cstop offset='0.5' stop-color='%232e8b5e'/%3E%3Cstop offset='1' stop-color='%23175038'/%3E%3C/linearGradient%3E%3ClinearGradient id='lmRuby' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ef6d7d'/%3E%3Cstop offset='0.45' stop-color='%23c33240'/%3E%3Cstop offset='1' stop-color='%23761c28'/%3E%3C/linearGradient%3E%3ClinearGradient id='lmArrow' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%238a6a2c'/%3E%3Cstop offset='0.6' stop-color='%23e9c97a'/%3E%3Cstop offset='1' stop-color='%23f9ecc0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cpath d='M46 48 H150' stroke='%23c49a48' stroke-width='1' opacity='.14'/%3E%3Cpath d='M46 76 H150' stroke='%23c49a48' stroke-width='1' opacity='.14'/%3E%3Cpath d='M46 104 H150' stroke='%23c49a48' stroke-width='1' opacity='.14'/%3E%3Cpath d='M64 70 V116' stroke='%231d5c3e' stroke-width='2.5' stroke-linecap='round'/%3E%3Crect x='56' y='78' width='16' height='30' rx='2.5' fill='url(%23lmEm)' stroke='%23000' stroke-opacity='.35' stroke-width='1'/%3E%3Crect x='57.8' y='79.8' width='2.6' height='26' rx='1.3' fill='%23fff' opacity='.3'/%3E%3Cpath d='M92 56 V98' stroke='%238c2530' stroke-width='2.5' stroke-linecap='round'/%3E%3Crect x='84' y='64' width='16' height='26' rx='2.5' fill='url(%23lmRuby)' stroke='%23000' stroke-opacity='.35' stroke-width='1'/%3E%3Crect x='85.8' y='65.8' width='2.6' height='22' rx='1.3' fill='%23fff' opacity='.3'/%3E%3Cpath d='M120 36 V86' stroke='%231d5c3e' stroke-width='2.5' stroke-linecap='round'/%3E%3Crect x='112' y='44' width='16' height='34' rx='2.5' fill='url(%23lmEm)' stroke='%23000' stroke-opacity='.35' stroke-width='1'/%3E%3Crect x='113.8' y='45.8' width='2.6' height='30' rx='1.3' fill='%23fff' opacity='.3'/%3E%3Cpath d='M48 122 C76 112 100 92 134 54' fill='none' stroke='%23e9c97a' stroke-width='9' stroke-linecap='round' opacity='.15'/%3E%3Cpath d='M48 122 C76 112 100 92 134 54' fill='none' stroke='url(%23lmArrow)' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpolygon points='140,46 128,50 136,60' fill='%23f9ecc0'/%3E%3Cpath d='M140 46 L128 50 L136 60 Z' fill='none' stroke='%23a07c30' stroke-width='1'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="lottery"] .ov-game-tile__pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%23d9b45e' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%23d9b45e' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%23d9b45e' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='ltTicket' x1='0' y1='0' x2='0.3' y2='1'%3E%3Cstop offset='0' stop-color='%23f4df9a'/%3E%3Cstop offset='0.45' stop-color='%23ddb865'/%3E%3Cstop offset='1' stop-color='%23a8823a'/%3E%3C/linearGradient%3E%3ClinearGradient id='ltStar' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f9ecc0'/%3E%3Cstop offset='0.3' stop-color='%23e9c97a'/%3E%3Cstop offset='0.55' stop-color='%23c49a48'/%3E%3Cstop offset='0.8' stop-color='%238a6a2c'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/linearGradient%3E%3CradialGradient id='ltIvoryB' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='0.5' stop-color='%23f3ecd8'/%3E%3Cstop offset='1' stop-color='%23b3a684'/%3E%3C/radialGradient%3E%3CradialGradient id='ltRubyB' cx='0.35' cy='0.3' r='0.85'%3E%3Cstop offset='0' stop-color='%23f6939f'/%3E%3Cstop offset='0.4' stop-color='%23d64152'/%3E%3Cstop offset='0.75' stop-color='%239c2331'/%3E%3Cstop offset='1' stop-color='%235c141d'/%3E%3C/radialGradient%3E%3CradialGradient id='ltEmB' cx='0.35' cy='0.3' r='0.85'%3E%3Cstop offset='0' stop-color='%238ff0bd'/%3E%3Cstop offset='0.4' stop-color='%232e8b5e'/%3E%3Cstop offset='1' stop-color='%23123c29'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='98' cy='128' rx='44' ry='6' fill='%23000' opacity='0.35'/%3E%3Cg transform='rotate(-6 96 70)'%3E%3Crect x='50' y='46' width='92' height='48' rx='6' fill='url(%23ltTicket)' stroke='%236d5220' stroke-width='1.4'/%3E%3Crect x='50' y='46' width='92' height='9' rx='4.5' fill='%23fff' opacity='.35'/%3E%3Cpath d='M118 48 V92' stroke='%236d5220' stroke-width='1.6' stroke-dasharray='2.5 4'/%3E%3Cpolygon points='78.0,57.0 80.9,66.0 90.4,66.0 82.8,71.5 85.6,80.5 78.0,75.0 70.4,80.5 73.2,71.5 65.6,66.0 75.1,66.0' fill='url(%23ltStar)' stroke='%236d5220' stroke-width='1'/%3E%3Cpolygon points='73,63 78,60 76,66' fill='%23fff' opacity='.7'/%3E%3Crect x='98' y='60' width='14' height='3.5' rx='1.75' fill='%236d5220' opacity='.5'/%3E%3Crect x='98' y='68' width='11' height='3.5' rx='1.75' fill='%236d5220' opacity='.4'/%3E%3Crect x='98' y='76' width='13' height='3.5' rx='1.75' fill='%236d5220' opacity='.3'/%3E%3Crect x='124' y='60' width='12' height='24' rx='2' fill='%236d5220' opacity='.22'/%3E%3C/g%3E%3Ccircle cx='72' cy='114' r='11' fill='url(%23ltIvoryB)' stroke='%239c8f6d' stroke-width='1'/%3E%3Ccircle cx='68.5' cy='110.5' r='2.2' fill='%23fff' opacity='0.85'/%3E%3Ccircle cx='99' cy='119' r='11' fill='url(%23ltRubyB)' stroke='%235c141d' stroke-width='1'/%3E%3Ccircle cx='95.5' cy='115.5' r='2.2' fill='%23fff' opacity='0.85'/%3E%3Ccircle cx='126' cy='113' r='11' fill='url(%23ltEmB)' stroke='%230f3524' stroke-width='1'/%3E%3Ccircle cx='122.5' cy='109.5' r='2.2' fill='%23fff' opacity='0.85'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="mp-roulette"] .ov-game-tile__pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%238b5cf6' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%238b5cf6' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%238b5cf6' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mpFelt' cx='0.35' cy='0.28' r='0.85'%3E%3Cstop offset='0' stop-color='%233ba26e'/%3E%3Cstop offset='0.55' stop-color='%2322684a'/%3E%3Cstop offset='1' stop-color='%230f3524'/%3E%3C/radialGradient%3E%3ClinearGradient id='mpRim' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f9ecc0'/%3E%3Cstop offset='0.3' stop-color='%23e9c97a'/%3E%3Cstop offset='0.55' stop-color='%23c49a48'/%3E%3Cstop offset='0.8' stop-color='%238a6a2c'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/linearGradient%3E%3CradialGradient id='mpHub' cx='0.35' cy='0.3' r='0.85'%3E%3Cstop offset='0' stop-color='%23fdf3cd'/%3E%3Cstop offset='0.45' stop-color='%23e2bd6b'/%3E%3Cstop offset='0.8' stop-color='%23a07c30'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/radialGradient%3E%3CradialGradient id='mpSeat' cx='0.35' cy='0.3' r='0.85'%3E%3Cstop offset='0' stop-color='%23cdb6ff'/%3E%3Cstop offset='0.4' stop-color='%238b5cf6'/%3E%3Cstop offset='0.8' stop-color='%235527ae'/%3E%3Cstop offset='1' stop-color='%2333176e'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='100' cy='128' rx='50' ry='7' fill='%23000' opacity='0.35'/%3E%3Cellipse cx='100' cy='74' rx='50' ry='32' fill='url(%23mpFelt)'/%3E%3Cellipse cx='100' cy='74' rx='50' ry='32' fill='none' stroke='url(%23mpRim)' stroke-width='3.5'/%3E%3Cellipse cx='100' cy='74' rx='38' ry='23' fill='none' stroke='%23f3ecd8' stroke-width='1.2' stroke-dasharray='3 5' opacity='.35'/%3E%3Ccircle cx='100' cy='72' r='12' fill='url(%23mpHub)' stroke='%235c451b' stroke-width='1'/%3E%3Cpath d='M100.0 62.5 A9.5 9.5 0 0 1 106.7 65.3 L103.2 68.8 A4.5 4.5 0 0 0 100.0 67.5 Z' fill='%23c33240'/%3E%3Cpath d='M106.7 65.3 A9.5 9.5 0 0 1 109.5 72.0 L104.5 72.0 A4.5 4.5 0 0 0 103.2 68.8 Z' fill='%23211c17'/%3E%3Cpath d='M109.5 72.0 A9.5 9.5 0 0 1 106.7 78.7 L103.2 75.2 A4.5 4.5 0 0 0 104.5 72.0 Z' fill='%23c33240'/%3E%3Cpath d='M106.7 78.7 A9.5 9.5 0 0 1 100.0 81.5 L100.0 76.5 A4.5 4.5 0 0 0 103.2 75.2 Z' fill='%23211c17'/%3E%3Cpath d='M100.0 81.5 A9.5 9.5 0 0 1 93.3 78.7 L96.8 75.2 A4.5 4.5 0 0 0 100.0 76.5 Z' fill='%23c33240'/%3E%3Cpath d='M93.3 78.7 A9.5 9.5 0 0 1 90.5 72.0 L95.5 72.0 A4.5 4.5 0 0 0 96.8 75.2 Z' fill='%23211c17'/%3E%3Cpath d='M90.5 72.0 A9.5 9.5 0 0 1 93.3 65.3 L96.8 68.8 A4.5 4.5 0 0 0 95.5 72.0 Z' fill='%23c33240'/%3E%3Cpath d='M93.3 65.3 A9.5 9.5 0 0 1 100.0 62.5 L100.0 67.5 A4.5 4.5 0 0 0 96.8 68.8 Z' fill='%23211c17'/%3E%3Ccircle cx='100' cy='72' r='4' fill='url(%23mpHub)'/%3E%3Ccircle cx='98.6' cy='70.6' r='1' fill='%23fff' opacity='0.85'/%3E%3Cpath d='M62 62 A46 28 0 0 1 88 47' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.14'/%3E%3Ccircle cx='60' cy='108' r='9' fill='url(%23mpSeat)' stroke='%23c49a48' stroke-width='1.6'/%3E%3Ccircle cx='57' cy='105' r='1.8' fill='%23fff' opacity='0.85'/%3E%3Ccircle cx='100' cy='118' r='9' fill='url(%23mpSeat)' stroke='%23c49a48' stroke-width='1.6'/%3E%3Ccircle cx='97' cy='115' r='1.8' fill='%23fff' opacity='0.85'/%3E%3Ccircle cx='140' cy='108' r='9' fill='url(%23mpSeat)' stroke='%23c49a48' stroke-width='1.6'/%3E%3Ccircle cx='137' cy='105' r='1.8' fill='%23fff' opacity='0.85'/%3E%3C/svg%3E"); } body.ov #games-screen.ov-games .ov-game-tile[data-game-id="mp-poker"] .ov-game-tile__pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='halo' cx='0.5' cy='0.45' r='0.55'%3E%3Cstop offset='0' stop-color='%238b5cf6' stop-opacity='0.32'/%3E%3Cstop offset='0.7' stop-color='%238b5cf6' stop-opacity='0.1'/%3E%3Cstop offset='1' stop-color='%238b5cf6' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='pkFelt' cx='0.35' cy='0.28' r='0.85'%3E%3Cstop offset='0' stop-color='%233ba26e'/%3E%3Cstop offset='0.55' stop-color='%2322684a'/%3E%3Cstop offset='1' stop-color='%230f3524'/%3E%3C/radialGradient%3E%3ClinearGradient id='pkRim' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f9ecc0'/%3E%3Cstop offset='0.3' stop-color='%23e9c97a'/%3E%3Cstop offset='0.55' stop-color='%23c49a48'/%3E%3Cstop offset='0.8' stop-color='%238a6a2c'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/linearGradient%3E%3ClinearGradient id='pkIvory' x1='0' y1='0' x2='0.35' y2='1'%3E%3Cstop offset='0' stop-color='%23fdf9ee'/%3E%3Cstop offset='0.6' stop-color='%23f3ecd8'/%3E%3Cstop offset='1' stop-color='%23c9bd9c'/%3E%3C/linearGradient%3E%3ClinearGradient id='pkBack' x1='0' y1='0' x2='0.4' y2='1'%3E%3Cstop offset='0' stop-color='%23ef6d7d'/%3E%3Cstop offset='0.45' stop-color='%23c33240'/%3E%3Cstop offset='1' stop-color='%23761c28'/%3E%3C/linearGradient%3E%3ClinearGradient id='pkPip' x1='0' y1='0' x2='0.4' y2='1'%3E%3Cstop offset='0' stop-color='%233a3a44'/%3E%3Cstop offset='1' stop-color='%2308080c'/%3E%3C/linearGradient%3E%3CradialGradient id='pkChipR' cx='0.35' cy='0.3' r='0.9'%3E%3Cstop offset='0' stop-color='%23f6939f'/%3E%3Cstop offset='0.4' stop-color='%23d64152'/%3E%3Cstop offset='0.75' stop-color='%239c2331'/%3E%3Cstop offset='1' stop-color='%235c141d'/%3E%3C/radialGradient%3E%3CradialGradient id='pkChipK' cx='0.35' cy='0.3' r='0.9'%3E%3Cstop offset='0' stop-color='%236b6357'/%3E%3Cstop offset='0.35' stop-color='%233a352e'/%3E%3Cstop offset='0.75' stop-color='%231c1915'/%3E%3Cstop offset='1' stop-color='%230c0a08'/%3E%3C/radialGradient%3E%3CradialGradient id='pkChipG' cx='0.35' cy='0.3' r='0.9'%3E%3Cstop offset='0' stop-color='%23fdf3cd'/%3E%3Cstop offset='0.45' stop-color='%23e2bd6b'/%3E%3Cstop offset='0.8' stop-color='%23a07c30'/%3E%3Cstop offset='1' stop-color='%236d5220'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='100' cy='78' rx='58' ry='52' fill='url(%23halo)'/%3E%3Cellipse cx='100' cy='130' rx='52' ry='7' fill='%23000' opacity='0.35'/%3E%3Cellipse cx='100' cy='84' rx='58' ry='38' fill='url(%23pkFelt)'/%3E%3Cellipse cx='100' cy='84' rx='58' ry='38' fill='none' stroke='url(%23pkRim)' stroke-width='3.5'/%3E%3Cpath d='M56 72 A54 34 0 0 1 86 52' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.13'/%3E%3Cg transform='rotate(14 116 74)'%3E%3Crect x='100' y='46' width='34' height='48' rx='5' fill='url(%23pkBack)' stroke='%235c141d' stroke-width='1.2'/%3E%3Crect x='104' y='50' width='26' height='40' rx='3' fill='none' stroke='%23f3ecd8' stroke-width='1' opacity='.5'/%3E%3Cpath d='M106 52 L128 88 M128 52 L106 88' stroke='%23f3ecd8' stroke-width='.9' opacity='.28'/%3E%3C/g%3E%3Cg transform='rotate(-9 84 78)'%3E%3Crect x='66' y='50' width='37' height='52' rx='5' fill='url(%23pkIvory)' stroke='%238a6a2c' stroke-width='1.2'/%3E%3Crect x='66' y='50' width='37' height='8' rx='5' fill='%23fff' opacity='.45'/%3E%3Cpath d='M84.5 62 C77.5 70 74 74.5 75.5 79.5 C77 84 83 84 84.5 79.5 C86 84 92 84 93.5 79.5 C95 74.5 91.5 70 84.5 62 Z' fill='url(%23pkPip)'/%3E%3Cpath d='M84.5 82 C83.7 86.5 82.2 89 80 91 H89 C86.8 89 85.3 86.5 84.5 82 Z' fill='url(%23pkPip)'/%3E%3Cpath d='M80 68 C77.5 71 76 74 76.8 77' fill='none' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.35'/%3E%3C/g%3E%3Cellipse cx='56' cy='116' rx='17' ry='4.5' fill='%23000' opacity='0.4'/%3E%3Cg%3E%3Cellipse cx='56' cy='112' rx='15' ry='6' fill='url(%23pkChipK)' stroke='%230c0a08' stroke-width='.8'/%3E%3Cellipse cx='56' cy='112' rx='15' ry='6' fill='none' stroke='%23f3ecd8' stroke-width='2.4' stroke-dasharray='4 5.8' opacity='.85'/%3E%3Cellipse cx='56' cy='106' rx='15' ry='6' fill='url(%23pkChipR)' stroke='%235c141d' stroke-width='.8'/%3E%3Cellipse cx='56' cy='106' rx='15' ry='6' fill='none' stroke='%23f3ecd8' stroke-width='2.4' stroke-dasharray='4 5.8' opacity='.85'/%3E%3Cellipse cx='56' cy='100' rx='15' ry='6' fill='url(%23pkChipG)' stroke='%236d5220' stroke-width='.8'/%3E%3Cellipse cx='56' cy='100' rx='15' ry='6' fill='none' stroke='%23fff' stroke-width='2.4' stroke-dasharray='4 5.8' opacity='.9'/%3E%3Cellipse cx='56' cy='98.6' rx='10.5' ry='4' fill='none' stroke='%23fdf3cd' stroke-width='1' opacity='.55'/%3E%3Ccircle cx='49' cy='97.4' r='1.6' fill='%23fff' opacity='0.85'/%3E%3C/g%3E%3C/svg%3E"); } /* ── 3 · Premium Floor Games (home) — emblem plates ───────────────── */ /* Replaces the six photo cards: the ChatGPT stock photos fought the emblem identity AND the aspect-square utility they relied on does not exist in the compiled CSS (cards collapsed to 44px, clipping the game name — the "SOLANA LIVE alone on a roulette photo" bug). Name-first hierarchy: game name is the serif display line, the category label is a small gold eyebrow above it. */ body.ov #home-screen .pf-card { appearance: none; -webkit-appearance: none; position: relative; aspect-ratio: 1 / 1; width: 100%; border-radius: 14px; padding: 14px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; text-align: left; font: inherit; color: var(--text); cursor: pointer; isolation: isolate; background: radial-gradient(120% 90% at 30% 18%, color-mix(in oklch, var(--pf-hue, var(--accent)) 16%, transparent) 0%, transparent 62%), linear-gradient(160deg, #1d1a16 0%, #131110 55%, #0c0b09 100%); border: 1px solid color-mix(in oklch, var(--border) 100%, var(--pf-hue, var(--accent)) 14%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -18px 30px -14px rgba(0, 0, 0, 0.6); transition: transform 200ms cubic-bezier(0.25, 1, 0.32, 1), border-color 200ms ease, box-shadow 200ms ease; } body.ov #home-screen .pf-card:hover { transform: translateY(-2px); border-color: color-mix(in oklch, var(--border) 100%, var(--pf-hue, var(--accent)) 42%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -18px 30px -14px rgba(0, 0, 0, 0.6), 0 6px 20px -6px color-mix(in oklch, var(--pf-hue, var(--accent)) 100%, transparent 75%); } body.ov #home-screen .pf-card:active { transform: scale(0.98); transition-duration: 80ms; } /* Category hue per card (tokens.css category palette) */ body.ov #home-screen .pf-card[data-hue="tables"] { --pf-hue: var(--cat-bord-hue); } body.ov #home-screen .pf-card[data-hue="slots"] { --pf-hue: var(--cat-slot-hue); } body.ov #home-screen .pf-card[data-hue="originals"] { --pf-hue: var(--cat-orig-hue); } body.ov #home-screen .pf-card[data-hue="gold"] { --pf-hue: var(--accent); } /* Emblem: motifs sit at ~62% of the 160px canvas width, so the -62% X-translate optically centers them on the plate. */ body.ov #home-screen .pf-card__emblem { position: absolute; top: 3%; left: 50%; width: 76%; aspect-ratio: 1 / 1; transform: translateX(-62%); background-repeat: no-repeat; background-size: contain; background-position: center; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.5)); pointer-events: none; z-index: 1; transition: transform 250ms cubic-bezier(0.25, 1, 0.32, 1); } body.ov #home-screen .pf-card:hover .pf-card__emblem { transform: translateX(-62%) translateY(-2px) scale(1.04); } body.ov #home-screen .pf-card__text { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 2px; padding-right: 24px; min-width: 0; } body.ov #home-screen .pf-card__text::before { content: ''; width: 28px; height: 1px; margin-bottom: 6px; background: linear-gradient(90deg, var(--accent), transparent); opacity: 0.6; } body.ov #home-screen .pf-card__cat { font-family: var(--font-body); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.22em; color: color-mix(in oklch, var(--pf-hue, var(--accent)) 60%, #cfc6b6); } body.ov #home-screen .pf-card__name { font-family: var(--font-display); font-size: clamp(17px, 4.4vw, 22px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.05; color: var(--text); } body.ov #home-screen .pf-card__arrow { position: absolute; right: 12px; bottom: 14px; z-index: 2; display: inline-flex; color: var(--muted); transition: color 200ms ease, transform 200ms cubic-bezier(0.25, 1, 0.32, 1); } body.ov #home-screen .pf-card:hover .pf-card__arrow { color: var(--accent-hi); transform: translateX(2px); } /* ── 4 · Reduced motion ───────────────────────────────────────────── */ @media (prefers-reduced-motion: reduce) { body.ov #games-screen.ov-games .ov-game-tile:hover .ov-game-tile__pattern, body.ov #home-screen .pf-card, body.ov #home-screen .pf-card:hover, body.ov #home-screen .pf-card:active, body.ov #home-screen .pf-card__emblem, body.ov #home-screen .pf-card:hover .pf-card__emblem, body.ov #home-screen .pf-card__arrow { transition: none; transform: none; } body.ov #home-screen .pf-card__emblem, body.ov #home-screen .pf-card:hover .pf-card__emblem { transform: translateX(-62%); } }