@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Noto+Sans+JP:wght@300;400;500;700&display=swap);:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--secondary-color:#0891b2;--accent-color:#f59e0b;--success-color:#059669;--error-color:#dc2626;--warning-color:#d97706;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-card:#ffffffe6;--bg-card-hover:#fffffff2;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#94a3b84d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--border-radius:8px;--border-radius-lg:10px;--border-radius-xl:12px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#eaf4fa,#f5f9fc 250px,#f8fafc 430px);background:linear-gradient(180deg,#eaf4fa 0,#f5f9fc 250px,var(--bg-primary) 430px);color:#1e293b;color:var(--text-primary);font-family:Poppins,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;position:relative}body:before{background:url(/static/media/cloud-pattern.674f17436e84fa44fae2.svg) top/cover no-repeat;content:"";height:320px;left:0;opacity:.72;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}body:after{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;position:relative;text-align:center}.title-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:none;left:auto;padding:24px 0 18px;position:static;right:auto;text-align:center;top:auto;z-index:auto}.title-header .MuiTypography-h3{letter-spacing:-.045em!important;margin-bottom:0!important}.title-header:after{background:#2563eb;background:var(--primary-color);content:"";display:block;height:2px;margin:12px auto 0;opacity:.75;width:44px}.quiz-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0;min-height:80vh;padding:0 16px;position:relative;text-align:center}.quiz-container>.MuiTypography-h3{margin-bottom:clamp(24px,4vw,40px)!important}.quiz-container>:not(.MuiTypography-h3){display:flex;flex-direction:column;justify-content:flex-start;max-width:800px;width:100%}.MuiTypography-h3{font-weight:800!important;margin-bottom:2rem!important}.MuiTypography-h3,.MuiTypography-h4{color:#1e293b!important;color:var(--text-primary)!important;font-family:Poppins,sans-serif!important}.MuiTypography-h4{font-weight:700!important}.MuiTypography-h5{color:#1e293b!important;color:var(--text-primary)!important;font-weight:600!important}.MuiTypography-h5,.MuiTypography-h6{font-family:Poppins,sans-serif!important}.MuiTypography-h6{color:#475569!important;color:var(--text-secondary)!important;font-weight:500!important}.landing-page{margin:0 auto;max-width:800px;padding:0;text-align:center;width:100%}.landing-description{color:#475569!important;color:var(--text-secondary)!important;font-size:1.1rem!important;line-height:1.8!important;margin:0 auto 32px!important;max-width:600px!important;text-align:center!important}.MuiButton-root{border-radius:8px!important;border-radius:var(--border-radius)!important;font-weight:600!important;min-height:48px!important;padding:12px 24px!important;text-transform:none!important;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important}.MuiButton-contained{background:#2563eb!important;background:var(--primary-color)!important;box-shadow:0 2px 5px #1e40af2e!important;color:#fff!important}.MuiButton-contained:hover{background:#1d4ed8!important;background:var(--primary-dark)!important;box-shadow:0 3px 7px #1e40af38!important}.MuiButton-contained.MuiButton-colorSuccess{background:#059669!important;background:var(--success-color)!important}.MuiButton-contained.MuiButton-colorSuccess:hover{background:#047857!important}.start-game-button{font-size:1.1rem!important;margin:8px!important;min-width:200px!important}.MuiButton-outlined{background:#2563eb0d!important;border:2px solid #2563eb!important;border:2px solid var(--primary-color)!important;color:#2563eb!important;color:var(--primary-color)!important}.MuiButton-outlined:hover{background:#2563eb1a!important;border-color:#1d4ed8!important;border-color:var(--primary-dark)!important;box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important}.MuiButton-text{color:#2563eb!important;color:var(--primary-color)!important}.MuiButton-text:hover{background:#2563eb14!important}.game-progress-header{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffffe6!important;background:var(--bg-card)!important;border:1px solid #94a3b84d!important;border:1px solid var(--border-color)!important;border-radius:8px!important;border-radius:var(--border-radius)!important;margin-bottom:24px!important;padding:24px!important}.score-display{color:#2563eb!important;color:var(--primary-color)!important;font-size:2.5rem!important;font-weight:700!important;margin-bottom:16px!important}.game-stats-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.progress-indicator{margin-bottom:8px}.status-timer-container{align-items:center;background:#fffc!important;border:1px solid #94a3b84d!important;border:1px solid var(--border-color)!important;border-radius:8px!important;border-radius:var(--border-radius)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--shadow-md)!important;display:flex;flex-direction:column;gap:12px;justify-content:center;margin-bottom:16px;min-height:120px;overflow:hidden;padding:16px;position:relative}.status-timer-container:before{display:none}.points-feedback{background:#0596691a!important;border:1px solid #059669!important;border:1px solid var(--success-color)!important;border-radius:8px!important;border-radius:var(--border-radius)!important;color:#059669!important;color:var(--success-color)!important;font-weight:500!important;margin-bottom:12px!important;padding:12px 16px!important}.quiz-paper{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important;margin-top:0!important;overflow:visible!important;padding:0!important;position:relative!important}.quiz-paper:before{display:none}.timer-progress-container{align-items:center;display:flex;gap:16px;width:100%}.timer-progress-bar{background-color:#94a3b833!important;border-radius:4px;flex-grow:1;height:8px;overflow:hidden}.timer-progress-bar .MuiLinearProgress-bar{border-radius:4px}.game-progress-bar .MuiLinearProgress-bar,.timer-progress-bar .MuiLinearProgress-bar{background:#2563eb!important;background:var(--primary-color)!important}.timer-text{color:#475569;color:var(--text-secondary);font-size:.875rem;font-weight:500;min-width:60px}.MuiChip-root{background:#ffffffe6!important;border:1px solid #94a3b84d!important;border:1px solid var(--border-color)!important;color:#1e293b!important;color:var(--text-primary)!important;font-weight:500!important}.MuiChip-colorPrimary{background:#2563eb!important;background:var(--primary-color)!important;border:none!important;color:#fff!important}.MuiChip-colorSuccess{background:#059669!important;background:var(--success-color)!important;border:none!important;color:#fff!important}.search-input{margin-bottom:12px}.MuiTextField-root{background:#ffffffe6!important}.MuiTextField-root,.MuiTextField-root .MuiOutlinedInput-root{border-radius:8px!important;border-radius:var(--border-radius)!important}.MuiTextField-root .MuiOutlinedInput-root{color:#1e293b!important;color:var(--text-primary)!important}.MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#94a3b84d!important;border-color:var(--border-color)!important}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#2563eb!important;border-color:var(--primary-color)!important}.MuiTextField-root .MuiInputLabel-root{color:#475569!important;color:var(--text-secondary)!important}.MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#2563eb!important;color:var(--primary-color)!important}.answer-container{margin-bottom:16px;margin-top:12px}.success-text{color:#059669!important;color:var(--success-color)!important;font-weight:600!important}.error-text{color:#dc2626!important;color:var(--error-color)!important;font-weight:600!important}.warning-text{color:#d97706!important;color:var(--warning-color)!important;font-weight:600!important}.video-container{border-radius:8px;border-radius:var(--border-radius);display:flex;height:0;justify-content:center;overflow:hidden;position:relative;width:100%}.video-container.visible{padding-bottom:56.25%;transition:padding-bottom .3s ease-in-out}.video-container.hidden{padding-bottom:0;transition:none}.video-container>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.video-container iframe,.video-container>div{border-radius:8px;border-radius:var(--border-radius)}.loading-container{align-items:center;display:flex;justify-content:center;margin-top:0;min-height:200px}.MuiCircularProgress-root{color:#2563eb!important;color:var(--primary-color)!important}.search-results-list{background:#fffffff2!important;border:1px solid #94a3b84d!important;border:1px solid var(--border-color)!important;border-radius:8px!important;border-radius:var(--border-radius)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;box-shadow:var(--shadow-lg)!important;max-height:300px;overflow-y:auto}.MuiList-root{background:#0000!important}.MuiListItemButton-root{border-radius:8px!important;border-radius:var(--border-radius)!important;color:#1e293b!important;color:var(--text-primary)!important;margin:4px 8px!important;transition:all .2s ease-in-out!important}.MuiListItemButton-root:hover{background:#fffffff2!important;transform:translateX(4px)!important}.MuiListItemButton-root.Mui-selected,.MuiListItemButton-root.Mui-selected:hover{background:#2563eb!important;background:var(--primary-color)!important;color:#fff!important}.MuiListItemButton-root.Mui-selected:hover{transform:translateX(4px)!important}.selected-result{background:#2563eb!important;background:var(--primary-color)!important}.selected-result,.selected-result .MuiListItemText-primary{color:#fff!important}@media (max-width:768px){.title-header{padding:16px 0}.title-header .MuiTypography-h3{font-size:1.8rem!important;margin-bottom:0!important}.quiz-container{padding-left:12px;padding-right:12px;padding-top:0}.quiz-paper{margin-bottom:0!important;max-width:100%!important;padding:12px!important}.status-timer-container{min-height:80px;padding:8px}.timer-progress-container{flex-direction:column;gap:6px}.game-stats-chips{gap:6px}.score-display{font-size:1.5rem!important}.landing-page{padding:16px 0}.start-game-button{font-size:.9rem!important;margin:6px 0!important;max-width:350px;min-width:0!important;min-width:auto!important;width:100%!important}.game-mode-section{gap:16px;margin:24px 0;padding:16px 8px}.custom-game-controls{flex-direction:column;gap:8px}.main-title{font-size:1.4rem!important}.final-score{font-size:2rem!important}.score-section{padding:16px 8px}.game-header{margin-bottom:8px;padding:8px}.game-chips-container{flex-wrap:wrap;gap:4px}.MuiChip-root{font-size:.7rem!important;height:24px!important}.answer-container,.search-input,.video-container{margin:8px 0!important}.video-container iframe{height:200px!important;width:100%!important}}.MuiContainer-root{background:#0000!important}.main-title{color:#2563eb!important;color:var(--primary-color)!important;font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.035em!important;margin-bottom:1.5rem!important}.game-mode-section{align-items:center;display:flex;flex-direction:column;gap:16px;margin:32px 0}.quick-start-container{margin-bottom:8px}.quick-start-button{font-size:1.2rem!important}.custom-section-title{color:#475569!important;color:var(--text-secondary)!important;font-size:1.1rem!important;font-weight:500!important;margin:20px 0 12px!important;opacity:.8}.custom-game-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.openings-input{min-width:120px!important}.custom-description{color:#64748b!important;color:var(--text-muted)!important;margin-top:8px!important}.game-complete-title{color:#059669!important;color:var(--success-color)!important;font-size:2.5rem!important;font-weight:800!important;margin-bottom:1.5rem!important;text-shadow:0 2px 4px #0596691a}.score-section{margin:48px 0}.final-score{color:#2563eb!important;color:var(--primary-color)!important;font-size:3.5rem!important;font-weight:800!important;margin-bottom:24px!important}.score-chips-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:24px 0}.score-chip{font-size:1rem!important;font-weight:600!important;padding:8px 16px!important}.game-complete-message{color:#475569!important;color:var(--text-secondary)!important;font-size:1.2rem!important;line-height:1.6!important;margin:24px 0!important}.play-again-button{font-size:1.1rem!important;margin:8px!important}.game-header{background:#fffc;border:1px solid #94a3b84d;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:16px;padding:16px;text-align:center}.game-chips-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.next-button-container{margin-top:16px;text-align:center}.skip-button-container{margin-top:8px;text-align:center}.skip-button{font-size:.8rem!important;min-height:32px!important;opacity:.8;padding:4px 12px!important;transition:opacity .2s ease-in-out!important}.skip-button:hover{opacity:1}.points-display{color:#059669;color:var(--success-color);font-weight:600}.final-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px}.back-to-menu-button{background:#64748b0d!important;border:2px solid #475569!important;border:2px solid var(--text-secondary)!important;color:#475569!important;color:var(--text-secondary)!important}.back-to-menu-button:hover{background:#64748b1a!important;border-color:#1e293b!important;border-color:var(--text-primary)!important;color:#1e293b!important;color:var(--text-primary)!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:#2563eb;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1d4ed8;background:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.multiplayer-options{align-items:center;display:flex;flex-direction:column;gap:16px;margin:24px 0}.multiplayer-button{font-size:1.1rem!important;margin:8px!important;min-width:200px!important}.create-room-form,.join-room-form{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:400px}.form-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}.room-lobby{padding:16px 0;text-align:center}.room-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}.MuiList-root .MuiListItem-root{background:#ffffffe6!important;border:1px solid #94a3b84d!important;border:1px solid var(--border-color)!important;border-radius:8px!important;border-radius:var(--border-radius)!important;margin:4px 0!important}.MuiListItemText-primary{color:#1e293b!important;color:var(--text-primary)!important;font-weight:500!important}.MuiListItemText-secondary{color:#475569!important;color:var(--text-secondary)!important}.MuiAlert-root{background:#dc26261a!important;border:1px solid #dc2626!important;border:1px solid var(--error-color)!important;border-radius:8px!important;border-radius:var(--border-radius)!important;color:#dc2626!important;color:var(--error-color)!important}.MuiAlert-standardSuccess{background:#0596691a!important;border:1px solid #059669!important;border:1px solid var(--success-color)!important;color:#059669!important;color:var(--success-color)!important}.MuiAlert-standardWarning{background:#d977061a!important;border:1px solid #d97706!important;border:1px solid var(--warning-color)!important;color:#d97706!important;color:var(--warning-color)!important}.MuiAlert-standardInfo{background:#2563eb1a!important;border:1px solid #2563eb!important;border:1px solid var(--primary-color)!important;color:#2563eb!important;color:var(--primary-color)!important}.quiz-paper{animation:fadeIn .6s ease-out}.MuiChip-root{animation:slideIn .4s ease-out}.all-guesses-container{background:#f8fafc80;border-radius:8px;border-radius:var(--border-radius);margin-top:16px;padding:16px}.guess-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.guess-chips .MuiChip-root{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.all-guesses-container{padding:12px}.guess-chips{gap:6px}.guess-chips .MuiChip-root{font-size:.7rem!important;max-width:250px}}