*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #f59e0b;--accent-glow: rgba(245, 158, 11, .3);--success: #10b981;--danger: #ef4444}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh}.app{max-width:800px;margin:0 auto;padding:20px}.btn{padding:12px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#d97706;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card-hover);color:var(--text-primary)}.btn-secondary:hover{background:#475569}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-group{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.header{text-align:center;padding:30px 0 20px}.header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.header p{color:var(--text-secondary);font-size:1rem}.tabs{display:flex;gap:6px;margin-bottom:24px;background:var(--bg-card);padding:8px;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:10px 14px;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--accent);color:#000}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.landing-roads{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.road-line{position:absolute;width:4px;background:#334155;border-radius:2px}.road-line-1{left:25%;height:100%;animation:road-scroll 3s linear infinite}.road-line-2{left:50%;height:100%;animation:road-scroll 2.5s linear infinite}.road-line-3{left:75%;height:100%;animation:road-scroll 3.5s linear infinite}@keyframes road-scroll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.landing-content{text-align:center;z-index:1}.landing-car-anim{font-size:5rem;animation:car-bounce 2s ease-in-out infinite;margin-bottom:16px}@keyframes car-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-5px) rotate(3deg)}}.landing-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--accent),#fbbf24,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.landing-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:40px}.landing-prompt{color:var(--text-secondary);font-size:1.2rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.landing-kids-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.landing-kid-card{background:var(--bg-card);border:2px solid transparent;border-radius:20px;padding:24px 32px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:120px}.landing-kid-card:hover{border-color:var(--kid-color);transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.landing-kid-avatar{font-size:3rem}.landing-kid-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.landing-parent-btn{background:var(--bg-card);border:2px solid var(--bg-card-hover);color:var(--text-secondary);padding:16px 32px;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;margin:0 auto}.landing-parent-btn:hover{border-color:var(--accent);color:var(--text-primary)}.landing-parent-icon{font-size:1.2rem}.landing-empty{color:var(--text-secondary);padding:40px}.landing-current-banner{background:var(--bg-card);border:2px solid var(--accent);border-radius:16px;padding:16px 20px;margin-bottom:20px;animation:pulse-glow 2s ease-in-out infinite}.landing-current-info{display:flex;align-items:center;gap:12px;justify-content:center}.landing-current-avatar{font-size:2.5rem}.landing-current-text{display:flex;flex-direction:column}.landing-current-name{font-size:1.2rem;font-weight:700}.landing-current-label{font-size:.8rem;color:var(--text-secondary)}.landing-current-timer{font-size:1.1rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.landing-pending-banner{background:#f59e0b26;border:1px solid var(--accent);border-radius:12px;padding:12px 16px;margin-bottom:20px;font-size:.85rem;color:var(--accent);text-align:center}.approve-dashboard-btn{display:inline-block;margin-top:24px;text-decoration:none}.parent-login,.kid-login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.back-btn{position:fixed;top:20px;left:20px;background:none;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;z-index:10}.back-btn:hover{color:var(--text-primary)}.parent-login-card,.kid-login-card{background:var(--bg-card);border-radius:24px;padding:48px;text-align:center;width:100%;max-width:400px}.parent-login-icon{font-size:3rem;margin-bottom:16px}.parent-login-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.parent-login-prompt,.kid-login-prompt{color:var(--text-secondary);margin-bottom:24px}.parent-login-hint{color:var(--text-secondary);font-size:.8rem;margin-top:16px;opacity:.5}.kid-login-avatar{font-size:5rem;margin-bottom:12px;display:block}.kid-login-name{font-size:1.8rem;font-weight:700;margin-bottom:8px}.kid-login-form{display:flex;flex-direction:column;gap:16px}.kid-login-input{padding:16px;border:2px solid var(--bg-card-hover);border-radius:12px;background:var(--bg-dark);color:var(--text-primary);font-size:1.2rem;text-align:center;outline:none;transition:border-color .2s}.kid-login-input:focus{border-color:var(--accent)}.kid-login-input-error{border-color:var(--danger);animation:shake .5s ease}.kid-login-error{color:var(--danger);font-size:.9rem}.kid-login-btn{width:100%;font-size:1.1rem}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.kid-dashboard{max-width:800px;margin:0 auto;padding:20px}.kid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.kid-header-info{display:flex;align-items:center;gap:16px}.kid-header-avatar{font-size:3rem}.kid-header-name{font-size:1.5rem;font-weight:700}.kid-header-rank{color:var(--text-secondary);font-size:.9rem}.kid-current-section{background:var(--bg-card);border-radius:16px;padding:20px;margin-bottom:20px;text-align:center}.kid-current-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.kid-current-info{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.2rem}.kid-current-timer{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.kid-next-banner{background:var(--bg-card);border:2px solid;border-radius:16px;padding:16px;text-align:center;font-weight:700;margin-bottom:20px;animation:pulse-glow 2s ease-in-out infinite}.kid-pending-section{background:var(--bg-card);border-radius:16px;padding:20px;margin-bottom:20px;text-align:center;border:2px solid var(--accent);animation:pulse-glow 2s ease-in-out infinite}.kid-pending-text{font-size:.95rem;color:var(--text-secondary);margin-bottom:8px}.kid-pending-target{font-size:1.3rem;font-weight:700}.kid-pick-section{margin-bottom:20px;text-align:center}.kid-pick-btn{font-size:1.1rem;padding:16px 32px}.pending-request-banner{background:var(--bg-card);border-radius:16px;padding:20px;margin-bottom:20px;border:2px solid var(--accent);display:flex;align-items:center;justify-content:space-between;animation:pulse-glow 2s ease-in-out infinite}.pending-request-info{display:flex;align-items:center;gap:12px}.pending-request-avatar{font-size:2rem}.pending-request-text{font-size:1rem;margin-bottom:2px}.pending-request-sub{font-size:.8rem;color:var(--text-secondary)}.pending-request-actions{display:flex;gap:8px}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #f59e0b33}50%{box-shadow:0 0 25px #f59e0b80}}.kid-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--bg-card);padding:8px;border-radius:12px;flex-wrap:wrap}.kid-tab{flex:1;min-width:80px;padding:10px 8px;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s}.kid-tab:hover{color:var(--text-primary)}.kid-tab.active{background:var(--accent);color:#000}.kid-stats-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.kid-stat-card{background:var(--bg-card);border-radius:16px;padding:20px;text-align:center;border-left:4px solid}.kid-stat-icon{font-size:2rem;margin-bottom:8px}.kid-stat-value{font-size:1.8rem;font-weight:800;margin-bottom:4px}.kid-stat-label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.kid-earned-badges{grid-column:1 / -1;margin-top:8px}.kid-earned-badges h3{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.kid-badges-panel,.kid-leaderboard-panel,.kid-games-panel{padding:0}.kid-games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.kid-game-card{background:var(--bg-card);border:2px solid transparent;border-radius:16px;padding:24px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.kid-game-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.kid-game-icon{font-size:2.5rem}.kid-game-name{font-weight:700;font-size:1rem}.kid-game-highscore{color:var(--text-secondary);font-size:.8rem}.current-section{background:var(--bg-card);border-radius:20px;padding:30px;margin-bottom:30px;border:2px solid transparent;transition:all .3s ease}.current-section.has-assignment{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.current-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.current-kid{font-size:2rem;font-weight:700;margin-bottom:10px}.current-timer{font-size:1.5rem;color:var(--accent);font-variant-numeric:tabular-nums}.current-empty{color:var(--text-secondary);font-size:1.2rem}.current-pun{margin-top:12px;font-size:1.1rem;font-weight:600;color:var(--accent);animation:pun-enter .5s ease}@keyframes pun-enter{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.next-section{background:var(--bg-card);border-radius:16px;padding:20px;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.next-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.next-badge{background:var(--bg-card-hover);padding:6px 12px;border-radius:8px;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.next-name{font-size:1.2rem;font-weight:600}.streak-badge{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:700;animation:fire-pulse 1.5s ease-in-out infinite}@keyframes fire-pulse{0%,to{box-shadow:0 0 8px #ef444466}50%{box-shadow:0 0 16px #ef4444cc}}.kids-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:30px}.kid-card{background:var(--bg-card);border-radius:16px;padding:24px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;position:relative;overflow:hidden;text-align:center}.kid-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.kid-card.active{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.kid-avatar-display{font-size:2.5rem;margin-bottom:8px}.kid-name{font-size:1.4rem;font-weight:700;margin-bottom:8px}.kid-stats{color:var(--text-secondary);font-size:.9rem}.kid-stat-value{color:var(--text-primary);font-weight:600}.kid-card-badges{margin-top:8px;display:flex;gap:4px;justify-content:center}.manage-kid-card{cursor:pointer}.manage-kid-actions{margin-top:12px}.badge-compact{display:flex;gap:8px;flex-wrap:wrap}.badge-pill{background:var(--bg-card-hover);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.badge-mini{font-size:1.2rem}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.badge-card{background:var(--bg-card);border-radius:16px;padding:20px;text-align:center;transition:all .3s}.badge-earned{border:2px solid var(--accent);box-shadow:0 0 15px #f59e0b33}.badge-locked{opacity:.4;filter:grayscale(1)}.badge-icon{font-size:2.5rem;margin-bottom:8px}.badge-name{font-weight:700;font-size:.9rem;margin-bottom:4px}.badge-desc{color:var(--text-secondary);font-size:.75rem}.podium-container{margin-bottom:30px}.podium-stage{display:flex;justify-content:center;align-items:flex-end;gap:8px;padding:20px 0}.podium-column{display:flex;flex-direction:column;align-items:center;gap:8px}.podium-avatar{font-size:2.5rem}.podium-name{font-weight:700;font-size:1rem}.podium-score{color:var(--text-secondary);font-size:.8rem}.podium-block{width:120px;border-radius:12px 12px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;transition:height .5s ease}.podium-label{font-size:1.2rem;font-weight:800;color:#000}.podium-badges{display:flex;gap:4px}.podium-remaining{margin-top:16px}.rank-row{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-card);border-radius:10px;margin-bottom:8px}.rank-position{width:32px;font-weight:700;color:var(--text-secondary)}.rank-avatar{font-size:1.5rem}.rank-name{font-weight:600;flex:1}.rank-score{color:var(--text-secondary);font-size:.85rem}.stats-section{background:var(--bg-card);border-radius:16px;padding:24px;margin-bottom:30px}.section-title{font-size:1.1rem;font-weight:700;margin-bottom:16px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.stat-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.stat-bar:last-child{margin-bottom:0}.stat-name{width:80px;font-weight:600;font-size:.9rem}.stat-bar-track{flex:1;height:24px;background:var(--bg-dark);border-radius:12px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:12px;transition:width .5s ease;display:flex;align-items:center;padding:0 10px;font-size:.8rem;font-weight:600;min-width:fit-content}.stat-count{width:40px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.history-section{background:var(--bg-card);border-radius:16px;padding:24px;margin-bottom:30px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--bg-dark);flex-wrap:wrap;gap:8px}.history-item:last-child{border-bottom:none}.history-kid{font-weight:600}.history-date,.history-duration{color:var(--text-secondary);font-size:.85rem}.add-kid-form{display:flex;gap:12px;margin-bottom:20px}.add-kid-form input{flex:1;padding:12px 16px;border:2px solid var(--bg-card-hover);border-radius:10px;background:var(--bg-dark);color:var(--text-primary);font-size:1rem}.add-kid-form input:focus{outline:none;border-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg-card);border-radius:20px;padding:32px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.modal h3{font-size:1.3rem;margin-bottom:20px}.modal-field{margin-bottom:20px}.modal-field label{display:block;margin-bottom:8px;color:var(--text-secondary);font-weight:600}.modal-field input{width:100%;padding:12px;border:2px solid var(--bg-card-hover);border-radius:10px;background:var(--bg-dark);color:var(--text-primary);font-size:1rem}.modal-field input:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.emoji-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.emoji-option{background:var(--bg-dark);border:2px solid transparent;border-radius:8px;padding:8px;font-size:1.4rem;cursor:pointer;transition:all .2s}.emoji-option:hover{border-color:var(--accent);transform:scale(1.1)}.emoji-selected{border-color:var(--accent);background:#f59e0b33}.settings-section{margin-top:24px}.pin-change-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.pin-change-form input{padding:12px;border:2px solid var(--bg-card-hover);border-radius:10px;background:var(--bg-dark);color:var(--text-primary);font-size:1rem}.pin-msg{color:var(--accent);font-size:.9rem;margin-top:8px}.empty-state{text-align:center;padding:40px;color:var(--text-secondary)}.car-emoji{font-size:4rem;margin-bottom:16px}.shuffle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172af2;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center}.shuffle-single-card-container{display:flex;align-items:center;justify-content:center}.shuffle-single-card{width:200px;height:260px;perspective:600px;position:relative}.shuffle-single-card .shuffle-card-inner{width:100%;height:100%;background:var(--bg-card);border:3px solid var(--accent);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:transform .6s;transform-style:preserve-3d}.shuffle-single-card.shuffling .shuffle-card-inner{animation:shuffle-wiggle .15s ease-in-out infinite}.shuffle-single-card.revealed .shuffle-card-inner{transform:rotateY(360deg);border-color:var(--accent);box-shadow:0 0 40px var(--accent-glow)}.shuffle-card-back{font-size:3.5rem}.shuffle-card-avatar{font-size:4.5rem}.shuffle-card-name{font-size:1.4rem;font-weight:700}.shuffle-avatar-flash{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:2rem}.shuffle-flash-avatar{animation:flash-in .15s ease}@keyframes flash-in{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.shuffle-result{text-align:center;margin-top:40px;animation:pun-enter .5s ease}.shuffle-result-text{font-size:1.5rem;font-weight:800}.approve-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-dark)}.approve-card{background:var(--bg-card);border-radius:24px;padding:48px;text-align:center;width:100%;max-width:420px;animation:pun-enter .5s ease}.approve-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.approve-requester-avatar,.approve-target-avatar{font-size:3rem}.approve-requester-info,.approve-target-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.approve-requester-name,.approve-target-name{font-size:1.2rem;font-weight:700}.approve-picked-text,.approve-for-text{font-size:.85rem;color:var(--text-secondary)}.approve-car-icon{font-size:4rem;margin:20px 0;animation:car-bounce 2s ease-in-out infinite}.approve-buttons{display:flex;gap:16px;margin-top:24px}.approve-btn{padding:20px 0;border:none;border-radius:16px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .2s;flex:1}.approve-btn:disabled{opacity:.5;cursor:not-allowed}.approve-btn-approve{background:var(--success);color:#fff}.approve-btn-approve:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.approve-btn-deny{background:var(--bg-card-hover);color:var(--text-secondary)}.approve-btn-deny:hover:not(:disabled){background:#475569}.approve-icon{font-size:4rem;margin-bottom:16px}.approve-icon-success{animation:car-bounce 1s ease-in-out infinite}.approve-result-card h2{font-size:1.5rem;margin-bottom:12px}.approve-result-kid{font-size:2rem;font-weight:800;margin:16px 0;display:flex;align-items:center;justify-content:center;gap:12px}.approve-result-avatar{font-size:3rem}.approve-loading{color:var(--text-secondary);font-size:1.2rem}.approve-card p{color:var(--text-secondary);font-size:1rem;margin-top:8px}.picks-section{background:var(--bg-card);border-radius:16px;padding:24px;margin-bottom:30px}.picks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.picks-header .section-title{margin-bottom:0}.pick-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--bg-dark);flex-wrap:wrap;gap:8px}.pick-item:last-child{border-bottom:none}.pick-info{display:flex;align-items:center;gap:10px;flex:1}.pick-requester{font-weight:600}.pick-arrow{color:var(--text-secondary);font-size:1.2rem}.pick-target{font-weight:600}.pick-status{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pick-status-pending{background:#f59e0b33;color:var(--accent)}.pick-status-approved{background:#10b98133;color:var(--success)}.pick-status-denied{background:#ef444433;color:var(--danger)}.pick-meta{display:flex;align-items:center;gap:10px}.pick-date{color:var(--text-secondary);font-size:.8rem}.history-trip-num{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;background:var(--bg-card-hover);border-radius:50%;font-size:.7rem;font-weight:700;color:var(--text-secondary);margin-right:8px;vertical-align:middle}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.history-header .section-title{margin-bottom:0}.history-totals{display:flex;gap:16px}.history-total-item{color:var(--text-secondary);font-size:.85rem}.history-total-value{color:var(--accent);font-weight:700;margin-right:2px}.history-duration.editable{cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:6px}.history-duration.editable:hover{background:var(--bg-card-hover)}.edit-pencil{margin-left:4px;font-size:.7rem;opacity:.5}.history-edit-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.history-edit-input{width:60px;padding:4px 8px;border:2px solid var(--accent);border-radius:6px;background:var(--bg-dark);color:var(--text-primary);font-size:.85rem;text-align:center}.history-edit-unit{color:var(--text-secondary);font-size:.8rem}.btn-xs{padding:4px 8px;font-size:.75rem}.adjust-time-section{background:var(--bg-card);border-radius:16px;padding:16px 20px;margin-bottom:20px}.adjust-time-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.adjust-time-row{display:flex;gap:8px;align-items:center}.adjust-time-input{width:80px;padding:8px 12px;border:2px solid var(--bg-card-hover);border-radius:8px;background:var(--bg-dark);color:var(--text-primary);font-size:.9rem;text-align:center}.adjust-time-input:focus{outline:none;border-color:var(--accent)}.adjust-time-hint{font-size:.75rem;color:var(--text-secondary);margin-top:6px;opacity:.6}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:300;overflow:hidden}.confetti-particle{position:absolute;bottom:50%;border-radius:2px;animation:confetti-fall 2.5s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(-60vh) translate(var(--drift)) rotate(var(--rotation));opacity:0}}.game-wrapper{max-width:600px;margin:0 auto}.game-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.game-back-btn{background:none;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer}.game-back-btn:hover{color:var(--text-primary)}.game-title{font-size:1.3rem;font-weight:700}.game-content{text-align:center}.ttt-status{display:flex;justify-content:space-between;margin-bottom:16px;color:var(--text-secondary);font-size:.9rem}.ttt-score{font-weight:600;color:var(--accent)}.ttt-result{padding:16px;border-radius:12px;margin-bottom:16px;font-size:1.3rem;font-weight:700;animation:pun-enter .3s ease}.ttt-win{background:#10b98133;color:#10b981}.ttt-lose{background:#ef444433;color:#ef4444}.ttt-draw{background:#f59e0b33;color:#f59e0b}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:300px;margin:0 auto 16px}.ttt-cell{aspect-ratio:1;background:var(--bg-card);border:2px solid var(--bg-card-hover);border-radius:12px;cursor:pointer;transition:all .2s;font-size:2.5rem;display:flex;align-items:center;justify-content:center}.ttt-cell:hover:not(:disabled){border-color:var(--accent)}.ttt-cell-content{line-height:1}.drag-status{display:flex;justify-content:space-between;margin-bottom:16px;color:var(--text-secondary)}.drag-track{position:relative;margin-bottom:20px}.drag-lane{margin-bottom:12px}.drag-label{display:block;text-align:left;font-size:.85rem;color:var(--text-secondary);margin-bottom:4px}.drag-road{height:48px;background:var(--bg-card);border-radius:24px;position:relative;overflow:hidden}.drag-car{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;transition:left .06s linear;left:0%}.drag-car-bouncing{animation:car-bounce-small .15s ease infinite}@keyframes car-bounce-small{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 3px))}}.drag-exhaust{position:absolute;font-size:.9rem;opacity:.8;animation:exhaust-fade .4s ease-out forwards;pointer-events:none}@keyframes exhaust-fade{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.3) translate(-20px)}}.drag-finish{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem}.drag-countdown{font-size:5rem;font-weight:900;color:var(--accent);animation:countdown-pulse .8s ease;margin:20px 0}@keyframes countdown-pulse{0%{transform:scale(2);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:.5}}.drag-result{padding:16px;border-radius:12px;margin-bottom:16px;font-size:1.3rem;font-weight:700;animation:pun-enter .3s ease}.drag-result-detail{font-size:.9rem;font-weight:400;margin-top:4px;opacity:.8}.drag-result-win{background:#10b98133;color:#10b981}.drag-result-lose{background:#ef444433;color:#ef4444}.drag-boost-container{display:flex;align-items:center;gap:10px;margin:16px 0}.drag-boost-label{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.drag-boost-track{flex:1;height:18px;background:var(--bg-dark);border-radius:9px;overflow:hidden;border:2px solid var(--bg-card-hover)}.drag-boost-fill{height:100%;border-radius:9px;transition:width .1s ease}.drag-boost-pct{font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;width:40px;text-align:right}.drag-controls{margin-top:16px}.drag-start-btn{font-size:1.2rem;padding:16px 32px}.drag-accelerate-btn{font-size:1.3rem;padding:24px 48px;animation:pulse-glow .5s ease-in-out infinite;-webkit-user-select:none;user-select:none;min-width:260px}.td-status{display:flex;justify-content:space-between;margin-bottom:16px;color:var(--text-secondary)}.td-road{display:flex;gap:4px;height:350px;margin-bottom:16px;border-radius:12px;overflow:hidden;background:#1a1a2e}.td-lane{flex:1;position:relative;border-left:2px dashed #333;border-right:2px dashed #333}.td-lane-active{background:#f59e0b0d}.td-player{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-size:2.5rem;z-index:2;transition:left .15s ease}.td-obstacle{position:absolute;left:50%;transform:translate(-50%);font-size:2rem;transition:top .05s linear}.td-mobile-controls{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.td-move-btn{font-size:1.5rem;padding:16px 32px}.td-gameover{margin-top:16px}.td-gameover-text{font-size:1.2rem;font-weight:700;margin-bottom:12px}.mm-status{display:flex;justify-content:space-between;margin-bottom:16px;color:var(--text-secondary)}.mm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:400px;margin:0 auto 16px}.mm-card{aspect-ratio:1;background:var(--bg-card);border:2px solid var(--bg-card-hover);border-radius:12px;cursor:pointer;transition:all .3s;font-size:2rem;display:flex;align-items:center;justify-content:center}.mm-card:hover:not(:disabled){border-color:var(--accent)}.mm-card-flipped{background:var(--bg-card-hover);border-color:var(--accent);animation:flip-in .3s ease}.mm-card-matched{background:#10b98133;border-color:var(--success)}@keyframes flip-in{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.mm-complete{animation:pun-enter .5s ease}.mm-complete-text{font-size:1.2rem;font-weight:700;margin-bottom:16px}.lp-status{display:flex;justify-content:space-between;margin-bottom:16px;color:var(--text-secondary)}.lp-plate-display{margin-bottom:20px;animation:pun-enter .3s ease}.lp-plate{background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border-radius:8px;padding:20px 40px;display:inline-block;border:3px solid #94a3b8}.lp-plate-text{color:#1e293b;font-size:2.5rem;font-weight:800;font-family:monospace;letter-spacing:8px}.lp-plate-hint{color:var(--text-secondary);margin-top:12px}.lp-slots{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.lp-slot{width:56px;height:64px;background:var(--bg-card);border:2px solid var(--accent);border-radius:8px;font-size:1.8rem;font-weight:700;font-family:monospace;color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer}.lp-tiles{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.lp-tile{width:56px;height:56px;background:var(--bg-card);border:2px solid var(--bg-card-hover);border-radius:8px;font-size:1.5rem;font-weight:700;font-family:monospace;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.lp-tile:hover:not(.lp-tile-used){border-color:var(--accent);transform:translateY(-2px)}.lp-tile-used{opacity:.3;cursor:not-allowed}.lp-gameover{animation:pun-enter .5s ease}.lp-gameover-text{font-size:1.2rem;font-weight:700;margin-bottom:16px}.ps-status{display:flex;justify-content:space-between;margin-bottom:20px;color:var(--text-secondary)}.ps-gauge{position:relative;margin:20px auto 24px;max-width:400px}.ps-gauge-bg{height:60px;background:var(--bg-card);border-radius:30px;position:relative;overflow:hidden;border:2px solid var(--bg-card-hover)}.ps-green-zone{position:absolute;top:0;height:100%;background:#10b98166;border-radius:0}.ps-needle{position:absolute;top:0;width:4px;height:100%;background:var(--danger);border-radius:2px;transition:left .03s linear;z-index:2}.ps-needle:after{content:"";position:absolute;top:-8px;left:-6px;width:16px;height:16px;background:var(--danger);border-radius:50%}.ps-gauge-labels{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:.7rem;color:var(--text-secondary);pointer-events:none}.ps-message{padding:12px;border-radius:10px;font-weight:700;margin-bottom:16px;animation:pun-enter .3s ease}.ps-message-good{background:#10b98133;color:#10b981}.ps-message-bad{background:#ef444433;color:#ef4444}.ps-stop-btn{font-size:1.2rem;padding:16px 32px;animation:pulse-glow .8s ease-in-out infinite}.ps-gameover{animation:pun-enter .5s ease}.loading{text-align:center;padding:60px;color:var(--text-secondary);font-size:1.2rem}.branding-section{padding:20px 0}.branding-description{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.branding-current{background:var(--bg-card);border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.branding-current-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}.branding-current-preview{margin-bottom:12px}.branding-dropzone{border:2px dashed var(--bg-card-hover);border-radius:16px;padding:40px;text-align:center;cursor:pointer;transition:all .2s ease;margin-bottom:20px;background:var(--bg-card)}.branding-dropzone:hover{border-color:var(--accent);background:#f59e0b0d}.branding-dropzone-icon{font-size:3rem;margin-bottom:12px}.branding-dropzone-text{font-size:1.1rem;font-weight:600;margin-bottom:8px}.branding-dropzone-hint{font-size:.85rem;color:var(--text-secondary)}.branding-dropzone-img{max-width:200px;max-height:200px;border-radius:8px}.branding-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.branding-result{background:var(--bg-card);border-radius:12px;padding:20px;margin-bottom:24px}.branding-result-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}.branding-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.branding-preview-card{text-align:center}.branding-preview-img{max-width:100%;max-height:150px;border-radius:8px;background:repeating-conic-gradient(#1e293b,#1e293b 25%,#0f172a 0%,#0f172a 50%) 50% / 20px 20px}.branding-preview-label{font-size:.8rem;color:var(--text-secondary);margin-top:8px}.branding-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.branding-message.success{background:#10b98126;color:var(--success);border:1px solid var(--success)}.branding-message.error{background:#ef444426;color:var(--danger);border:1px solid var(--danger)}.branding-info{background:var(--bg-card);border-radius:12px;padding:20px}.branding-info h4{font-size:.95rem;margin-bottom:12px}.branding-info ul{list-style:none;padding:0}.branding-info li{padding:6px 0;color:var(--text-secondary);font-size:.9rem}.branding-info li:before{content:"•";color:var(--accent);margin-right:8px}.cartoon-avatar-section{margin:16px 0}.cartoon-current{display:flex;align-items:center;gap:16px;margin-bottom:16px}.cartoon-current-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.cartoon-upload{border:2px dashed var(--bg-card-hover);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-card)}.cartoon-upload:hover{border-color:var(--accent)}.cartoon-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary)}.cartoon-upload-icon{font-size:2rem}.cartoon-preview-row{display:flex;align-items:center;justify-content:center;gap:16px}.cartoon-preview-card{display:flex;flex-direction:column;align-items:center;gap:8px}.cartoon-preview-img{width:120px;height:120px;border-radius:12px;object-fit:cover;background:repeating-conic-gradient(#1e293b,#1e293b 25%,#0f172a 0%,#0f172a 50%) 50% / 16px 16px}.cartoon-preview-arrow{font-size:1.5rem;color:var(--text-secondary)}.cartoon-preview-placeholder{width:120px;height:120px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--bg-dark)}.cartoon-preview-label{font-size:.8rem;color:var(--text-secondary)}.cartoon-actions{display:flex;gap:12px;margin-top:16px}.cartoon-message{padding:10px 14px;border-radius:8px;margin-top:12px;font-size:.85rem}.cartoon-message.success{background:#10b98126;color:var(--success)}.cartoon-message.error{background:#ef444426;color:var(--danger)}.cartoon-mode-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:600;margin-bottom:12px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.cartoon-processing{text-align:center;padding:16px 0;color:var(--text-secondary)}.cartoon-ai-progress{height:4px;background:var(--bg-card-hover);border-radius:2px;overflow:hidden;margin-bottom:12px}.cartoon-ai-progress-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7,#8b5cf6);border-radius:2px;width:40%;animation:cartoon-ai-slide 1.5s ease-in-out infinite}@keyframes cartoon-ai-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.cartoon-ai-spinner{animation:cartoon-ai-pulse 1s ease-in-out infinite;display:inline-block}@keyframes cartoon-ai-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.cartoon-options{margin-top:16px}.cartoon-option-group{margin-bottom:14px}.cartoon-option-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:8px;display:block}.cartoon-option-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.cartoon-option-scroll::-webkit-scrollbar{height:4px}.cartoon-option-scroll::-webkit-scrollbar-track{background:transparent}.cartoon-option-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.cartoon-option-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;min-width:64px;border-radius:12px;cursor:pointer;background:var(--bg-card);border:2px solid transparent;transition:all .15s ease;flex-shrink:0}.cartoon-option-card:hover{border-color:var(--accent);background:var(--bg-card-hover)}.cartoon-option-card.active{border-color:var(--accent);background:#8b5cf626}.cartoon-option-icon{font-size:1.5rem}.cartoon-option-name{font-size:.7rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.cartoon-option-card.active .cartoon-option-name{color:var(--accent)}.kid-avatar-photo{border-radius:50%;object-fit:cover}.landing-kid-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover}.kid-header-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover}.kid-avatar-display-img{width:48px;height:48px;border-radius:50%;object-fit:cover}@media (max-width: 600px){.kids-grid,.kid-games-grid,.kid-stats-panel{grid-template-columns:1fr}.header h1,.landing-title{font-size:1.8rem}.current-kid{font-size:1.5rem}.landing-kids-grid{gap:12px}.landing-kid-card{min-width:100px;padding:16px 20px}.podium-stage{gap:4px}.podium-block{width:90px}.ttt-board{max-width:250px}.emoji-picker-grid{grid-template-columns:repeat(5,1fr)}.modal{padding:24px}.kid-header{flex-direction:column;align-items:flex-start}.approve-card{padding:32px 24px}.approve-buttons{flex-direction:column}.pending-request-banner{flex-direction:column;gap:12px;text-align:center}.pending-request-info{flex-direction:column}.tabs{padding:6px;gap:4px}.tab{padding:8px 10px;font-size:.78rem}.cartoon-preview-row{gap:8px}.cartoon-preview-img,.cartoon-preview-placeholder{width:90px;height:90px}.cartoon-preview-arrow{font-size:1.2rem}}.kid-game-ai{position:relative;border:2px solid #8b5cf6!important}.kid-game-ai-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:6px;letter-spacing:1px}.story-chat{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:50vh}.story-message{display:flex}.story-user{justify-content:flex-end}.story-assistant{justify-content:flex-start}.story-bubble{max-width:80%;padding:14px 18px;border-radius:18px;font-size:1rem;line-height:1.5}.story-user .story-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.story-assistant .story-bubble{background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.story-bubble p{margin:0 0 8px}.story-bubble p:last-child{margin-bottom:0}.story-typing{animation:story-pulse 1s ease-in-out infinite}@keyframes story-pulse{0%,to{opacity:.5}50%{opacity:1}}.story-choices{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.story-choice-btn{text-align:left;padding:14px 18px;font-size:.95rem;border-radius:12px}.story-custom-btn{font-size:.85rem;border-style:dashed}.trivia-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.trivia-cat-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;font-size:.9rem}.trivia-cat-icon{font-size:2rem}.trivia-progress-bar{height:6px;background:var(--bg-card-hover);border-radius:3px;margin:12px 16px 4px;overflow:hidden}.trivia-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.trivia-progress-text{text-align:center;font-size:.85rem;color:var(--text-secondary);padding:4px}.trivia-streak{color:#f97316;font-weight:700}.trivia-question-card{padding:20px}.trivia-question{font-size:1.15rem;margin-bottom:16px;line-height:1.4}.trivia-options{display:flex;flex-direction:column;gap:10px}.trivia-option{display:flex;align-items:center;gap:12px;padding:14px 16px;text-align:left;border-radius:12px;background:var(--bg-card);border:2px solid var(--border);transition:all .15s ease;font-size:.95rem}.trivia-option:hover:not(:disabled){border-color:var(--accent);background:var(--bg-card-hover)}.trivia-option-letter{width:32px;height:32px;border-radius:50%;background:var(--bg-card-hover);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.trivia-correct{border-color:#22c55e!important;background:#22c55e26!important}.trivia-correct .trivia-option-letter{background:#22c55e;color:#fff}.trivia-wrong{border-color:#ef4444!important;background:#ef444426!important}.trivia-wrong .trivia-option-letter{background:#ef4444;color:#fff}.trivia-dim{opacity:.5}.trivia-result{margin-top:16px;padding:16px;border-radius:12px;text-align:center;font-weight:700;font-size:1.1rem}.trivia-result-correct{background:#22c55e26;border:1px solid #22c55e;color:#22c55e}.trivia-result-wrong{background:#ef444426;border:1px solid #ef4444;color:#ef4444}.trivia-fun-fact{font-size:.9rem;font-weight:400;color:var(--text-secondary);margin:8px 0 12px}.trivia-score-big{font-size:3rem;font-weight:800;color:var(--accent)}.trivia-score-pct{font-size:1.2rem;color:var(--text-secondary);margin-bottom:8px}.trivia-streak-record{color:#f97316;font-weight:700;margin-bottom:16px}.game-intro{text-align:center;padding:40px 20px}.game-intro-icon{font-size:4rem;margin-bottom:16px}.game-intro h3{font-size:1.5rem;margin-bottom:12px}.game-intro p{color:var(--text-secondary);font-size:1rem;margin-bottom:24px;line-height:1.5}.game-loading{text-align:center;padding:60px 20px}.game-loading-icon{font-size:3rem;margin-bottom:12px;animation:story-pulse 1s ease-in-out infinite}.game-loading-dots span{animation:story-pulse 1s ease-in-out infinite;font-size:1.5rem}.game-loading-dots span:nth-child(2){animation-delay:.2s}.game-loading-dots span:nth-child(3){animation-delay:.4s}.game-result{text-align:center;padding:40px 20px}.game-result-icon{font-size:4rem;margin-bottom:12px}.game-result h3{font-size:1.5rem;margin-bottom:16px}.game-result-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}