.drop-panel{max-width:820px;overflow:hidden}.drop-hero em{color:#5b45b0}.drop-start{text-align:center}.drop-start p{max-width:570px;margin-inline:auto}.drop-start-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.drop-start-list div{padding:14px;border:1px solid var(--line-soft);border-radius:12px;background:#fff}.drop-start-list strong,.drop-start-list span{display:block}.drop-start-list span{margin-top:4px;color:var(--ink-soft);font-size:13px}.drop-hud{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:10px}.drop-hud div{padding:8px 5px;border:1px solid var(--line-soft);border-radius:10px;background:#fff;text-align:center}.drop-hud span,.drop-hud strong{display:block}.drop-hud span{color:var(--ink-soft);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.drop-hud strong{font:800 18px/1.2 'Space Mono',monospace}.drop-pressure-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:8px 0;font-weight:700}.drop-pressure-track{height:10px;overflow:hidden;border-radius:99px;background:#e6e8ee}.drop-pressure-fill{display:block;height:100%;width:0;background:#398a54;transition:width .25s ease,background-color .25s ease}.drop-pressure-wrap[data-pressure=medium] .drop-pressure-fill{background:#c58a00}.drop-pressure-wrap[data-pressure=high] .drop-pressure-fill{background:#d46a18}.drop-pressure-wrap[data-pressure=critical] .drop-pressure-fill{background:#b63232}.drop-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;min-height:260px;padding:12px;border:2px solid #d3d7e1;border-radius:16px;background:linear-gradient(180deg,#f8f7ff,#f1f3f8);align-content:end}.drop-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border:2px solid #cbc5e8;border-radius:10px;background:#fff;color:var(--ink);font:800 clamp(19px,4vw,28px)/1 'Bricolage Grotesque',sans-serif;box-shadow:0 2px 0 #d9d4ed;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,background .12s ease}.drop-tile:hover{border-color:#8e7ac9}.drop-tile[aria-pressed=true]{transform:translateY(-3px);border-color:#4d389b;background:#6550b7;color:#fff;box-shadow:0 4px 0 #3d2d7d}.drop-tile:focus-visible,.drop-actions button:focus-visible,.drop-actions a:focus-visible{outline:3px solid #20155d;outline-offset:2px}.drop-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin:10px 0;padding:9px 12px;border:1px solid var(--line-soft);border-radius:11px;background:#fff}.drop-word{overflow:hidden;font:800 clamp(18px,5vw,26px)/1.2 'Space Mono',monospace;letter-spacing:.08em;text-overflow:ellipsis}.drop-next{color:var(--ink-soft);font-size:12px;white-space:nowrap}.drop-actions{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.drop-message{min-height:24px;margin:8px 0 0;text-align:center;font-weight:700}.drop-board[data-pressure=critical]{border-color:#b63232}.drop-board.is-rescued{animation:drop-rescue .55s ease}.drop-tile.is-new{animation:drop-enter .25s ease-out}.drop-result-word{text-transform:uppercase}.drop-social-note{color:var(--ink-soft);font-size:12px;text-align:center}.drop-panel.is-critical .drop-pressure-wrap strong::before{content:"Warning: ";}.drop-panel.is-stage-up .drop-hud{animation:drop-pulse .45s ease}.drop-panel .global-panel{margin-top:18px}.drop-panel .game-actions{grid-template-columns:repeat(3,1fr)}.drop-refresh-note{margin:-7px auto 16px!important;color:var(--ink-soft);font-size:12px}
.drop-board{width:min(100%,560px);margin-inline:auto}
@keyframes drop-enter{from{opacity:.3;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes drop-rescue{50%{box-shadow:0 0 0 5px rgba(91,69,176,.18)}}@keyframes drop-pulse{50%{transform:scale(1.015)}}
@media(max-width:600px){.drop-panel{padding:12px 9px}.drop-start-list{grid-template-columns:1fr;margin:13px 0}.drop-start-list div{padding:9px}.drop-hud{grid-template-columns:repeat(5,1fr);gap:3px}.drop-hud div{padding:6px 2px}.drop-hud span{font-size:8px}.drop-hud strong{font-size:14px}.drop-board{width:calc(100vw - 18px);margin-left:50%;transform:translateX(-50%);gap:4px;min-height:230px;padding:8px}.drop-tile{border-radius:8px;font-size:21px}.drop-selection{margin:8px 0;min-height:44px}.drop-actions{grid-template-columns:1fr 1fr 1.35fr;gap:5px}.drop-actions .game-button{min-height:46px;padding:9px 5px;font-size:13px}.drop-panel .game-actions{grid-template-columns:1fr}.drop-pressure-wrap{font-size:12px}}
@media(prefers-reduced-motion:reduce){.drop-panel *{animation:none!important;transition:none!important}}