.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.onboarding-modal{background:linear-gradient(135deg,#1a2f1af2,#0f1a0ff2);border:2px solid rgba(255,215,0,.3);border-radius:1.5rem;padding:2rem;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080}.onboarding-emoji{font-size:4rem;margin-bottom:1rem;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.onboarding-title{font-family:Fredoka,sans-serif;font-size:1.75rem;margin-bottom:1rem;color:var(--gold)}.onboarding-description{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:var(--text)}.onboarding-tip{display:flex;align-items:center;gap:.75rem;background:#ffd7001a;border-left:3px solid var(--gold);padding:1rem;border-radius:.5rem;margin-bottom:2rem;text-align:left}.tip-icon{font-size:1.5rem;flex-shrink:0}.onboarding-dots{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.dot{width:10px;height:10px;border-radius:50%;background:#fff3;transition:all .3s ease}.dot.active{background:var(--gold);width:30px;border-radius:5px}.dot.completed{background:var(--success)}.onboarding-actions{display:flex;gap:.75rem;margin-bottom:1rem}.onboarding-skip{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:.5rem;transition:color .2s}.onboarding-skip:hover{color:var(--text)}@media (max-width: 480px){.onboarding-modal{padding:1.5rem}.onboarding-emoji{font-size:3rem}.onboarding-title{font-size:1.4rem}.onboarding-description{font-size:1rem}}.tomtens-uppdrag{padding:1rem;max-width:500px;margin:0 auto}.uppdrag-header{text-align:center;margin-bottom:2.5rem}.uppdrag-icon{font-size:5rem;margin-bottom:1rem;display:block;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.uppdrag-header h2{color:var(--gold);font-size:2rem;margin-bottom:.75rem;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.uppdrag-header p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.uppdrag-card{background:linear-gradient(135deg,#1a472a99,#2d5a3d66);border:3px solid var(--gold);border-radius:1.75rem;padding:2.5rem;text-align:center;margin-bottom:2rem;box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a,0 0 30px #ffd70033;position:relative;overflow:hidden}.uppdrag-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:rotate 25s linear infinite}.uppdrag-text{font-size:1.5rem;color:#fff;font-weight:700;font-family:Fredoka,sans-serif;line-height:1.5;margin-bottom:1.5rem;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.4)}.uppdrag-status{display:inline-block;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;position:relative;z-index:1}.uppdrag-status.pending{background:#ff980033;color:var(--warning);border:2px solid var(--warning)}.uppdrag-status.completed{background:linear-gradient(135deg,#4caf504d,#4caf5033);color:var(--success-light);border:2px solid var(--success);box-shadow:0 0 15px #4caf504d}.complete-btn{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);color:#fff;border:none;padding:1.25rem 2.5rem;font-size:1.25rem;font-weight:700;font-family:Fredoka,sans-serif;border-radius:1.25rem;cursor:pointer;width:100%;box-shadow:0 6px #388e3c,var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:1.5rem}.complete-btn:hover{box-shadow:0 6px #388e3c,var(--shadow-xl);transform:translateY(-3px)}.complete-btn:active{box-shadow:0 2px #388e3c,var(--shadow-md);transform:translateY(4px)}.uppdrag-progress{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-radius:1.5rem;padding:1.75rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow-md)}.uppdrag-progress h4{color:var(--gold-light);margin-bottom:1rem;font-size:1.2rem}.waiting-uppdrag{text-align:center;color:var(--text-muted);font-style:italic;padding:2.5rem;font-size:1.15rem}@media (max-width: 480px){.uppdrag-icon{font-size:4rem}.uppdrag-text{font-size:1.3rem}}.countdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.countdown-number{font-size:8rem;font-weight:700;font-family:Fredoka,sans-serif;color:var(--gold);text-shadow:0 0 30px rgba(255,215,0,.5)}.instructions-card ol{text-align:left}.challenge-display{text-align:center;padding:2rem;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.challenge-text{font-family:Fredoka,sans-serif;font-size:1.5rem;margin-bottom:2rem;line-height:1.4}.big-button{width:200px;height:200px;border-radius:50%;font-size:3rem;display:flex;align-items:center;justify-content:center;margin:0 auto;border:4px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;font-family:Fredoka,sans-serif}.big-button.waiting{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:#fff3;cursor:not-allowed}.big-button.ready{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-color:var(--gold);box-shadow:0 0 40px #c41e3a99;animation:pulse-ready 1.5s ease-in-out infinite}.big-button.clicked{background:linear-gradient(135deg,var(--success) 0%,#66bb6a 100%);border-color:var(--success);box-shadow:0 0 30px #4caf5080;cursor:default}@keyframes pulse-ready{0%,to{transform:scale(1);box-shadow:0 0 40px #c41e3a99}50%{transform:scale(1.05);box-shadow:0 0 60px #c41e3acc}}.pulse-ring{animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.big-button:active:not(:disabled){transform:scale(.95)}.position-feedback{margin-top:1.5rem;text-align:center}.scoreboard{background:#0003;border-radius:1rem;padding:1rem;margin:1rem 0}.score-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:.5rem;margin-bottom:.5rem;transition:all .2s}.score-row:last-child{margin-bottom:0}.score-row.winner{background:linear-gradient(135deg,var(--gold) 0%,#ffc107 100%);color:#333;font-weight:700;transform:scale(1.02)}.score-row.my-score{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.score-value{font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:700}.final-results{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid rgba(255,215,0,.3)}.podium{display:flex;justify-content:center;align-items:flex-end;gap:1rem;margin-top:1.5rem}.podium-place{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:1rem;min-width:100px}.podium-place.place-1{background:linear-gradient(135deg,var(--gold) 0%,#ffc107 100%);color:#333;order:2;transform:translateY(-10px)}.podium-place.place-2{background:linear-gradient(135deg,silver,#a8a8a8);color:#333;order:1}.podium-place.place-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff;order:3}.podium-emoji{font-size:2.5rem}.podium-name{font-weight:700;font-size:1.1rem;text-align:center}.podium-score{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700}@media (max-width: 480px){.big-button{width:160px;height:160px;font-size:2.5rem}.challenge-text{font-size:1.2rem}.countdown-number{font-size:6rem}.podium{gap:.5rem}.podium-place{min-width:80px;padding:.75rem}.podium-emoji{font-size:2rem}}.tack-rundan{padding:1rem;max-width:500px;margin:0 auto}.tack-header{text-align:center;margin-bottom:2.5rem}.tack-icon{font-size:5rem;margin-bottom:1rem;display:block;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.tack-header h2{color:var(--gold);font-size:2rem;margin-bottom:.75rem;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.tack-header p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.writing-phase{margin-bottom:2rem}.message-form h3{color:var(--gold);margin-bottom:1.5rem;font-size:1.4rem}.recipient-select{width:100%;padding:1rem 1.25rem;border-radius:1rem;border:2px solid rgba(255,215,0,.3);background:linear-gradient(135deg,#0000004d,#0003);color:#fff;font-size:1.05rem;font-weight:500;margin-bottom:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.recipient-select:focus{outline:none;border-color:var(--gold);background:#0006;box-shadow:inset 0 2px 4px #0000004d,0 0 0 4px #ffd70026,var(--glow-gold);transform:translateY(-2px)}.recipient-select option{background:#1a1a2e;color:#fff;padding:.75rem}.message-input{width:100%;padding:1.25rem;border-radius:1rem;border:2px solid rgba(255,215,0,.3);background:linear-gradient(135deg,#0000004d,#0003);color:#fff;font-size:1.05rem;font-family:inherit;resize:vertical;min-height:120px;margin-bottom:1rem;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.message-input:focus{outline:none;border-color:var(--gold);background:#0006;box-shadow:inset 0 2px 4px #0000004d,0 0 0 4px #ffd70026,var(--glow-gold);transform:translateY(-2px)}.message-input::placeholder{color:#b8d4c899;font-style:italic}.char-count{text-align:right;color:var(--text-muted);font-size:.85rem;margin-bottom:1.25rem;font-weight:500}.send-btn{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;border:none;padding:1.2rem 2.5rem;font-size:1.15rem;font-weight:700;font-family:Fredoka,sans-serif;border-radius:1.1rem;cursor:pointer;width:100%;box-shadow:0 5px #880e4f,var(--shadow-md),0 0 20px #e91e634d;transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 2px rgba(0,0,0,.2)}.send-btn:hover{box-shadow:0 5px #880e4f,var(--shadow-lg),0 0 30px #e91e6366;transform:translateY(-2px)}.send-btn:active{box-shadow:0 2px #880e4f,var(--shadow-sm);transform:translateY(3px)}.send-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%);box-shadow:0 4px #880e4f}.sent-messages{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-radius:1.5rem;padding:1.75rem;margin-top:2rem;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow-md)}.sent-messages h4{color:var(--gold);margin-bottom:1.25rem;font-size:1.2rem}.sent-item{background:linear-gradient(135deg,#e91e6326,#e91e631a);border:1px solid rgba(233,30,99,.3);border-radius:1rem;padding:1rem;margin-bottom:.75rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.sent-item:hover{background:linear-gradient(135deg,#e91e6333,#e91e6326);transform:translate(4px);box-shadow:var(--shadow-md)}.sent-to{color:#e91e63;font-weight:700;margin-bottom:.5rem;font-size:1rem}.sent-text{color:#fff;font-size:.95rem;line-height:1.5}.progress-fill{height:100%;background:linear-gradient(90deg,#e91e63,#f06292,#ff4081);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff4d,0 0 10px #e91e6366;position:relative;overflow:hidden}.start-reveal-btn{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#1a1a1a;border:none;padding:1.25rem 2.5rem;font-size:1.25rem;font-weight:700;font-family:Fredoka,sans-serif;border-radius:1.25rem;cursor:pointer;width:100%;box-shadow:0 6px 0 var(--gold-dark),var(--shadow-lg),var(--glow-gold);transition:all .3s cubic-bezier(.4,0,.2,1)}.start-reveal-btn:hover{box-shadow:0 6px 0 var(--gold-dark),var(--shadow-xl),0 0 35px #ffd70080;transform:translateY(-3px)}.start-reveal-btn:active{box-shadow:0 2px 0 var(--gold-dark),var(--shadow-md);transform:translateY(4px)}.revealing-phase{margin-bottom:2rem}.reveal-card{background:linear-gradient(135deg,#e91e6340,#c2185b33);border:3px solid #e91e63;border-radius:1.75rem;padding:2.5rem;text-align:center;margin-bottom:2rem;box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a,0 0 30px #e91e634d;animation:revealCard .6s cubic-bezier(.4,0,.2,1)}@keyframes revealCard{0%{opacity:0;transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.reveal-to{color:var(--text-muted);font-size:1rem;margin-bottom:.75rem;font-weight:500}.reveal-recipient{color:var(--gold);font-size:1.75rem;font-weight:900;font-family:Fredoka,sans-serif;margin-bottom:1.5rem;text-shadow:0 2px 8px rgba(255,215,0,.4)}.reveal-message{color:#fff;font-size:1.3rem;line-height:1.6;font-style:italic;font-weight:500;background:#0003;padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 6px #0003}.reveal-count{color:var(--text-muted);font-size:.95rem;margin-bottom:1.25rem;text-align:center;font-weight:500}.next-reveal-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:1.1rem 2.25rem;font-size:1.1rem;font-weight:600;font-family:Fredoka,sans-serif;border-radius:1.1rem;cursor:pointer;width:100%;box-shadow:0 5px #1565c0,var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.next-reveal-btn:hover{box-shadow:0 5px #1565c0,var(--shadow-lg);transform:translateY(-2px)}.next-reveal-btn:active{box-shadow:0 2px #1565c0,var(--shadow-sm);transform:translateY(3px)}.done-phase{text-align:center;padding:2rem}.done-icon{font-size:5rem;margin-bottom:1.5rem;display:block;animation:bounce 1s ease-in-out infinite}.done-phase h3{color:var(--gold);font-size:1.75rem;margin-bottom:1rem}.done-phase p{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.restart-btn{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);color:#fff;border:none;padding:1.1rem 2.25rem;font-size:1.1rem;font-weight:600;font-family:Fredoka,sans-serif;border-radius:1.1rem;cursor:pointer;box-shadow:0 5px #388e3c,var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.restart-btn:hover{box-shadow:0 5px #388e3c,var(--shadow-lg);transform:translateY(-2px)}.restart-btn:active{box-shadow:0 2px #388e3c,var(--shadow-sm);transform:translateY(3px)}.tomtens-uppdrag-container{padding:1rem;max-width:500px;margin:0 auto}@media (max-width: 480px){.tack-icon,.done-icon{font-size:4rem}.reveal-recipient{font-size:1.5rem}.reveal-message{font-size:1.15rem;padding:1.25rem}.message-input{min-height:100px}}.instructions-card{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid rgba(255,215,0,.3)}.bingo-alert{background:linear-gradient(135deg,var(--gold) 0%,#ffc107 100%);color:#333;text-align:center;border:3px solid #fff;box-shadow:0 0 40px #ffd70099;animation:pulse 1s ease-in-out infinite}.winners-card{background:linear-gradient(135deg,#4caf501a,#4caf500d);border:2px solid rgba(76,175,80,.3)}.winners-list{display:flex;flex-direction:column;gap:.5rem}.winner-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:.5rem}.winner-medal{font-size:1.5rem}.winner-name{font-size:1.1rem;font-weight:600}.bingo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:1rem 0}.bingo-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;font-size:.7rem;text-align:center;padding:.25rem;transition:all .2s;line-height:1.2;position:relative}.bingo-cell.can-mark{background:#ffd70033;border-color:var(--gold);cursor:pointer;animation:pulse-cell 1.5s ease-in-out infinite}@keyframes pulse-cell{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.bingo-cell:hover.can-mark{background:#ffd7004d;transform:scale(1.05)}.bingo-cell.marked{background:linear-gradient(135deg,var(--success) 0%,#66bb6a 100%);border-color:var(--success);color:#fff}.cell-text{position:relative;z-index:1}.checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);z-index:2;animation:check-pop .3s ease-out}@keyframes check-pop{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.called-events-list{display:flex;flex-wrap:wrap;gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#0003;border-radius:.5rem}.called-event{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.35rem .75rem;border-radius:1rem;font-size:.75rem;white-space:nowrap}.event-buttons{display:flex;flex-wrap:wrap;gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#0003;border-radius:.5rem}.event-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:.5rem;color:#fff;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.event-btn:hover{background:#ffd70033;border-color:var(--gold);transform:translateY(-2px)}@media (max-width: 480px){.bingo-cell{font-size:.6rem;padding:.2rem}.checkmark{font-size:1.5rem}.event-btn{font-size:.75rem;padding:.4rem .8rem}}.hemlig-tomte{padding:1rem;max-width:500px;margin:0 auto}.tomte-header{text-align:center;margin-bottom:2.5rem;position:relative}.tomte-icon{font-size:5rem;margin-bottom:1rem;display:block;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.tomte-header h2{color:var(--gold);font-size:2rem;margin-bottom:.75rem;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.tomte-header p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.players-ready{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-radius:1.5rem;padding:1.75rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow-md)}.players-ready h3{color:var(--gold);margin-bottom:1.25rem;font-size:1.4rem}.player-list{display:flex;flex-wrap:wrap;gap:.75rem}.player-item{background:linear-gradient(135deg,#ffffff26,#ffffff14);padding:.75rem 1.5rem;border-radius:2rem;color:#fff;font-weight:500;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-sm);transition:all .3s ease}.player-item:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md);border-color:#ffd70066}.min-players{color:var(--error);font-size:1rem;margin-top:1.25rem;text-align:center;font-weight:600;background:#f4433626;padding:.75rem;border-radius:.75rem;border:1px solid rgba(244,67,54,.3)}.assignment-card{background:linear-gradient(135deg,#1a472ab3,#2d5a3d80);border:3px solid var(--gold);border-radius:1.75rem;padding:2.5rem;text-align:center;margin-bottom:2rem;box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a,0 0 30px #ffd70033;position:relative;overflow:hidden}.assignment-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:rotate 25s linear infinite}.hidden-assignment p{color:#fff;margin-bottom:1.5rem;font-size:1.1rem;position:relative;z-index:1}.reveal-btn{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#1a1a1a;border:none;padding:1.25rem 2.5rem;font-size:1.25rem;font-weight:700;font-family:Fredoka,sans-serif;border-radius:1.25rem;cursor:pointer;box-shadow:0 6px 0 var(--gold-dark),var(--shadow-lg),var(--glow-gold);transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:1}.reveal-btn:hover{box-shadow:0 6px 0 var(--gold-dark),var(--shadow-xl),0 0 35px #ffd70080;transform:translateY(-3px)}.reveal-btn:active{box-shadow:0 2px 0 var(--gold-dark),var(--shadow-md);transform:translateY(4px)}.revealed-assignment{position:relative;z-index:1}.revealed-assignment .assignment-label{color:var(--text-muted);font-size:1rem;margin-bottom:1rem;font-weight:500}.assignment-name{font-size:2.5rem;font-weight:900;color:var(--gold);margin-bottom:1.5rem;font-family:Fredoka,sans-serif;text-shadow:0 4px 12px rgba(255,215,0,.4);animation:revealName .6s cubic-bezier(.4,0,.2,1)}@keyframes revealName{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.assignment-hint{color:#e8e8e8;font-size:1rem;margin-bottom:2rem;line-height:1.6}.done-btn{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);color:#fff;border:none;padding:1.1rem 2.25rem;font-size:1.15rem;font-weight:600;font-family:Fredoka,sans-serif;border-radius:1.1rem;cursor:pointer;box-shadow:0 5px #388e3c,var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.done-btn:hover{box-shadow:0 5px #388e3c,var(--shadow-lg);transform:translateY(-2px)}.done-btn:active{box-shadow:0 2px #388e3c,var(--shadow-sm);transform:translateY(3px)}.done-badge{background:linear-gradient(135deg,#4caf504d,#4caf5033);color:var(--success-light);padding:1.25rem;border-radius:1.1rem;font-weight:700;font-size:1.1rem;border:2px solid rgba(76,175,80,.4)}.progress-section{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-radius:1.5rem;padding:1.75rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow-md)}.progress-section h4{color:var(--gold-light);margin-bottom:1rem;font-size:1.2rem}.progress-bar{height:24px;background:linear-gradient(135deg,#0000004d,#0003);border-radius:12px;overflow:hidden;margin-bottom:.75rem;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 4px #0003}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success) 0%,var(--success-light) 50%,#8BC34A 100%);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff4d,0 0 10px #4caf5066;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-section p{color:var(--text-muted);font-size:1rem;text-align:center;font-weight:500}.guessing-section{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.guess-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-radius:1.25rem;padding:1.5rem;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow-md);transition:all .3s ease}.guess-card:hover{box-shadow:var(--shadow-lg);border-color:#ffd7004d}.guess-target{font-size:1.35rem;font-weight:700;font-family:Fredoka,sans-serif;color:var(--gold);margin-bottom:.75rem}.guess-card p{color:var(--text-muted);font-size:.95rem;margin-bottom:1rem}.guess-options{display:flex;flex-wrap:wrap;gap:.65rem}.guess-btn{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:2px solid rgba(255,255,255,.25);color:#fff;padding:.65rem 1.25rem;border-radius:2rem;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.guess-btn:hover{background:linear-gradient(135deg,#ffd70040,#ffa50026);border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-md)}.guess-btn.selected{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);border-color:var(--success);box-shadow:var(--shadow-md),0 0 15px #4caf5066}.reveal-all-btn{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#1a1a1a;border:none;padding:1.25rem 2.5rem;font-size:1.25rem;font-weight:700;font-family:Fredoka,sans-serif;border-radius:1.25rem;cursor:pointer;width:100%;box-shadow:0 6px 0 var(--gold-dark),var(--shadow-lg),var(--glow-gold);transition:all .3s cubic-bezier(.4,0,.2,1)}.reveal-all-btn:hover{box-shadow:0 6px 0 var(--gold-dark),var(--shadow-xl),0 0 35px #ffd70080;transform:translateY(-3px)}.reveal-all-btn:active{box-shadow:0 2px 0 var(--gold-dark),var(--shadow-md);transform:translateY(4px)}.reveals-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.reveal-card{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:2px solid var(--gold);border-radius:1.25rem;padding:1.5rem;display:flex;align-items:center;justify-content:center;gap:1.25rem;box-shadow:var(--shadow-md),0 0 20px #ffd70033;animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.reveal-recipient{font-size:1.35rem;font-weight:700;font-family:Fredoka,sans-serif;color:#fff}.reveal-arrow{font-size:2rem;color:var(--gold)}.reveal-santa{font-size:1.35rem;font-weight:700;font-family:Fredoka,sans-serif;color:var(--success-light)}.waiting-text{text-align:center;color:var(--text-muted);font-style:italic;padding:2.5rem;font-size:1.15rem}.start-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;padding:1.25rem 2.5rem;font-size:1.3rem;font-weight:700;font-family:Fredoka,sans-serif;border-radius:1.25rem;cursor:pointer;width:100%;box-shadow:0 6px 0 var(--primary-dark),var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.start-btn:hover{box-shadow:0 6px 0 var(--primary-dark),var(--shadow-xl);transform:translateY(-3px)}.start-btn:active{box-shadow:0 2px 0 var(--primary-dark),var(--shadow-md);transform:translateY(4px)}.start-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.next-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:1.1rem 2.25rem;font-size:1.1rem;font-weight:600;font-family:Fredoka,sans-serif;border-radius:1.1rem;cursor:pointer;width:100%;box-shadow:0 5px #1565c0,var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.next-btn:hover{box-shadow:0 5px #1565c0,var(--shadow-lg);transform:translateY(-2px)}.next-btn:active{box-shadow:0 2px #1565c0,var(--shadow-sm);transform:translateY(3px)}.reset-btn{background:linear-gradient(135deg,#f4433640,#f4433626);color:var(--error);border:2px solid var(--error);padding:.85rem 1.75rem;border-radius:1rem;cursor:pointer;width:100%;font-weight:600;transition:all .3s ease}.reset-btn:hover{background:linear-gradient(135deg,#f4433659,#f4433640);box-shadow:var(--shadow-md),0 0 15px #f443364d;transform:translateY(-2px)}@media (max-width: 480px){.tomte-icon{font-size:4rem}.assignment-name{font-size:2rem}.reveal-recipient,.reveal-santa{font-size:1.15rem}}:root{--bg-dark: #0d1b0f;--bg-medium: #1a2e1f;--bg-light: #244030;--bg-card: rgba(25, 50, 35, .85);--primary: #d62839;--primary-light: #ff4757;--primary-dark: #a91d2a;--secondary: #1a5c2e;--secondary-light: #2d8048;--gold: #ffd700;--gold-light: #ffed4e;--gold-dark: #d4af37;--bronze: #cd7f32;--copper: #b87333;--green-dark: #0f4d2a;--green-medium: #1a6b3f;--green-light: #2d9858;--green-bright: #4caf50;--snow: #ffffff;--snow-soft: #f0f8ff;--ice-blue: #e6f4ff;--text: #ffffff;--text-muted: #c8ddd3;--success: #4caf50;--success-light: #66bb6a;--error: #f44336;--warning: #ff9800;--shadow-sm: 0 3px 10px rgba(0, 0, 0, .25);--shadow-md: 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .45);--shadow-xl: 0 15px 60px rgba(0, 0, 0, .55);--glow-gold: 0 0 25px rgba(255, 215, 0, .5), 0 0 50px rgba(255, 215, 0, .25);--glow-red: 0 0 25px rgba(214, 40, 57, .6), 0 0 50px rgba(214, 40, 57, .3);--glow-green: 0 0 20px rgba(45, 152, 88, .4), 0 0 40px rgba(45, 152, 88, .2);--glow-white: 0 0 15px rgba(255, 255, 255, .6), 0 0 30px rgba(255, 255, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(ellipse at top,rgba(214,40,57,.2) 0%,transparent 60%),radial-gradient(ellipse at bottom left,rgba(26,92,46,.25) 0%,transparent 55%),radial-gradient(ellipse at bottom right,rgba(255,215,0,.12) 0%,transparent 50%),linear-gradient(180deg,#0d1b0f,#1a2e1f,#162820,#1a3324,#0d1b0f);background-size:50px 50px,70px 70px,100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:fixed;color:var(--text);line-height:1.6;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 25%,white,transparent),radial-gradient(2px 2px at 75% 88%,white,transparent);background-size:200% 200%,200% 200%,150% 150%,300% 300%,250% 250%,180% 180%,220% 220%;background-position:50% 50%,40% 60%,10% 10%,80% 80%,30% 70%,60% 20%,20% 90%;opacity:.15;animation:twinkleStars 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes twinkleStars{0%,to{opacity:.15}50%{opacity:.25}}h1,h2,h3{font-family:Fredoka,sans-serif;font-weight:700;letter-spacing:-.01em;text-shadow:0 2px 4px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2)}h1{font-size:clamp(2.2rem,6vw,3.5rem);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 25%,#fff 50%,var(--gold-light) 75%,var(--gold) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerGold 3s linear infinite;filter:drop-shadow(0 3px 6px rgba(255,215,0,.4));position:relative}@keyframes shimmerGold{0%{background-position:0% center}to{background-position:200% center}}h1:before{content:"⭐";position:absolute;left:-1.5em;animation:spinStar 4s linear infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.6))}@keyframes spinStar{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}h2{font-size:clamp(1.6rem,4.5vw,2.4rem);color:var(--gold);text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 20px rgba(255,215,0,.3)}h3{font-size:clamp(1.3rem,3.5vw,1.8rem);color:var(--gold-light)}.container{max-width:600px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh;position:relative;z-index:1}.card{background:linear-gradient(135deg,#ffffff1f,#ffd70014 25%,#ffffff0f);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border:2px solid rgba(255,215,0,.25);border-radius:2rem;padding:2.5rem;margin-bottom:2rem;box-shadow:var(--shadow-lg),inset 0 1px #ffffff26,inset 0 -1px #0003;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.card:after{content:"🎄";position:absolute;bottom:-20px;right:-20px;font-size:8rem;opacity:.04;transform:rotate(-15deg);pointer-events:none;filter:blur(1px)}.card:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),rgba(255,215,0,.2),rgba(255,255,255,.15),transparent);transition:left .8s ease;pointer-events:none}.card:hover:before{left:150%}.card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-xl),var(--glow-gold),inset 0 1px #fff3;border-color:#ffd70080}.card-header{text-align:center;margin-bottom:2.5rem;position:relative}.card-title{font-size:2rem;margin-bottom:1rem;position:relative;display:inline-block}.card-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:70%;height:4px;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold-light) 50%,var(--gold) 80%,transparent);border-radius:2px;box-shadow:0 2px 8px #ffd70066}.card-subtitle{color:var(--text-muted);font-size:1.05rem;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.3rem 2.8rem;border:none;border-radius:1.2rem;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.03em}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .7s,height .7s}.btn:hover:before{width:350px;height:350px}.btn:active{transform:scale(.95) translateY(3px)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 8px 0 var(--primary-dark),0 10px 25px #d6283980,var(--glow-red);border-bottom:3px solid rgba(0,0,0,.2)}.btn-primary:hover{box-shadow:0 8px 0 var(--primary-dark),0 15px 35px #d6283999,0 0 40px #d6283999;transform:translateY(-4px)}.btn-primary:active{box-shadow:0 3px 0 var(--primary-dark),0 5px 15px #d6283980;transform:translateY(5px)}.btn-secondary{background:linear-gradient(135deg,#fff3,#ffffff1a);color:#fff;border:3px solid rgba(255,255,255,.35);box-shadow:var(--shadow-md),inset 0 1px #fff3}.btn-secondary:hover{background:linear-gradient(135deg,#ffffff47,#ffffff2e);border-color:#ffffff80;box-shadow:var(--shadow-lg),var(--glow-white)}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);color:#fff;box-shadow:0 8px #388e3c,var(--shadow-md),var(--glow-green)}.btn-success:hover{box-shadow:0 8px #388e3c,var(--shadow-lg),0 0 30px #4caf5080;transform:translateY(-4px)}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 50%,var(--gold) 100%);background-size:200% auto;color:#1a1a1a;box-shadow:0 8px 0 var(--gold-dark),var(--shadow-md),var(--glow-gold);font-weight:800;animation:shimmerButton 3s linear infinite}@keyframes shimmerButton{0%{background-position:0% center}to{background-position:200% center}}.btn-gold:hover{box-shadow:0 8px 0 var(--gold-dark),var(--shadow-lg),0 0 40px #ffd700b3;transform:translateY(-4px)}.btn-gold:active{box-shadow:0 3px 0 var(--gold-dark),var(--shadow-sm);transform:translateY(5px)}.btn-block{width:100%}.btn-lg{padding:1.6rem 3.2rem;font-size:1.4rem;border-radius:1.4rem}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(60%);box-shadow:none!important;transform:none!important}.input-group{margin-bottom:1.8rem}.input-label{display:block;margin-bottom:.9rem;font-weight:700;font-size:1.1rem;color:var(--gold-light);text-shadow:0 2px 4px rgba(0,0,0,.4)}.input{width:100%;padding:1.3rem 1.8rem;border:3px solid rgba(255,215,0,.3);border-radius:1.2rem;background:linear-gradient(135deg,#00000059,#00000040);color:#fff;font-size:1.15rem;font-family:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 3px 6px #0000004d}.input:focus{outline:none;border-color:var(--gold);background:#00000073;box-shadow:inset 0 3px 6px #0006,0 0 0 5px #ffd70033,var(--glow-gold);transform:translateY(-3px)}.input::placeholder{color:var(--text-muted);opacity:.7}.player-list{display:flex;flex-wrap:wrap;gap:.9rem;margin:2rem 0}.player-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.5rem;background:linear-gradient(135deg,#ffffff26,#ffffff14);border:2px solid rgba(255,255,255,.25);border-radius:2.5rem;font-size:1.05rem;font-weight:600;box-shadow:var(--shadow-sm),inset 0 1px #fff3;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-chip:hover{transform:translateY(-3px) scale(1.08);box-shadow:var(--shadow-md),0 0 20px #ffd7004d;border-color:#ffd70080}.player-chip.host{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#1a1a1a;border-color:var(--gold-dark);box-shadow:var(--shadow-md),var(--glow-gold);font-weight:800}.player-chip.host:before{content:"👑";margin-right:.3rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.player-chip.disconnected{opacity:.4;filter:grayscale(100%)}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2.5rem 0}.activity-card{background:linear-gradient(135deg,#ffffff1f,#ffd70014,#ffffff0f);border:3px solid rgba(255,215,0,.2);border-radius:2rem;padding:2.5rem 1.8rem;text-align:center;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.activity-card:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:conic-gradient(from 0deg,var(--gold),var(--primary),var(--success),var(--gold));border-radius:2rem;z-index:-1;opacity:0;transition:opacity .5s ease;animation:rotate 4s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.activity-card:hover:before{opacity:.7}.activity-card:hover{background:linear-gradient(135deg,#ffd70033,#ffa50026);border-color:var(--gold);transform:translateY(-10px) scale(1.03);box-shadow:var(--shadow-xl),var(--glow-gold)}.activity-card:active{transform:translateY(-5px) scale(1.02)}.activity-card .emoji{font-size:4rem;margin-bottom:1.2rem;display:block;transition:transform .4s ease;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4))}.activity-card:hover .emoji{transform:scale(1.2) rotate(8deg);animation:wiggle .5s ease-in-out}@keyframes wiggle{0%,to{transform:scale(1.2) rotate(8deg)}25%{transform:scale(1.25) rotate(-5deg)}50%{transform:scale(1.2) rotate(8deg)}75%{transform:scale(1.25) rotate(-5deg)}}.activity-card .name{font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text);text-shadow:0 2px 6px rgba(0,0,0,.4)}.qr-container{text-align:center;padding:2.5rem;background:linear-gradient(135deg,#fff,#f0f4f8);border-radius:2rem;margin:2.5rem 0;box-shadow:var(--shadow-lg),inset 0 2px #ffffffe6;position:relative;overflow:hidden}.qr-container:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(45deg,var(--gold),var(--primary),var(--success),var(--gold));background-size:300% 300%;border-radius:2rem;z-index:-1;opacity:.5;filter:blur(10px);animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.qr-container svg{max-width:240px;height:auto;filter:drop-shadow(0 5px 12px rgba(0,0,0,.15))}.room-code{font-family:Fredoka,sans-serif;font-size:2.8rem;letter-spacing:.3em;color:#1a1a1a;margin-top:1.8rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--gold),var(--success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.85}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px) rotate(-3deg)}50%{transform:translate(10px) rotate(3deg)}75%{transform:translate(-10px) rotate(-2deg)}}@keyframes confetti{0%{transform:translateY(-10vh) rotate(0) scale(1);opacity:1}to{transform:translateY(110vh) rotate(720deg) scale(.4);opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.animate-pulse{animation:pulse 2.5s cubic-bezier(.4,0,.6,1) infinite}.animate-float{animation:float 3.5s ease-in-out infinite}.bingo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:2rem 0;padding:10px;background:linear-gradient(135deg,#ffffff1a,#ffd7000d);border-radius:1.5rem;box-shadow:inset 0 3px 10px #0000004d,0 4px 15px #0003;border:2px solid rgba(255,215,0,.2)}.bingo-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff26,#ffffff14);border:3px solid rgba(255,255,255,.3);border-radius:1rem;font-size:.8rem;text-align:center;padding:.6rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);line-height:1.3;font-weight:600;position:relative;overflow:hidden}.bingo-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,215,0,.3),transparent);opacity:0;transition:opacity .4s ease}.bingo-cell:hover:before{opacity:1}.bingo-cell:hover{background:linear-gradient(135deg,#ffffff40,#ffd70026);transform:scale(1.08);border-color:var(--gold);box-shadow:0 5px 15px #ffd70066}.bingo-cell.marked{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);border-color:var(--success);box-shadow:var(--shadow-md),0 0 20px #4caf5080;animation:pop .4s cubic-bezier(.4,0,.2,1)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.25) rotate(5deg)}to{transform:scale(1) rotate(0)}}.bingo-cell.free{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#1a1a1a;font-weight:800;border-color:var(--gold-dark);box-shadow:var(--shadow-md),var(--glow-gold)}.challenge-display{text-align:center;padding:3rem;margin:2.5rem 0}.challenge-text{font-family:Fredoka,sans-serif;font-size:1.9rem;margin-bottom:2.5rem;color:var(--gold);text-shadow:0 3px 10px rgba(0,0,0,.5),0 0 25px rgba(255,215,0,.4);animation:pulse 2s ease-in-out infinite}.big-button{width:240px;height:240px;border-radius:50%;font-size:4rem;display:flex;align-items:center;justify-content:center;margin:0 auto;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px #b71c1c,0 15px 40px #00000080;position:relative;overflow:hidden}.big-button:after{content:"";position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.big-button:hover:after{opacity:1}.big-button:active{transform:translateY(10px) scale(.94);box-shadow:0 3px #b71c1c,0 8px 20px #00000080}.big-button.ready{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);box-shadow:0 10px 0 var(--primary-dark),0 15px 40px #d6283999,0 0 50px #d6283980;animation:pulse 1.8s ease-in-out infinite}.big-button.clicked{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);box-shadow:0 10px #388e3c,0 15px 40px #4caf5099,0 0 50px #4caf5080}.scoreboard{background:linear-gradient(135deg,#00000059,#00000040);border-radius:2rem;padding:2rem;margin:2rem 0;border:2px solid rgba(255,215,0,.2);box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a}.score-row{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-radius:1rem;margin-bottom:.7rem;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);transition:all .4s ease}.score-row:hover{background:#ffffff1a;transform:translate(6px);border-color:#ffd7004d}.score-row.winner{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#1a1a1a;border-color:var(--gold-dark);box-shadow:var(--shadow-md),var(--glow-gold);font-weight:800;transform:scale(1.03)}.score-row.winner:before{content:"🏆 ";margin-right:.6rem;font-size:1.4rem}.score-value{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:800}.toast{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#000000f2,#000000e6);color:#fff;padding:1.4rem 3rem;border-radius:3.5rem;font-weight:700;font-size:1.1rem;z-index:1000;animation:slideUp .5s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xl);border:2px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast.success{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);box-shadow:var(--shadow-xl),var(--glow-green)}.toast.error{background:linear-gradient(135deg,var(--error) 0%,#e53935 100%);box-shadow:var(--shadow-xl),0 0 25px #f4433680}.snowfall{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;overflow:hidden}.snowflake{position:absolute;color:#fff;opacity:.85;animation:fall linear infinite;text-shadow:0 0 8px rgba(255,255,255,.8),0 0 15px rgba(255,255,255,.5);font-size:clamp(10px,1.5vw,20px)}@keyframes fall{0%{transform:translateY(-10vh) translate(0) rotate(0);opacity:0}10%{opacity:.85}90%{opacity:.7}to{transform:translateY(110vh) translate(100px) rotate(360deg);opacity:0}}.snowflake:nth-child(odd){animation-duration:12s}.snowflake:nth-child(2n){animation-duration:18s}.snowflake:nth-child(3n){animation-duration:15s}@media (max-width: 480px){.container{padding:1.2rem}.card{padding:2rem;border-radius:1.75rem}.activity-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.activity-card{padding:2rem 1.2rem}.activity-card .emoji{font-size:3rem}.bingo-cell{font-size:.7rem;padding:.4rem}.btn-lg{padding:1.4rem 2.4rem;font-size:1.2rem}.big-button{width:200px;height:200px;font-size:3.5rem}h1{font-size:2.2rem}h2{font-size:1.6rem}}@media (max-width: 360px){.activity-card .emoji{font-size:2.5rem}.bingo-grid{gap:5px}.bingo-cell{font-size:.65rem}.big-button{width:180px;height:180px;font-size:3rem}}.sparkle{position:relative}.sparkle:after{content:"✨";position:absolute;top:-12px;right:-12px;font-size:1.2rem;animation:twinkle 2.5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.4;transform:scale(1.3) rotate(180deg)}}.christmas-bells{position:fixed;top:20px;right:20px;font-size:2rem;opacity:.15;animation:swing 3s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes swing{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:.5rem;z-index:9999;transition:opacity .3s;font-weight:600;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.toast-success{background:var(--success);color:#fff;box-shadow:var(--shadow-xl),var(--glow-green)}.toast-error{background:var(--error);color:#fff;box-shadow:var(--shadow-xl),0 0 25px #f4433680}.toast-info{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.offline-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,var(--error) 0%,#e53935 100%);color:#fff;padding:1rem;text-align:center;font-weight:700;z-index:10000;box-shadow:0 4px 15px #f4433680;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.offline-banner .spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-left:.5rem}@keyframes spin{to{transform:rotate(360deg)}}