:root{--bg:#fff;--fg:#1a1a1b;--border:#d3d6da;--panel:#f4f4f5;--ocean:#a9cce3;--land:#e6ddc9;--land-stroke:#cdbfa0;--birth:#2e9e4f;--death:#d1403a;--third:#7c5cff;--correct:#6aaa64;--wrong:#d1403a}@media (prefers-color-scheme:dark){:root{--bg:#121213;--fg:#fff;--border:#3a3a3c;--panel:#1e1e20;--ocean:#21384a;--land:#3b3a34;--land-stroke:#55534a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;align-items:center;max-width:560px;min-height:100vh;margin:0 auto;padding:16px;display:flex}h1{letter-spacing:1px;text-transform:lowercase;margin:8px 0 0;font-size:1.6rem}.tagline{opacity:.8;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:6px 0 14px;font-size:.9rem;display:flex}.legend{align-items:center;gap:5px;display:inline-flex}.toast{background:var(--fg);color:var(--bg);z-index:10;border-radius:6px;padding:8px 16px;font-size:.9rem;position:fixed;top:20px}.devbadge{opacity:.7;margin-bottom:8px;font-size:.75rem;font-style:italic}.map-wrap{width:100%;position:relative}.map{border:1px solid var(--border);touch-action:none;cursor:grab;border-radius:8px;width:100%;height:auto;display:block}.map:active{cursor:grabbing}.map-ocean{fill:var(--ocean)}.map-land{fill:var(--land);stroke:var(--land-stroke);stroke-width:.6px;vector-effect:non-scaling-stroke}.map-link{stroke:var(--fg);stroke-width:1px;stroke-dasharray:3 3;opacity:.35;vector-effect:non-scaling-stroke}.map-border{fill:none;stroke:#5a5a6999;stroke-width:.8px;vector-effect:non-scaling-stroke}@media (prefers-color-scheme:dark){.map-border{stroke:#c8c8d780}}.map-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-label-group{flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:absolute;transform:translate(11px,-50%)}.map-pill{background:var(--bg);color:var(--fg);border:1px solid var(--border);white-space:nowrap;border-radius:8px;padding:1px 6px;font-size:13px;font-weight:700;line-height:1.25;box-shadow:0 1px 3px #00000059}circle.dot-third{fill:var(--third)}span.dot-third{background:var(--third)}.map-controls{flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.map-btn{border:1px solid var(--border);background:var(--panel);width:34px;height:34px;color:var(--fg);cursor:pointer;opacity:.9;border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex}.map-btn:hover{opacity:1}.map-btn:active{transform:translateY(1px)}.map-hint{opacity:.6;background:var(--panel);pointer-events:none;border-radius:4px;margin:0;padding:2px 7px;font-size:.7rem;position:absolute;bottom:8px;left:8px}circle.dot{stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke}circle.dot-birth{fill:var(--birth)}circle.dot-death{fill:var(--death)}span.dot{border:1.5px solid #fff;border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 0 1px #00000026}span.dot-birth{background:var(--birth)}span.dot-death{background:var(--death)}.guesses{flex-direction:column;gap:6px;width:100%;margin:16px 0 12px;padding:0;list-style:none;display:flex}.guess{border:2px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;height:44px;padding:0 14px;font-size:1rem;display:flex}.guess.empty{opacity:.5}.guess.correct{background:var(--correct);border-color:var(--correct);color:#fff}.guess.wrong{background:var(--wrong);border-color:var(--wrong);color:#fff}.guess-mark{font-weight:700}.guessbox{width:100%;position:relative}.guess-input{border:2px solid var(--border);background:var(--bg);width:100%;height:48px;color:var(--fg);border-radius:6px;padding:0 14px;font-size:1rem}.guess-input:focus{border-color:var(--fg);outline:none}.suggestions{z-index:5;background:var(--panel);border:1px solid var(--border);border-radius:6px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;left:0;right:0;box-shadow:0 6px 20px #00000026}.suggestion{cursor:pointer;border-radius:4px;padding:10px 12px;font-size:.95rem}.suggestion.active{background:var(--border)}.remaining{opacity:.7;margin:10px 0 0;font-size:.85rem}.hints{width:100%;margin-top:20px}.hints-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.hints-title{opacity:.8;margin:0;font-size:.95rem;font-weight:700}.hints-slots{opacity:.65;font-size:.78rem}.hint-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hint{border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;min-height:44px;padding:6px 12px;display:flex}.hint-emoji{text-align:center;flex:none;width:1.4em;font-size:1.15rem}.hint-label{flex:1;font-size:.92rem}.hint.locked{opacity:.45}.hint.revealed{border-color:var(--fg)}.hint-locked{opacity:.8;white-space:nowrap;font-size:.8rem}.hint-reveal{border:1px solid var(--fg);color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;padding:5px 12px;font-size:.82rem;font-weight:600}.hint-reveal:hover:not(:disabled){background:var(--fg);color:var(--bg)}.hint-reveal:disabled{opacity:.35;cursor:not-allowed}.hint-content{text-align:right;font-size:.92rem;font-weight:600}.hint-content .masked{letter-spacing:1px;font-family:ui-monospace,SF Mono,Menlo,monospace}.reveal{text-align:center;margin-top:10px}.result{margin:6px 0;font-size:1.15rem}.no-hints-badge{background:var(--correct);color:#fff;border-radius:999px;margin:4px 0 8px;padding:5px 14px;font-size:.85rem;font-weight:700;display:inline-block}.reveal-name{margin:6px 0}.reveal-life{opacity:.85;margin:4px 0;font-size:.95rem}.reveal-blurb{opacity:.75;max-width:42ch;margin:8px auto 0;font-size:.9rem}.share{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:18px;display:flex}.share-text{background:var(--panel);border:1px solid var(--border);white-space:pre-wrap;text-align:center;border-radius:8px;width:100%;max-width:320px;margin:0;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem;line-height:1.5}.share-btn{background:var(--correct);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.95rem;font-weight:700}.share-btn:active{opacity:.8}.reset-link{color:var(--fg);opacity:.5;cursor:pointer;background:0 0;border:none;margin-top:22px;font-size:.8rem;text-decoration:underline}.reset-link:hover{opacity:.85}