@font-face{font-family:Crom;src:url(/conan_exiles_geoguessr/assets/Crom_v1-DMmvucRN.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0f0c09;color:#efe2cc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#5e3d1f59,#0f0c09fa 55%),linear-gradient(180deg,#18120d,#0f0c09 60%)}#app{width:min(1200px,100%);margin:0 auto;padding:1rem}.page{display:grid;gap:1rem}.page-home{min-height:calc(100vh - 2rem);align-content:center;justify-items:center}.home-hero{width:min(900px,100%);padding:2.25rem 1.5rem;border-radius:18px;border:1px solid #6a4b2a;background:linear-gradient(160deg,#2e1f13f2,#1b140ff2);text-align:center;display:grid;gap:1rem;box-shadow:0 24px 60px #00000073}.home-hero h1{margin:0;font-size:clamp(2rem,7vw,4.5rem);line-height:1;letter-spacing:.02em;font-family:Crom,Times New Roman,Georgia,serif}.subtitle{margin:0;color:#cbb79a}.mode-select-wrap{display:grid;gap:.35rem;justify-items:center}.mode-select-wrap span{font-size:.9rem;color:#d5bf9d}.mode-select{min-width:220px;border-radius:10px;border:1px solid #7b5933;background:#1e1510;color:#f1dfbf;padding:.52rem .75rem}.card{background:#1f1711;border:1px solid #5f4327;border-radius:12px;padding:1rem}.play-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.page-play{position:relative;min-height:calc(100vh - 2rem);padding-bottom:17rem}.screenshot-focus{width:100%}.screenshot-main{width:100%;max-height:calc(100vh - 13rem);object-fit:contain;background:#100c09}.screenshot{width:100%;border-radius:8px;border:1px solid #5f4327}.map-stage{position:relative;width:100%;cursor:crosshair}.map-stage img{width:100%;display:block;border-radius:8px;border:1px solid #5f4327}.round-result-page .card h2{margin:0 0 .55rem}.result-map-stage{position:relative;width:min(100%,62vh,760px);aspect-ratio:1 / 1;margin:0 auto;overflow:hidden;border-radius:10px;border:1px solid #6f4f2e;background:#110d0a}.result-map-canvas{position:absolute;inset:0;transform-origin:top left;transition:transform .68s cubic-bezier(.2,.8,.2,1)}.result-map-canvas img{width:100%;height:100%;display:block;object-fit:cover}.result-connector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.result-connector line{stroke:#f1c37a;stroke-width:.55;stroke-dasharray:2 1.5;vector-effect:non-scaling-stroke}.result-stats-inline{margin:.4rem 0 0;color:#dcc4a4;text-align:center}.result-score-panel{margin-top:.35rem;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.result-score-panel.is-visible{opacity:1;transform:translateY(0)}.result-next-btn{display:block;margin:.55rem auto 0}.round-result-page{gap:.75rem}.round-result-page .round-header h1{margin:0}.round-result-page .round-header p{margin:.2rem 0 0}.round-result-page .legend{margin:.55rem 0 0;justify-content:center}.round-result-page .actions{justify-content:center}.mini-map-panel{position:fixed;right:1rem;bottom:1rem;width:min(360px,92vw);z-index:30;transition:width .18s ease,max-width .18s ease,transform .18s ease}.mini-map-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.mini-map-header h3{margin:0;font-family:Crom,Times New Roman,Georgia,serif;font-size:1rem;letter-spacing:.03em}.map-controls{display:flex;gap:.35rem}.btn-map-control{min-width:2.3rem;padding:.42rem .62rem;font-size:.85rem}.map-viewport{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:10px;border:1px solid #6f4f2e;background:#110d0a;touch-action:none;cursor:grab}.map-viewport.is-dragging{cursor:grabbing}.map-canvas{position:absolute;inset:0;transform-origin:top left}.map-canvas img{width:100%;height:100%;display:block;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.map-instructions{margin:.6rem 0 0;font-size:.82rem;color:#c5ad8c}.mini-map-guess-wrap{margin-top:.65rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .18s ease,opacity .18s ease}.mini-map-guess-wrap.is-ready{max-height:74px;opacity:1}.mini-map-panel:not(.is-expanded) .mini-map-guess-wrap{display:none}.guess-bar-btn{display:block;width:100%;border:none;border-radius:999px;padding:.6rem 1rem;font-weight:800;letter-spacing:.06em;color:#11210f;background:linear-gradient(180deg,#8ad451,#5dad2f);box-shadow:inset 0 0 0 2px #fff3,0 10px 20px #00000059;cursor:pointer}.guess-bar-btn:disabled{opacity:.4;cursor:not-allowed}.coord-tool-page{max-width:1100px}.coord-tool-card{padding:.75rem}.coord-tool-controls{display:flex;align-items:center;gap:.4rem;margin-bottom:.65rem}.coord-zoom-readout{margin-left:.3rem;color:#e5c79a;font-size:.9rem}.coord-map-stage{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:10px;border:1px solid #6f4f2e;background:#110d0a;touch-action:none;cursor:crosshair}.coord-map-stage.is-dragging{cursor:grabbing}.coord-map-canvas{position:absolute;inset:0;transform-origin:top left}.coord-map-canvas img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.coord-marker{position:absolute;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%) scale(var(--pin-inverse-zoom, 1));transform-origin:center;border:3px solid #ffffff;background:#d6a042;box-shadow:0 0 0 2px #0009}.coord-readout code{color:#f0d7b3}.mini-map-panel.is-expanded{width:min(92vh,96vw);max-width:min(92vh,96vw);z-index:80;box-shadow:0 0 0 9999px #00000094}.map-marker{position:absolute;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%) scale(var(--pin-inverse-zoom, 1));transform-origin:center;border:3px solid #ffffff;box-shadow:0 0 0 2px #0009}.map-marker-guess{background:#d6a042}.map-marker-answer{background:#b5412a}.legend{margin-top:.75rem;display:flex;gap:1rem;align-items:center}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem}.guess-dot{background:#d6a042}.answer-dot{background:#b5412a}.actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{border:none;border-radius:10px;padding:.7rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background:linear-gradient(180deg,#9b6a2f,#6f4821);color:#f8ead4;border:1px solid #bc8750}.btn-secondary{background:#2a1f16;color:#e4cfae;border:1px solid #6b4d2f}.btn-hero{justify-self:center;padding:1rem 2.4rem;min-width:min(520px,95%);font-size:clamp(1.1rem,4vw,2rem);font-weight:800;letter-spacing:.06em;font-family:Crom,Times New Roman,Georgia,serif;background:linear-gradient(180deg,#b8843d,#7c5225);color:#f9edd8;border:2px solid rgba(255,228,196,.42);box-shadow:0 0 0 2px #7c522559,0 16px 34px #0000008c}.btn-hero:hover{filter:brightness(1.08)}.disclaimer{font-size:.9rem;color:#b79f81;text-align:center}.results-hero h1{margin:0}.results-mode{margin:0;color:#d2b58a;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.results-score{margin:.4rem 0 0;font-size:1.05rem}.results-progress{margin-top:.65rem;height:12px;border-radius:999px;background:#302217;overflow:hidden;border:1px solid #6b4d2f}.results-progress-fill{height:100%;background:linear-gradient(90deg,#8ad451,#d6a042)}.results-highlights{display:grid;gap:.25rem;margin-bottom:.6rem}.results-highlights p{margin:0}.round-badges{display:flex;flex-wrap:wrap;gap:.45rem}.round-badge{display:inline-block;padding:.34rem .58rem;border-radius:999px;border:1px solid #6b4d2f;background:#2a1f16;color:#e4cfae;font-size:.85rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #4f3924}textarea{width:100%;min-height:140px;padding:.7rem;border-radius:10px;background:#130f0c;color:#ebdcc3;border:1px solid #5f4327}@media(max-width:900px){.play-grid{grid-template-columns:1fr}.page-play{padding-bottom:1rem}.mini-map-panel{position:static;width:100%}.mini-map-panel.is-expanded{width:100%;max-width:100%;box-shadow:none}.screenshot-main{max-height:65vh}}