/* Geisterturm – ergänzt rakete.css (gemeinsame Chips, Karten, Knöpfe) */
#ladder{position:fixed;right:8px;top:calc(96px + var(--safe-t));display:flex;flex-direction:column;gap:3px;z-index:4;pointer-events:none}
#ladder .rung{font-size:11.5px;font-weight:800;min-width:54px;text-align:center;padding:2px 7px;border-radius:9px;background:rgba(10,6,18,.62);
border:1px solid rgba(255,255,255,.14);color:#b9a8cf;transition:all .35s}
#ladder .rung.done{background:rgba(255,200,60,.9);color:#2a1700;border-color:#fff0b0;box-shadow:0 0 12px rgba(255,200,60,.7)}
#ladder .rung.next{color:#ffd9a8;border-color:#ff7518;box-shadow:0 0 12px rgba(255,117,24,.8);animation:rung 1s ease-in-out infinite}
#ladder .rung.king{font-size:13px;padding:3px 7px}
@keyframes rung{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
#mult small{opacity:.9}
.hint{margin:6px 0 2px;font-size:13.5px;color:#d8c9e6}
.keys{display:flex;gap:8px;margin-top:8px}
.keys button{flex:1;padding:10px 6px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.keys button:active{background:rgba(255,117,24,.35)}
.keys button:disabled{opacity:.35}
canvas#scene.pick{cursor:pointer}
@media (max-height:640px){#ladder{display:none}}
#mult{font-size:clamp(50px,12.5vw,100px);letter-spacing:1px}
#hud{top:calc(9% + var(--safe-t))}