*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a1a2e;--color-surface: #16213e;--color-primary: #0f3460;--color-accent: #e94560;--color-text: #eee;--color-text-muted: #888;--color-correct: #538d4e;--color-incorrect: #3a3a3c;--color-border: #3a3a4a;--color-loch-fill: #2a5a8a;--color-loch-stroke: #4a9cd4;--color-road: #8a8a9a;--color-waterway: #6ab0c4;--color-place: #b0b0c0;--color-place-label: #c0c0d0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}body{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem}header{text-align:center;margin-bottom:1.5rem}header h1{font-size:2.5rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.25rem}.tagline{color:var(--color-text-muted);font-size:.9rem}main{flex:1;width:100%;max-width:500px}footer{margin-top:2rem;padding:1rem;color:var(--color-text-muted);font-size:.8rem}footer a{color:var(--color-accent);text-decoration:none}footer a:hover{text-decoration:underline}.game{display:flex;flex-direction:column;gap:1.5rem}.loch-display{background:#1e2642;border-radius:12px;padding:1rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.loch-outline-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loch-outline{width:100%;height:100%;transition:all .5s ease-out}.feature-road,.feature-waterway,.feature-place{transition:opacity .4s ease-out}.place-label{font-family:system-ui,-apple-system,sans-serif;font-weight:500;pointer-events:none;transition:opacity .4s ease-out}.place-marker{transition:opacity .4s ease-out}.place-city{fill:#d8d8e8}.place-town{fill:#c0c0d0}.place-village{fill:#a8a8b8}.loading,.error{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:1.1rem}.error{color:var(--color-accent)}.guesses-container{display:flex;flex-direction:column;gap:.5rem}.guess-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border-radius:8px;font-size:1rem}.guess-row.correct{background:var(--color-correct)}.guess-row.incorrect{background:var(--color-incorrect)}.guess-row.empty{opacity:.4}.guess-number{color:var(--color-text-muted);font-weight:500;min-width:1.5rem}.guess-name{flex:1}.guess-result{font-weight:700;font-size:1.2rem}.guess-input-form{display:flex;gap:.5rem}.guess-input-wrapper{flex:1;position:relative}.guess-input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .2s}.guess-input:focus{border-color:var(--color-accent)}.guess-input:disabled{opacity:.5;cursor:not-allowed}.guess-input::placeholder{color:var(--color-text-muted)}.suggestions-list{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;max-height:200px;overflow-y:auto;z-index:100;list-style:none}.suggestion-item{padding:.75rem 1rem;cursor:pointer;transition:background .15s}.suggestion-item:hover,.suggestion-item.selected{background:var(--color-primary)}.guess-button,.share-button{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:var(--color-accent);color:#fff;cursor:pointer;transition:opacity .2s,transform .1s}.guess-button:hover:not(:disabled),.share-button:hover{opacity:.9}.guess-button:active:not(:disabled),.share-button:active{transform:scale(.98)}.guess-button:disabled{opacity:.5;cursor:not-allowed}.game-over{text-align:center;padding:1.5rem;background:var(--color-surface);border-radius:12px}.game-over h2{margin-bottom:.5rem}.game-over p{color:var(--color-text-muted);margin-bottom:1rem}.game-over strong{color:var(--color-text)}.win-message h2{color:var(--color-correct)}.lose-message h2{color:var(--color-accent)}@media(max-width:400px){header h1{font-size:2rem}.guess-row{padding:.625rem .75rem;font-size:.9rem}}