#game-wrapper[data-theme=classic]{--bg: #2e7d32;--nav-bg: rgba(0, 0, 0, .25);--accent: #ffd700;--text: #fff;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Cdefs%3E%3ClinearGradient id='gold' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23ffd700'/%3E%3Cstop offset='50%25' style='stop-color:%23ffed4a'/%3E%3Cstop offset='100%25' style='stop-color:%23d4a800'/%3E%3C/linearGradient%3E%3ClinearGradient id='velvet' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%231565c0'/%3E%3Cstop offset='50%25' style='stop-color:%230d47a1'/%3E%3Cstop offset='100%25' style='stop-color:%231565c0'/%3E%3C/linearGradient%3E%3Cpattern id='diamonds' x='0' y='0' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Crect width='14' height='14' fill='url(%23velvet)'/%3E%3Cpath d='M7 0 L14 7 L7 14 L0 7 Z' fill='none' stroke='%231976d2' stroke-width='0.5' opacity='0.4'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='70' height='100' rx='4' fill='url(%23diamonds)'/%3E%3Crect x='3' y='3' width='64' height='94' rx='3' fill='none' stroke='url(%23gold)' stroke-width='2'/%3E%3Crect x='6' y='6' width='58' height='88' rx='2' fill='none' stroke='url(%23gold)' stroke-width='0.5'/%3E%3Ccircle cx='10' cy='10' r='3' fill='url(%23gold)' opacity='0.6'/%3E%3Ccircle cx='60' cy='10' r='3' fill='url(%23gold)' opacity='0.6'/%3E%3Ccircle cx='10' cy='90' r='3' fill='url(%23gold)' opacity='0.6'/%3E%3Ccircle cx='60' cy='90' r='3' fill='url(%23gold)' opacity='0.6'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23ffd700'%3E%3Cpath d='M50 10 C45 15 40 22 40 28 C40 35 45 40 50 35 C55 40 60 35 60 28 C60 22 55 15 50 10' transform='translate(0,-5) scale(0.8)'/%3E%3Cpath d='M50 90 C45 85 40 75 40 68 A8 8 0 1 1 50 55 A8 8 0 1 1 60 68 C60 75 55 85 50 90 M50 90 L50 95' transform='translate(0,5) scale(0.8)'/%3E%3Cpath d='M15 50 L25 40 L35 50 L25 60 Z' transform='translate(-5,0) scale(0.9)'/%3E%3Cpath d='M85 50 C80 55 73 60 66 60 C59 60 54 55 59 50 C54 45 59 40 66 40 C73 40 80 45 85 50' transform='translate(5,0) scale(0.9)'/%3E%3C/g%3E%3C/svg%3E");background:radial-gradient(ellipse at 50% 0%,rgba(255,215,0,.08) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='felt'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23felt)' opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(180deg,#388e3c,#2e7d32 30%,#1b5e20)}#game-wrapper[data-theme=classic]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -10%,rgba(255,215,0,.12) 0%,transparent 40%);pointer-events:none;z-index:1}#game-wrapper[data-theme=classic] .card{border:1px solid rgba(255,215,0,.25);box-shadow:0 2px 4px #0003,0 4px 12px #00000026,0 0 1px #ffd70033;transition:all .25s cubic-bezier(.4,0,.2,1)}#game-wrapper[data-theme=classic] .card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #0000004d,0 0 20px #ffd70040,0 0 40px #ffd7001a;border-color:#ffd70080}#game-wrapper[data-theme=classic] .card[data-flipped=true]{background:linear-gradient(180deg,#fff,#f8f8f8)}#game-wrapper[data-theme=classic] .card.red{color:#c62828;text-shadow:0 1px 2px rgba(198,40,40,.2)}#game-wrapper[data-theme=classic] .card.black{color:#212121;text-shadow:0 1px 2px rgba(0,0,0,.15)}#game-wrapper[data-theme=classic] .slot{background:radial-gradient(circle at 50% 50%,#0000001a,#0003);border:2px solid rgba(255,215,0,.2);box-shadow:inset 0 2px 8px #00000026}#game-wrapper[data-theme=classic] .slot:hover{border-color:#ffd70066;box-shadow:inset 0 2px 8px #00000026,0 0 15px #ffd70026}#game-wrapper[data-theme=classic] #board{background:#0000001a;backdrop-filter:blur(2px);border-radius:12px}#game-wrapper[data-theme=ocean]{--bg: #001219;--nav-bg: rgba(0, 95, 115, .4);--accent: #94d2bd;--text: #e9d8a6;--card-back: url(/assets/themes/ocean-card-back.png);--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 90 Q20 70 30 50 Q25 30 50 15 Q75 30 70 50 Q80 70 50 90' fill='none' stroke='%2394d2bd' stroke-width='4'/%3E%3Cpath d='M50 15 Q40 40 50 70 M50 15 Q60 40 50 70' stroke='%2394d2bd' stroke-width='2' fill='none'/%3E%3C/svg%3E");background:url(/assets/themes/ocean-bg.png) no-repeat center center;background-size:cover;position:relative;overflow:hidden;perspective:1000px}#game-wrapper[data-theme=ocean]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(148,210,189,.15) 0%,transparent 70%);pointer-events:none;z-index:1}#game-wrapper[data-theme=ocean] .caustics-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/water.png);opacity:.15;pointer-events:none;z-index:2;animation:caustic_move 15s linear infinite;mix-blend-mode:overlay}@keyframes caustic_move{0%{background-position:0 0}to{background-position:500px 500px}}#game-wrapper[data-theme=ocean] .card{transition:transform .3s ease-out,box-shadow .3s ease-out;animation:underwater_sway 4s ease-in-out infinite alternate;box-shadow:0 4px 15px #0006}#game-wrapper[data-theme=ocean] .card:nth-child(2n){animation-delay:-1s}#game-wrapper[data-theme=ocean] .card:nth-child(3n){animation-delay:-2s}@keyframes underwater_sway{0%{transform:translateY(0) rotate(0) skew(0)}to{transform:translateY(3px) rotate(1deg) skew(1deg)}}#game-wrapper[data-theme=ocean] .card:hover{transform:translateY(-5px) scale(1.02)!important;box-shadow:0 8px 25px #94d2bd99!important}#game-wrapper[data-theme=ocean] .bubble{position:absolute;background:radial-gradient(circle at 30% 30%,#fff6,#ffffff1a);border-radius:50%;pointer-events:none;z-index:10;box-shadow:0 0 5px #fff3}#game-wrapper[data-theme=ocean] .marine-snow{position:absolute;width:2px;height:2px;background:#fff3;border-radius:50%;pointer-events:none;z-index:5}#game-wrapper[data-theme=ocean] .ripple{position:absolute;border:2px solid rgba(148,210,189,.4);border-radius:50%;pointer-events:none;z-index:100;transform:scale(0);animation:ripple_expand 1s ease-out forwards}@keyframes ripple_expand{to{transform:scale(4);opacity:0}}#game-wrapper[data-theme=ocean] #board{background:#0015244d;backdrop-filter:blur(4px);border-radius:20px;padding:20px;border:1px solid rgba(148,210,189,.1)}#game-wrapper[data-theme=ocean] .slot{background:#94d2bd0d;border-color:#94d2bd33}#game-wrapper[data-theme=ocean] .brand-text span{color:var(--accent)}#game-wrapper[data-theme=midnight]{--bg: #240b36;--nav-bg: rgba(255, 255, 255, .08);--accent: #d500f9;--text: #f3e5f5;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Cdefs%3E%3ClinearGradient id='night' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%234a148c'/%3E%3Cstop offset='50%25' style='stop-color:%23240b36'/%3E%3Cstop offset='100%25' style='stop-color:%236a1b9a'/%3E%3C/linearGradient%3E%3CradialGradient id='glow' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' style='stop-color:%23d500f9' stop-opacity='0.3'/%3E%3Cstop offset='100%25' style='stop-color:%23240b36' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='70' height='100' fill='url(%23night)'/%3E%3Crect width='70' height='100' fill='url(%23glow)'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='10' cy='15' r='1'/%3E%3Ccircle cx='25' cy='8' r='0.8'/%3E%3Ccircle cx='55' cy='12' r='1.2'/%3E%3Ccircle cx='60' cy='30' r='0.6'/%3E%3Ccircle cx='8' cy='45' r='1'/%3E%3Ccircle cx='40' cy='35' r='0.8'/%3E%3Ccircle cx='15' cy='70' r='1'/%3E%3Ccircle cx='50' cy='65' r='0.7'/%3E%3Ccircle cx='62' cy='55' r='1.1'/%3E%3Ccircle cx='30' cy='85' r='0.9'/%3E%3Ccircle cx='58' cy='80' r='1'/%3E%3Ccircle cx='45' cy='92' r='0.8'/%3E%3C/g%3E%3Cg fill='%23d500f9'%3E%3Ccircle cx='35' cy='50' r='2'/%3E%3Ccircle cx='20' cy='25' r='1.5'/%3E%3Ccircle cx='52' cy='75' r='1.5'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='3' fill='none' stroke='%23d500f9' stroke-width='1' opacity='0.4'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,5 61,40 95,40 68,60 79,95 50,75 21,95 32,60 5,40 39,40' fill='%23d500f9'/%3E%3Cpolygon points='50,25 55,42 73,42 59,52 64,70 50,60 36,70 41,52 27,42 45,42' fill='%23f3e5f5'/%3E%3C/svg%3E");background:radial-gradient(ellipse at 30% 20%,rgba(106,27,154,.4) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(74,20,140,.3) 0%,transparent 50%),radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 80px 50px,#fff,transparent),radial-gradient(1px 1px at 130px 90px,rgba(255,255,255,.7),transparent),linear-gradient(180deg,#1a0a2e,#240b36,#0f051a);background-size:100% 100%,100% 100%,150px 150px,150px 150px,150px 150px,150px 150px,100% 100%}#game-wrapper[data-theme=midnight]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 60%,rgba(213,0,249,.6) 0%,transparent 100%),radial-gradient(1px 1px at 70% 30%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(2px 2px at 90% 70%,rgba(213,0,249,.5) 0%,transparent 100%);background-size:200px 200px;animation:twinkle 3s ease-in-out infinite alternate;pointer-events:none;z-index:1}@keyframes twinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.6}}#game-wrapper[data-theme=midnight] .card{border:1px solid rgba(213,0,249,.35);box-shadow:0 4px 20px #d500f940,0 0 30px #d500f91a;background:linear-gradient(180deg,#240b36f2,#1a0a2ef2);transition:all .3s ease}#game-wrapper[data-theme=midnight] .card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 35px #d500f966,0 0 50px #d500f933,0 0 80px #6a1b9a26;border-color:#d500f999}#game-wrapper[data-theme=midnight] .card.red{color:#ff4081;text-shadow:0 0 8px rgba(255,64,129,.6)}#game-wrapper[data-theme=midnight] .card.black{color:#7c4dff;text-shadow:0 0 8px rgba(124,77,255,.6)}#game-wrapper[data-theme=midnight] .slot{background:radial-gradient(circle at 50% 50%,#d500f914,#d500f905);border:2px solid rgba(213,0,249,.25);box-shadow:inset 0 0 20px #d500f91a}#game-wrapper[data-theme=midnight] .slot:hover{border-color:#d500f980;box-shadow:inset 0 0 25px #d500f926,0 0 20px #d500f91a}#game-wrapper[data-theme=midnight] #board{background:#1a0a2e4d;backdrop-filter:blur(4px);border-radius:12px;border:1px solid rgba(213,0,249,.1)}#game-wrapper[data-theme=crimson]{--bg: #1a1a1a;--nav-bg: rgba(74, 4, 4, .4);--accent: #ffd700;--text: #fce4ec;--card-back: radial-gradient(circle at 20% 20%, rgba(136, 14, 79, .8) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(74, 4, 4, .9) 0%, transparent 50%), radial-gradient(circle at 50% 50%, #4a0404 0%, #2a0202 100%);--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='45' r='15' fill='%23880e4f'/%3E%3Ccircle cx='35' cy='50' r='12' fill='%23c2185b'/%3E%3Ccircle cx='65' cy='50' r='12' fill='%23c2185b'/%3E%3Ccircle cx='42' cy='35' r='10' fill='%23d81b60'/%3E%3Ccircle cx='58' cy='35' r='10' fill='%23d81b60'/%3E%3Crect x='48' y='60' width='4' height='30' fill='%232e7d32'/%3E%3C/svg%3E");background:url(/assets/themes/crimson-bg.png) no-repeat center center fixed;background-size:cover;position:relative;overflow:hidden}#game-wrapper[data-theme=crimson]:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3FfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3B/filter%3E%3Brect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3B/svg%3E");opacity:.03;pointer-events:none;z-index:10}#game-wrapper[data-theme=crimson] .card{border:1px solid rgba(255,215,0,.15);box-shadow:0 2px 4px #0006,0 8px 16px #0009,0 20px 40px #0006;transition:all .4s cubic-bezier(.165,.84,.44,1)}#game-wrapper[data-theme=crimson] .card[data-flipped=false]{background:var(--card-back);background-blend-mode:soft-light}#game-wrapper[data-theme=crimson] .card[data-flipped=false]:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0l2 18h18l-14 10 5 18-11-10-11 10 5-18-14-10h18z' fill='%23ffd700' fill-opacity='0.05'/%3E%3C/svg%3E");opacity:.4}#game-wrapper[data-theme=crimson] .rose-petal{position:absolute;width:12px;height:12px;background:radial-gradient(circle at 30% 30%,#ff5252,#880e4f);clip-path:ellipse(50% 40% at 50% 50%);pointer-events:none;z-index:100}@keyframes candle_flicker{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}#game-wrapper[data-theme=crimson]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 90%,rgba(255,120,0,.3),transparent 40%),radial-gradient(circle at 90% 90%,rgba(255,120,0,.3),transparent 40%);z-index:2;pointer-events:none;animation:candle_flicker 4s infinite ease-in-out}#game-wrapper[data-theme=crimson] #board{background:#1a1a1a80;backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,215,0,.1)}#game-wrapper[data-theme=crimson] .slot{background:#4a04041a;border:1px solid rgba(255,215,0,.2)}#game-wrapper[data-theme=space]{--bg: #000105;--nav-bg: rgba(0, 30, 60, .6);--accent: #00ffff;--text: #ffffff;--card-back: radial-gradient(circle at 30% 30%, rgba(255, 0, 150, .4) 0%, transparent 60%), radial-gradient(circle at 70% 70%, rgba(0, 255, 255, .4) 0%, transparent 60%), #0a0d25;--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='50' rx='25' ry='22' fill='%2300ffff' opacity='0.5'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='8' stroke='%23fff' stroke-width='2' fill='none' transform='rotate(-20 50 50)'/%3E%3C/svg%3E");background:radial-gradient(1px 1px at 20px 30px,#eee,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(ellipse at top,rgba(120,0,200,.4) 0%,transparent 60%),radial-gradient(ellipse at bottom,rgba(0,150,255,.3) 0%,transparent 60%),#000105;background-size:200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,100% 100%,100% 100%}#game-wrapper[data-theme=space] .card{border:1px solid rgba(0,255,255,.2);box-shadow:0 0 15px #00d4ff33;backdrop-filter:blur(2px)}#game-wrapper[data-theme=space] .slot{background:#00ffff0d;border:1px solid rgba(0,255,255,.3);box-shadow:inset 0 0 10px #00ffff1a}@keyframes star-flicker{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}#game-wrapper[data-theme=space]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at center,#fff,transparent);background-size:40px 40px;opacity:.15;animation:star-flicker 4s infinite ease-in-out;pointer-events:none}#game-wrapper[data-theme=garden]{--bg: #f0f8f0;--nav-bg: rgba(255, 255, 255, .7);--accent: #ffb7c5;--text: #5d4037;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Crect width='70' height='100' fill='%23ffc0cb'/%3E%3Cg fill='%23ffb7c5'%3E%3Ccircle cx='15' cy='20' r='12'/%3E%3Ccircle cx='55' cy='15' r='10'/%3E%3Ccircle cx='35' cy='45' r='14'/%3E%3Ccircle cx='12' cy='70' r='11'/%3E%3Ccircle cx='58' cy='65' r='13'/%3E%3Ccircle cx='30' cy='88' r='10'/%3E%3C/g%3E%3Cg fill='%23fff5e6'%3E%3Ccircle cx='15' cy='20' r='4'/%3E%3Ccircle cx='55' cy='15' r='3'/%3E%3Ccircle cx='35' cy='45' r='5'/%3E%3Ccircle cx='12' cy='70' r='4'/%3E%3Ccircle cx='58' cy='65' r='4'/%3E%3Ccircle cx='30' cy='88' r='3'/%3E%3C/g%3E%3Cg stroke='%23228b22' stroke-width='2' fill='none'%3E%3Cpath d='M15 32 Q20 40 35 45'/%3E%3Cpath d='M55 25 Q50 35 35 45'/%3E%3Cpath d='M35 59 Q25 65 12 70'/%3E%3Cpath d='M35 59 Q50 63 58 65'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='4' fill='none' stroke='%23fff5e6' stroke-width='2' opacity='0.6'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23ffb7c5'%3E%3Ccircle cx='50' cy='30' r='18'/%3E%3Ccircle cx='28' cy='50' r='18'/%3E%3Ccircle cx='72' cy='50' r='18'/%3E%3Ccircle cx='35' cy='72' r='18'/%3E%3Ccircle cx='65' cy='72' r='18'/%3E%3C/g%3E%3Ccircle cx='50' cy='52' r='12' fill='%23fff5e6'/%3E%3Ccircle cx='50' cy='52' r='6' fill='%23ffb7c5'/%3E%3C/svg%3E");background:radial-gradient(ellipse at 80% 10%,rgba(255,255,200,.4) 0%,transparent 50%),radial-gradient(circle at 30% 60%,rgba(255,183,197,.25) 0%,transparent 40%),linear-gradient(180deg,#f5fff5,#e8f5e9,#dcedc8)}#game-wrapper[data-theme=garden]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(3px 3px at 20% 40%,rgba(255,183,197,.6) 50%,transparent 100%),radial-gradient(2px 2px at 60% 20%,rgba(255,192,203,.5) 50%,transparent 100%),radial-gradient(4px 4px at 80% 70%,rgba(255,183,197,.6) 50%,transparent 100%),radial-gradient(2px 2px at 40% 80%,rgba(255,192,203,.5) 50%,transparent 100%);background-size:200px 200px;animation:petal-float 8s ease-in-out infinite alternate;pointer-events:none;z-index:1}@keyframes petal-float{0%{transform:translateY(0) translate(0);opacity:.6}50%{opacity:1}to{transform:translateY(-10px) translate(5px);opacity:.7}}#game-wrapper[data-theme=garden] .card{border:1px solid rgba(255,183,197,.5);box-shadow:0 4px 15px #8bc34a26,0 0 25px #ffb7c533;background:linear-gradient(180deg,#fffef9,#fff5f7);transition:all .3s ease}#game-wrapper[data-theme=garden] .card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #8bc34a40,0 0 40px #ffb7c559;border-color:#ffb7c5b3}#game-wrapper[data-theme=garden] .card.red{color:#c62828;text-shadow:0 1px 2px rgba(198,40,40,.15)}#game-wrapper[data-theme=garden] .card.black{color:#2e7d32;text-shadow:0 1px 2px rgba(46,125,50,.15)}#game-wrapper[data-theme=garden] .slot{background:#ffffff80;border:2px solid rgba(255,183,197,.4);box-shadow:inset 0 0 15px #ffb7c533}#game-wrapper[data-theme=garden] .slot:hover{border-color:#ffb7c5b3;box-shadow:inset 0 0 20px #ffb7c54d,0 0 15px #ffb7c526}#game-wrapper[data-theme=garden] #board{background:#fff6;backdrop-filter:blur(4px);border-radius:12px;border:1px solid rgba(255,183,197,.3)}#game-wrapper[data-theme=christmas]{--bg: #0a1f1c;--nav-bg: rgba(198, 40, 40, .5);--accent: #ffd700;--text: #fff;--card-back: linear-gradient(90deg, transparent 45%, #ffd700 45%, #ffd700 55%, transparent 55%), linear-gradient(0deg, transparent 45%, #ffd700 45%, #ffd700 55%, transparent 55%), repeating-linear-gradient(45deg, #d32f2f, #d32f2f 10px, #b71c1c 10px, #b71c1c 20px);--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 10 L50 90 M10 50 L90 50 M22 22 L78 78 M78 22 L22 78' stroke='%23fff' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='50' r='8' fill='%23ffd700'/%3E%3C/svg%3E");background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 20% 40%,rgba(255,255,255,.4) 2px,transparent 2px),radial-gradient(circle at 80% 60%,rgba(255,255,255,.6) 1.5px,transparent 1.5px),radial-gradient(circle at 50% -20%,rgba(255,215,0,.1) 0%,transparent 70%),linear-gradient(to bottom,#051014,#0a1f1c);background-size:100px 100px,150px 150px,200px 200px,100% 100%,100% 100%}#game-wrapper[data-theme=christmas] .card{border:2px solid #ffd700;box-shadow:0 4px 12px #00000080}#game-wrapper[data-theme=christmas] .card.red{color:#ff5252;text-shadow:0 0 5px rgba(255,82,82,.3)}#game-wrapper[data-theme=christmas] .card.black{color:#4caf50;text-shadow:0 0 5px rgba(76,175,80,.3)}#game-wrapper[data-theme=christmas] .slot{border:2px dashed rgba(255,215,0,.3);background:#c628280d}#game-wrapper[data-theme=vigilante]{--bg: #121212;--nav-bg: rgba(0, 0, 0, .6);--accent: #ffd700;--text: #e0e0e0;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Crect width='70' height='100' fill='%23121212'/%3E%3Cg fill='%231a1a1a'%3E%3Crect x='5' y='60' width='12' height='40'/%3E%3Crect x='20' y='50' width='10' height='50'/%3E%3Crect x='33' y='55' width='15' height='45'/%3E%3Crect x='52' y='45' width='13' height='55'/%3E%3C/g%3E%3Cg fill='%23ffd700' opacity='0.3'%3E%3Crect x='8' y='65' width='2' height='3'/%3E%3Crect x='12' y='70' width='2' height='3'/%3E%3Crect x='23' y='55' width='2' height='3'/%3E%3Crect x='36' y='60' width='2' height='3'/%3E%3Crect x='42' y='65' width='2' height='3'/%3E%3Crect x='55' y='50' width='2' height='3'/%3E%3Crect x='60' y='55' width='2' height='3'/%3E%3C/g%3E%3Cpath d='M35 25 Q25 32 15 25 Q22 40 15 55 Q25 45 35 55 Q45 45 55 55 Q48 40 55 25 Q45 32 35 25' fill='%23ffd700' opacity='0.15'/%3E%3Crect x='3' y='3' width='64' height='94' rx='2' fill='none' stroke='%23ffd700' stroke-width='1' opacity='0.3'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 20 Q25 35 5 20 Q20 50 5 80 Q25 60 50 80 Q75 60 95 80 Q80 50 95 20 Q75 35 50 20' fill='%23ffd700'/%3E%3Ccircle cx='50' cy='50' r='8' fill='%23121212'/%3E%3C/svg%3E");background:radial-gradient(circle at 30% 0%,rgba(255,255,0,.08) 0%,transparent 40%),linear-gradient(transparent 70%,#000c 70%,#000),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E"),radial-gradient(circle at 50% 50%,#1a1a1a,#121212)}#game-wrapper[data-theme=vigilante] .card{border:1px solid #333;box-shadow:0 4px 10px #000c;background:#1a1a1a}#game-wrapper[data-theme=vigilante] .slot{background:#ffd70005;border:1px solid #ffd7001a}#game-wrapper[data-theme=orchard]{--bg: #558b2f;--nav-bg: rgba(0, 0, 0, .2);--accent: #ffd54f;--text: #fff;--card-accent: #c62828;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Crect width='70' height='100' fill='%23c2a66b'/%3E%3Cg stroke='%238b7355' stroke-width='1' fill='none' opacity='0.4'%3E%3Cpath d='M0 10 L70 10 M0 20 L70 20 M0 30 L70 30 M0 40 L70 40 M0 50 L70 50 M0 60 L70 60 M0 70 L70 70 M0 80 L70 80 M0 90 L70 90'/%3E%3Cpath d='M10 0 L10 100 M25 0 L25 100 M40 0 L40 100 M55 0 L55 100'/%3E%3C/g%3E%3Cg%3E%3Cellipse cx='35' cy='50' rx='18' ry='22' fill='%23c62828'/%3E%3Cellipse cx='30' cy='40' rx='5' ry='4' fill='rgba(255,255,255,0.25)'/%3E%3Cpath d='M35 28 Q40 20 45 25' stroke='%234e342e' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='42' cy='24' rx='4' ry='3' fill='%23388e3c'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='3' fill='none' stroke='%238b7355' stroke-width='2' opacity='0.5'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 15 Q58 5 65 12' stroke='%234e342e' stroke-width='5' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='58' cy='10' rx='8' ry='5' fill='%23388e3c'/%3E%3Cellipse cx='50' cy='55' rx='35' ry='40' fill='%23c62828'/%3E%3Cellipse cx='38' cy='40' rx='10' ry='8' fill='rgba(255,255,255,0.3)'/%3E%3C/svg%3E");background:radial-gradient(circle at 80% 20%,rgba(255,241,118,.15) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E"),linear-gradient(to bottom,#689f38,#558b2f)}#game-wrapper[data-theme=orchard] .slot{background:#0000001a;border:2px solid rgba(255,213,79,.3);border-radius:12px}#game-wrapper[data-theme=orchard] .card{border:1px solid #33691e}#game-wrapper[data-theme=cyberpunk]{--bg: #0d0221;--nav-bg: rgba(0, 255, 255, .15);--accent: #00e5ff;--text: #ff00ff;--neon-pink: #ff00ff;--neon-blue: #00e5ff;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Crect width='70' height='100' fill='%230d0221'/%3E%3Cg stroke='%2300e5ff' stroke-width='0.5' fill='none' opacity='0.4'%3E%3Cpath d='M10 0 L10 30 L30 30 L30 50 M40 0 L40 20 L60 20 L60 40 M0 60 L20 60 L20 80 L40 80 M50 50 L50 70 L70 70 M0 40 L15 40 M55 80 L70 80'/%3E%3C/g%3E%3Cg fill='%2300e5ff'%3E%3Ccircle cx='10' cy='30' r='2'/%3E%3Ccircle cx='30' cy='50' r='2'/%3E%3Ccircle cx='40' cy='20' r='2'/%3E%3Ccircle cx='60' cy='40' r='2'/%3E%3Ccircle cx='20' cy='60' r='2'/%3E%3Ccircle cx='40' cy='80' r='2'/%3E%3Ccircle cx='50' cy='70' r='2'/%3E%3C/g%3E%3Cg fill='%23ff00ff'%3E%3Ccircle cx='35' cy='50' r='8' opacity='0.3'/%3E%3Ccircle cx='35' cy='50' r='4'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='2' fill='none' stroke='%23ff00ff' stroke-width='1' opacity='0.6'/%3E%3Crect x='6' y='6' width='58' height='88' rx='1' fill='none' stroke='%2300e5ff' stroke-width='0.5' opacity='0.4'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%2300e5ff' stroke-width='3'/%3E%3Ccircle cx='50' cy='50' r='8' fill='%23ff00ff'/%3E%3Cpath d='M50 5 L50 30 M50 70 L50 95 M5 50 L30 50 M70 50 L95 50' stroke='%2300e5ff' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='5' r='3' fill='%23ff00ff'/%3E%3Ccircle cx='50' cy='95' r='3' fill='%23ff00ff'/%3E%3Ccircle cx='5' cy='50' r='3' fill='%23ff00ff'/%3E%3Ccircle cx='95' cy='50' r='3' fill='%23ff00ff'/%3E%3C/svg%3E");background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px),linear-gradient(90deg,#ff000008,#00ff0005,#0000ff08),linear-gradient(0deg,transparent 24%,rgba(0,229,255,.08) 25%,rgba(0,229,255,.08) 26%,transparent 27%,transparent 74%,rgba(0,229,255,.08) 75%,rgba(0,229,255,.08) 76%,transparent 77%),linear-gradient(90deg,transparent 24%,rgba(0,229,255,.08) 25%,rgba(0,229,255,.08) 26%,transparent 27%,transparent 74%,rgba(0,229,255,.08) 75%,rgba(0,229,255,.08) 76%,transparent 77%),radial-gradient(ellipse at center,#0d0221,#050010);background-size:100% 100%,100% 100%,50px 50px,50px 50px,100% 100%}#game-wrapper[data-theme=cyberpunk]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,0,255,.1) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(0,229,255,.1) 0%,transparent 40%);pointer-events:none;z-index:1;animation:neon-pulse 4s ease-in-out infinite alternate}@keyframes neon-pulse{0%{opacity:.6}to{opacity:1}}#game-wrapper[data-theme=cyberpunk] .card{border:1px solid var(--neon-blue);box-shadow:0 0 10px #00e5ff66,0 0 20px #00e5ff33,inset 0 0 10px #00e5ff1a;background:linear-gradient(180deg,#0d0221f2,#050010f2);transition:all .3s cubic-bezier(.4,0,.2,1)}#game-wrapper[data-theme=cyberpunk] .card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 0 20px #00e5ff99,0 0 40px #00e5ff66,0 0 60px #f0f3,inset 0 0 15px #00e5ff33;border-color:var(--neon-pink)}#game-wrapper[data-theme=cyberpunk] .card.red{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 20px rgba(255,0,255,.5)}#game-wrapper[data-theme=cyberpunk] .card.black{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue),0 0 20px rgba(0,229,255,.5)}#game-wrapper[data-theme=cyberpunk] .slot{border:2px solid rgba(0,229,255,.3);box-shadow:inset 0 0 20px #00e5ff1a,0 0 10px #00e5ff1a;animation:neon-flicker 4s infinite;background:#00e5ff08}#game-wrapper[data-theme=cyberpunk] .slot:hover{border-color:var(--neon-pink);box-shadow:inset 0 0 25px #ff00ff26,0 0 20px #f0f3}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;border-color:#00e5ff66}20%,22%,24%,55%{opacity:.85;border-color:#00e5ff26}}#game-wrapper[data-theme=cyberpunk] #board{background:#0d022166;border:1px solid rgba(0,229,255,.1);border-radius:8px;box-shadow:0 0 30px #00e5ff1a}#game-wrapper[data-theme=pharaoh]{--bg: #c2b280;--nav-bg: rgba(212, 175, 55, .2);--accent: #d4af37;--text: #3e2723;--card-back: radial-gradient(circle at 30% 30%, #f9d976 0%, transparent 60%), radial-gradient(circle at 70% 70%, #d4af37 0%, transparent 60%), linear-gradient(135deg, #d4af37 0%, #a67c00 100%);--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='22' rx='18' ry='16' stroke='%233e2723' stroke-width='5' fill='none'/%3E%3Crect x='44' y='38' width='12' height='50' fill='%233e2723'/%3E%3Crect x='28' y='45' width='44' height='10' fill='%233e2723'/%3E%3C/svg%3E");background:#c2b280 url(/assets/themes/pharaoh-bg.png) no-repeat center bottom fixed;background-size:cover;position:relative;overflow:hidden}#game-wrapper[data-theme=pharaoh]:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20h10v10H20V20zm30 0h10v10H50V20zm30 0h10v10H80V20zM20 50h10v10H20V50zm30 0h10v10H50V50zm30 0h10v10H80V50zM20 80h10v10H20V80zm30 0h10v10H50V80zm30 0h10v10H80V80z' fill='%23d4af37' fill-opacity='0.05'/%3E%3C/svg%3E");opacity:.3;pointer-events:none;z-index:1}#game-wrapper[data-theme=pharaoh]:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:multiply;pointer-events:none;z-index:10}#game-wrapper[data-theme=pharaoh] #board{background:#c2b28066;backdrop-filter:blur(4px);border:1px solid rgba(212,175,55,.3);box-shadow:0 4px 30px #3e272333;position:relative;z-index:5}#game-wrapper[data-theme=pharaoh] .slot{background:#d4af370d;border:1px solid rgba(212,175,55,.2);border-radius:4px}#game-wrapper[data-theme=pharaoh] .card{border:1px solid rgba(212,175,55,.4);box-shadow:0 4px 8px #0000001a;transition:transform .2s cubic-bezier(.2,0,.2,1),box-shadow .3s ease}#game-wrapper[data-theme=pharaoh] .card:hover{box-shadow:0 0 15px #d4af3799;border-color:#d4af37;transform:translateY(-2px)}#game-wrapper[data-theme=pharaoh] .card[data-flipped=false]{background:var(--card-back);background-blend-mode:multiply}#game-wrapper[data-theme=pharaoh] .card.red{color:#c62828}#game-wrapper[data-theme=pharaoh] .card.black{color:#1a237e}#game-wrapper[data-theme=pharaoh] .sand-grain{position:absolute;width:2px;height:2px;background:#e3d3a3;pointer-events:none;z-index:100}#game-wrapper[data-theme=coffee]{--bg: #4e342e;--nav-bg: rgba(0, 0, 0, .3);--accent: #d7ccc8;--text: #efebe9;--card-back: repeating-linear-gradient(45deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(-45deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 1px, transparent 1px, transparent 4px), #5d4037;--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='50' rx='28' ry='38' fill='%234e342e' stroke='%23d7ccc8' stroke-width='2'/%3E%3Cpath d='M50 15 Q55 50 50 85' stroke='%23d7ccc8' stroke-width='3' fill='none'/%3E%3C/svg%3E");background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.05) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(to bottom right,#5d4037,#4e342e)}#game-wrapper[data-theme=coffee] .slot{background:#0003;border:1px dashed var(--accent)}#game-wrapper[data-theme=coffee] .card{border:1px solid #3e2723}#game-wrapper[data-theme=sherwood]{--bg: #1b5e20;--nav-bg: rgba(0, 0, 0, .4);--accent: #ffd54f;--text: #e8f5e9;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Crect width='70' height='100' fill='%231b5e20'/%3E%3Cg fill='%232e7d32'%3E%3Cpath d='M10 100 L10 60 L0 60 L15 40 L5 40 L20 20 L12 20 L25 0 L38 20 L30 20 L45 40 L35 40 L50 60 L40 60 L40 100 Z'/%3E%3Cpath d='M45 100 L45 70 L40 70 L50 55 L45 55 L55 40 L50 40 L60 25 L70 40 L65 40 L75 55 L70 55 L80 70 L75 70 L75 100 Z' transform='translate(-15,10)'/%3E%3C/g%3E%3Cg stroke='%23ffd54f' stroke-width='2' fill='none'%3E%3Cpath d='M20 30 L50 70'/%3E%3Cpath d='M50 30 L20 70'/%3E%3Ccircle cx='35' cy='50' r='8'/%3E%3C/g%3E%3Cg fill='%23ffd54f'%3E%3Cpath d='M18 28 L22 32 M22 28 L18 32'/%3E%3Cpath d='M48 68 L52 72 M52 68 L48 72'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='3' fill='none' stroke='%23ffd54f' stroke-width='1.5' opacity='0.4'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M15 15 L85 85 M85 15 L15 85' stroke='%23ffd54f' stroke-width='5' stroke-linecap='round'/%3E%3Cg fill='%23ffd54f'%3E%3Cpath d='M10 10 L25 15 L15 25 Z'/%3E%3Cpath d='M90 10 L75 15 L85 25 Z'/%3E%3Cpath d='M10 90 L25 85 L15 75 Z'/%3E%3Cpath d='M90 90 L75 85 L85 75 Z'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='10' fill='%231b5e20' stroke='%23ffd54f' stroke-width='2'/%3E%3C/svg%3E");background:linear-gradient(60deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.06'/%3E%3C/svg%3E"),linear-gradient(to bottom,#2e7d32,#1b5e20);background-size:200% 100%,100% 100%,100% 100%}#game-wrapper[data-theme=sherwood] .card{border:1px solid #144318;box-shadow:2px 2px 5px #0000004d}#game-wrapper[data-theme=sherwood] .slot{border:2px solid rgba(255,213,79,.2);background:#0000001a}#game-wrapper[data-theme=royal]{--bg: #311b92;--nav-bg: rgba(255, 215, 0, .12);--accent: #ffd700;--text: #fff;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Cdefs%3E%3ClinearGradient id='royal' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%234527a0'/%3E%3Cstop offset='50%25' style='stop-color:%23311b92'/%3E%3Cstop offset='100%25' style='stop-color:%234527a0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='70' height='100' fill='url(%23royal)'/%3E%3Cg fill='%23ffd700' opacity='0.15'%3E%3Cpath d='M0 0 L15 0 L0 15 Z'/%3E%3Cpath d='M70 0 L55 0 L70 15 Z'/%3E%3Cpath d='M0 100 L15 100 L0 85 Z'/%3E%3Cpath d='M70 100 L55 100 L70 85 Z'/%3E%3C/g%3E%3Cg fill='%23ffd700'%3E%3Cpath d='M20 55 L20 40 L30 48 L35 35 L40 48 L50 40 L50 55 Z'/%3E%3Crect x='20' y='55' width='30' height='6' rx='1'/%3E%3Ccircle cx='20' cy='40' r='3'/%3E%3Ccircle cx='35' cy='35' r='4'/%3E%3Ccircle cx='50' cy='40' r='3'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='3' fill='none' stroke='%23ffd700' stroke-width='2' opacity='0.5'/%3E%3Crect x='8' y='8' width='54' height='84' rx='2' fill='none' stroke='%23ffd700' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M15 70 L15 40 L35 55 L50 25 L65 55 L85 40 L85 70 Z' fill='%23ffd700'/%3E%3Crect x='15' y='70' width='70' height='12' rx='2' fill='%23ffd700'/%3E%3Ccircle cx='15' cy='40' r='6' fill='%23ffd700'/%3E%3Ccircle cx='50' cy='25' r='8' fill='%23ffd700'/%3E%3Ccircle cx='85' cy='40' r='6' fill='%23ffd700'/%3E%3Ccircle cx='50' cy='25' r='4' fill='%23311b92'/%3E%3C/svg%3E");background:radial-gradient(ellipse at 50% -20%,rgba(255,215,0,.2) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='velvet'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23velvet)' opacity='0.03'/%3E%3C/svg%3E"),linear-gradient(180deg,#4527a0,#311b92 40%,#1a0a5b)}#game-wrapper[data-theme=royal]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.15) 0%,transparent 40%),radial-gradient(circle at 20% 60%,rgba(255,215,0,.05) 0%,transparent 30%),radial-gradient(circle at 80% 40%,rgba(255,215,0,.05) 0%,transparent 30%);pointer-events:none;z-index:1;animation:shimmer 6s ease-in-out infinite alternate}@keyframes shimmer{0%{opacity:.7}to{opacity:1}}#game-wrapper[data-theme=royal] .card{border:1px solid rgba(255,215,0,.35);box-shadow:0 4px 20px #ffd70033,0 0 30px #ffd70014;background:linear-gradient(180deg,#4527a0f2,#311b92f2);transition:all .3s ease}#game-wrapper[data-theme=royal] .card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 35px #ffd70059,0 0 50px #ffd70026;border-color:#ffd70099}#game-wrapper[data-theme=royal] .card.red{color:#ff6b6b;text-shadow:0 1px 3px rgba(255,107,107,.4)}#game-wrapper[data-theme=royal] .card.black{color:#212121;text-shadow:0 1px 2px rgba(0,0,0,.3)}#game-wrapper[data-theme=royal] .slot{background:radial-gradient(circle at 50% 50%,#ffd70014,#ffd70005);border:2px solid rgba(255,215,0,.25);box-shadow:inset 0 0 20px #ffd7000d}#game-wrapper[data-theme=royal] .slot:hover{border-color:#ffd70080;box-shadow:inset 0 0 25px #ffd7001a,0 0 15px #ffd7001a}#game-wrapper[data-theme=royal] #board{background:#311b924d;backdrop-filter:blur(4px);border-radius:12px;border:1px solid rgba(255,215,0,.1)}#game-wrapper[data-theme=glacier]{--bg: #e0f7fa;--nav-bg: rgba(255, 255, 255, .5);--accent: #00bcd4;--text: #006064;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Cdefs%3E%3ClinearGradient id='ice' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%234dd0e1'/%3E%3Cstop offset='50%25' style='stop-color:%2300bcd4'/%3E%3Cstop offset='100%25' style='stop-color:%234dd0e1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='70' height='100' fill='url(%23ice)'/%3E%3Cg stroke='%23fff' stroke-width='1.5' fill='none' opacity='0.6'%3E%3Cpath d='M35 10 L35 90'/%3E%3Cpath d='M10 50 L60 50'/%3E%3Cpath d='M20 25 L50 75'/%3E%3Cpath d='M50 25 L20 75'/%3E%3Cpath d='M35 10 L30 20 M35 10 L40 20'/%3E%3Cpath d='M35 90 L30 80 M35 90 L40 80'/%3E%3Cpath d='M10 50 L20 45 M10 50 L20 55'/%3E%3Cpath d='M60 50 L50 45 M60 50 L50 55'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='0.8'%3E%3Cpolygon points='35,10 32,18 38,18'/%3E%3Cpolygon points='35,90 32,82 38,82'/%3E%3Cpolygon points='10,50 18,47 18,53'/%3E%3Cpolygon points='60,50 52,47 52,53'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='3' fill='none' stroke='%23fff' stroke-width='2' opacity='0.5'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 5 L50 95 M5 50 L95 50 M20 20 L80 80 M80 20 L20 80' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3Cg fill='%23fff'%3E%3Cpolygon points='50,5 45,15 55,15'/%3E%3Cpolygon points='50,95 45,85 55,85'/%3E%3Cpolygon points='5,50 15,45 15,55'/%3E%3Cpolygon points='95,50 85,45 85,55'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='8' fill='%2300bcd4'/%3E%3C/svg%3E");background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.6) 0%,transparent 40%),radial-gradient(circle at 30% 80%,rgba(0,188,212,.15) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='frost'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23frost)' opacity='0.05'/%3E%3C/svg%3E"),linear-gradient(180deg,#b2ebf2,#e0f7fa 30%,#80deea)}#game-wrapper[data-theme=glacier]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 60% 20%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(2px 2px at 40% 70%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 80% 60%,rgba(255,255,255,.7) 0%,transparent 100%);background-size:150px 150px;animation:sparkle 4s ease-in-out infinite alternate;pointer-events:none;z-index:1}@keyframes sparkle{0%{opacity:.5}50%{opacity:1}to{opacity:.6}}#game-wrapper[data-theme=glacier] .card{border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 20px #00bcd433,0 0 30px #ffffff4d,inset 0 0 20px #ffffff1a;background:linear-gradient(180deg,#fffffff2,#e0f7faf2);backdrop-filter:blur(4px);transition:all .3s ease}#game-wrapper[data-theme=glacier] .card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 35px #00bcd459,0 0 50px #ffffff80;border-color:#00bcd480}#game-wrapper[data-theme=glacier] .card.red{color:#c62828;text-shadow:0 1px 2px rgba(198,40,40,.2)}#game-wrapper[data-theme=glacier] .card.black{color:#0d47a1;text-shadow:0 1px 2px rgba(13,71,161,.2)}#game-wrapper[data-theme=glacier] .slot{background:#fff6;border:2px solid rgba(0,188,212,.35);box-shadow:inset 0 0 20px #ffffff80;backdrop-filter:blur(4px)}#game-wrapper[data-theme=glacier] .slot:hover{border-color:#00bcd499;box-shadow:inset 0 0 25px #fff9,0 0 15px #00bcd433}#game-wrapper[data-theme=glacier] #board{background:#ffffff4d;backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.5)}#game-wrapper[data-theme=magma]{--bg: #1b1e23;--nav-bg: rgba(255, 87, 34, .3);--accent: #ff5722;--text: #f4eed7;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Cdefs%3E%3ClinearGradient id='lava' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23ff5722'/%3E%3Cstop offset='50%25' style='stop-color:%23e64a19'/%3E%3Cstop offset='100%25' style='stop-color:%23bf360c'/%3E%3C/linearGradient%3E%3CradialGradient id='ember' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' style='stop-color:%23ffeb3b'/%3E%3Cstop offset='100%25' style='stop-color:%23ff5722'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='70' height='100' fill='%231b1e23'/%3E%3Cpath d='M0 20 Q15 25 20 40 Q25 55 15 70 Q10 85 0 100 L0 20' fill='url(%23lava)' opacity='0.8'/%3E%3Cpath d='M70 10 Q55 30 60 50 Q65 70 55 85 Q50 95 70 100 L70 10' fill='url(%23lava)' opacity='0.8'/%3E%3Cpath d='M25 0 Q35 20 30 40 Q25 60 35 80 Q40 95 30 100' stroke='%23ff9800' stroke-width='2' fill='none' opacity='0.6'/%3E%3Cpath d='M45 0 Q40 25 50 45 Q55 65 45 85 Q40 95 50 100' stroke='%23ff9800' stroke-width='2' fill='none' opacity='0.6'/%3E%3Ccircle cx='35' cy='50' r='12' fill='url(%23ember)' opacity='0.7'/%3E%3Crect x='4' y='4' width='62' height='92' rx='3' fill='none' stroke='%23ff5722' stroke-width='1.5' opacity='0.5'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 10 Q70 30 60 50 Q80 45 70 70 Q75 85 50 90 Q25 85 30 70 Q20 45 40 50 Q30 30 50 10' fill='%23ff5722'/%3E%3Cpath d='M50 35 Q58 45 55 60 Q60 70 50 75 Q40 70 45 60 Q42 45 50 35' fill='%23ffeb3b'/%3E%3C/svg%3E");background:#1b1e23;position:relative;overflow:hidden}#game-wrapper[data-theme=magma] .fireplace{width:320px;height:320px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:flex-end;pointer-events:none;z-index:1}#game-wrapper[data-theme=magma] .fireplace__flame_big,#game-wrapper[data-theme=magma] .fireplace__flame{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:linear-gradient(0deg,#ecdd42 10%,#edae34 15%,#ed6434 50%,#fa4708 59%)}#game-wrapper[data-theme=magma] .fireplace__flame_big{height:250px;width:180px;z-index:2;opacity:1;animation:burn_alt 2.5s linear infinite}#game-wrapper[data-theme=magma] .fireplace__flame{height:200px;width:140px;z-index:4;opacity:.85;animation:burn 1.5s linear infinite}#game-wrapper[data-theme=magma] .blur{filter:blur(1px);position:absolute;bottom:0;left:0;right:0;height:100%;display:flex;justify-content:center;align-items:flex-end}#game-wrapper[data-theme=magma] .blur.fix{z-index:3}#game-wrapper[data-theme=magma] .fireplace__log{background:linear-gradient(#e66465,#5d5e55);height:80px;width:16px;position:absolute;bottom:20px;border-radius:8px;transform-origin:bottom center;box-shadow:0 0 3px #00000080;z-index:5}#game-wrapper[data-theme=magma] .fireplace__log:after{content:"";display:block;background:#ff915b;width:100%;height:16px;border-radius:16px;transform-origin:top center;transform:scaleY(.5)}#game-wrapper[data-theme=magma] .fireplace__log:nth-of-type(1){left:70px;transform:rotate(45deg)}#game-wrapper[data-theme=magma] .fireplace__log:nth-of-type(2){left:100px;transform:rotate(25deg)}#game-wrapper[data-theme=magma] .fireplace__log:nth-of-type(3){left:130px;transform:rotate(5deg)}#game-wrapper[data-theme=magma] .fireplace__log:nth-of-type(4){left:150px;transform:rotate(-5deg)}#game-wrapper[data-theme=magma] .fireplace__log:nth-of-type(5){left:180px;transform:rotate(-15deg)}#game-wrapper[data-theme=magma] .fireplace__log:nth-of-type(6){left:210px;transform:rotate(-35deg)}#game-wrapper[data-theme=magma] .fireplace__log:nth-of-type(7){left:240px;transform:rotate(-45deg)}#game-wrapper[data-theme=magma] .fireplace__spark{position:absolute;height:2px;width:2px;border-radius:50%;background:#fc0;z-index:10;pointer-events:none;box-shadow:0 0 2px #fc0c}#game-wrapper[data-theme=magma] .fireplace__light{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,150,50,.6) 0%,rgba(255,100,0,.3) 40%,transparent 70%);position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:0;animation:light_pulse 2s ease-in-out infinite}@keyframes light_pulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.05)}}@keyframes burn{0%{clip-path:polygon(48% 97%,42% 97%,37% 93%,31% 92%,28% 88%,26% 81%,29% 84%,34% 84%,33% 79%,30% 74%,31% 67%,34% 57%,34% 65%,39% 71%,43% 65%,43% 55%,40% 45%,48% 59%,49% 69%,51% 76%,55% 71%,54% 65%,54% 58%,58% 64%,61% 72%,57% 92%,61% 97%,64% 98%,66% 95%,64% 93%,57% 96%,54% 93%,48% 97%)}25%{clip-path:polygon(49% 97%,41% 97%,35% 92%,33% 86%,34% 80%,30% 74%,34% 77%,38% 81%,38% 78%,36% 72%,35% 67%,37% 61%,37% 54%,39% 61%,39% 67%,43% 63%,43% 58%,45% 44%,44% 58%,48% 66%,51% 67%,51% 59%,54% 67%,56% 72%,57% 79%,59% 77%,60% 71%,61% 77%,61% 83%,60% 89%,61% 94%,57% 97%,52% 98%)}50%{clip-path:polygon(46% 97%,39% 96%,35% 89%,36% 84%,34% 77%,30% 73%,30% 65%,30% 70%,35% 75%,38% 68%,37% 61%,40% 53%,41% 42%,42% 56%,44% 65%,50% 67%,51% 57%,53% 68%,52% 74%,51% 81%,55% 78%,57% 72%,58% 79%,57% 85%,55% 88%,60% 87%,63% 82%,63% 89%,59% 94%,55% 98%,51% 92%,50% 99%,45% 96%)}75%{clip-path:polygon(45% 97%,38% 97%,33% 93%,31% 87%,31% 81%,29% 76%,25% 69%,29% 61%,30% 69%,35% 71%,35% 62%,34% 54%,38% 45%,38% 54%,43% 62%,47% 57%,48% 49%,44% 38%,50% 46%,53% 60%,54% 71%,53% 79%,59% 76%,60% 66%,64% 73%,63% 79%,59% 85%,64% 90%,68% 84%,68% 92%,60% 97%,53% 98%,48% 99%)}to{clip-path:polygon(48% 97%,42% 97%,37% 93%,31% 92%,28% 88%,26% 81%,29% 84%,34% 84%,33% 79%,30% 74%,31% 67%,34% 57%,34% 65%,39% 71%,43% 65%,43% 55%,40% 45%,48% 59%,49% 69%,51% 76%,55% 71%,54% 65%,54% 58%,58% 64%,61% 72%,57% 92%,61% 97%,64% 98%,66% 95%,64% 93%,57% 96%,54% 93%,48% 97%)}}@keyframes burn_alt{0%,to{clip-path:polygon(48% 97%,43% 97%,38% 97%,34% 94%,33% 91%,32% 87%,29% 83%,26% 80%,21% 75%,20% 71%,20% 66%,20% 59%,20% 65%,24% 68%,28% 67%,28% 62%,25% 60%,21% 52%,21% 43%,24% 32%,23% 39%,24% 46%,28% 48%,33% 44%,33% 39%,31% 32%,28% 23%,30% 14%,31% 22%,35% 28%,39% 28%,41% 25%,40% 21%,39% 13%,41% 6%,42% 15%,45% 23%,49% 25%,52% 22%,51% 13%,54% 21%,56% 29%,53% 35%,50% 41%,53% 46%,58% 46%,60% 39%,60% 34%,64% 39%,65% 45%,63% 51%,61% 56%,64% 61%,68% 59%,71% 55%,73% 48%,73% 40%,76% 48%,77% 56%,76% 62%,74% 66%,69% 71%,71% 74%,75% 74%,79% 71%,81% 65%,82% 72%,81% 77%,77% 82%,73% 86%,73% 89%,78% 89%,82% 85%,81% 91%,78% 95%,72% 97%,65% 98%,59% 98%,53% 99%,47% 97%)}25%{clip-path:polygon(44% 100%,39% 100%,35% 99%,32% 99%,27% 97%,24% 95%,21% 92%,19% 89%,18% 86%,16% 83%,16% 79%,17% 73%,18% 68%,17% 64%,12% 60%,13% 52%,16% 45%,18% 40%,17% 47%,17% 53%,21% 57%,26% 59%,29% 56%,30% 48%,28% 45%,25% 38%,25% 33%,27% 23%,29% 15%,28% 23%,29% 31%,32% 38%,36% 49%,39% 52%,40% 59%,41% 64%,47% 66%,52% 64%,50% 56%,47% 48%,47% 42%,51% 34%,53% 29%,51% 40%,53% 46%,55% 52%,59% 54%,62% 53%,64% 49%,63% 43%,67% 46%,68% 54%,67% 60%,64% 65%,63% 71%,66% 75%,71% 77%,75% 75%,76% 68%,78% 72%,79% 76%,77% 80%,73% 82%,72% 86%,77% 88%,82% 87%,84% 81%,84% 88%,83% 92%,77% 96%,73% 99%,68% 99%,62% 98%,57% 100%,53% 100%,50% 94%,44% 93%)}50%{clip-path:polygon(44% 99%,41% 99%,35% 98%,29% 97%,24% 93%,21% 86%,20% 80%,16% 74%,16% 64%,16% 71%,21% 75%,25% 72%,25% 65%,22% 59%,19% 53%,19% 44%,21% 52%,25% 59%,29% 57%,29% 51%,26% 44%,26% 38%,30% 32%,31% 26%,30% 18%,34% 25%,33% 35%,33% 44%,34% 50%,39% 53%,44% 52%,45% 49%,44% 44%,42% 38%,44% 33%,48% 26%,45% 35%,47% 41%,50% 44%,51% 52%,49% 60%,48% 65%,53% 69%,58% 65%,57% 59%,58% 51%,62% 41%,66% 40%,64% 47%,61% 58%,63% 66%,66% 68%,70% 67%,72% 62%,73% 57%,71% 48%,75% 53%,79% 57%,79% 64%,76% 70%,72% 75%,70% 78%,74% 80%,78% 79%,82% 76%,84% 71%,85% 66%,84% 62%,88% 67%,89% 72%,89% 79%,87% 83%,84% 89%,81% 93%,76% 97%,69% 98%,60% 99%,54% 99%,48% 100%,45% 97%)}75%{clip-path:polygon(38% 100%,34% 99%,28% 96%,25% 93%,23% 89%,19% 85%,18% 79%,21% 74%,24% 68%,24% 62%,22% 55%,20% 50%,24% 53%,28% 61%,31% 68%,36% 68%,38% 69%,43% 67%,41% 59%,35% 54%,33% 46%,35% 39%,41% 32%,41% 26%,38% 17%,42% 21%,46% 29%,46% 39%,43% 45%,43% 51%,47% 55%,52% 56%,55% 54%,55% 49%,54% 42%,52% 34%,59% 43%,61% 51%,60% 58%,58% 63%,65% 68%,69% 67%,72% 63%,72% 57%,71% 51%,76% 39%,73% 50%,77% 56%,81% 55%,82% 49%,84% 59%,79% 69%,72% 74%,69% 76%,71% 81%,77% 81%,81% 77%,84% 70%,87% 75%,86% 81%,84% 84%,81% 87%,81% 91%,79% 94%,77% 96%,74% 97%,71% 95%,68% 96%,67% 99%,63% 100%,55% 100%,50% 100%,44% 100%)}}#game-wrapper[data-theme=magma] .card:hover{box-shadow:0 0 10px #ff6400cc,0 -5px 20px #ff500099,0 -10px 30px #ff3c0066!important;transform:translateY(-3px);z-index:1000}#game-wrapper[data-theme=magma] .card.back{animation:card-glow 2s ease-in-out infinite}@keyframes card-glow{0%,to{box-shadow:0 0 5px #ff64004d}50%{box-shadow:0 0 15px #ff640099,0 0 25px #ff3c004d}}#game-wrapper[data-theme=magma] .foundation.empty-grip{border-color:#ff640080;animation:foundation-glow 2.5s ease-in-out infinite}@keyframes foundation-glow{0%,to{box-shadow:inset 0 0 10px #ff640033;border-color:#ff640066}50%{box-shadow:inset 0 0 20px #ff640066;border-color:#ff6400b3}}#game-wrapper[data-theme=magma] .brand-text,#game-wrapper[data-theme=magma] #score{text-shadow:0 0 10px rgba(255,100,0,.5)}#game-wrapper[data-theme=blueprint]{--bg: #1565c0;--nav-bg: rgba(255, 255, 255, .15);--accent: #fff;--text: #fff;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Crect width='70' height='100' fill='%230d47a1'/%3E%3Cg stroke='%231565c0' stroke-width='0.5' fill='none'%3E%3Cpath d='M0 10 L70 10 M0 20 L70 20 M0 30 L70 30 M0 40 L70 40 M0 50 L70 50 M0 60 L70 60 M0 70 L70 70 M0 80 L70 80 M0 90 L70 90'/%3E%3Cpath d='M10 0 L10 100 M20 0 L20 100 M30 0 L30 100 M40 0 L40 100 M50 0 L50 100 M60 0 L60 100'/%3E%3C/g%3E%3Cg stroke='%23fff' stroke-width='1' fill='none' opacity='0.6'%3E%3Crect x='15' y='25' width='40' height='50'/%3E%3Cpath d='M15 75 L35 35 L55 75'/%3E%3Ccircle cx='35' cy='50' r='12'/%3E%3Ccircle cx='35' cy='50' r='6'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='2' fill='none' stroke='%23fff' stroke-width='1.5' opacity='0.5'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='20' y='20' width='60' height='60' stroke='%23fff' stroke-width='3' fill='none'/%3E%3Cpath d='M20 80 L50 15 L80 80' stroke='%23fff' stroke-width='3' fill='none'/%3E%3Ccircle cx='50' cy='50' r='15' stroke='%23fff' stroke-width='2' fill='none'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23fff'/%3E%3C/svg%3E");background-image:radial-gradient(#fff 1px,transparent 1px);background-size:20px 20px}#game-wrapper[data-theme=blueprint] .card{border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #0000004d}#game-wrapper[data-theme=blueprint] .card:hover{box-shadow:0 6px 18px #fff3}#game-wrapper[data-theme=blueprint] .slot{background:#ffffff1a;border:2px dashed rgba(255,255,255,.4)}#game-wrapper[data-theme=sweet]{--bg: #f8bbd0;--nav-bg: rgba(255, 255, 255, .7);--accent: #ec407a;--text: #880e4f;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Crect width='70' height='100' fill='%23f8bbd0'/%3E%3Cg fill='%23f48fb1'%3E%3Ccircle cx='15' cy='15' r='10'/%3E%3Ccircle cx='55' cy='25' r='12'/%3E%3Ccircle cx='25' cy='50' r='14'/%3E%3Ccircle cx='50' cy='60' r='10'/%3E%3Ccircle cx='15' cy='80' r='11'/%3E%3Ccircle cx='55' cy='85' r='9'/%3E%3C/g%3E%3Cg fill='%23ec407a' opacity='0.6'%3E%3Ccircle cx='35' cy='30' r='8'/%3E%3Ccircle cx='45' cy='75' r='7'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='0.5'%3E%3Ccircle cx='15' cy='12' r='3'/%3E%3Ccircle cx='55' cy='22' r='4'/%3E%3Ccircle cx='25' cy='47' r='4'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='4' fill='none' stroke='%23ec407a' stroke-width='2' opacity='0.6'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='35' r='30' fill='%23fff' stroke='%23ec407a' stroke-width='4'/%3E%3Cpath d='M35 25 Q50 15 65 25 Q55 35 50 35 Q45 35 35 25' fill='%23ec407a'/%3E%3Cpath d='M35 45 Q50 55 65 45' stroke='%23ec407a' stroke-width='3' fill='none'/%3E%3Crect x='47' y='65' width='6' height='28' rx='3' fill='%23ec407a'/%3E%3Ccircle cx='50' cy='35' r='8' fill='%23f48fb1'/%3E%3C/svg%3E");background:radial-gradient(circle at 25% 25%,rgba(236,64,122,.25) 0%,transparent 40%),radial-gradient(circle at 75% 75%,rgba(244,143,177,.3) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='sugar'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23sugar)' opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(180deg,#fce4ec,#f8bbd0,#f48fb1)}#game-wrapper[data-theme=sweet]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 15% 35%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(3px 3px at 55% 15%,rgba(255,255,255,.8) 50%,transparent 100%),radial-gradient(2px 2px at 85% 55%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(2px 2px at 35% 85%,rgba(255,255,255,.7) 50%,transparent 100%);background-size:180px 180px;animation:sugar-sparkle 3s ease-in-out infinite alternate;pointer-events:none;z-index:1}@keyframes sugar-sparkle{0%{opacity:.4}50%{opacity:1}to{opacity:.5}}#game-wrapper[data-theme=sweet] .card{border:1px solid rgba(236,64,122,.3);box-shadow:0 4px 15px #ec407a26,0 0 25px #f48fb133;background:linear-gradient(180deg,#fff,#fce4ec);border-radius:8px;transition:all .3s ease}#game-wrapper[data-theme=sweet] .card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #ec407a40,0 0 40px #f48fb159;border-color:#ec407a80}#game-wrapper[data-theme=sweet] .card.red{color:#c62828;text-shadow:0 1px 2px rgba(198,40,40,.2)}#game-wrapper[data-theme=sweet] .card.black{color:#880e4f;text-shadow:0 1px 2px rgba(136,14,79,.2)}#game-wrapper[data-theme=sweet] .slot{background:#ffffff80;border:2px solid rgba(236,64,122,.3);box-shadow:inset 0 0 15px #f48fb133;border-radius:8px}#game-wrapper[data-theme=sweet] .slot:hover{border-color:#ec407a80;box-shadow:inset 0 0 20px #f48fb14d,0 0 15px #ec407a1a}#game-wrapper[data-theme=sweet] #board{background:#ffffff59;backdrop-filter:blur(4px);border-radius:12px;border:1px solid rgba(244,143,177,.3)}#game-wrapper[data-theme=sweet] .theme-btn.active{box-shadow:0 0 20px #f48fb1}#game-wrapper[data-theme=contrast]{--bg: #000;--nav-bg: #222;--accent: #ffeb3b;--text: #fff;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Crect width='70' height='100' fill='%23222'/%3E%3Cg fill='%23444'%3E%3Crect x='0' y='0' width='35' height='50'/%3E%3Crect x='35' y='50' width='35' height='50'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='0.1'%3E%3Ccircle cx='17.5' cy='25' r='12'/%3E%3Ccircle cx='52.5' cy='75' r='12'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='2' fill='none' stroke='%23ffeb3b' stroke-width='2'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='%23fff'/%3E%3Cpath d='M50 10 A40 40 0 0 1 50 90 A20 20 0 0 1 50 50 A20 20 0 0 0 50 10' fill='%23000'/%3E%3Ccircle cx='50' cy='30' r='8' fill='%23fff'/%3E%3Ccircle cx='50' cy='70' r='8' fill='%23000'/%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23ffeb3b' stroke-width='2'/%3E%3C/svg%3E")}#game-wrapper[data-theme=contrast] .card{border:2px solid #fff;box-shadow:0 4px 12px #fff3}#game-wrapper[data-theme=contrast] .card:hover{box-shadow:0 6px 18px #ffeb3b66;border-color:#ffeb3b}#game-wrapper[data-theme=contrast] .slot{background:#ffffff1a;border:3px dashed rgba(255,255,255,.5)}#game-wrapper[data-theme=moon]{--bg: #0b0d17;--nav-bg: rgba(20, 24, 35, .6);--accent: #d1d9e6;--text: #f0f4f8;--card-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100'%3E%3Cdefs%3E%3ClinearGradient id='lunar' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%238e9aaf'/%3E%3Cstop offset='100%25' style='stop-color:%234a576d'/%3E%3C/linearGradient%3E%3CradialGradient id='earthlight' cx='80%25' cy='10%25' r='40%25'%3E%3Cstop offset='0%25' style='stop-color:%234a90d9' stop-opacity='0.3'/%3E%3Cstop offset='100%25' style='stop-color:%234a576d' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='70' height='100' fill='url(%23lunar)'/%3E%3Crect width='70' height='100' fill='url(%23earthlight)'/%3E%3Cg fill='%234a576d' opacity='0.4'%3E%3Cellipse cx='15' cy='25' rx='8' ry='6'/%3E%3Cellipse cx='55' cy='40' rx='12' ry='10'/%3E%3Cellipse cx='25' cy='60' rx='6' ry='5'/%3E%3Cellipse cx='45' cy='75' rx='10' ry='8'/%3E%3Cellipse cx='60' cy='85' rx='5' ry='4'/%3E%3Cellipse cx='12' cy='80' rx='7' ry='5'/%3E%3C/g%3E%3Crect x='3' y='3' width='64' height='94' rx='3' fill='none' stroke='%23d1d9e6' stroke-width='1' opacity='0.4'/%3E%3C/svg%3E");--card-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='35' fill='%23d1d9e6'/%3E%3Ccircle cx='65' cy='45' r='28' fill='%230b0d17'/%3E%3Ccircle cx='35' cy='40' r='4' fill='%234a576d' opacity='0.5'/%3E%3Ccircle cx='45' cy='60' r='6' fill='%234a576d' opacity='0.5'/%3E%3C/svg%3E");background:url(/assets/themes/moon-bg.png) no-repeat center center fixed;background-size:cover;position:relative;overflow:hidden}#game-wrapper[data-theme=moon] .card{border:1px solid rgba(209,217,230,.3);box-shadow:0 4px 15px #0009;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}#game-wrapper[data-theme=moon] .card[data-flipped=false]{background:var(--card-back);background-blend-mode:overlay;position:relative}#game-wrapper[data-theme=moon] .card[data-flipped=false]:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 40%,rgba(0,0,0,.1) 2px,transparent 3px),radial-gradient(circle at 80% 20%,rgba(0,0,0,.1) 4px,transparent 5px),radial-gradient(circle at 40% 70%,rgba(0,0,0,.1) 3px,transparent 4px),radial-gradient(circle at 60% 30%,rgba(0,0,0,.1) 5px,transparent 6px);opacity:.5}@keyframes moon_float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(.5deg)}to{transform:translateY(0) rotate(0)}}#game-wrapper[data-theme=moon] .card:not(.dragging){animation:moon_float 6s ease-in-out infinite alternate}#game-wrapper[data-theme=moon] .card:nth-child(3n){animation-delay:-1s}#game-wrapper[data-theme=moon] .card:nth-child(3n+1){animation-delay:-3s}#game-wrapper[data-theme=moon] .dust-particle{position:absolute;background:#d1d9e6;border-radius:50%;pointer-events:none;z-index:100;opacity:.8}#game-wrapper[data-theme=moon]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(148,163,184,.1) 0%,transparent 60%);pointer-events:none;z-index:1}#game-wrapper[data-theme=moon] #board{background:#0f172a4d;backdrop-filter:blur(8px);border:1px solid rgba(209,217,230,.1);border-radius:12px}#game-wrapper[data-theme=moon] .slot{background:#d1d9e608;border:1.5px dashed rgba(209,217,230,.15)}#game-wrapper[data-theme=moon] .brand-text span{color:var(--accent);text-shadow:0 0 10px rgba(209,217,230,.4)}#game-wrapper .card.card-selected{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 15px #fffc,0 0 30px #64c8ff99;animation:card-pulse 1s ease-in-out infinite;z-index:100!important}@keyframes card-pulse{0%,to{box-shadow:0 0 15px #fffc,0 0 30px #64c8ff99}50%{box-shadow:0 0 20px #fff,0 0 40px #64c8ffe6}}#game-wrapper .theme-btn[data-t=vigilante]{background-color:#333;background-image:url(/images/themes/vigilante/bat.svg);border-color:gold}#game-wrapper .theme-btn[data-t=orchard]{background-color:#558b2f;background-image:url(/images/themes/orchard/apple.svg);border-color:#c62828}#game-wrapper .theme-btn[data-t=cyberpunk]{background-color:#0d0221;background-image:url(/images/themes/cyberpunk/grid.svg);border-color:#00e5ff}#game-wrapper .theme-btn[data-t=pharaoh]{background-color:#f9a825;background-image:url(/images/themes/pharaoh/pyramid.svg);border-color:#1a237e}#game-wrapper .theme-btn[data-t=coffee]{background-color:#4e342e;background-image:url(/images/themes/coffee/cup.svg);border-color:#d7ccc8}#game-wrapper .theme-btn[data-t=sherwood]{background-color:#1b5e20;background-image:url(/images/themes/sherwood/tree.svg);border-color:#8d6e63}#game-wrapper .theme-btn[data-t=royal]{background-color:#311b92;background-image:url(/images/themes/royal/crown.svg);border-color:gold}#game-wrapper .theme-btn[data-t=glacier]{background-color:#e0f7fa;background-image:url(/images/themes/glacier/snowflake.svg);border-color:#00bcd4}#game-wrapper .theme-btn[data-t=magma]{background:linear-gradient(135deg,#bf360c,#ff5722);border-color:#ff5722}#game-wrapper .theme-btn[data-t=blueprint]{background-color:#1565c0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:8px 8px}#game-wrapper .theme-btn[data-t=sweet]{background:linear-gradient(135deg,#f8bbd0,#ec407a)}#game-wrapper .theme-btn[data-t=contrast]{background:linear-gradient(135deg,#000,#444);border-color:#ffeb3b}#game-wrapper .theme-btn[data-t=moon]{background-color:#4a576d;background-image:radial-gradient(#d1d9e6 2px,transparent 2px);background-size:10px 10px;border-color:#d1d9e6}#game-wrapper{--card-w: 85px;--card-h: 120px;--gap: 15px;--nav-h: 60px;--radius: 8px;position:relative;width:100%;min-height:600px;height:85dvh;background-color:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;overflow:hidden;user-select:none;color:var(--text);touch-action:none;transition:background-color .5s ease;border-radius:6px;margin:2rem auto;max-width:1200px;box-shadow:0 4px 20px #0003}.santa-sleigh{position:absolute;font-size:clamp(2rem,5vw,4rem);white-space:nowrap;pointer-events:none;z-index:5;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}@keyframes santa-fly{0%{right:-20%}to{right:120%}}@keyframes santa-bobble{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-5deg)}75%{transform:translateY(15px) rotate(5deg)}}#game-wrapper[data-theme=ocean]{--bg: #0277bd;--nav-bg: rgba(0, 0, 0, .3);--accent: #4fc3f7;--text: #e1f5fe;--card-back: repeating-linear-gradient( 45deg, #00695c, #00695c 10px, #00796b 10px, #00796b 20px )}#game-wrapper[data-theme=midnight]{--bg: #240b36;--nav-bg: rgba(255, 255, 255, .05);--accent: #d500f9;--text: #f3e5f5;--card-back: repeating-linear-gradient( 135deg, #4a148c, #4a148c 10px, #6a1b9a 10px, #6a1b9a 20px )}#game-wrapper[data-theme=crimson]{--bg: #880e4f;--nav-bg: rgba(0, 0, 0, .25);--accent: #ff8a80;--text: #fce4ec;--card-back: repeating-linear-gradient( 135deg, #212121, #212121 10px, #424242 10px, #424242 20px )}#game-wrapper[data-theme=space]{--bg: #0a0e27;--nav-bg: rgba(10, 14, 39, .6);--accent: #00d4ff;--text: #ffffff;--card-back: repeating-linear-gradient( 135deg, #1a1f3a, #1a1f3a 10px, #2a2f4a 10px, #2a2f4a 20px );background-image:url(/images/themes/space/starfield.svg);background-size:200px 200px;background-repeat:repeat}#game-wrapper[data-theme=garden]{--bg: #8fbc8f;--nav-bg: rgba(143, 188, 143, .3);--accent: #ffb7c5;--text: #fff5e6;--card-back: repeating-linear-gradient( 45deg, #ffb7c5, #ffb7c5 10px, #ffc0cb 10px, #ffc0cb 20px );background-color:#f0f8f0}#game-wrapper[data-theme=christmas]{--bg: #0a1f1c;--nav-bg: rgba(198, 40, 40, .4);--accent: #ffd700;--text: #fff;--card-back: repeating-linear-gradient( 45deg, #fff, #fff 10px, #d32f2f 10px, #d32f2f 20px );background-image:radial-gradient(circle at 50% 10%,rgba(255,255,255,.1) 0%,transparent 60%),linear-gradient(to bottom,#051014,#0a1f1c)}#game-wrapper[data-theme=christmas] .card.red{color:#d32f2f}#game-wrapper[data-theme=christmas] .card.black{color:#2e7d32}#game-wrapper .theme-btn[data-t=christmas]{background:repeating-linear-gradient(45deg,#fff,#fff 5px,#d32f2f 5px 10px);border:2px solid #2e7d32}.snowflake{position:absolute;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.8);user-select:none;pointer-events:none;z-index:1000}@keyframes fall{0%{transform:translateY(-10vh) translate(-5vw) rotate(0);opacity:1}to{transform:translateY(110vh) translate(5vw) rotate(360deg);opacity:.3}}#game-wrapper[data-theme=vigilante]{--bg: #121212;--nav-bg: rgba(255, 215, 0, .1);--accent: #ffd700;--text: #e0e0e0;--card-back: linear-gradient( 135deg, #1a1a1a 0%, #2a2a2a 50%, #1a1a1a 100% );background-image:radial-gradient(ellipse at 50% 0%,rgba(255,215,0,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#2a2a2a,#121212)}#game-wrapper[data-theme=orchard]{--bg: #558b2f;--nav-bg: rgba(255, 255, 255, .2);--accent: #c62828;--text: #fff;--card-back: repeating-linear-gradient( 45deg, #c62828, #c62828 8px, #8e0000 8px, #8e0000 16px );background-image:radial-gradient(circle at 20% 80%,rgba(198,40,40,.2) 0%,transparent 30%),linear-gradient(to bottom,#689f38,#558b2f)}#game-wrapper[data-theme=cyberpunk]{--bg: #0d0221;--nav-bg: rgba(0, 255, 255, .15);--accent: #00e5ff;--text: #ff00ff;--card-back: linear-gradient( 135deg, #0d0221 0%, #1a0a30 25%, #00e5ff 50%, #1a0a30 75%, #0d0221 100% );background-image:linear-gradient(0deg,transparent 24%,rgba(0,255,255,.08) 25%,rgba(0,255,255,.08) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.08) 75%,rgba(0,255,255,.08) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,255,255,.08) 25%,rgba(0,255,255,.08) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.08) 75%,rgba(0,255,255,.08) 76%,transparent 77%,transparent);background-size:50px 50px}#game-wrapper[data-theme=cyberpunk] .card{border:1px solid rgba(0,229,255,.3);box-shadow:0 0 5px #00e5ff4d,2px 2px 6px #0000004d}#game-wrapper[data-theme=pharaoh]{--bg: #f9a825;--nav-bg: rgba(0, 0, 50, .25);--accent: #1a237e;--text: #3e2723;--card-back: repeating-linear-gradient( 135deg, #1a237e, #1a237e 10px, #283593 10px, #283593 20px );background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 40px),linear-gradient(to bottom,#ffc107,#f9a825)}#game-wrapper[data-theme=coffee]{--bg: #4e342e;--nav-bg: rgba(255, 255, 255, .1);--accent: #d7ccc8;--text: #efebe9;--card-back: repeating-linear-gradient( 135deg, #3e2723, #3e2723 8px, #5d4037 8px, #5d4037 16px );background-image:radial-gradient(circle at 70% 30%,rgba(215,204,200,.1) 0%,transparent 40%),linear-gradient(to bottom right,#5d4037,#4e342e)}#game-wrapper[data-theme=sherwood]{--bg: #1b5e20;--nav-bg: rgba(0, 0, 0, .3);--accent: #8d6e63;--text: #e8f5e9;--card-back: repeating-linear-gradient( 135deg, #33691e, #33691e 10px, #2e7d32 10px, #2e7d32 20px );background-image:radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 30%),linear-gradient(to bottom,#2e7d32,#1b5e20)}#game-wrapper[data-theme=royal]{--bg: #311b92;--nav-bg: rgba(255, 215, 0, .15);--accent: #ffd700;--text: #fff;--card-back: linear-gradient( 135deg, #4527a0 0%, #311b92 50%, #4527a0 100% );background-image:radial-gradient(ellipse at 50% 10%,rgba(255,215,0,.15) 0%,transparent 50%),linear-gradient(to bottom,#4527a0,#311b92)}#game-wrapper[data-theme=glacier]{--bg: #e0f7fa;--nav-bg: rgba(0, 188, 212, .25);--accent: #00bcd4;--text: #006064;--card-back: linear-gradient( 135deg, #4dd0e1 0%, #00bcd4 50%, #4dd0e1 100% );background-image:radial-gradient(circle at 30% 70%,rgba(0,188,212,.15) 0%,transparent 40%),linear-gradient(to bottom,#b2ebf2,#e0f7fa)}#game-wrapper[data-theme=magma]{--bg: #212121;--nav-bg: rgba(255, 87, 34, .2);--accent: #ff5722;--text: #fff;--card-back: linear-gradient( 135deg, #bf360c 0%, #ff5722 50%, #bf360c 100% );background:linear-gradient(to bottom,#212121,#3e2723)}#game-wrapper[data-theme=magma] .card:hover{box-shadow:0 -5px 15px #ff572299,0 -10px 20px #ffc10766!important;transform:translateY(-2px);z-index:1000}#game-wrapper[data-theme=blueprint]{--bg: #1565c0;--nav-bg: rgba(255, 255, 255, .15);--accent: #fff;--text: #fff;--card-back: repeating-linear-gradient( 135deg, #0d47a1, #0d47a1 10px, #1565c0 10px, #1565c0 20px );background-image:radial-gradient(#fff 1px,transparent 1px);background-size:20px 20px}#game-wrapper[data-theme=sweet]{--bg: #f8bbd0;--nav-bg: rgba(255, 255, 255, .5);--accent: #ec407a;--text: #880e4f;--card-back: repeating-linear-gradient( 45deg, #f48fb1, #f48fb1 8px, #f8bbd0 8px, #f8bbd0 16px );background-image:radial-gradient(circle at 20% 30%,rgba(236,64,122,.15) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(236,64,122,.15) 0%,transparent 30%),linear-gradient(to bottom,#fce4ec,#f8bbd0)}#game-wrapper[data-theme=contrast]{--bg: #000;--nav-bg: #222;--accent: #ffeb3b;--text: #fff;--card-back: linear-gradient(135deg, #222 0%, #444 50%, #222 100%)}@media(max-width:768px){#game-wrapper{--card-w: calc((100vw - 40px) / 7);--card-h: calc(var(--card-w) * 1.45);--gap: 2px;--radius: 4px;margin:0;width:100%;border-radius:0;height:100dvh;min-height:-webkit-fill-available}#game-wrapper .brand-text,#header-name{display:none}#game-wrapper .game-header{padding:0 12px;height:50px}#game-wrapper .logo-icon{width:28px;height:28px}#game-wrapper .logo-icon:after{font-size:2rem;top:-6px}#game-wrapper .controls button span{display:none}#game-wrapper .controls button{padding:6px!important}#game-wrapper .player-pill{padding:4px 8px}#board{padding:10px 12px 0;gap:10px;display:grid;grid-template-rows:var(--card-h) 1fr}#game-wrapper .card{font-size:clamp(8px,2.5vw,14px);padding:2px;border:1px solid #ccc;box-shadow:1px 1px 3px #0000001a}#game-wrapper .c-mid{font-size:2em;z-index:0}#game-wrapper .card[data-rank="10"]{font-size:clamp(11px,4vw,15px)}#game-wrapper .card[data-rank="10"] .c-top,#game-wrapper .card[data-rank="10"] .c-bot{letter-spacing:-2px;font-weight:800}#game-wrapper .card[data-suit=♥] .c-mid,#game-wrapper .card[data-suit=♦] .c-mid{font-size:1.2em}#game-wrapper .card[data-suit=♣] .c-mid{font-size:1em}#game-wrapper .card[data-suit=♠] .c-mid{font-size:1.2em}#game-wrapper .tableau-row,#game-wrapper .top-row{justify-content:space-between;gap:0}}#game-wrapper .game-header{height:var(--nav-h);background:var(--nav-bg);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;backdrop-filter:blur(5px);position:relative}#game-wrapper .brand{font-weight:900;font-size:1.5rem;display:flex;align-items:center;gap:15px;cursor:pointer}#game-wrapper .logo-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:Times New Roman,serif;font-weight:700;color:var(--accent);text-shadow:2px 2px 4px rgba(0,0,0,.3)}#game-wrapper .logo-icon:before{content:"CC";position:absolute;font-size:1.2rem;z-index:2;left:8px}#game-wrapper .logo-icon:after{content:"♣";position:absolute;font-size:2.5rem;opacity:.3;transform:rotate(15deg);top:-8px;left:0}#game-wrapper .watermark{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:clamp(3rem,10vw,8rem);font-weight:900;color:#ffffff0d;pointer-events:none;z-index:0;white-space:nowrap;font-family:sans-serif;letter-spacing:-2px}#game-wrapper .player-pill{background:#0003;padding:5px 15px;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .2s;border:1px solid rgba(255,255,255,.1)}#game-wrapper .player-pill:hover{transform:scale(1.05);background:#0000004d}#game-wrapper .stats{font-family:monospace;font-size:1.1rem;opacity:.9;display:flex;gap:15px;align-items:center}#game-wrapper .streak-badge{background:#ff5722;color:#fff;font-size:.8rem;padding:2px 6px;border-radius:4px;font-weight:700;display:none;animation:popIn .5s}#game-wrapper .controls{display:flex;gap:8px}#game-wrapper .controls button{background:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;color:#333;box-shadow:0 2px 5px #0003;transition:all .2s;display:flex;align-items:center;gap:5px}#game-wrapper .controls button:hover{transform:translateY(-2px)}#game-wrapper .controls button:active{transform:scale(.95)}#game-wrapper .btn-hint{background-color:var(--accent)!important;color:#000!important}#board{flex:1;padding:15px;width:100%;max-width:1000px;margin:0 auto;display:grid;grid-template-rows:var(--card-h) 1fr;gap:30px;box-sizing:border-box;position:relative;z-index:10}#game-wrapper .top-row{display:flex;gap:var(--gap);width:100%;position:relative;z-index:2}#game-wrapper .spacer{flex:1}#game-wrapper .tableau-row{display:flex;gap:var(--gap);height:100%;justify-content:center;z-index:2}#game-wrapper .slot{width:var(--card-w);height:var(--card-h);border-radius:var(--radius);position:relative}#game-wrapper .empty-grip{border:2px dashed rgba(255,255,255,.3);background:#0000001a;display:flex;justify-content:center;align-items:center}#game-wrapper .slot.occupied{border:none!important;background:none!important}#game-wrapper .slot-icon{font-size:2rem;opacity:.3;color:#fff;pointer-events:none}#game-wrapper .tableau-col{position:relative;width:var(--card-w);height:100%}#game-wrapper .tableau-col.empty-col:before{content:"";position:absolute;top:0;left:0;width:var(--card-w);height:var(--card-h);border:2px dashed rgba(255,255,255,.25);border-radius:var(--radius);background:#0000000d;pointer-events:none}#game-wrapper .card{width:var(--card-w);height:var(--card-h);background:#fff;border-radius:var(--radius);position:absolute;box-shadow:2px 2px 6px #0003;display:flex;flex-direction:column;justify-content:space-between;padding:4px;box-sizing:border-box;font-weight:700;font-size:16px;z-index:10;touch-action:none;transition:transform .1s;color:#212121}#game-wrapper .card.red{color:#d32f2f}#game-wrapper .card.black{color:#212121}#game-wrapper .card.back{background:var(--card-back);border:2px solid #fff}#game-wrapper .card.back *{display:none}#game-wrapper .card.back:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:45%;background-image:var(--card-motif, none);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.35;pointer-events:none}#game-wrapper .c-top{line-height:.9;text-align:center;align-self:flex-start}#game-wrapper .c-mid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--card-w) * .6)}#game-wrapper .c-bot{line-height:.9;text-align:center;align-self:flex-end;transform:rotate(180deg)}#game-wrapper .ninja-token{background-color:transparent!important;background-image:url(/images/shuriken.svg)!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;border:none!important;box-shadow:0 5px 15px #00000080;overflow:hidden}#game-wrapper .sliced-token{clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%);filter:sepia(1) saturate(5) hue-rotate(-50deg);border:2px solid #fff}#game-wrapper #loot-bag{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:120px;height:120px;background-image:url(/images/treasure-chest.svg);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:5000;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}#game-wrapper[data-theme=vigilante] .card-bat{background-color:transparent!important;background-image:url(/images/themes/vigilante/bat.svg)!important;background-size:contain;background-repeat:no-repeat;border:none!important;box-shadow:none!important}#game-wrapper[data-theme=orchard] .card-apple{background-color:transparent!important;background-image:url(/images/themes/orchard/apple.svg)!important;background-size:contain;background-repeat:no-repeat;border:none!important;box-shadow:none!important}#game-wrapper .flying-card{position:absolute!important;z-index:9999!important;pointer-events:none;transition:top .2s ease-in,left .2s ease-in;box-shadow:10px 15px 25px #00000080!important}#game-wrapper .drag-active{position:absolute!important;z-index:2147483647!important;pointer-events:none;width:var(--card-w);height:var(--card-h);transition:transform .05s linear;transform-origin:top left}#game-wrapper .drag-active .card{box-shadow:15px 20px 30px #0006;transform:scale(1.05)}#game-wrapper .highlight{position:relative;z-index:100;animation:gentlePulse 1s infinite alternate ease-in-out}#game-wrapper .card.highlight:after{content:"";position:absolute;inset:-3px;border-radius:8px;border:3px solid rgba(255,255,255,.9);box-shadow:0 0 15px #fff9;pointer-events:none}#game-wrapper .tableau-col.highlight:after{content:"";position:absolute;top:0;left:0;width:var(--card-w);height:var(--card-h);border-radius:var(--radius);border:3px solid rgba(255,235,59,.9);box-shadow:0 0 15px #ffeb3b99;pointer-events:none;z-index:50}@keyframes gentlePulse{0%{transform:scale(1)}to{transform:scale(1.03)}}#game-wrapper .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:none;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(8px);animation:fadeIn .3s;border-radius:6px}#game-wrapper .modal-content{background:#fff;color:#333;padding:30px;border-radius:6px;width:90%;max-width:450px;text-align:center;box-shadow:0 20px 50px #0000004d;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}#game-wrapper .modal-title{font-size:2rem;margin-bottom:10px;font-weight:900;color:#333}#game-wrapper .setting-group{margin-bottom:20px;text-align:left}#game-wrapper .setting-label{font-size:.9rem;color:#666;margin-bottom:5px;display:block;font-weight:700}#game-wrapper .input-field{width:100%;padding:10px;border:2px solid #eee;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border .2s}#game-wrapper .input-field:focus{border-color:#2e7d32;outline:none}#game-wrapper .theme-grid{display:flex;gap:15px;margin-top:5px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);padding:10px;cursor:grab}#game-wrapper .theme-grid.grabbing{cursor:grabbing;cursor:-webkit-grabbing}#game-wrapper .theme-grid::-webkit-scrollbar{display:none}#game-wrapper .theme-btn{width:50px;height:50px;border-radius:6px;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .2s,border-color .2s;background-position:center;background-size:60%;background-repeat:no-repeat;box-shadow:0 4px 6px #0000001a}#game-wrapper .theme-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}#game-wrapper .theme-btn.active{border-color:#333;transform:scale(1.1);box-shadow:0 0 0 2px #333}#game-wrapper .theme-btn[data-t=classic]{background-color:#2e7d32}#game-wrapper .theme-btn[data-t=ocean]{background-color:#0277bd}#game-wrapper .theme-btn[data-t=midnight]{background-color:#4a148c}#game-wrapper .theme-btn[data-t=crimson]{background-color:#880e4f}#game-wrapper .theme-btn[data-t=space]{background:linear-gradient(135deg,#0a0e27,#00d4ff)}#game-wrapper .theme-btn[data-t=garden]{background:linear-gradient(135deg,#8fbc8f,#ffb7c5)}#game-wrapper .theme-btn[data-t=vigilante]{background-color:#333;background-image:url(/images/themes/vigilante/bat.svg);border-color:gold}#game-wrapper .theme-btn[data-t=orchard]{background-color:#558b2f;background-image:url(/images/themes/orchard/apple.svg);border-color:#c62828}#game-wrapper .theme-btn[data-t=cyberpunk]{background-color:#0d0221;background-image:url(/images/themes/cyberpunk/grid.svg);border-color:#00e5ff}#game-wrapper .theme-btn[data-t=pharaoh]{background-color:#f9a825;background-image:url(/images/themes/pharaoh/pyramid.svg);border-color:#1a237e}#game-wrapper .theme-btn[data-t=coffee]{background-color:#4e342e;background-image:url(/images/themes/coffee/cup.svg);border-color:#d7ccc8}#game-wrapper .theme-btn[data-t=sherwood]{background-color:#1b5e20;background-image:url(/images/themes/sherwood/tree.svg);border-color:#8d6e63}#game-wrapper .theme-btn[data-t=royal]{background-color:#311b92;background-image:url(/images/themes/royal/crown.svg);border-color:gold}#game-wrapper .theme-btn[data-t=glacier]{background-color:#e0f7fa;background-image:url(/images/themes/glacier/snowflake.svg);border-color:#00bcd4}#game-wrapper .theme-btn[data-t=magma]{background-color:#212121;background-image:url(/images/themes/magma/flame.svg);border-color:#ff5722}#game-wrapper .theme-btn[data-t=blueprint]{background-color:#1565c0;background-image:url(/images/themes/blueprint/grid.svg);border-color:#fff}#game-wrapper .theme-btn[data-t=sweet]{background-color:#f8bbd0;background-image:url(/images/themes/sweet/candy.svg);border-color:#ec407a}#game-wrapper .theme-btn[data-t=contrast]{background-color:#000;background-image:url(/images/themes/contrast/eye.svg);border-color:#fff}#game-wrapper .theme-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;opacity:.7;transition:transform .2s,opacity .2s;flex:0 0 auto}#game-wrapper .theme-item:hover{transform:scale(1.05);opacity:1}#game-wrapper .theme-item span{font-size:.7rem;font-weight:700;color:#555}#game-wrapper .theme-btn.active+span{color:#000;text-decoration:underline}#game-wrapper .theme-btn.active{opacity:1;box-shadow:0 0 0 3px #0003}#game-wrapper .theme-item:has(.theme-btn.active){opacity:1}#game-wrapper .avatar-grid{display:flex;gap:10px;justify-content:center;margin-bottom:15px}#game-wrapper .avatar-opt{font-size:2rem;cursor:pointer;opacity:.5;transition:.2s}#game-wrapper .avatar-opt:hover{transform:scale(1.2);opacity:1}#game-wrapper .avatar-opt.active{opacity:1;transform:scale(1.2);text-shadow:0 0 10px rgba(0,0,0,.2)}#game-wrapper .toggle-switch{position:relative;display:inline-block;width:50px;height:26px}#game-wrapper .toggle-switch input{opacity:0;width:0;height:0}#game-wrapper .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}#game-wrapper .slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}#game-wrapper input:checked+.slider{background-color:#2e7d32}#game-wrapper input:checked+.slider:before{transform:translate(24px)}#game-wrapper .modal-btn{background:#2e7d32;color:#fff;border:none;padding:12px 30px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:10px;width:100%}#game-wrapper #win-modal h1{color:gold;margin-bottom:5px}#game-wrapper #win-player-display{font-size:1.5rem;color:#fff;margin-bottom:20px}#game-wrapper #win-player-display span{font-weight:700;color:gold}#victory-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10001}#game-wrapper #loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg);color:#fff;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:20000;border-radius:6px}#game-wrapper .loader-icon{font-size:4rem;animation:pulse 1s infinite;text-shadow:0 0 20px rgba(255,255,255,.5);margin-bottom:20px}#game-wrapper #pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;backdrop-filter:blur(8px);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;border-radius:6px}#game-wrapper #pause-overlay h2{font-size:3rem;margin:0 0 20px;text-shadow:0 4px 10px rgba(0,0,0,.3)}#game-wrapper .mobile-menu-toggle{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:8px;border-radius:4px}#game-wrapper .mobile-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;backdrop-filter:blur(10px);z-index:1000;display:none;opacity:0;transition:opacity .3s ease}#game-wrapper .mobile-menu-overlay.active{display:flex;opacity:1}#game-wrapper .mobile-menu-content{width:100%;max-width:400px;background:var(--nav-bg);height:100%;margin-left:auto;padding:20px;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}#game-wrapper .mobile-menu-overlay.active .mobile-menu-content{transform:translate(0)}#game-wrapper .mobile-control-btn{background:#ffffffe6;border:none;border-radius:8px;padding:15px;font-size:1.1rem;font-weight:700;color:#333;cursor:pointer;display:flex;align-items:center;gap:12px;margin-bottom:10px;width:100%}@media(max-width:900px){#game-wrapper .mobile-menu-toggle{display:block}#game-wrapper .controls{display:none}#game-wrapper .stats{margin-right:10px}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}