:root{--bg:#10141c;--surface:#1a2030;--surface-raised:#232b40;--text:#e8ecf4;--text-dim:#9aa4bd;--accent:#4f8cff;--accent-dim:#2c3f66;--correct:#34c77b;--wrong:#e0546b;--border:#2c3450;--map-ocean:#0a0e16;--map-land:#4a5a88;--map-land-muted:#2a3348;--map-border:#05070c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}#app{flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}button{font:inherit;cursor:pointer;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;padding:.6em 1.2em;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}.menu-screen{flex-direction:column;gap:1.75rem;width:100%;max-width:720px;max-height:100%;margin:0 auto;padding:3rem 1.5rem;display:flex;overflow-y:auto}.menu-screen h1{text-align:center;margin:0}.menu-step h2{color:var(--text-dim);margin:0 0 .75rem;font-size:1.05rem}.menu-options{flex-wrap:wrap;gap:.6rem;display:flex}.menu-option--selected{background:var(--accent-dim);border-color:var(--accent)}.multiple-choice-options{justify-content:center;max-width:32rem;margin:0 auto}.picture-choice-options{justify-content:center;max-width:40rem;margin:0 auto}.menu-option--picture{justify-content:center;align-items:center;width:5.5rem;height:5.5rem;padding:.4rem;display:flex}.menu-option--picture img{object-fit:contain;max-width:100%;max-height:100%}.menu-option--correct{background:var(--correct);border-color:var(--correct);color:#fff}.menu-option--wrong{background:var(--wrong);border-color:var(--wrong);color:#fff}.menu-option--locked:not(.menu-option--correct):not(.menu-option--wrong){opacity:.5}.menu-option--locked:hover{border-color:var(--border)}.start-button{background:var(--accent);border-color:var(--accent);color:#fff;align-self:center;margin-top:1rem;padding:.75em 2em;font-weight:600}.wizard-options{flex-flow:column;align-self:center;width:min(100%,20rem)}.wizard-options .wizard-option{width:100%}.wizard-screen .wizard-back{margin-inline-start:max(0px,50% - 10rem)}.wizard-back{align-self:flex-start;padding:.4em .9em;font-size:.9rem}.wizard-subtitle{text-align:center;color:var(--text-dim);margin:-1rem 0 0}.wizard-option{flex-direction:column;align-items:center;gap:.2rem;min-width:8rem;display:flex}.wizard-option-desc{color:var(--text-dim);font-size:.75rem}.how-to-play .menu-step{align-self:center;width:min(100%,38rem)}.how-to-play ul{flex-direction:column;gap:.4rem;margin:0;padding-left:1.2rem;line-height:1.45;display:flex}.how-to-play .wizard-back{margin-inline-start:max(0px,50% - 19rem)}.explore-label{font-weight:600}.explore-card{border:1px solid var(--border);text-align:center;background:#0a0e16d1;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;max-width:min(100%,26rem);padding:.6rem .9rem;display:flex;box-shadow:0 6px 20px #00000073}.explore-card[hidden]{display:none}.explore-card-title{font-size:1.35rem;font-weight:700;line-height:1.2}.explore-card-sub{color:var(--text-dim);font-size:.85rem}.explore-card-images{justify-content:center;align-items:center;gap:.7rem;display:flex}.explore-card-images img{object-fit:contain;max-width:7rem;max-height:min(64px,9vh)}.explore-card-facts{grid-template-columns:auto auto;gap:.1rem .6rem;margin:0;font-size:.9rem;display:grid}.explore-card-facts dt{color:var(--text-dim);text-align:right}.explore-card-note{color:var(--text-dim);max-width:22rem;font-size:.8rem;font-style:italic}.explore-card-facts dd{text-align:left;margin:0}.game-header .explore-label{flex:1;min-width:0}.explore-area{flex:1;min-height:0}.game-screen{flex-direction:column;flex:1;gap:.5rem;width:100%;min-height:0;padding:.5rem 0 0;display:flex}.game-header{align-items:center;gap:1rem;padding:0 1rem;font-weight:600;display:flex}.game-timer{color:var(--text-dim);font-variant-numeric:tabular-nums}.game-header .action-button{min-width:0;margin-left:auto;padding:.4em 1.4em;font-size:.9rem}.game-header .exit-button{font-size:.9rem;font-weight:400}.game-header .game-menu{margin-left:auto;position:relative}.game-menu-toggle{padding:.4em .9em;font-size:1rem;line-height:1}.game-menu-dropdown[hidden]{display:none}.game-menu-dropdown{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:10px;flex-direction:column;gap:.4rem;min-width:8.5rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 8px 24px #00000073}.game-menu-dropdown button{white-space:nowrap;text-align:left}.round-area{flex-direction:column;flex:1;justify-content:center;gap:.6rem;min-height:0;display:flex}.prompt-area{justify-content:center;align-items:center;min-height:3rem;display:flex}.prompt-area--map{flex:1;min-height:0}.prompt-text{text-align:center;font-size:2rem;font-weight:700}.prompt-image{object-fit:contain;max-width:100%;max-height:min(180px,22vh)}.answer-area{justify-content:center;align-items:center;display:flex}.answer-area--map{flex:1;min-height:0}.answer-text-form{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.answer-text-form input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;min-width:16rem;padding:.6em .8em}.answer-text-form input.input--correct{border-color:var(--correct)}.answer-text-form input.input--wrong{border-color:var(--wrong)}.round-area--map-overlay{gap:0;position:relative}.map-overlay{pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:.4rem;padding:0 1rem;display:flex;position:absolute;top:.5rem;left:0;right:0}.map-overlay .action-button{pointer-events:auto;padding:.4em 1.4em;font-size:.9rem;box-shadow:0 4px 14px #00000073}.map-overlay .prompt-area,.map-overlay .feedback-area{min-height:0}.map-overlay .prompt-text,.map-overlay .answer-feedback{background:#0a0e16c7;border-radius:10px;max-width:100%;padding:.15em .6em}.map-overlay .answer-feedback{color:var(--text)}.map-overlay .prompt-text{font-size:clamp(1.25rem,6vw,2rem)}.map-overlay .prompt-image{max-height:min(96px,13vh);box-shadow:0 4px 14px #00000073}.map-overlay .answer-feedback:empty{display:none}.feedback-area{justify-content:center;min-height:1.5em;display:flex}.answer-feedback{text-align:center;color:var(--text-dim)}.action-button{background:var(--accent);border-color:var(--accent);color:#fff;align-self:center;min-width:10rem;padding:.6em 2em;font-weight:600}.world-map{background:var(--map-ocean);display:block;position:absolute}.world-viewport{background:var(--map-ocean);width:100%;height:100%;position:relative;overflow:hidden}.world-viewport--zooming>.world-map{will-change:transform}.world-copy--ghost{pointer-events:none}.country{fill:var(--map-land);stroke:var(--map-border);stroke-width:.5px;vector-effect:non-scaling-stroke}.country--unplayable{fill:var(--map-land-muted)}.country--terrain{fill:var(--map-land);pointer-events:none}.country--hovered{fill:var(--accent);fill-opacity:.35}.world-map--clickable .country:not(.country--unplayable):not(.country--terrain){cursor:pointer}.country-hitarea{fill:#0000;pointer-events:all}.world-map--clickable .country-hitarea{cursor:pointer}.country--highlighted{fill:var(--accent)}.country--selected{fill:var(--accent);fill-opacity:.55;stroke:var(--accent);stroke-width:1.5px}.country--correct{fill:var(--correct);fill-opacity:.6}.country--wrong{fill:var(--wrong);fill-opacity:.6}.world-map--pin-mode .country{fill:none;stroke:none}.world-map--pin-mode.world-map--clickable{cursor:crosshair}.pin-landmass{fill:var(--map-land-muted);stroke:none;pointer-events:none}.pin-landmass--playable{fill:var(--map-land)}.world-map--pin-mode .country--correct{fill:var(--correct);fill-opacity:.6;stroke:var(--correct);stroke-width:1.5px}.marker-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.marker-dot{box-sizing:border-box;will-change:transform;border:1px solid #fff;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:0;left:0}.marker-dot--pin{background:var(--accent)}.marker-dot--capital{background:var(--correct)}.pin-marker{fill:var(--accent);stroke:#fff;stroke-width:.75px;pointer-events:none}.pin-border-line{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke;pointer-events:none}.capital-marker{fill:var(--correct);stroke:#fff;stroke-width:.75px;pointer-events:none}.border-lines{pointer-events:none}.border--disputed{fill:none;stroke:var(--text-dim);stroke-width:1px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}.game-summary{text-align:center;flex-direction:column;gap:1rem;width:100%;max-width:640px;max-height:100%;margin:0 auto;padding:2rem 1rem;display:flex;overflow-y:auto}.summary-score{font-size:1.3rem;font-weight:600}.summary-time{color:var(--text-dim);margin:-.5rem 0 0}.summary-list{text-align:left;border:1px solid var(--border);border-radius:8px;max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.summary-list li{border-bottom:1px solid var(--border);padding:.5rem 1rem}.summary-list li:last-child{border-bottom:none}.summary-correct{color:var(--correct)}.summary-wrong{color:var(--wrong)}.game-summary button{align-self:center}