.btn{font-family:Playfair Display,Georgia,serif;letter-spacing:.04em;border:none;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;position:relative;white-space:nowrap}.btn__label{position:relative;z-index:1}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:default}.btn:disabled:active{transform:none}.btn--expand{width:100%}.btn-row .btn--expand{flex:1;width:auto;white-space:normal;text-align:center}.btn--lg{padding:1.1rem 2rem;font-size:1.3rem;font-weight:700}.btn--md{padding:.85rem 1.6rem;font-size:1.1rem;font-weight:600}.btn--sm{padding:.55rem 1.3rem;font-size:.9rem;font-weight:600}.btn--primary:after,.btn--secondary:after,.btn--choice:after{--cc: rgba(255,255,255,.2);content:"";position:absolute;inset:5px;pointer-events:none;transition:background-size .3s ease;background:linear-gradient(var(--cc),var(--cc)) 0 0 / 10px 1px no-repeat,linear-gradient(var(--cc),var(--cc)) 0 0 / 1px 10px no-repeat,linear-gradient(var(--cc),var(--cc)) 100% 0 / 10px 1px no-repeat,linear-gradient(var(--cc),var(--cc)) 100% 0 / 1px 10px no-repeat,linear-gradient(var(--cc),var(--cc)) 0 100% / 10px 1px no-repeat,linear-gradient(var(--cc),var(--cc)) 0 100% / 1px 10px no-repeat,linear-gradient(var(--cc),var(--cc)) 100% 100% / 10px 1px no-repeat,linear-gradient(var(--cc),var(--cc)) 100% 100% / 1px 10px no-repeat}.btn:not(:disabled):hover:after{background-size:50% 1px,1px 50%,50% 1px,1px 50%,50% 1px,1px 50%,50% 1px,1px 50%}.btn--primary{background:#c73e54;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:3px;box-shadow:0 2px 8px #00000040}.btn--primary:after{--corner-color: rgba(255,255,255,.25)}.btn--primary:active{background:#b3364a;box-shadow:0 1px 3px #0000004d}.btn--secondary{background:transparent;color:#bbb;border:1px solid #555;border-radius:3px}.btn--secondary:after{--corner-color: rgba(255,255,255,.08)}.btn--secondary:active{background:#ffffff0d}.btn--choice{background:#ffffff05;color:#eee;border:1px solid #555;border-radius:3px;text-align:center;width:100%;white-space:normal}.btn--choice:after{--corner-color: rgba(255,255,255,.08)}.btn--choice:active{background:#c73e54;border-color:#ffffff14;color:#fff}.btn--choice:active:after{--corner-color: rgba(255,255,255,.25)}.btn--ghost{background:transparent;color:#888;border:none;border-radius:4px;letter-spacing:.06em;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem}.btn--ghost:active{color:#ccc}.logo{display:flex;flex-direction:column;align-items:center}.logo-hamburg{display:flex;align-items:center;gap:1rem;margin-bottom:-1rem}.logo-line{display:block;width:40px;height:1px;background:#666}.logo-city{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:#bbb}.logo-year{font-family:Playfair Display,Georgia,serif;font-size:5rem;font-weight:900;letter-spacing:.08em;line-height:1;color:#fff;margin-bottom:.6rem}.logo-rule{width:140px;height:1px;background:linear-gradient(90deg,transparent,rgba(233,69,96,.6),transparent);margin-bottom:.8rem}.logo-sub{font-family:Playfair Display,Georgia,serif;font-size:1.15rem;font-style:italic;font-weight:400;color:#999;letter-spacing:.06em}.logo--sm .logo-hamburg{gap:.5rem;margin-bottom:-.4rem}.logo--sm .logo-line{width:20px}.logo--sm .logo-city{font-size:.6rem;letter-spacing:.25em;color:#888}.logo--sm .logo-year{font-size:1.6rem;color:#ccc;margin-bottom:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee;min-height:100dvh;overflow:hidden}.app{min-height:100dvh;display:flex;align-items:center;justify-content:center}.screen{width:100%;max-width:420px;padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:100dvh;justify-content:center}.name-screen{gap:0}.name-lang{margin-bottom:2.5rem}.name-prompt{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-style:italic;color:#ccc;margin-bottom:1.5rem;letter-spacing:.03em}.name-form{width:100%;display:flex;flex-direction:column;gap:1rem}.name-input{width:100%;padding:.9rem 1rem;font-size:1.1rem;background:#ffffff0f;border:1px solid #333;border-radius:8px;color:#eee;outline:none;transition:border-color .2s;text-align:center;font-family:inherit}.name-input:focus{border-color:#e94560}.name-input::placeholder{color:#555}.name-exists{font-size:.9rem;color:#999;text-align:center;margin-bottom:.3rem}.confirm-btns{width:100%;display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:1.5rem}.start-logo{margin-bottom:1.5rem}.page-logo{position:absolute;top:1.2rem;opacity:.5}.player-greeting{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.greeting-text{font-family:Playfair Display,Georgia,serif;font-size:1.2rem;color:#ccc;letter-spacing:.02em}.greeting-text strong{color:#fff;border-bottom:1px dashed #555;transition:border-color .2s}.player-greeting:hover .greeting-text strong{border-color:#999}.play-count{font-size:.8rem;color:#666;margin-top:.3rem;letter-spacing:.08em}.leaderboard{width:100%;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;padding:.6rem 0;margin-bottom:1.5rem}.lb-row{display:flex;align-items:center;padding:.25rem .5rem;font-size:.8rem;color:#666;letter-spacing:.02em}.lb-row.lb-me{color:#e94560}.lb-rank{width:1.8rem;text-align:right;margin-right:.5rem;flex-shrink:0}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-count{margin-left:.5rem;font-family:SF Mono,Fira Code,monospace;text-align:right;flex-shrink:0}.show-all-btn{background:none;border:none;color:#555;font-size:.75rem;cursor:pointer;margin-top:.4rem;letter-spacing:.05em;transition:color .2s;width:100%;text-align:center}.show-all-btn:hover{color:#999}.leaderboard-screen{gap:1.5rem}.lb-title{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:700;color:#ccc;letter-spacing:.05em;margin-top:2rem}.leaderboard-full{max-height:60dvh;overflow-y:auto}.start-controls{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2.5rem}.lang-toggle{display:flex;gap:0;border-radius:6px;overflow:hidden;border:1px solid #333}.lang-toggle button{padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;letter-spacing:.08em;border:none;background:transparent;color:#666;cursor:pointer;transition:all .2s}.lang-toggle button.active{background:#e9456026;color:#e94560}.audio-toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle-track{position:relative;width:36px;height:20px;border-radius:10px;background:#333;transition:background .2s}.toggle-track.on{background:#e9456080}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#888;transition:all .2s}.toggle-track.on .toggle-thumb{left:18px;background:#e94560}.toggle-label{font-size:.85rem;color:#666;letter-spacing:.02em}.error{color:#e94560;margin-top:1rem;text-align:center}.loading-text{font-family:Playfair Display,Georgia,serif;font-style:italic;color:#999;font-size:1rem;letter-spacing:.06em}.compass{position:relative;width:100px;height:100px;margin-bottom:2.5rem}.compass-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #555}.compass-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid #444}.compass-needle{position:absolute;top:50%;left:50%;width:2px;height:60px;margin-left:-1px;margin-top:-30px;transform-origin:center center;animation:spin 3s ease-in-out infinite}.compass-needle:before,.compass-needle:after{content:"";position:absolute;left:50%;width:0;height:0}.compass-needle:before{bottom:50%;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:28px solid #c73e54;margin-left:-5px}.compass-needle:after{top:50%;border-left:5px solid transparent;border-right:5px solid transparent;border-top:28px solid #888;margin-left:-5px}.compass-n,.compass-s,.compass-e,.compass-w{position:absolute;font-family:Playfair Display,Georgia,serif;font-size:.7rem;color:#666;letter-spacing:.05em}.compass-n{top:8px;left:50%;transform:translate(-50%);color:#c73e54}.compass-s{bottom:8px;left:50%;transform:translate(-50%)}.compass-e{right:8px;top:50%;transform:translateY(-50%)}.compass-w{left:10px;top:50%;transform:translateY(-50%)}@keyframes spin{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(90deg)}75%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.playing-screen{justify-content:flex-start;padding-top:1rem}.topbar{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;opacity:.6}.step-counter{display:flex;align-items:baseline;gap:.2rem;font-family:Playfair Display,Georgia,serif}.step-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:#888;margin-right:.3rem}.step-num{font-size:1.6rem;font-weight:900;color:#ccc}.step-sep{font-size:.9rem;color:#555;margin:0 .05rem}.step-total{font-size:.9rem;font-weight:400;color:#888}.step-content{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.step-text{font-size:1.3rem;line-height:1.6;text-align:center;padding:0 .5rem}.place-street{color:#f0c674;font-weight:600}.place-station{color:#81a2be;font-weight:600}.place-line{color:#e94560;background:#e9456026;border-radius:4px;padding:.1em .4em;font-family:SF Mono,Fira Code,monospace}.place-waterway{color:#8abeb7;font-weight:600}.place-landmark{color:#b294bb;font-weight:600}.btn-row{width:100%;display:flex;gap:.75rem;margin-bottom:2rem}.guess-screen{gap:2rem}.guess-title{font-size:1.8rem;text-align:center}.choices{width:100%;display:flex;flex-direction:column;gap:1rem}.reveal-screen{gap:0}.reveal-badge{width:64px;height:64px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;animation:reveal-pop .4s ease-out}.reveal-badge.correct{border-color:#4ade804d;background:#4ade8014}.reveal-badge.wrong{border-color:#c73e544d;background:#c73e5414}.reveal-icon{font-size:1.8rem;line-height:1}.reveal-badge.correct .reveal-icon{color:#4ade80}.reveal-badge.wrong .reveal-icon{color:#c73e54}.reveal-verdict{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:2.5rem}.reveal-verdict.correct{color:#4ade80}.reveal-verdict.wrong{color:#c73e54}.reveal-destination{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem}.reveal-rule{width:120px;height:1px;background:linear-gradient(90deg,transparent,#555,transparent)}.reveal-label{font-family:Playfair Display,Georgia,serif;font-size:.8rem;font-style:italic;color:#777;letter-spacing:.2em;text-transform:uppercase;margin:.8rem 0 .4rem}.reveal-name{font-family:Playfair Display,Georgia,serif;font-size:2.2rem;font-weight:900;text-align:center;color:#fff;letter-spacing:.03em;margin-bottom:.8rem}@keyframes reveal-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}