.ad-unit{display:flex;align-items:stretch;flex-shrink:0}.ad-unit-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px;min-width:0}.ad-unit-label{font-size:11px;color:#bbb;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.ad-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 16px;min-height:100vh;background:#fafafa}.ad-screen-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999}.ad-countdown{display:flex;flex-direction:column;align-items:center;gap:8px}.ad-countdown-number{font-size:72px;font-weight:700;line-height:1;color:#1976d2;font-variant-numeric:tabular-nums}.ad-countdown-label{font-size:15px;color:#555}.mode-select{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:540px;margin:0 auto;padding:40px 16px 48px}.mode-select-title{font-size:36px;font-weight:900;margin:0;letter-spacing:-.03em}.mode-select-subtitle{font-size:15px;color:#666;margin:0;text-align:center}.mode-list{width:100%;display:flex;flex-direction:column;gap:10px}.mode-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;background:#fff;border:2px solid #e8e8e8;border-radius:12px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,box-shadow .15s}.mode-card:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d21f}.mode-card-emoji{font-size:28px;flex-shrink:0;line-height:1}.mode-card-body{flex:1;min-width:0}.mode-card-name{font-size:16px;font-weight:700;color:#111;margin-bottom:2px}.mode-card-desc{font-size:13px;color:#777;line-height:1.4}.mode-card-status{flex-shrink:0}.mode-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:13px;font-weight:700;font-family:inherit}.mode-badge--new{background:#1976d2;color:#fff}.mode-badge--done{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.mode-select-note{font-size:12px;color:#aaa;margin:0;text-align:center}.map-container{width:100%;display:flex;flex-direction:column;gap:6px}.map-zoomed{width:100%;background:#e8f4f8;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #c9dde6}.map-world-row{display:flex;align-items:center;justify-content:flex-end;gap:8px}.map-world-label{font-size:10px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.map-world{width:200px;background:#e8f4f8;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #c9dde6;flex-shrink:0}@media (max-width: 480px){.map-world{width:150px}}.flag-display{display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;padding:20px;border:2px solid #e0e0e0;transition:border-color .2s;min-height:160px}.flag-display--reveal{border-color:#d32f2f;background:#fff8f8}.flag-emoji{font-size:96px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}@media (max-width: 480px){.flag-emoji{font-size:72px}.flag-display{min-height:120px;padding:16px}}.quiz-screen{display:flex;flex-direction:column;gap:12px;max-width:720px;margin:0 auto;padding:12px 16px 24px}.quiz-header{display:flex;align-items:center;gap:10px}.quiz-progress{font-size:12px;font-weight:700;color:#666;white-space:nowrap;min-width:44px}.timer-bar-wrap{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.timer-bar{height:100%;background:#1976d2;border-radius:4px;transition:width .05s linear}.timer-bar.danger{background:#d32f2f}.timer-label{font-size:13px;font-weight:700;color:#666;min-width:26px;text-align:right;font-variant-numeric:tabular-nums}.timer-label.danger{color:#d32f2f}.quiz-feedback{text-align:center;font-size:14px;font-weight:700;padding:7px 12px;border-radius:6px;letter-spacing:.01em}.quiz-feedback--correct,.quiz-feedback--wrong,.quiz-feedback--timeout{background:#ffebee;color:#b71c1c}.quiz-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.option-btn{padding:11px 8px;font-size:13px;font-weight:500;font-family:inherit;background:#fff;border:2px solid #e0e0e0;border-radius:7px;cursor:pointer;transition:border-color .12s,background .12s;text-align:center;line-height:1.3;min-height:44px}.option-btn:hover:not(:disabled){border-color:#1976d2;background:#e3f2fd}.option-btn:disabled{cursor:default}.option-btn.option-reveal{border-color:#d32f2f;background:#ffebee;color:#b71c1c;font-weight:700}.option-btn.option-wrong-pick{border-color:#e0e0e0;background:#fafafa;color:#ccc;text-decoration:line-through}.option-btn.option-dim{border-color:#eee;background:#fafafa;color:#bbb}@media (max-width: 480px){.quiz-screen{padding:10px 10px 20px;gap:10px}.quiz-options{gap:5px}.option-btn{padding:9px 5px;font-size:11.5px;min-height:40px}}.results-screen{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:500px;margin:0 auto;padding:32px 16px 48px}.results-title{font-size:28px;font-weight:800;margin:0;letter-spacing:-.02em}.results-date{font-size:14px;color:#777;margin-top:-12px}.results-score{display:flex;align-items:baseline;gap:2px}.results-score-num{font-size:64px;font-weight:800;line-height:1;color:#1976d2;font-variant-numeric:tabular-nums}.results-score-denom{font-size:28px;font-weight:600;color:#999}.results-grid{display:flex;flex-direction:column;gap:4px}.results-row{display:flex;gap:4px}.results-cell{font-size:26px;line-height:1;cursor:default}.share-btn{padding:14px 36px;font-size:16px;font-weight:700;font-family:inherit;background:#1976d2;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .15s;letter-spacing:.02em}.results-breakdown{width:100%;border:1px solid #eeeeee;border-radius:8px;overflow:hidden}.breakdown-row{display:grid;grid-template-columns:28px 24px 1fr auto;align-items:center;gap:6px;padding:8px 12px;font-size:14px;border-bottom:1px solid #f5f5f5}.breakdown-row:last-child{border-bottom:none}.breakdown-row--correct{background:#f9fdf9}.breakdown-row--wrong{background:#fff8f8}.breakdown-row--timeout{background:#fafafa}.breakdown-num{color:#aaa;font-size:12px;font-variant-numeric:tabular-nums}.breakdown-emoji{font-size:16px}.breakdown-name{font-weight:500}.breakdown-state{font-size:12px;color:#999}.results-back{font-size:14px;color:#888;text-align:center;margin:0}.results-ad-placeholder{width:100%;max-width:728px;height:90px;background:#e8e8e8;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.already-played{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:400px;margin:0 auto;padding:48px 16px;text-align:center}.ap-title{font-size:28px;font-weight:800;margin:0;letter-spacing:-.02em}.ap-message{font-size:18px;font-weight:600;color:#333;margin:0}.ap-date{font-size:14px;color:#777}.ap-score{display:flex;align-items:baseline;gap:2px}.ap-score-num{font-size:64px;font-weight:800;line-height:1;color:#1976d2;font-variant-numeric:tabular-nums}.ap-score-denom{font-size:28px;font-weight:600;color:#999}.ap-grid{display:flex;flex-direction:column;gap:4px}.ap-row{display:flex;gap:4px}.ap-cell{font-size:26px;line-height:1}.ap-back{font-size:14px;color:#888;margin:0}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fafafa;color:#1a1a1a;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-layout{display:flex;min-height:100vh;align-items:flex-start}.app-main{flex:1;min-width:0}.app-sidebar{display:none;flex-shrink:0;width:180px;padding:24px 12px}.ad-sticky{position:sticky;top:24px}@media (min-width: 1100px){.app-sidebar{display:block}}@media (min-width: 1400px){.app-sidebar{width:220px;padding:24px 20px}}.intro-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:100vh;padding:32px 16px;text-align:center}.intro-title{font-size:48px;font-weight:900;margin:0;letter-spacing:-.03em;color:#111}.intro-tagline{font-size:17px;color:#555;margin:0;max-width:320px;line-height:1.5}.intro-rules{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:20px 24px;max-width:340px;width:100%;text-align:left}.rule{font-size:15px;color:#333;line-height:1.4}.play-btn{padding:16px 48px;font-size:17px;font-weight:700;font-family:inherit;background:#1976d2;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .15s,transform .1s;letter-spacing:.01em}.play-btn:hover{background:#1565c0}.play-btn:active{transform:scale(.98)}.intro-note{font-size:13px;color:#aaa;margin:0}.play-another-btn{padding:12px 28px;font-size:14px;font-weight:600;font-family:inherit;background:transparent;color:#1976d2;border:2px solid #1976d2;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.play-another-btn:hover{background:#e3f2fd}.share-btn{padding:14px 36px;font-size:16px;font-weight:700;font-family:inherit;background:#1976d2;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.share-btn:hover{background:#1565c0}