*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#14303b;color:#2b2118}.app{max-width:480px;margin:0 auto;min-height:100vh;background:#f4ecd8;display:flex;flex-direction:column}.loading,.error{padding:3rem 1.5rem;text-align:center;color:#5a4a35}.error{color:#9d0208}.home{display:flex;flex-direction:column;padding:1.25rem 1rem 2rem;gap:1rem}.home-header{text-align:center}.home-header h1{margin:.5rem 0 0;font-size:2rem;letter-spacing:.02em}.tagline{margin:.25rem 0 0;color:#5a4a35;font-style:italic}.log{margin:.5rem 0 0;font-size:.85rem;color:#7a6a52}.voyage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.voyage-card{width:100%;display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem;background:#fffdf6;border:1.5px solid #cbb98f;border-radius:12px;cursor:pointer;font:inherit;text-align:left;box-shadow:0 2px #cbb98f66}.voyage-card:active{transform:translateY(1px)}.voyage-words{font-family:ui-monospace,SF Mono,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.06em}.arrow{color:#2a9d8f}.voyage-meta{display:flex;gap:.7rem;align-items:center;font-size:.82rem;color:#5a4a35}.voyage-best{font-size:.78rem;color:#7a6a52}.fine-print{text-align:center;font-size:.8rem;color:#7a6a52}.band{padding:.05rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;background:#ddd}.band.introductory{background:#d4f0d0;color:#256029}.band.easy{background:#d9ecf2;color:#1a5e73}.band.moderate{background:#fdeecb;color:#8a6116}.band.hard{background:#fbdcc5;color:#93441a}.band.expert{background:#f3cfdd;color:#7c2b52}.voyage{display:flex;flex-direction:column;padding:.75rem .75rem 1.5rem;gap:.6rem;flex:1}.voyage-header{display:flex;align-items:center;gap:.6rem}.back{background:none;border:none;font:inherit;color:#1d6f65;cursor:pointer;padding:.3rem .4rem;font-weight:600}.voyage-title{font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.04em}.voyage-stats{margin-left:auto;font-size:.82rem;color:#5a4a35}.clue{margin:0;padding:.5rem .8rem;background:#fdf6dd;border:1px dashed #cbb98f;border-radius:8px;font-size:.88rem;font-style:italic;color:#5a4a35}.clue.found{background:#e9f6e2;border-color:#7fb069}.map{width:100%;background:radial-gradient(circle at 30% 20%,#dcebe9,#cfe0e3 55%,#c2d4dc);border:2px solid #cbb98f;border-radius:12px}.route{stroke:#2b2118;stroke-width:1.6;stroke-dasharray:5 4;opacity:.65}.island{cursor:pointer}.island-shape{fill:#f4ecd8;stroke:#2b2118;stroke-width:1.6}.destination-shape{fill:#f4d35e}.ghost-shape{fill:#fffa;stroke:#7a6a52;stroke-dasharray:3 3}.island.ghost .island-label{fill:#7a6a52}.island-label{font-family:ui-monospace,monospace;font-size:10px;font-weight:700;text-anchor:middle;fill:#2b2118;pointer-events:none}.island-flag{font-size:13px;text-anchor:middle;pointer-events:none}.island.current .island-shape{stroke-width:3;stroke:#1d3557}.ship{font-size:17px;text-anchor:middle;pointer-events:none;transition:x .4s ease,y .4s ease}.feedback{margin:0;min-height:1.2rem;text-align:center;font-size:.88rem;color:#93441a}.controls-area{display:flex;flex-direction:column;gap:.6rem;align-items:center}.word-tiles{display:flex;gap:.5rem}.word-tiles.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.tile{width:3.2rem;height:3.6rem;font-family:ui-monospace,monospace;font-size:1.6rem;font-weight:700;background:#fffdf6;border:2px solid #2b2118;border-radius:10px;cursor:pointer;box-shadow:0 3px #2b211855}.tile.selected{background:#f4d35e;border-color:#1d3557;transform:translateY(1px);box-shadow:0 1px #2b211855}.letter-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;width:100%;max-width:380px}.letter{height:2.6rem;font-family:ui-monospace,monospace;font-size:1.05rem;font-weight:600;background:#fffdf6;border:1.5px solid #cbb98f;border-radius:8px;cursor:pointer}.letter:disabled{opacity:.35}.letter:active:not(:disabled){background:#f4d35e}.hint{margin:0;font-size:.82rem;color:#7a6a52;text-align:center}.toolbar{display:flex;gap:.6rem}.tool{font:inherit;padding:.45rem .9rem;background:#fffdf6;border:1.5px solid #1d6f65;color:#1d6f65;border-radius:999px;cursor:pointer;font-weight:600;font-size:.88rem}.tool:disabled{opacity:.4}.summary{background:#fffdf6;border:2px solid #cbb98f;border-radius:12px;padding:1rem 1.2rem;text-align:center}.summary h2{margin:0 0 .5rem}.summary ul{list-style:none;padding:0;margin:0 0 .9rem;display:flex;flex-direction:column;gap:.3rem;font-size:.92rem}.summary-actions{display:flex;gap:.6rem;justify-content:center}.summary-actions button{font:inherit;padding:.5rem 1rem;border-radius:8px;border:1.5px solid #1d6f65;background:#fffdf6;color:#1d6f65;font-weight:600;cursor:pointer}.summary-actions .primary{background:#2a9d8f;border-color:#1d6f65;color:#fff}@media (prefers-reduced-motion: reduce){.ship{transition:none}.word-tiles.shake{animation:none}}