:root{--tool-bg:#e3e7d9;--tool-card:#fffefa;--tool-line:#bec7b1;--tool-muted:#596151;--tool-good:#286044;--tool-bad:#a43d32}
.tool-shell{margin:28px 0 42px;padding:clamp(22px,4vw,34px);background:var(--tool-bg);border:1px solid var(--tool-line);border-radius:26px}
.tool-kicker{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px;color:var(--tool-muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.tool-progress{height:6px;margin:0 0 26px;overflow:hidden;background:#cbd3be;border-radius:9px}.tool-progress>span{display:block;height:100%;background:var(--orange);transition:width .25s}
.tool-title{margin:0 0 10px;color:var(--ink);font-size:clamp(1.7rem,5vw,2.6rem);font-weight:500;letter-spacing:-.045em;line-height:1.08}.tool-copy{margin:0 0 24px;color:var(--tool-muted)}
.tool-controls{display:grid;gap:15px;margin:22px 0}.tool-field{display:grid;gap:8px}.tool-field label{color:var(--tool-muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tool-field select,.tool-field input{width:100%;padding:14px 15px;background:var(--tool-card);border:1px solid var(--tool-line);border-radius:13px;color:var(--ink);font:inherit;outline:none}.tool-field input:focus,.tool-field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(196,87,50,.13)}
.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tool-actions .btn{flex:1;min-width:145px}.tool-options{display:grid;gap:10px;margin-top:22px}.tool-option{width:100%;display:flex;align-items:center;gap:12px;padding:15px 16px;background:var(--tool-card);border:1px solid var(--tool-line);border-radius:14px;color:var(--ink);font:inherit;cursor:pointer;text-align:left}.tool-option:hover:not(:disabled){border-color:#819071;background:#f7f7f2}.tool-option:disabled{cursor:default}.tool-option.right{background:#e3f0e6;border-color:var(--tool-good)}.tool-option.wrong{background:#f7e5df;border-color:var(--tool-bad)}
.tool-option-key{width:29px;height:29px;flex:none;display:grid;place-items:center;border:1px solid var(--tool-line);border-radius:50%;font-size:.72rem;font-weight:700}.tool-feedback{margin-top:20px;padding:18px;background:#f3f4ed;border-left:3px solid var(--orange);border-radius:0 14px 14px 0;color:var(--tool-muted)}
.tool-score{text-align:center;padding:18px 0}.tool-score strong{display:block;color:var(--ink);font-size:clamp(3.4rem,14vw,6.5rem);font-weight:500;letter-spacing:-.07em;line-height:1}.tool-score span{color:var(--tool-muted)}
.tool-visual{position:relative;overflow:hidden;margin:20px 0;background:var(--tool-card);border:1px solid var(--tool-line);border-radius:20px}.tool-visual img{width:100%;aspect-ratio:16/10;object-fit:cover}.tool-visual.silhouette img{filter:grayscale(1) brightness(.12) contrast(2)}.tool-visual.flag-clue{min-height:250px;display:grid;place-items:center;background:radial-gradient(circle,#fffefa 0,#e7eadf 65%);font-size:clamp(7rem,28vw,12rem);line-height:1}
.world-map{width:100%;display:block;background:linear-gradient(180deg,#9cb9c0,#d9e4df)}.world-map .land{fill:#77866e;stroke:#f5f4ef;stroke-width:1}.world-map .gridline{stroke:rgba(37,41,34,.12);stroke-width:1}.world-map .pin{fill:var(--orange);stroke:#fff;stroke-width:3;filter:drop-shadow(0 2px 5px rgba(37,41,34,.35))}
.country-cloud{display:flex;flex-wrap:wrap;gap:8px;max-height:360px;overflow:auto;padding-right:4px}.country-chip{padding:9px 12px;background:var(--tool-card);border:1px solid var(--tool-line);border-radius:999px;color:var(--tool-muted);font:inherit;font-size:.84rem;cursor:pointer}.country-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.country-chip.found{background:#e3f0e6;border-color:var(--tool-good);color:var(--tool-good)}
.timer{color:var(--ink);font-size:2rem;font-weight:500}.answer-log{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.answer-log span{padding:6px 9px;background:#e3f0e6;border-radius:99px;color:var(--tool-good);font-size:.8rem}
.place-reveal{display:grid;gap:18px}.place-reveal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.place-reveal h3{margin:0;font-size:2rem}.place-meta{color:var(--orange);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-card{padding:18px;background:var(--tool-card);border:1px solid var(--tool-line);border-radius:17px}.compare-card .flag-emoji{margin-bottom:12px;font-size:3rem;line-height:1}.compare-card h3{margin:0 0 13px;font-size:1.2rem}.compare-stat{padding:10px 0;border-top:1px solid var(--line)}.compare-stat small{display:block;color:var(--tool-muted);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.compare-stat strong{color:var(--ink);font-size:.92rem}
.travel-board{padding:26px;background:var(--ink);border-radius:20px;color:#fff;text-align:center}.travel-board strong{display:block;font-size:3.2rem;letter-spacing:-.06em}.travel-board p{margin:6px auto;color:#daddd2}.continent-bars{display:grid;gap:7px;margin-top:18px}.continent-bar{height:8px;overflow:hidden;background:#ffffff20;border-radius:8px}.continent-bar span{display:block;height:100%;background:var(--orange)}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin:30px 0 50px}.tool-card{min-height:220px;display:flex;flex-direction:column;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:22px;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.tool-card:hover{transform:translateY(-5px);border-color:#b9c0b0;box-shadow:0 18px 38px rgba(37,41,34,.1)}.tool-card .icon{margin-bottom:auto;font-size:2rem}.tool-card h2{margin:34px 0 8px;font-size:1.35rem;letter-spacing:-.035em}.tool-card p{margin:0;color:var(--muted);font-size:.92rem}.tool-card .tag{margin-top:18px;color:var(--orange);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.share-note{margin-top:12px;color:var(--tool-muted);font-size:.8rem;text-align:center}
@media(max-width:560px){.compare-grid{grid-template-columns:1fr}.tool-shell{border-radius:20px}.tool-actions{flex-direction:column}.tool-actions .btn{width:100%}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:190px}}