@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.pt-safe-top{padding-top:env(safe-area-inset-top)}.pb-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.pl-safe-left{padding-left:env(safe-area-inset-left)}.pr-safe-right{padding-right:env(safe-area-inset-right)}}html,body{margin:0;padding:0;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#0f172a;min-height:100vh;position:relative;color:#fff}.breathing-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 60%);animation:breathe 4s ease-in-out infinite;z-index:1}@keyframes breathe{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.4}}.animate-fade-in{animation:fadeIn .8s ease-in-out forwards}.animate-fade-in-slow{animation:fadeIn 1.5s ease-in-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-in-out forwards}.animate-fade-in-up-sm{animation:fadeInUpSm .2s ease-out forwards}.animate-slide-up{animation:slideUp 1s ease-out 2s forwards}.animate-modal-backdrop{animation:fadeIn .3s ease-out forwards}.animate-modal-content{animation:fadeInScaleUp .3s ease-out forwards}.animate-drop-in{animation:dropIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpSm{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-20px) scale(0)}to{opacity:1;transform:translateY(0) scale(1)}}.chip-red{background:radial-gradient(circle at 35% 35%,#ff7b7b,#e53e3e);box-shadow:inset 0 -4px 6px #0000004d,0 4px 6px #0003}.chip-yellow{background:radial-gradient(circle at 35% 35%,#fef08a,#f59e0b);box-shadow:inset 0 -4px 6px #0000004d,0 4px 6px #0003}@keyframes pulse-win{0%,to{transform:scale(1);box-shadow:inset 0 -4px 6px #0000004d,0 4px 6px #0003,0 0 #ffffffb3}50%{transform:scale(1.1);box-shadow:inset 0 -4px 6px #0000004d,0 4px 6px #0003,0 0 15px 5px #ffffffb3}}.winning-piece{animation:pulse-win 1.5s ease-in-out infinite}@keyframes flash-draw{0%,to{background-color:#334155}50%{background-color:#475569}}.draw-board{animation:flash-draw 1s ease-in-out 2}.weather-sunny{background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='30' fill='rgba(255, 200, 50, 0.12)'/%3E%3Cpath d='M100 40 L100 20 M100 180 L100 160 M160 100 L180 100 M20 100 L40 100 M145 55 L160 40 M40 160 L55 145 M145 145 L160 160 M40 40 L55 55' stroke='rgba(255, 200, 50, 0.15)' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-position:top 10px right 10px;background-repeat:no-repeat;background-size:80px 80px}.weather-cloudy{background-image:url("data:image/svg+xml,%3Csvg width='300' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 100 Q50 80 70 70 Q80 50 100 60 Q120 50 130 70 Q150 65 155 85 Q165 95 155 105 Q150 115 130 110 L70 110 Q55 110 60 100 Z' fill='rgba(180, 190, 200, 0.12)'/%3E%3Cpath d='M180 130 Q170 115 185 110 Q190 95 205 100 Q220 95 225 110 Q235 115 230 125 Q225 135 210 132 L185 132 Q175 135 180 130 Z' fill='rgba(180, 190, 200, 0.1)'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:100%}.weather-rain{background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20 L35 50 M80 40 L75 70 M120 10 L115 40 M160 30 L155 60 M50 80 L45 110 M90 100 L85 130 M130 70 L125 100 M170 90 L165 120' stroke='rgba(100, 140, 200, 0.15)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:center;background-repeat:repeat;background-size:150px 150px}.weather-drizzle{background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 30 L48 45 M100 20 L98 35 M150 40 L148 55 M70 90 L68 105 M120 80 L118 95 M170 100 L168 115' stroke='rgba(120, 150, 200, 0.12)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:center;background-repeat:repeat;background-size:120px 120px}.weather-thunderstorm{background-image:url("data:image/svg+xml,%3Csvg width='300' height='250' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 80 Q50 60 70 50 Q80 30 100 40 Q120 30 130 50 Q150 45 155 65 Q165 75 155 85 Q150 95 130 90 L70 90 Q55 90 60 80 Z' fill='rgba(60, 70, 90, 0.1)'/%3E%3Cpath d='M110 95 L105 120 L115 120 L108 145 M125 105 L122 125' stroke='rgba(255, 220, 100, 0.15)' stroke-width='2.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-position:top center;background-repeat:no-repeat;background-size:90%}.weather-snow{background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(200, 220, 240, 0.2)' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M50 50 L50 70 M40 60 L60 60 M43 53 L57 67 M43 67 L57 53'/%3E%3Cpath d='M130 40 L130 60 M120 50 L140 50 M123 43 L137 57 M123 57 L137 43'/%3E%3Cpath d='M170 100 L170 120 M160 110 L180 110 M163 103 L177 117 M163 117 L177 103'/%3E%3Cpath d='M70 140 L70 160 M60 150 L80 150 M63 143 L77 157 M63 157 L77 143'/%3E%3Cpath d='M150 160 L150 180 M140 170 L160 170 M143 163 L157 177 M143 177 L157 163'/%3E%3C/g%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:100%}.weather-mist{background-image:url("data:image/svg+xml,%3Csvg width='300' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 80 Q80 75 140 80 T260 80' stroke='rgba(190, 200, 210, 0.12)' stroke-width='25' fill='none' stroke-linecap='round'/%3E%3Cpath d='M40 120 Q100 115 160 120 T280 120' stroke='rgba(200, 210, 220, 0.1)' stroke-width='20' fill='none' stroke-linecap='round'/%3E%3Cpath d='M10 150 Q70 147 130 150 T250 150' stroke='rgba(190, 200, 210, 0.08)' stroke-width='18' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:100%}.fridge-background{background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0px,rgba(255,255,255,.25) 1px,rgba(255,255,255,.15) 2px,rgba(240,244,248,.1) 3px,rgba(255,255,255,.25) 4px,rgba(255,255,255,.08) 5px,transparent 5px,transparent 30px),linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.1) 100%),linear-gradient(90deg,#e0e6ec,#f0f4f8,#e0e6ec,#f0f4f8,#e0e6ec,#f0f4f8,#e0e6ec,#f0f4f8,#e0e6ec,#f0f4f8,#e0e6ec,#f0f4f8,#e0e6ec 96%,#f0f4f8),linear-gradient(180deg,#d4dae0,#eef2f6,#f8fafb,#eef2f6,#d4dae0);position:relative}.fridge-background:before{content:"";position:fixed;top:64px;left:0;right:0;height:8px;background:linear-gradient(180deg,#b0b8c0,#c8d0d8,#e0e4e8);box-shadow:0 2px 4px #0003,0 -2px 8px #ffffff80 inset,0 3px #0000001a;z-index:1}.fridge-handle{position:fixed;right:12%;top:50%;transform:translateY(-50%);width:12px;height:160px;background:linear-gradient(90deg,#a8b0b8,#c0c8d0 30%,#d0d4d8,#c0c8d0 70%,#a8b0b8);border-radius:6px;box-shadow:-2px 0 5px #0000001f,inset 2px 0 2px #ffffff4d,inset -1px 0 2px #0000001a;z-index:1;opacity:.6}.decorative-magnet{position:fixed;width:40px;height:40px;border-radius:50%;z-index:2;pointer-events:none;box-shadow:4px 4px 10px #0000004d,inset -6px -6px 12px #00000040,inset 6px 6px 12px #fff9}.decorative-magnet:nth-child(1){background:radial-gradient(circle at 30% 30%,#ff6b6b,#c92a2a)}.decorative-magnet:nth-child(2){background:radial-gradient(circle at 30% 30%,#51cf66,#2f9e44)}.decorative-magnet:nth-child(3){background:radial-gradient(circle at 30% 30%,#ffd43b,#f59f00)}.decorative-magnet:nth-child(4){background:radial-gradient(circle at 30% 30%,#74c0fc,#1c7ed6)}.fridge-card{position:relative}.fridge-card:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:24px;height:24px;background:radial-gradient(circle at 30% 30%,#ff6b6b,#c92a2a);border-radius:50%;box-shadow:0 3px 6px #0000004d,inset -2px -2px 4px #0003,inset 2px 2px 4px #ffffff4d;z-index:20}.fridge-card:nth-child(2):before{background:radial-gradient(circle at 30% 30%,#51cf66,#2f9e44)}.fridge-card:nth-child(3):before{background:radial-gradient(circle at 30% 30%,#ffd43b,#f59f00)}.fridge-card:nth-child(4):before{background:radial-gradient(circle at 30% 30%,#74c0fc,#1c7ed6)}.fridge-card:nth-child(5):before{background:radial-gradient(circle at 30% 30%,#ff8787,#fa5252)}