:root{--sunrise-rust:#8B4513;--sunrise-rust-dark:#A0522D;--sunrise-navy:#2C3E50;--sunrise-teal:#4DD0E1;--sunrise-gold:#FFD180;--sunrise-cream:#FFF8E1;--sunrise-peach:#FFE0B2;--sunrise-coral:#FFAB91;--sunrise-orange:#FF7043;--sunrise-sky:#87CEEB;--sunrise-water:#5F9EA0;--gradient-sunrise:linear-gradient(135deg,#FFE0B2,#FFAB91 25%,#FF7043 50%,#FFD180 75%,#FFF8E1);--gradient-sky:linear-gradient(180deg,#87CEEB,#FFE0B2 50%,#FFAB91);--gradient-water:linear-gradient(180deg,#5F9EA0,#4DD0E1);--gradient-cream:linear-gradient(135deg,#FFF8E1,#FFE0B2);--gradient-selected:linear-gradient(135deg,#4DD0E1,#FFD180);--shadow-soft:0 2px 8px rgba(139,69,19,0.1);--shadow-hover:0 4px 16px rgba(255,215,128,0.3);--shadow-selected:0 0 20px rgba(255,215,128,0.6);--glow-sunrise:0 0 30px rgba(255,112,67,0.4)}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background:var(--gradient-sky);position:relative}@keyframes sunriseGlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.sunrise-bg{background:linear-gradient(135deg,#FF6B35,#F7931E,#FFD23F,#FF9500);background-size:300% 300%;animation:sunriseGlow 8s ease infinite}.bingo-cell{-webkit-user-select:none;-moz-user-select:none;user-select:none}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#FFF8E1}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#FF6B35,#FFD23F);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#FF9500,#F7931E)}.sunrise-glow{box-shadow:0 0 30px rgba(255,210,63,.3)}@media (max-width:600px){html{font-size:14px}}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,182,193,.3) 0,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(255,218,185,.2) 0,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(173,216,230,.15) 0,transparent 40%);z-index:-3;animation:skyShimmer 20s ease-in-out infinite}@keyframes skyShimmer{0%,to{opacity:.7}50%{opacity:1}}body:before{content:"";position:fixed;bottom:0;left:0;right:0;height:40%;background:var(--gradient-water),radial-gradient(ellipse at 20% 100%,rgba(255,255,255,.1) 0,transparent 30%),radial-gradient(ellipse at 80% 100%,rgba(255,255,255,.08) 0,transparent 25%);z-index:-2}.sun-decoration{position:fixed;bottom:20%;left:50%;transform:translateX(-50%);width:180px;height:180px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) 0,transparent 20%),radial-gradient(circle,#FFE55C 0,#FFB347 40%,#FF8C42 70%,#FF6B35 100%);border-radius:50%;box-shadow:0 0 40px rgba(255,215,0,.6),0 0 80px rgba(255,165,0,.4),0 0 120px rgba(255,140,66,.2);z-index:-1;animation:ghibliSunPulse 6s ease-in-out infinite}.sun-decoration:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(255,215,0,.1) 0,transparent 70%);border-radius:50%;animation:sunHalo 8s ease-in-out infinite reverse}@keyframes ghibliSunPulse{0%,to{box-shadow:0 0 40px rgba(255,215,0,.6),0 0 80px rgba(255,165,0,.4),0 0 120px rgba(255,140,66,.2);transform:translateX(-50%) scale(1)}50%{box-shadow:0 0 60px rgba(255,215,0,.8),0 0 120px rgba(255,165,0,.6),0 0 180px rgba(255,140,66,.3);transform:translateX(-50%) scale(1.03)}}@keyframes sunHalo{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.sun-reflection{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:200px;height:20%;background:linear-gradient(180deg,rgba(255,215,0,.3),rgba(255,165,0,.2) 50%,rgba(255,215,0,.1));filter:blur(20px);z-index:-1;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.6;transform:translateX(-50%) scaleX(1)}50%{opacity:.8;transform:translateX(-50%) scaleX(1.2)}}.cloud{position:fixed;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.9) 0,rgba(255,255,255,.7) 100%);border-radius:100px;opacity:.85;z-index:-1;filter:blur(.5px);animation:cloudFloat 3s ease-in-out infinite}.cloud:after,.cloud:before{content:"";position:absolute;background:radial-gradient(ellipse at 40% 40%,rgba(255,255,255,.95) 0,rgba(255,255,255,.75) 100%);border-radius:100px;filter:blur(.3px)}@keyframes cloudFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cloud1{width:100px;height:40px;top:20%;animation:cloudDrift 45s linear infinite}.cloud1:before{width:50px;height:50px;top:-25px;left:10px}.cloud1:after{width:60px;height:40px;top:-15px;right:10px}.cloud2{width:80px;height:35px;top:30%;animation:cloudDrift 60s linear infinite;animation-delay:-20s}.cloud2:before{width:60px;height:45px;top:-22px;left:15px}.cloud2:after{width:50px;height:35px;top:-10px;right:15px}@keyframes cloudDrift{0%{left:-200px}to{left:100%}}.water-wave{position:fixed;bottom:0;left:0;right:0;height:100px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path fill="%234DD0E1" fill-opacity="0.3" d="M0,40 C150,80 350,0 600,40 C850,80 1050,0 1200,40 L1200,120 L0,120 Z"></path></svg>');animation:wave 10s linear infinite;z-index:-1}@keyframes wave{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.ghibli-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.ghibli-particles:after,.ghibli-particles:before{content:"";position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(255,255,255,.8) 0,rgba(255,215,0,.3) 100%);border-radius:50%;animation:particleFloat 15s linear infinite}.ghibli-particles:before{top:-10px;left:20%;animation-delay:-3s}.ghibli-particles:after{top:-10px;left:80%;animation-delay:-8s}@keyframes particleFloat{0%{transform:translateY(-10px) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(1turn);opacity:0}}.sunrise-title{font-family:Inter,sans-serif;font-weight:900;color:var(--sunrise-rust);text-shadow:3px 3px 6px rgba(255,255,255,.6),-1px -1px 3px rgba(139,69,19,.3),0 0 20px rgba(255,215,0,.2);letter-spacing:-.02em;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sunrise-bingo-card{background:radial-gradient(ellipse at 20% 20%,rgba(255,255,255,.3) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,248,225,.4) 0,transparent 60%),rgba(255,248,225,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:60px;padding:24px;box-shadow:0 12px 40px rgba(139,69,19,.12),0 4px 16px rgba(255,165,0,.08),inset 0 2px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,209,128,.3);border:3px solid rgba(255,209,128,.6);position:relative;overflow:hidden}.sunrise-bingo-card:after,.sunrise-bingo-card:before{content:"";position:absolute;background:inherit;z-index:2}.sunrise-bingo-card:before{width:50px;height:50px;top:-2px;left:-2px;border-radius:0 0 100% 0;box-shadow:-5px -5px 10px rgba(255,248,225,.95)}.sunrise-bingo-card:after{width:50px;height:50px;top:-2px;right:-2px;border-radius:0 0 0 100%;box-shadow:5px -5px 10px rgba(255,248,225,.95)}.sunrise-header-cell{background:var(--gradient-sunrise);color:var(--sunrise-rust);text-shadow:1px 1px 0 #FFF3E0,2px 2px 4px rgba(255,255,255,.3);font-weight:900;font-size:2.5rem;border-radius:12px 12px 0 0;border:2px solid rgba(255,160,91,.3);position:relative;overflow:hidden}.sunrise-grid-cell{background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.6) 0,transparent 40%),var(--gradient-cream);color:var(--sunrise-navy);border:2px solid var(--sunrise-gold);border-radius:16px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:600;box-shadow:0 2px 8px rgba(139,69,19,.08),inset 0 1px 0 rgba(255,255,255,.7)}.sunrise-grid-cell:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(255,215,128,.3),0 3px 12px rgba(255,165,0,.2),inset 0 1px 0 rgba(255,255,255,.9);background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.8) 0,transparent 50%),linear-gradient(135deg,#FFE0B2,#FFD180);border-color:var(--sunrise-coral)}.sunrise-grid-cell.selected{background:radial-gradient(ellipse at 40% 40%,rgba(255,255,255,.5) 0,transparent 30%),var(--gradient-selected);color:var(--sunrise-navy);box-shadow:0 0 20px rgba(77,208,225,.6),0 0 40px rgba(255,215,128,.4),0 4px 16px rgba(77,208,225,.3);animation:ghibliTwinkle 2s ease-in-out infinite;border-color:var(--sunrise-teal);position:relative}.sunrise-grid-cell.selected:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);border-radius:18px;animation:selectedShimmer 3s linear infinite;z-index:-1}@keyframes ghibliTwinkle{0%,to{box-shadow:0 0 20px rgba(77,208,225,.6),0 0 40px rgba(255,215,128,.4),0 4px 16px rgba(77,208,225,.3);transform:scale(1)}50%{box-shadow:0 0 30px rgba(77,208,225,.8),0 0 60px rgba(255,255,255,.6),0 6px 20px rgba(77,208,225,.4);transform:scale(1.03)}}@keyframes selectedShimmer{0%{transform:rotate(0deg);opacity:.3}50%{opacity:.6}to{transform:rotate(1turn);opacity:.3}}.sunrise-grid-cell.free{background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.4) 0,transparent 40%),radial-gradient(circle,var(--sunrise-gold) 0,var(--sunrise-coral) 100%);color:white;font-weight:900;text-shadow:2px 2px 4px rgba(139,69,19,.4),0 0 8px rgba(255,255,255,.3);animation:ghibliFreeSpace 4s ease-in-out infinite;position:relative;overflow:visible}.sunrise-grid-cell.free:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:radial-gradient(circle,rgba(255,215,0,.2) 0,transparent 70%);border-radius:20px;animation:freeSpaceGlow 3s ease-in-out infinite;z-index:-1}@keyframes ghibliFreeSpace{0%,to{box-shadow:0 0 25px rgba(255,112,67,.5),0 0 50px rgba(255,215,0,.3),inset 0 2px 0 rgba(255,255,255,.4);transform:scale(1)}50%{box-shadow:0 0 35px rgba(255,215,0,.7),0 0 70px rgba(255,255,255,.4),inset 0 2px 0 rgba(255,255,255,.6);transform:scale(1.05)}}@keyframes freeSpaceGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.sunrise-point-value{background:rgba(255,255,255,.9);color:var(--sunrise-coral);border:1px solid var(--sunrise-gold);font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:700}.sunrise-button{background:var(--gradient-sunrise);color:var(--sunrise-rust);border:2px solid var(--sunrise-gold);padding:12px 24px;border-radius:25px;font-weight:700;text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease;box-shadow:var(--shadow-soft)}.sunrise-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);background:linear-gradient(135deg,#FF7043,#FFD180)}.sunrise-dialog{background:rgba(255,248,225,.98);border:3px solid var(--sunrise-gold);box-shadow:0 8px 32px rgba(139,69,19,.2)}.sunrise-dialog-title{color:var(--sunrise-rust);text-shadow:1px 1px 0 rgba(255,255,255,.5)}