.dropquote-puzzle{--dropquote-tray-background: #ddd;--dropquote-tray-highlight: var(--color-light-purple);--dropquote-selection: var(--color-red-500);--dropquote-square-size: 1.75em;--dropquote-column-size: calc(var(--dropquote-square-size) + .375em);--dropquote-inner-size: calc(var(--dropquote-square-size) - 2px);display:flex;flex-direction:column;font-family:var(--font-tds);font-size:16px;position:relative}@media(min-width:900px)and (min-height:650px){.dropquote-puzzle{font-size:17px}}@media(min-width:1000px)and (min-height:680px){.dropquote-puzzle{font-size:18px}}@media(min-width:1100px)and (min-height:800px){.dropquote-puzzle{font-size:19px}}.dropquote-puzzle:focus-visible{outline:auto}.dropquote-puzzle-area{overflow-x:auto;overflow-y:hidden;padding-top:1.5em}.dropquote-board{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;min-width:max-content;width:fit-content;margin:0 auto;padding:0 1.5em 1.5em}.dropquote-tray,.dropquote-row{display:flex;gap:0}.dropquote-grid{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0}.dropquote-column{display:flex;flex-direction:column;justify-content:flex-end;gap:0;position:relative;width:var(--dropquote-column-size);min-height:calc(var(--dropquote-square-size) * (var(--rowCount) + .5));padding:2px 1px;background:var(--dropquote-tray-background);border:2px inset #666;border-top:none;border-bottom-width:4px;transition:background-color .16s ease}.dropquote-column>*{position:relative;z-index:1}.dropquote-column:first-child{width:calc(var(--dropquote-column-size) + 2px);border-left-width:4px}.dropquote-column:last-child{width:calc(var(--dropquote-column-size) + 2px);border-right-width:4px}.dropquote-column.is-highlighted{background:var(--dropquote-tray-highlight)}.dropquote-letter:before{content:"";position:absolute;inset:0 -.5em}.dropquote-column.is-active-column .dropquote-letter:before{right:-.7em;left:-.7em}.dropquote-column.is-column-to-delete-to{cursor:pointer}.dropquote-cell{display:flex;align-items:center;justify-content:center;width:var(--dropquote-inner-size);height:var(--dropquote-inner-size);border:4px outset transparent;outline-color:var(--dropquote-selection);text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:color .1s ease;cursor:pointer;scroll-margin:1.5em;color:transparent}.dropquote-letter{margin:.0625em 0 0 .0625em;transition:height .3s ease-in}.dropquote-letter,.dropquote-square.has-value{background:#666;color:#fff;border-color:#555}.dropquote-letter.is-used{visibility:hidden;height:0;border-width:0;margin:0}.dropquote-square-wrapper{position:relative;width:var(--dropquote-column-size);height:var(--dropquote-column-size);display:flex;justify-content:center;align-items:center}.dropquote-grid .dropquote-row{border:4px inset #999;background:var(--dropquote-tray-background);flex-wrap:nowrap}.dropquote-grid .dropquote-square-wrapper{border:1px solid #888}.dropquote-square{transform:scale(1.25)}.dropquote-square.is-locked{color:#ddd}.is-hidden{visibility:hidden}.dropquote-puzzle.is-selection-focus-active .dropquote-cell.is-selected{outline:4px solid var(--dropquote-selection);border-radius:2px;transform:scale(1.1);z-index:5}.dropquote-puzzle.is-selection-focus-active .dropquote-square.is-selected{transform:scale(1.3)}.dropquote-square.is-blank{width:100%;height:100%;border:none;transform:none;cursor:default;background:#111}.dropquote-square-wrapper.is-highlighted .dropquote-square:not(.has-value){background:var(--dropquote-tray-highlight)}.dropquote-letter:hover:not(:disabled),.dropquote-letter:focus-visible{transform:scale(1.1)}.dropquote-square.has-value:hover:not(:disabled):not(.is-locked),.dropquote-square.has-value:focus-visible{transform:scale(1.3)}.dropquote-square.is-wrapped{scroll-margin:2.5em}.dropquote-wrap-marker{position:absolute;--x: -.4em;--neg-margin: -1em;visibility:hidden;color:#666;font-size:2em;background:none;border:none;padding:.5em .5em .5em 0;line-height:1;cursor:pointer}.dropquote-wrap-marker.is-left{left:var(--x);margin-left:var(--neg-margin);transform:scaleX(-1)}.dropquote-wrap-marker.is-right{right:var(--x);margin-right:var(--neg-margin)}.dropquote-square-wrapper.is-highlighted .dropquote-wrap-marker{visibility:visible;color:var(--dropquote-tray-highlight)}.dropquote-puzzle.has-horizontal-overflow .dropquote-wrap-marker{visibility:visible}.dropquote-wrap-marker:focus-visible{visibility:visible;outline:2px solid currentColor;outline-offset:2px}.dropquote-status-message{position:absolute;top:3em;left:0;right:0;font-size:1rem;text-align:center;background:var(--color-dark-purple);padding:.5em 1em;font-family:var(--font-tds-sc);color:var(--color-red-400)}.dropquote-animation-ghost{pointer-events:none}.dropquote-animation-ghost.is-selected{outline:none}.tutorial .dropquote-puzzle{font-size:16px}@media(max-width:400px){.tutorial .dropquote-puzzle{font-size:15px}}.tutorial .dropquote-puzzle-area{overflow:hidden}.tutorial .dropquote-square.is-wrapped{scroll-margin:0}.tutorial .dropquote-board{gap:.5em;padding-bottom:1em}@media(hover:none)and (pointer:coarse){.tutorial .dropquote-wrap-marker{visibility:visible}}.shake{animation:shake .3s ease-in-out}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-.2em)}50%{transform:translate(.2em)}75%{transform:translate(-.2em)}to{transform:translate(0)}}.vertical-shake{animation:vertical-shake .3s ease-in-out}@keyframes vertical-shake{0%{transform:translateY(0)}25%{transform:translateY(-.2em)}50%{transform:translateY(.2em)}75%{transform:translateY(-.2em)}to{transform:translateY(0)}}.button-press{animation:button-press .12s ease-out}@keyframes button-press{0%{transform:translate(0)}40%{transform:translate(.125rem,.125rem)}to{transform:translate(0)}}.bounce{animation:bounce .12s ease-in-out}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}