:root{--pj-accent: #fbbf24;--pj-accent-bg: rgba(251,191,36,.15)}#game-wrap{max-width:660px;gap:12px}#top-bar{display:flex;justify-content:space-between;align-items:center;width:100%}#country-name{font-size:18px;font-weight:700;color:#e8e0c8;letter-spacing:.5px}#map-container{width:100%;background:var(--pj-surface, #1a1c2e);border-radius:14px;padding:10px;box-shadow:0 8px 32px #0006;position:relative;cursor:crosshair;overflow:hidden}#map-hint{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:12px;color:#ffffff59;pointer-events:none;white-space:nowrap;z-index:2;transition:opacity .4s}#map-hint.hidden{opacity:0}#map-svg{width:100%;height:auto;display:block;touch-action:none}.country-path{fill:#2e4a6a;stroke:#5a8ab8;stroke-width:1.2;transition:fill .2s}.pin-circle{fill:#f9d342;stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));cursor:pointer}.pin-line{stroke:#f9d342;stroke-width:2;stroke-linecap:round}.capital-dot{fill:#f55;stroke:#fff;stroke-width:2;opacity:0;transition:opacity .5s}.capital-dot.visible{opacity:1}.dist-line{stroke:#ffffff4d;stroke-width:1.5;stroke-dasharray:5 4;opacity:0;transition:opacity .5s}.dist-line.visible{opacity:1}#action-area{width:100%}.validate-btn{width:100%;padding:13px;border-radius:12px;border:none;background:linear-gradient(135deg,#f0c060,#d4943a);color:#1a1200;font-size:16px;font-weight:700;cursor:pointer;transition:filter .15s,transform .1s,opacity .2s;font-family:inherit;letter-spacing:.3px}.validate-btn:hover:not(:disabled){filter:brightness(1.08)}.validate-btn:active:not(:disabled){transform:scale(.98)}.validate-btn:disabled{opacity:.4;cursor:default}#score-display,#final-score-display{text-align:center;margin-bottom:14px}.score-number{font-size:56px;font-weight:900;color:#f9d342;line-height:1;animation:score-pop .5s cubic-bezier(.22,1,.36,1)}@keyframes score-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.score-detail{font-size:14px;color:#a0a8c0;margin-top:4px}.crown-badge{font-size:36px;animation:crown-drop .6s cubic-bezier(.22,1,.36,1) .3s both;display:inline-block}@keyframes crown-drop{0%{transform:translateY(-30px) scale(.5);opacity:0}to{transform:translateY(0) scale(1.2);opacity:1}}#name-guess-area{display:flex;flex-direction:column;gap:8px}#name-label{font-size:14px;color:#a0a8c0;text-align:center}#name-input-row{display:flex;gap:8px}#capital-input{flex:1;padding:11px 16px;border-radius:10px;border:2px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e8e8f0;font-size:15px;font-family:inherit;outline:none;transition:border-color .15s}#capital-input:focus{border-color:#f0c060}#btn-name{padding:0 18px;border-radius:10px;border:none;background:#f0c060;color:#1a1200;font-size:18px;font-weight:700;cursor:pointer;transition:filter .15s}#btn-name:hover{filter:brightness(1.1)}.name-correct{color:#60e090;font-weight:700;text-align:center;font-size:15px;margin-top:4px}.name-wrong{color:#f07070;text-align:center;font-size:14px;margin-top:4px}@media(max-width:420px){.score-number{font-size:44px}}#map-container:after{content:"🔍 Scroll / pinch pour zoomer";position:absolute;bottom:12px;right:14px;font-size:10px;color:#fff3;pointer-events:none}#map-container{min-height:260px;display:flex;flex-direction:column;justify-content:center}.map-loading{text-align:center;color:#ffffff59;font-size:14px;padding:60px 0}#btn-finish{margin-top:0}.score-detail{font-size:15px;color:#b0b8d0;margin-top:6px}.name-correct,.name-wrong{margin-top:8px}#final-score-display .crown-badge{display:block;margin-bottom:4px}@media(max-width:420px){#map-container{min-height:200px}}