@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Nunito+Sans:wght@400;600;700&display=swap";.banner-ad-small{max-width:320px;min-height:52px}.banner-ad-large{max-width:728px;min-height:92px}.banner-ad{width:100%!important;max-width:100%!important;min-height:52px;box-sizing:border-box;margin:16px auto}.banner-ad ins{width:100%!important;max-width:100%!important}.banner-ad .ad-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);position:relative}.banner-ad .ad-placeholder:before{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px);pointer-events:none}.banner-ad .ad-text{font-size:12px;color:#999;font-weight:500;text-align:center;letter-spacing:.5px;position:relative;z-index:1;text-transform:uppercase}.interstitial-ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.interstitial-ad-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.ad-placeholder-large{display:flex;align-items:center;justify-content:center;width:320px;height:480px;background:linear-gradient(135deg,#e8e8e8,#d0d0d0);border:3px dashed rgba(0,0,0,.3);border-radius:8px;position:relative;overflow:hidden}.ad-placeholder-large:before{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(0,0,0,.05) 15px,rgba(0,0,0,.05) 30px);pointer-events:none}.ad-placeholder-large .ad-text{font-size:16px;color:#888;font-weight:600;position:relative;z-index:1;text-transform:uppercase;letter-spacing:1px}.ad-message{color:#fff;font-size:14px;text-align:center;font-weight:500;animation:pulse 1.5s ease-in-out infinite}.rewarded-ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rewarded-ad-content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;position:relative}.close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#fff3;border:2px solid white;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.reward-info{color:#ffeb3b;font-size:14px;font-weight:600;text-align:center;background:#ffeb3b1a;padding:12px 20px;border-radius:8px;border:2px solid rgba(255,235,59,.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 480px){.banner-ad-small{width:100%;max-width:320px}.ad-placeholder-large{width:280px;height:420px}.ad-text{font-size:12px!important}}@media (min-width: 768px){.banner-ad-large{display:flex}}.prompt-display{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px #00000026}.prompt-container{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a}.prompt-container h3{margin:0 0 12px;color:#333;font-size:16px;text-align:center}.prompt-text{font-size:24px;font-weight:700;color:#667eea;text-align:center;padding:16px;background:#f8f9ff;border-radius:6px;margin-bottom:12px;line-height:1.5;min-height:60px;display:flex;align-items:center;justify-content:center}.prompt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px}.prompt-card-item{padding:12px;background:#f0f0f0;border-radius:6px;border-left:4px solid #667eea}.prompt-card-item .card-label{display:block;font-size:12px;font-weight:700;color:#666;text-transform:uppercase;margin-bottom:6px}.prompt-card-item .card-value{display:block;font-size:16px;color:#333;font-weight:600;word-break:break-word}@media (max-width: 768px){.prompt-text{font-size:20px}.prompt-cards{grid-template-columns:repeat(2,1fr)}}.card-placement-scene{display:flex;flex-direction:column;gap:24px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.placement-header{text-align:center;margin-bottom:12px}.placement-header h2{margin:0 0 16px;font-size:28px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.turn-info{display:flex;justify-content:center;gap:32px;font-size:16px;font-weight:500}.turn-timer{background:#ffffff1a;padding:8px 16px;border-radius:8px;border:2px solid rgba(255,255,255,.3);min-width:100px;text-align:center;font-weight:700;transition:all .2s ease}.turn-timer.warning{background:#ff980099;border-color:#ff9800;animation:pulse .5s infinite}.current-turn{background:#ffffff1a;padding:8px 16px;border-radius:8px;border:2px solid rgba(255,255,255,.3)}.your-turn{color:#ffeb3b;font-weight:700;margin-left:8px}.block-counter{background:#ffffff1a;padding:8px 16px;border-radius:8px;border:2px solid rgba(255,255,255,.3);min-width:150px}.placement-main{display:flex;flex-direction:column;gap:24px}.board-column,.hand-column{display:none}.hidden-card-placement-scene{display:flex;flex-direction:column;gap:24px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hidden-card-placement-scene .placement-main{display:flex;flex-direction:column;gap:24px;padding:0;background:transparent;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.board-container-consolidated{display:flex;flex-direction:column;gap:12px}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.slot{background:#ffffff26;border:3px solid rgba(255,255,255,.3);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;min-height:100px;display:flex;align-items:center;justify-content:center}.slot:hover:not(.blocked){background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.slot.hoverable{background:#4caf504d;border-color:#4caf50cc;box-shadow:inset 0 0 8px #4caf5080}.slot.blocked{background:#f443364d;border-color:#f44336cc;cursor:not-allowed;opacity:.6}.block-badge{position:absolute;top:4px;right:4px;background:#f44336e6;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.slot-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0;width:100%}.card-type{font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.card-text{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:95%;line-height:1.2}.card-difficulty{font-size:14px;color:#ffeb3b;font-weight:700;letter-spacing:1px}.hand-container-full{display:flex;flex-direction:column;gap:16px;padding:24px;background:#ffffff14;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hand-container-full h3{margin:0;font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.hand{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:flex-start}.hand-card{background:#ffffff26;border:3px solid rgba(255,255,255,.3);border-radius:8px;padding:14px 16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-height:80px;justify-content:center;flex:0 0 auto;width:160px;min-width:160px;position:relative}.hand-card:hover{background:#fff3;transform:translateY(-4px);box-shadow:0 6px 16px #0003}.hand-card.hovered{border-color:#ffc107cc;box-shadow:inset 0 0 8px #ffc10780}.hand-card.selected{background:#4caf504d;border-color:#4caf50cc;box-shadow:0 0 12px #4caf5099}.hand-card.blocked{background:#f443364d;border-color:#f44336cc}.block-placement-panel{background:#ffffff14;border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.block-placement-panel h3{margin:0 0 16px;font-size:18px}.block-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.block-slot{background:#ff98004d;border:2px solid rgba(255,152,0,.6);border-radius:8px;padding:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease}.block-slot:hover:not(:disabled){background:#ff980080;transform:scale(1.05);box-shadow:0 4px 12px #ff980066}.block-slot:disabled{opacity:.4;cursor:not-allowed}.block-slot.hoverable:not(:disabled){background:#4caf5066;border-color:#4caf50cc}.hand-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hand-card.disabled:hover{transform:none;box-shadow:none;background:#ffffff26}.slot.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.slot.disabled:hover{transform:none;box-shadow:none;background:#ffffff26}.pass-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:#f4433680}.pass-btn.disabled:hover{transform:none;box-shadow:none;background:#f4433680}.action-buttons{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;background:#ffffff14;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:60px}.pass-btn{background:#f44336cc;border:none;color:#fff;padding:12px 32px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease}.pass-btn:hover{background:#f44336;transform:translateY(-2px);box-shadow:0 6px 16px #f4433666}.action-hint{font-size:14px;opacity:.8;font-style:italic}.waiting-info{font-size:16px;opacity:.9;text-align:center;flex:1}@media (max-width: 1024px){.board{grid-template-columns:repeat(4,1fr)}.hand{gap:12px}.hand-card{width:140px;min-width:140px;padding:12px;min-height:75px;gap:6px}.hand-container-full h3{font-size:16px}.block-slots{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.card-placement-scene{padding:12px;gap:12px}.board{grid-template-columns:repeat(2,1fr)}.hand{gap:10px}.hand-card{width:120px;min-width:120px;padding:10px;min-height:65px;gap:4px}.card-text{font-size:13px}.card-type{font-size:9px}.hand-container-full{padding:16px}.hand-container-full h3{font-size:14px}.block-slots{grid-template-columns:1fr 1fr}.turn-info{flex-direction:column;gap:12px}}.results-scene{display:flex;flex-direction:column;gap:32px;padding:40px 24px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.results-header{text-align:center;margin-bottom:24px}.results-header h1{margin:0;font-size:48px;text-shadow:3px 3px 6px rgba(0,0,0,.3);animation:slideDown .6s ease-out}.subtitle{margin:16px 0 0;font-size:18px;opacity:.9}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.player-summary{display:flex;justify-content:center;margin:16px 0}.summary-card{background:#ffffff26;border:3px solid rgba(255,255,255,.4);border-radius:16px;padding:24px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px;position:relative;box-shadow:0 8px 32px #0003}.rank-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff9800,#ff6f00);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #ff980066}.player-name{font-size:28px;font-weight:700;margin-top:16px;margin-bottom:12px}.player-score{font-size:32px;color:#ffeb3b;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.leaderboard{background:#ffffff14;border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard h2{margin:0 0 24px;font-size:24px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.rankings{display:flex;flex-direction:column;gap:12px}.ranking-item{display:grid;grid-template-columns:60px 1fr 120px;align-items:center;gap:16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;transition:all .2s ease}.ranking-item:hover{background:#ffffff26;transform:translate(4px)}.ranking-item.current-player{background:#4caf5033;border-color:#4caf5099;box-shadow:0 0 12px #4caf5066}.ranking-item.winner{background:#ffc10733;border-color:#ffc10799;box-shadow:0 0 16px #ffc10780}.rank{font-size:20px;font-weight:700;text-align:center}.ranking-item.winner .rank{font-size:28px;color:#ffeb3b}.player-info{display:flex;align-items:center;gap:12px}.name{font-size:18px;font-weight:600}.badge{background:#ffc107cc;color:#333;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:700}.score{font-size:20px;font-weight:700;text-align:right;min-width:100px}.ranking-item.winner .score{color:#ffeb3b;font-size:24px}.results-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px}.play-again-btn,.exit-btn{padding:16px 32px;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:180px;text-transform:uppercase;letter-spacing:1px}.play-again-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 6px 20px #4caf5066}.play-again-btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #4caf5099}.play-again-btn:active{transform:translateY(-1px)}.exit-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4)}.exit-btn:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-3px)}.exit-btn:active{transform:translateY(-1px)}@media (max-width: 768px){.results-scene{padding:24px 12px;gap:24px}.results-header h1{font-size:36px}.ranking-item{grid-template-columns:50px 1fr 100px;padding:12px}.play-again-btn,.exit-btn{padding:12px 24px;font-size:14px;min-width:140px}.results-actions{flex-direction:column}.play-again-btn,.exit-btn{width:100%}}.round-result-scene{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto}.result-header{text-align:center;margin-bottom:40px;color:#fff}.result-header h1{font-size:2.5rem;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.result-header .subtitle{font-size:1.1rem;margin:0;opacity:.95}.children-results{margin-bottom:50px;padding:0 20px}.children-results h2{color:#fff;font-size:1.8rem;margin-bottom:30px;text-align:center}.children-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:25px}.child-result-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0003;transition:transform .3s ease,box-shadow .3s ease}.child-result-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.child-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.child-name{font-size:1.2rem;font-weight:600}.score-badge{background:#ffffff4d;padding:6px 14px;border-radius:20px;font-weight:700;font-size:1rem}.drawing-container{width:100%;background:#f5f5f5;border-bottom:2px solid #eee;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}.drawing-container img{width:100%;height:auto;display:block;border-radius:4px}.score-breakdown{padding:16px 20px;border-bottom:2px solid #eee}.score-item{display:flex;justify-content:space-between;padding:8px 0;font-size:.95rem;border-bottom:1px solid #f0f0f0}.score-item:last-child{border-bottom:none}.score-item.bonus{color:#667eea;font-weight:600}.score-item.total{font-weight:700;font-size:1.1rem;color:#764ba2;border-top:2px solid #eee;padding-top:10px;margin-top:10px}.score-item .value{font-weight:700}.vlm-analysis{padding:16px 20px;background:#f9f9f9;border-bottom:2px solid #eee}.style-score{margin:0 0 10px;font-weight:600;color:#764ba2;font-size:.95rem}.analysis-text{margin:0;font-size:.9rem;color:#666;font-style:italic;line-height:1.4}.card-matches{padding:16px 20px}.matches-label{font-size:.9rem;font-weight:600;color:#333;margin-bottom:12px}.matches-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.match-card{background:#f9f9f9;border:2px solid #ddd;border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;transition:all .2s ease;position:relative;min-height:140px;justify-content:space-between}.match-card.matched{background:#e8f5e9;border-color:#4caf50}.match-card.missed{background:#ffebee;border-color:#f44336}.card-type{font-size:.7rem;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px}.card-text{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.card-text-ja{font-size:.9rem;font-weight:600;color:#333;word-break:break-word}.card-text-en{font-size:.75rem;color:#999;font-style:italic}.card-difficulty{font-size:.75rem;font-weight:600;color:#764ba2}.match-status{font-weight:700;font-size:1rem;position:absolute;top:2px;right:4px}.match-status.matched{color:#2e7d32}.match-status.missed{color:#c62828}.parent-result{margin:50px 20px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0003;padding:30px}.parent-result h2{color:#764ba2;font-size:1.6rem;margin-top:0;margin-bottom:20px}.parent-card{background:#f9f9f9;border-radius:12px;padding:20px;border-left:4px solid #764ba2}.hidden-card-info{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #eee}.info-label{font-size:.95rem;font-weight:600;color:#666;margin:0 0 12px}.hidden-card-display{background:#fff;border:2px solid #764ba2;border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.hidden-card-display .card-type{font-size:.8rem;font-weight:700;color:#764ba2;text-transform:uppercase;letter-spacing:.5px}.hidden-card-display .card-text{display:flex;flex-direction:column;gap:4px}.hidden-card-display .card-text-ja{font-size:1.1rem;font-weight:600;color:#333}.hidden-card-display .card-text-en{font-size:.85rem;color:#999;font-style:italic}.hidden-card-display .card-difficulty{font-size:.9rem;font-weight:600;color:#764ba2}.parent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #eee}.parent-name{font-size:1.3rem;font-weight:600;color:#333}.breakdown-label{font-size:.95rem;font-weight:600;color:#666;margin:16px 0 12px}.parent-details{display:flex;flex-direction:column;gap:10px}.parent-child-detail{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:6px;font-size:.95rem}.parent-child-detail span:first-child{font-weight:600;color:#333}.detail-breakdown{color:#666;font-size:.85rem}.cumulative-scores{margin:50px 20px;background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px #0003}.cumulative-scores h2{color:#764ba2;font-size:1.6rem;margin-top:0;margin-bottom:25px;text-align:center}.scores-list{display:flex;flex-direction:column;gap:12px}.score-row{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#f9f9f9;border-radius:8px;border-left:4px solid #ddd;transition:all .2s ease}.score-row:hover{background:#f0f0f0}.score-row.current-player{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left-color:#764ba2;font-weight:600}.score-row .rank{font-weight:700;color:#764ba2;font-size:1.1rem;min-width:40px}.score-row .name{flex:1;color:#333}.score-row .score{font-weight:700;color:#764ba2;font-size:1.1rem;min-width:80px;text-align:right}.result-actions{display:flex;justify-content:center;gap:16px;margin:50px 20px}.next-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 40px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.next-btn:active{transform:translateY(0)}@media (max-width: 768px){.round-result-scene{padding:20px 10px}.result-header h1{font-size:1.8rem}.children-grid{grid-template-columns:1fr}.matches-grid{grid-template-columns:repeat(2,1fr)}.match-card{min-height:120px}.card-type{font-size:.65rem}.card-text{font-size:.75rem}.card-difficulty{font-size:.7rem}.parent-result,.cumulative-scores{margin:30px 10px;padding:20px}.result-actions{margin:30px 10px;flex-direction:column}.next-btn{width:100%}}.parent-spectator-ui{display:flex;flex-direction:column;gap:24px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.spectator-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px}.spectator-header h2{margin:0;font-size:32px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.phase-info{display:flex;gap:16px;align-items:center}.phase-label{background:#fff3;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.time-remaining{font-size:20px;font-weight:700;min-width:80px;text-align:right}.time-remaining.warning{color:#ff6b6b;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.children-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.child-canvas-container{background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;flex-direction:column}.child-canvas-container:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.child-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0000001a;border-bottom:1px solid rgba(255,255,255,.1)}.child-name{font-size:16px;font-weight:600}.child-score{font-size:14px;color:#ffeb3b;font-weight:700}.canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;background:#0003;aspect-ratio:1 / .75;overflow:hidden;position:relative}.child-drawing{width:100%;height:100%;object-fit:contain}.canvas-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff9}.canvas-placeholder span{font-size:40px}.canvas-placeholder p{margin:0;font-size:14px;text-align:center}.no-children{display:flex;align-items:center;justify-content:center;min-height:400px;background:#ffffff14;border:2px dashed rgba(255,255,255,.3);border-radius:12px}.no-children p{font-size:20px;color:#ffffffb3}.spectator-info{text-align:center;padding:16px;background:#ffffff14;border-radius:8px;margin-top:16px}.info-text{margin:0;font-size:14px;color:#fffc}@media (max-width: 768px){.parent-spectator-ui{padding:16px;gap:16px}.spectator-header{flex-direction:column;align-items:flex-start}.spectator-header h2{font-size:24px}.children-grid{grid-template-columns:1fr}.phase-info{width:100%;justify-content:space-between}}:root{--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-warm: linear-gradient(135deg, #FF6B6B 0%, #FF8E72 100%);--gradient-cool: linear-gradient(135deg, #4ECDC4 0%, #44A08D 100%);--gradient-gold: linear-gradient(135deg, #FFD89B 0%, #FFA500 100%);--color-card-noun: #FF6B6B;--color-card-verb: #4ECDC4;--color-card-adjective: #95E1D3;--color-card-location: #FFD89B;--color-success: #2ECC71;--color-warning: #F39C12;--color-error: #E74C3C;--glass-light: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .25)}html,body,#root{width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:var(--gradient-primary)}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-primary)}.app-header{padding:1.25rem 2rem;text-align:center;color:#fff;background:#00000040;box-shadow:0 4px 16px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-top{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:.5rem;flex-wrap:wrap}.app-header h1{font-size:2.5rem;font-weight:700;text-shadow:3px 3px 0 rgba(0,0,0,.3);animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.app-header p{font-size:1.1rem;opacity:.9;font-weight:500}.language-selector select{padding:.5rem 1rem;border-radius:20px;border:2px solid rgba(255,255,255,.6);background:#ffffff26;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.language-selector select:hover{background:#ffffff40;border-color:#fff}.language-selector select option{color:#333;background:#fff}.app-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%;overflow-y:auto}.auth-section{background:#fff;border-radius:24px;padding:2.5rem;color:#333;box-shadow:0 10px 40px #0003;max-width:480px;margin:3rem auto}.auth-section h2{color:#667eea;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.auth-form input{padding:.85rem 1.2rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-weight:500;transition:all .2s ease}.auth-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.auth-form button{padding:1rem;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;background:var(--gradient-warm);color:#fff;box-shadow:0 6px 16px #ff6b6b59;transition:all .3s ease}.auth-form button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #ff6b6b73}.auth-form button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-note{text-align:center;color:#999;font-size:.85rem}.error-message{background:#fff5f5;color:#e74c3c;padding:1rem;border-radius:10px;margin-bottom:1.5rem;border-left:4px solid #e74c3c;font-weight:600}.game-view{display:flex;flex-direction:column;gap:1.5rem}.game-header{display:flex;justify-content:space-between;align-items:center;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:.75rem 1.25rem;color:#fff;gap:1rem;flex-wrap:wrap}.game-code-display,.game-phase-display{font-size:.9rem;font-weight:600;opacity:.85;background:#ffffff1a;padding:.3rem .8rem;border-radius:20px;display:none}@media (min-width: 768px){.game-code-display,.game-phase-display{display:inline-block}}.back-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-weight:600;transition:all .2s ease}.back-btn:hover{background:#ffffff40;transform:translate(-2px)}.game-content{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.drawing-phase-layout{display:flex;flex-direction:column;gap:1.25rem;width:100%;align-items:stretch;min-width:0}.drawing-prompt-top{width:100%;flex-shrink:0}.drawing-content{display:flex;flex-direction:row;gap:1.25rem;width:100%;height:100%;align-items:start;justify-content:center;min-width:0;min-height:0}@media (min-width: 1280px){.drawing-content{flex-direction:row;justify-content:center}}@media (max-width: 1279px){.drawing-content{flex-direction:column;align-items:center}.drawing-canvas-area{flex:auto}}@media (max-width: 768px){.drawing-sidebar{grid-template-columns:1fr}}.drawing-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;z-index:1000;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:2px 0 8px #00000040}.drawing-sidebar.open{width:260px;flex:0 0 260px}.drawing-sidebar.closed{width:0px;flex:0 0 0px}.sidebar-toggle{position:absolute;top:1rem;right:-2.5rem;width:32px;height:32px;border-radius:20px;border:none;color:#5a2d82;box-shadow:0 2px 6px #00000040;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:2000;transition:background .2s ease,transform .2s ease}.sidebar-toggle:hover{background:#f3e8ff;transform:scale(1.05)}.drawing-canvas-area{display:flex;justify-content:center;align-items:center;height:100%;overflow-x:auto;overflow-y:auto;flex:0 0 auto;min-width:0;min-height:0}.drawing-canvas-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-width:0;min-height:0;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none}@media (min-width: 1280px){.drawing-canvas-container{justify-content:center;align-items:center}}.drawing-canvas-container .drawing-controls{display:flex;flex-direction:column;gap:1rem}.drawing-canvas-container .control-group{display:flex;flex-direction:column;gap:.5rem}.tool-buttons{display:flex;gap:.5rem}.tool-buttons .tool-btn{flex:1;border-color:#667eea;background:#f5f7ff;cursor:pointer;transition:all .2s ease}.tool-buttons .tool-btn:hover{flex:1;border-color:#667eea;background:#fff3;border-color:#ffffff80}.size-selector{display:flex;gap:.5rem;flex-wrap:wrap}.size-btn{flex:0 0 auto;width:32px;height:32px;padding:2px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.size-btn:hover{background:#fff3;border-color:#ffffff80}.size-btn.active{background:#667eea66;border-color:#667eea;box-shadow:0 0 8px #667eea80}.size-btn:disabled{opacity:.5;cursor:not-allowed}.size-dot{line-height:1;display:inline-block}.action-buttons{display:flex;gap:.5rem}.action-buttons .action-btn{flex:1;border-color:#667eea;background:#f5f7ff;cursor:pointer;transition:all .2s ease}.action-buttons .action-btn:hover{flex:1;border-color:#667eea;background:#fff3;border-color:#ffffff80}.drawing-canvas-container canvas{width:800px;height:600px;display:block;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media (max-width: 1024px){.drawing-canvas-container canvas{width:640px;height:480px;touch-action:none;-webkit-user-select:none;user-select:none}}@media (max-width: 768px){.drawing-canvas-container canvas{width:100%;max-width:512px;height:auto;aspect-ratio:4 / 3;touch-action:none;-webkit-user-select:none;user-select:none}}.ai-evaluating-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;text-align:center;color:#fff;min-height:400px;background:#ffffff14;border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-robot-bounce{font-size:5rem;animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.ai-evaluating-screen h2{font-size:1.8rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2);margin:0}.ai-evaluating-screen p{font-size:1rem;opacity:.9;font-weight:500;max-width:360px}.ai-loading-dots{display:flex;gap:.8rem;justify-content:center;align-items:center}.ai-loading-dots span{width:14px;height:14px;background:#fff;border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite}.ai-loading-dots span:nth-child(2){animation-delay:.2s}.ai-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-progress-bar{width:200px;height:6px;background:#fff3;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #ffffff4d}.ai-progress-bar-inner{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a08d);border-radius:10px;animation:aiProgress 2s ease-in-out infinite}@keyframes aiProgress{0%{width:10%;margin-left:0}50%{width:60%;margin-left:20%}to{width:10%;margin-left:80%}}.ai-ad-slot{width:100%;min-height:250px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:.9rem;margin-top:1rem}.lobby-scene{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center}.lobby-container{background:#fff;padding:3rem;border-radius:24px;box-shadow:0 10px 40px #0003;max-width:520px;width:100%}.lobby-container h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.lobby-modes{display:flex;gap:1rem;margin-bottom:2rem}.mode-btn{flex:1;padding:.75rem;border:2px solid #e0e0e0;background:#fff;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.95rem}.mode-btn:hover:not(:disabled){border-color:#667eea;background:#f5f7ff;transform:translateY(-2px)}.mode-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea59}.mode-content{margin-bottom:2rem}.mode-content p{color:#666;margin-bottom:1.5rem;line-height:1.6}.game-code{background:linear-gradient(135deg,#f0f7ff,#e8efff);border:2px solid rgba(102,126,234,.3);padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-weight:700;color:#667eea;font-size:1.4rem;text-align:center;letter-spacing:4px}.join-form{display:flex;gap:.75rem}.join-form input{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;transition:border-color .2s}.join-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.primary-btn{padding:.75rem 2rem;background:var(--gradient-warm);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff6b6b4d}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #ff6b6b66}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.current-players{margin-bottom:2rem}.players-container{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.player-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8f9ff;border-radius:8px;border-left:4px solid #667eea}.player-role{font-weight:700;font-size:.75rem;color:#764ba2;text-transform:uppercase;letter-spacing:.5px}.player-item .player-name{flex:1;font-weight:600;color:#333}.player-status{color:var(--color-success);font-weight:700;font-size:.85rem}.start-btn{width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem}.wait-message{text-align:center;color:#888;font-size:.9rem;margin-top:1rem;font-weight:600}.lobby-tips{background:#fafbff;padding:1.25rem;border-radius:12px;border-left:4px solid #667eea}.lobby-tips h4{color:#667eea;margin-bottom:.75rem;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.lobby-tips ul{list-style:none;padding:0}.lobby-tips li{color:#555;padding:.35rem 0;font-size:.9rem;line-height:1.5}.lobby-tips li:before{content:"✦";color:#ff6b6b;margin-right:.5rem;font-weight:700}.waiting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;text-align:center;background:#ffffff14;border:1px solid var(--glass-border);border-radius:20px;color:#fff;min-height:320px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInUp .5s ease}.waiting-screen h2{font-size:1.8rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2);margin:0}.waiting-screen p{font-size:1.1rem;opacity:.9}.waiting-screen .timer{font-size:1.5rem;font-weight:700;background:#0003;padding:.75rem 1.5rem;border-radius:10px}.timer-display{background:#ffffff1f;border:1px solid var(--glass-border);padding:1.25rem;border-radius:14px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;color:#fff}.timer-value{font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1}.timer-badge{display:inline-block;margin-top:.5rem;padding:.3rem .9rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.timer-badge.warning{background:#ff6b6b;color:#fff;animation:pulseWarn .6s infinite}@keyframes pulseWarn{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.timer-display.very-low{background:#ff6b6b33;border-color:#ff6b6b80}.timer-display.low{background:#ffc60033;border-color:#ffc60066}.score-board{background:#ffffff1f;border:1px solid var(--glass-border);padding:1.25rem;border-radius:14px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score-board h3{color:#fff;margin-bottom:1rem;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.scores-container{min-height:60px}.no-players{color:#fff9;text-align:center;padding:1rem;font-size:.9rem}.scores-table{width:100%;border-collapse:collapse}.scores-table th{text-align:left;font-weight:700;color:#ffffffb3;font-size:.75rem;padding:.5rem;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.3px}.scores-table td{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fff;font-size:.9rem}.scores-table .score-row{display:table-row;transition:background .2s ease;border-radius:4px}.scores-table .score-row:hover{background:#ffffff14}.scores-table .score-row.current-player{background:#ff6b6b33;font-weight:700}.scores-table .rank{color:#ffd89b;font-weight:700;text-align:center}.scores-table .player-name{color:#fff;font-weight:600}.scores-table .role{color:#ffffffb3;font-size:.8rem;text-align:center}.scores-table .score{color:#4ecdc4;font-weight:700;text-align:right}.app-footer{background:#00000040;color:#fff9;text-align:center;padding:1rem;font-size:.85rem;font-weight:600;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.app-header{padding:.75rem 1rem}.app-header h1{font-size:1.8rem}.header-top{gap:.75rem;margin-bottom:.25rem}.app-main{padding:1rem}.auth-section{padding:1.5rem;margin:1rem auto;max-width:100%}.game-view{gap:1rem}.lobby-container{padding:1.5rem}.lobby-container h2{font-size:1.5rem}.join-form{flex-direction:column}.ai-evaluating-screen{padding:2rem 1rem;min-height:350px}.ai-robot-bounce{font-size:4rem}}@media (max-width: 480px){.app-header h1{font-size:1.5rem}.auth-section{padding:1.25rem}.lobby-container{padding:1rem}.game-code-display,.game-phase-display{display:none!important}.mode-btn{font-size:.85rem;padding:.6rem}}.legal-links{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.legal-link-button{background:none;border:none;color:#667eea;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;padding:.3rem 0;transition:all .2s ease}.legal-link-button:hover{color:#764ba2;text-decoration:underline;transform:translateY(-1px)}.legal-link-separator{color:#ccc;font-weight:300}:root{--color-primary: #5C6BC0;--color-primary-dark: #3949AB;--color-secondary: #8E24AA;--color-secondary-dark: #6A1B9A;--color-orange: #FF6D00;--color-orange-light: #FF9E40;--color-pink: #F50057;--color-pink-light: #FF4081;--color-green: #00BFA5;--color-green-light: #1DE9B6;--color-yellow: #FFD600;--color-cyan: #00B0FF;--card-noun: #FF6B6B;--card-verb: #48DBFB;--card-adjective: #1DD1A1;--card-location: #FFC312;--gradient-main: linear-gradient(135deg, #5C6BC0 0%, #8E24AA 100%);--gradient-warm: linear-gradient(135deg, #FF6D00 0%, #F50057 100%);--gradient-cool: linear-gradient(135deg, #00B0FF 0%, #00BFA5 100%);--gradient-card: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--font-body: "Nunito", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-game: "Nunito", sans-serif;--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .25);--glass-bg-dark: rgba(0, 0, 0, .15);color:#ffffffde;background-color:#242424;font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#ffffffde}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:var(--font-body);background-color:#1a1a1a;cursor:pointer;transition:all .2s ease}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){a:visited{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--font-body)}