/* Letter-drop details sit on the shared Well game design. */
.drop-game .brand{font-size:24px;letter-spacing:-1px}.drop-game .board-meta #score{font-size:12px;font-weight:600;color:var(--green);white-space:nowrap}
.drop-tray{display:flex;align-items:center;gap:22px;padding:14px 16px;background:var(--light);border:1px solid #d8e0c6;border-radius:12px;margin-bottom:10px}.next-letter{display:flex;align-items:center;gap:13px}.next-letter .small-label{max-width:42px;line-height:1.5}.next-letter strong{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--green);color:var(--surface);font-family:Manrope,sans-serif;font-size:27px;box-shadow:inset 0 -4px 0 #00000012}.coming-up>.small-label{display:block;font-size:8px;margin-bottom:5px}.coming-up>div{display:flex;gap:6px}.coming-up b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface);font-family:Manrope,sans-serif;font-size:14px}.drop-tray #swap{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--green)}
.drop-instruction{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0}.column-controls{display:grid;grid-template-columns:repeat(var(--drop-cols,8),1fr);gap:5px;margin-bottom:6px}.column-controls button{border:1px solid #d8e0c6;background:var(--light);color:var(--green);border-radius:8px;min-height:40px;font-size:20px}.column-controls button:hover{background:var(--lime);transform:translateY(2px)}.column-controls button:disabled{opacity:.35;cursor:default}.drop-board{background:#e7ebdf;border:1px solid #d8e0c6;border-radius:14px;padding:9px;overflow:hidden}.drop-game .grid{grid-template-columns:repeat(var(--drop-cols,8),1fr);width:100%;max-width:none;gap:5px}.drop-game .cell{border-radius:50%;background:#f9f9f2;box-shadow:inset 0 2px 3px #263e3410;position:relative;font-size:20px}.drop-game .cell.occupied{background:var(--surface);box-shadow:0 2px 2px #263e3410,inset 0 -3px 0 #dfe4d6}.drop-game .cell.selected{background:var(--green);color:var(--surface);box-shadow:none}.drop-game .cell.empty{color:transparent}.drop-game .cell.arriving{animation:letter-drop .34s cubic-bezier(.4,0,.7,1) both}.drop-game .cell.claimed{animation:letter-clear .3s ease-in both;background:var(--lime);color:var(--ink)}.drop-game .cell.invalid{background:#f7d4cf;color:#973a2e}.claim-actions{display:flex;align-items:center;gap:12px}.claim-actions .new-button{color:var(--surface);width:auto;margin:0;white-space:nowrap;padding:10px 13px}.claim-actions button:disabled{opacity:.4;cursor:default}.drop-game .selection-summary{max-width:62%}.drop-game .selection.spelling{font-size:18px;letter-spacing:2px}.drop-guide{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px}.drop-guide h2{font-size:21px;line-height:1.3;margin:10px 0}.drop-guide p{font-size:13px;color:var(--muted);line-height:1.7}.guide-example{display:flex;align-items:center;gap:8px;margin:20px 0}.guide-example span{display:grid;place-items:center;width:40px;height:40px;background:var(--lime);border-radius:50%;font-family:Manrope,sans-serif;font-weight:700}.guide-example b{font-size:13px;margin-left:5px}.drop-guide .guide-small{font-size:12px}.drop-game .progress-card>summary span{float:right;font-size:11px;font-weight:400}.drop-note{text-align:center;font-size:12px;color:var(--muted);line-height:1.7}.drop-game footer a{color:var(--green);text-underline-offset:3px}.drop-game aside>.new-button{margin:0}.drop-game #feedback{min-height:42px;line-height:1.5}
@keyframes letter-drop{from{transform:translateY(calc(var(--fall-rows,6)*-100%));opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes letter-clear{30%{transform:scale(1.1)}to{transform:scale(.2);opacity:0}}
@media(max-width:760px){.drop-game .brand{font-size:20px}.drop-game .header-actions .options-button{font-size:10px}.drop-tray{padding:10px;gap:12px}.next-letter{gap:8px}.next-letter strong{width:40px;height:40px;font-size:24px}.drop-tray #swap{font-size:10px}.coming-up>div{gap:4px}.coming-up b{width:24px;height:24px;font-size:12px}.drop-game .grid{gap:4px}.drop-game .cell{font-size:17px}.drop-board{padding:7px}.column-controls{gap:4px}.column-controls button{min-height:40px}.drop-guide,.drop-note{display:none}.drop-game .board-bottom{gap:5px;margin-top:8px}.drop-game .selection{font-size:11px;line-height:1.4}.drop-game .selection-detail{font-size:9px}.claim-actions{gap:7px}.claim-actions .new-button{padding:9px;font-size:11px}.drop-game .board-top h2{font-size:13px}.drop-game .board-meta #score{font-size:11px}}
@media(prefers-reduced-motion:reduce){.drop-game .cell{animation:none!important}}

.drop-rule-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:11px;color:var(--muted)}.drop-rule-line .direction-symbol{width:25px;height:25px;flex-shrink:0}

#drop-settings label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}#drop-settings select{width:100%;padding:10px;font:inherit}#drop-settings p{font-size:12px;line-height:1.6;color:var(--muted)}.coming-up>div{flex-wrap:wrap}.drop-game .drop-tray{gap:12px}.drop-game .coming-up{min-width:0;flex:1}.drop-game .drop-tray #swap{flex-shrink:0}