*,::after,::before{box-sizing:border-box}:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--color-bg-primary:#1a1a1a;--color-bg-secondary:#252525;--color-bg-tertiary:#333;--color-text-primary:#e5e5e5;--color-text-secondary:#b0b0b0;--color-text-muted:#808080;--color-border-subtle:#333;--color-border-medium:#444;--color-solver-accent:#c9a961;--color-solver-accent-bright:#d4b56f;--color-solver-active:#b89a5a;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--shadow-sm:0 2px 8px rgb(0 0 0 / 30%);--shadow-md:0 4px 12px rgb(0 0 0 / 40%);--tile-size:50px;--chess-board-size:400px}.solver-container{display:block;width:100%;min-width:360px;max-width:fit-content;margin-left:0!important;padding:var(--space-lg);text-align:left;box-sizing:border-box;background-color:rgb(255 255 255 / 3%);border:2px solid var(--color-border-medium);border-radius:12px;box-shadow:var(--shadow-md)}.solver-container.centered{text-align:center}fieldset{border:none;padding:0;margin:0}legend{padding:0;margin-bottom:var(--space-xl);font-weight:700;font-size:24px;color:var(--color-text-primary);letter-spacing:-.5px}.solver-container h2{font-size:24px;font-weight:700;margin-top:0;margin-bottom:var(--space-xl);color:var(--color-text-primary);letter-spacing:-.5px}.solver-container h3{font-size:18px;font-weight:600;margin-top:var(--space-md);margin-bottom:var(--space-md);color:var(--color-text-primary)}.solver-container h4{font-size:16px;font-weight:600;margin-top:var(--space-md);margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.solver-instructions{color:var(--color-text-muted);font-size:14px;line-height:1.6;width:0;min-width:100%;overflow-wrap:break-word}.solver-container label{display:block;font-weight:500;color:var(--color-text-secondary)}.text-green{color:#7cfc00}.text-pink{color:#d97aa6}.solver-container input.solver,.solver-container select.solver{width:fit-content;min-width:fit-content;margin:0}.solver-container input,.solver-container select{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-medium);border-radius:4px;padding:var(--space-sm) var(--space-md);font-size:14px;transition:border-color .2s ease,background-color .2s ease}.solver-container input:focus,.solver-container select:focus{outline:0;border-color:var(--color-solver-accent);background-color:var(--color-bg-secondary)}.form-row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--space-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);max-width:100%}.form-row label{padding:var(--space-md);padding-right:var(--space-sm)}.form-row input,.form-row select{flex:1;margin:var(--space-sm) var(--space-md)!important}.btn-base,.solver-button{margin:var(--space-sm);padding:var(--space-md) var(--space-lg);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-medium);border-radius:6px;cursor:pointer;pointer-events:auto;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-base:hover,.solver-button:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-medium);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-base:active,.solver-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-base.active,.solver-button.active{background-color:var(--color-solver-accent);color:var(--color-bg-primary);border-color:var(--color-solver-accent);font-weight:700}.btn-base.active:hover,.solver-button.active:hover{background-color:var(--color-solver-accent-bright);border-color:var(--color-solver-accent-bright)}.btn-base.disabled,.solver-button.disabled{opacity:.4;cursor:not-allowed}.btn-base.disabled:hover,.solver-button.disabled:hover{transform:none;background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-sm)}.solver-symbol-select{padding:var(--space-lg)}.solver-symbol-select button{background:var(--color-bg-tertiary);border:2px solid var(--color-border-medium);border-radius:var(--radius-lg);padding:var(--space-sm);margin:var(--space-xs);cursor:pointer;display:inline-block;transition:all .2s ease}.solver-symbol-select button:hover:not(:disabled){border-color:var(--color-solver-accent);background:var(--color-bg-secondary);transform:translateY(-2px)}.solver-symbol-select button:active:not(:disabled){transform:translateY(0)}.solver-symbol-select button:disabled{cursor:not-allowed;opacity:.4;border-color:var(--color-border-subtle)}.solver-symbol-select img{width:var(--tile-size);height:var(--tile-size);max-width:var(--tile-size);max-height:100px;display:block}.solver-symbol-select img.with-border{border:4px solid transparent;border-radius:var(--space-sm)}.solver-symbol-select img.shaolin{height:auto}.solver-symbol-select img.selected{border:3px solid var(--color-solver-accent)}.solver-symbol-select img.hidden{display:none;pointer-events:none}.solver-symbol-select img.disabled{opacity:.5;pointer-events:none}.img-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.solver-output{margin-top:var(--space-xl);padding:var(--space-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px rgb(0 0 0 / 30%)}.solver-output-centered{display:flex;justify-content:center}.error-message{color:#d95b43;margin-top:var(--space-md)}.solver-buttons{margin-top:var(--space-xl)}.aligned-buttons,.aligned-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);text-align:center}.aligned-buttons.vertical{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.aligned-button{padding:var(--space-md);font-size:16px;cursor:pointer}.aligned-button.square{padding:0;margin:var(--space-sm);font-size:16px;cursor:pointer;aspect-ratio:1;width:100%;max-width:var(--tile-size);display:flex;justify-content:center;align-items:center}.aligned-label{font-size:14px;display:inline-block}.in-line-button{border-radius:0;text-transform:uppercase;font-weight:200!important}.in-line-button.active{color:var(--color-bg-primary)!important}.chessboard{--dynamic-tile-size:min(var(--tile-size), calc((100vw - 120px) / 8));display:grid;grid-template-columns:repeat(8,var(--dynamic-tile-size));grid-template-rows:repeat(8,var(--dynamic-tile-size));width:fit-content;height:fit-content;margin:auto;border:5px solid #000}.chessboard div{width:var(--dynamic-tile-size);height:var(--dynamic-tile-size);margin-top:0}.black-board{background-color:#769656}.white-board{background-color:#eeeed2}.queen{background-image:url("https://upload.wikimedia.org/wikipedia/commons/4/47/Chess_qdt45.svg");background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}.draggable-container{margin-top:var(--space-md);display:flex;gap:var(--space-md)}.draggable-image{width:45px;height:45px;cursor:grab}.placed-draggable{width:100%;height:100%;cursor:grab;position:absolute;top:0;left:0;object-fit:contain}.venom-board-wrapper{margin-top:var(--space-xl);width:100%;display:flex;justify-content:center;align-items:center}.venom-board{--venom-tile-size:min(var(--tile-size), calc((100vw - 120px) / 6));display:grid;grid-template-columns:repeat(6,var(--venom-tile-size));gap:2px;background-color:#d4a961;padding:var(--space-sm);height:fit-content;width:fit-content;position:relative;border:3px solid var(--color-bg-primary);border-radius:4px;box-shadow:0 4px 6px rgb(0 0 0 / 30%)}.venom-board-canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:10}.green-square{width:var(--venom-tile-size);height:var(--venom-tile-size);background-color:#4a9d4a;position:relative;border:1px solid #2d5f2d;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.venom-box-buttons{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.venom-box-row{display:flex;align-items:center;gap:var(--space-sm)}.venom-box-label{min-width:80px}.winning-hand{border-radius:var(--radius-lg)}.melds{margin:var(--space-md) 0}.meld-group{display:inline-flex;margin:var(--space-sm) var(--space-md);gap:var(--space-xs)}.selected-tiles{margin:var(--space-xl) 0;padding:0 var(--space-lg) var(--space-lg);border-radius:var(--radius-lg)}.selected-tiles-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.selected-tile{width:35px;height:var(--tile-size);object-fit:contain;border-radius:var(--radius-sm)}.clear-button{margin-left:var(--space-md)}.tile-display{height:75px}.letter-symbols-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-width:calc(5 * 100px + 4 * var(--space-md));gap:var(--space-md);margin:0 auto;justify-items:center}.letter-symbol-box{display:flex;border:2px solid var(--color-border-medium);border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-bg-tertiary)}.letter-text-side{width:var(--tile-size);height:var(--tile-size);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--color-text-primary)}.letter-image-side{width:var(--tile-size);height:var(--tile-size);display:flex;align-items:center;justify-content:center}.letter-symbol-image{width:var(--tile-size);height:var(--tile-size);object-fit:contain}.matching-words-grid{max-height:300px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-top:var(--space-md);scrollbar-width:none;-ms-overflow-style:none}.matching-words-grid::-webkit-scrollbar{display:none}.word-item{padding:var(--space-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:14px;cursor:text}.floppy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);max-width:500px}.floppy-symbol{width:60px;height:60px}.floppy-result{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.skull-selected-symbols{display:flex;gap:var(--space-md);justify-content:center}.skull-symbol-slot{width:60px;height:60px;border:2px solid var(--color-border-medium);border-radius:var(--space-sm);display:flex;flex-direction:column;align-items:center;justify-content:center}.skull-symbol-slot.filled{background-color:var(--color-bg-tertiary);cursor:pointer}.skull-symbol-slot.empty{background-color:var(--color-bg-secondary);cursor:default}.skull-symbol-label{color:var(--color-text-primary);font-size:12px;font-weight:700}.skull-symbol-image{width:30px;height:30px}.skull-slot-number{color:var(--color-text-muted);font-size:10px}.beamsmasher-img-row{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-left:7px}.beamsmasher-img-row img{width:var(--tile-size);height:var(--tile-size);max-width:var(--tile-size);max-height:100px;display:block;border:2px solid var(--color-border-medium);border-radius:12px;cursor:pointer;transition:all .2s ease;background-color:var(--color-bg-tertiary)}.beamsmasher-img-row img:hover:not(.img-disabled){border-color:var(--color-solver-accent);transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / 30%)}.beamsmasher-img-row img.selected{border:3px solid var(--color-solver-accent);box-shadow:0 0 10px rgb(201 169 97 / 40%)}.beamsmasher-img-row img.img-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (width <= 768px){.solver-container{max-width:90vw;min-width:initial}.selected-tiles{margin:unset;text-align:center}.selected-tiles-row{max-width:200px}.matching-words-grid{grid-template-columns:1fr}}