.navbar{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;background-color:var(--primary);box-shadow:0 2px 8px #00000026;width:100%;border-bottom:3px solid var(--primary-dark);position:relative}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 2rem;position:relative;max-width:2000px}.navbar-left{display:flex;align-items:center;width:33.3%}.navbar-left h1{font-weight:700;font-size:2.5rem;margin:0;color:var(--background);text-shadow:1px 1px 2px rgba(0,0,0,.3);letter-spacing:1px;font-family:Georgia,serif;white-space:nowrap}.navbar-left a{text-decoration:none;transition:opacity .2s ease}.navbar-left a:hover{opacity:.9}.navbar-center{display:flex;align-items:center;justify-content:center;gap:75px;width:33.3%;margin:0 auto}.navbar-center a,.mobile-menu a{color:var(--background);text-decoration:none;font-weight:600;font-size:1.2rem;padding:.5rem .8rem;position:relative;transition:all .2s ease;border-radius:4px;white-space:nowrap}.navbar-center a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;right:0;margin:0 auto;background-color:var(--background);transition:width .3s ease}.navbar-center a:hover,.mobile-menu a:hover{background-color:#ffffff1a}.navbar-center a:hover:after{width:100%}.navbar-right{display:flex;align-items:center;justify-content:flex-end;width:33.3%}@media (min-width: 1200px) and (max-width: 1300px){.navbar-left h1{font-size:2.1rem}.navbar-center{gap:60px}.navbar-center a{font-size:1.1rem;padding:.4rem .6rem}}.hamburger-menu{display:none;cursor:pointer;z-index:1000;padding:10px}.hamburger-icon{width:30px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;height:3px;width:30px;background:var(--background);border-radius:3px;transition:transform .3s ease,opacity .2s ease;transform-origin:center}.hamburger-icon.open span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0;transform:scale(0)}.hamburger-icon.open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--primary);flex-direction:column;padding:0 20px 10px;transform:translateY(-100%);opacity:0;z-index:100;transition:transform .3s ease,opacity .3s ease;box-shadow:0 4px 6px #0000001a}.mobile-menu a{padding:15px;text-align:center;margin:5px 0;border:1px solid rgba(245,239,214,.1)}.mobile-menu.open{display:flex;transform:translateY(0);opacity:1}@media (max-width: 1200px){.desktop-menu{display:none}.hamburger-menu{display:block}.navbar-left{width:auto;flex-grow:1}.navbar-left h1{font-size:2rem}.navbar-right{width:auto}}.homepage-container{max-width:800px;margin:0 auto;padding-top:.5rem;background-color:var(--background);color:var(--dark-text);font-family:Georgia,serif;line-height:1.7}.homepage-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(26,110,60,.1)}.homepage-section:first-child{padding-top:1rem}.homepage-section:last-child{border-bottom:none}.homepage-section h2{color:var(--primary);font-size:2rem;margin-bottom:.5rem}.homepage-section p{margin-bottom:1.2rem}.article-button{margin-top:2rem;text-align:right}.navigate-to{background-color:transparent;color:var(--primary);border:2px solid var(--primary);padding:.6rem 1.2rem;font-family:Georgia,serif;font-size:1rem;cursor:pointer;transition:all .2s ease}.navigate-to:hover{background-color:var(--primary);color:var(--background)}@media (max-width: 768px){.homepage-container{padding:1.5rem}.homepage-section h2{font-size:1.6rem}}.no-more-tiles-toast-wrapper{position:fixed;top:0;right:0;width:auto;pointer-events:none;z-index:1000;padding:20px}.no-more-tiles-toast-container{pointer-events:auto;width:100%;max-width:350px;margin-bottom:10px;transition:transform .3s ease,opacity .3s ease;position:relative}.no-more-tiles-toast-container[data-position="0"]{top:20px}.no-more-tiles-toast-container[data-position="1"]{top:90px}.no-more-tiles-toast-container[data-position="2"]{top:160px}.no-more-tiles-toast-container[data-position="3"]{top:230px}.no-more-tiles-toast-container[data-position="4"]{top:300px}.no-more-tiles-toast-container[data-position]{top:calc(20px + (var(--position) * 70px))}.no-more-tiles-toast-container.entering{animation:slide-in .3s forwards}.no-more-tiles-toast-container.visible{transform:translate(0)}.no-more-tiles-toast-container.exiting{animation:slide-out .3s forwards}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.no-more-tiles-toast{display:flex;align-items:center;width:100%;padding:12px 16px;border-radius:8px;box-shadow:0 4px 8px #00000040;background-color:var(--background);border:2px solid #333}.no-more-tiles-toast-square{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-right:15px;border-radius:6px;font-weight:700;font-size:24px;text-shadow:1px 1px 1px rgba(0,0,0,.3);color:#fff;flex-shrink:0;box-shadow:inset 0 0 10px #0003;background-color:var(--danger);border:1px solid rgba(0,0,0,.3)}.no-more-tiles-toast-message{font-size:16px;color:#333;font-weight:500;flex-grow:1;margin:0;line-height:1.4}.no-more-tiles-toast-close{background:none;border:none;font-size:24px;cursor:pointer;color:#555;margin-left:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;transition:background-color .2s}.no-more-tiles-toast-close:hover{background-color:#0000001a}@media (max-width: 480px){.no-more-tiles-toast-wrapper{left:0;right:0;padding:10px}.no-more-tiles-toast-container{max-width:100%;margin-left:auto;margin-right:auto}.no-more-tiles-toast{min-width:auto;width:100%}.no-more-tiles-toast-container.entering{animation:fade-in .3s forwards}.no-more-tiles-toast-container.exiting{animation:fade-out .3s forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}}.board-analysis-container{display:flex;width:100%;min-height:calc(100vh - 150px);background-color:var(--background);max-width:100vw}.board-analysis-left{flex:0 0 20%;display:flex;flex-direction:column;background-color:var(--background);position:relative;border-right:3px solid rgba(26,110,60,.08)}.dictionary-container .section-heading:after,.how-to-play-container .section-heading:after,.board-analysis-right-top h3:after{display:none}.board-analysis-center{flex:0 0 50%;display:flex;flex-direction:column;align-items:center;padding:25px 30px;background-color:var(--background);position:relative;border-right:3px solid rgba(26,110,60,.08)}.board-rack-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:10px!important;padding-top:10px;padding-bottom:10px}.board-rack-wrapper .rack-container{margin-top:15px!important;align-self:center}.board-analysis-right{flex:0 0 30%;display:flex;flex-direction:column;position:relative;background-color:var(--background)}.board-analysis-right-top{flex:0 0 60%;padding:25px;background-color:var(--background);position:relative;display:flex;flex-direction:column;border-bottom:3px solid rgba(26,110,60,.08)}.board-analysis-right-bottom{flex:0 0 40%;padding:25px;background-color:var(--background)}.board-analysis-right-top h3{color:var(--primary);font-size:1.6rem;margin-top:0;margin-bottom:12px;font-weight:600;position:relative;letter-spacing:.02em}.board-analysis-right-top p{margin-top:0;margin-bottom:25px;line-height:1.5;color:var(--text);font-size:1rem}.analyse-button-container{margin-top:auto;padding-top:20px}.analyse-button{width:100%;background-color:var(--primary);color:#fff;padding:10px 16px!important;border:none;border-radius:8px;cursor:pointer;font-size:.95rem!important;font-weight:600;transition:all .2s ease;letter-spacing:.2px;font-family:inherit;box-shadow:0 2px 4px #0000001a}.analyse-button:hover{background-color:var(--primary-dark)}.analyse-button:disabled{background-color:var(--disabled-background);color:var(--disabled-text);cursor:not-allowed}.info-icon-link{display:inline-block;text-decoration:none;margin-left:8px;vertical-align:middle}.info-icon{color:var(--dark-text);position:relative;transition:opacity .2s ease;width:16px;height:16px;stroke-width:2.4}.info-icon:hover{opacity:.75}.analysis-results{max-height:500px;overflow-y:auto;padding-right:8px}.move-result{display:flex;align-items:center;padding:10px 14px;margin-bottom:8px;background:#f2edd9;border-radius:8px;border:1px solid #d9c9a3;transition:all .2s ease;cursor:pointer}.move-result:hover{background:#e8dfc4;border-color:#c4a676;box-shadow:0 2px 8px #8b5a2b26}.move-rank{margin-right:12px;display:flex;align-items:center}.rank-number{font-weight:700;font-size:16px;color:#5d4037;min-width:20px}.move-result:nth-child(1) .rank-number{color:#d4af37}.move-result:nth-child(2) .rank-number{color:#6c757d}.move-result:nth-child(3) .rank-number{color:#cd7f32}.rank-indicator{width:3px;height:24px;background:#8b5a2b;border-radius:2px;margin-left:8px;opacity:.5}.move-details{flex:1;display:flex;align-items:center;justify-content:space-between}.move-word{font-weight:700;font-size:18px;color:#3e2723;text-transform:uppercase;letter-spacing:.5px}.move-score{display:flex;align-items:baseline;gap:3px;color:#5d4037;font-weight:600}.score-value{font-size:18px}.score-label{font-size:14px;opacity:.8}.analysis-results::-webkit-scrollbar{width:8px}.analysis-results::-webkit-scrollbar-track{background:#faf4de;border-radius:4px}.analysis-results::-webkit-scrollbar-thumb{background:#c4a676;border-radius:4px}.analysis-results::-webkit-scrollbar-thumb:hover{background:#a68a58}.no-moves-message{text-align:center;color:#5d4037;font-size:1.1rem;padding:40px 20px;font-style:italic;opacity:.8;margin:20px 0}.analysis-results-wrapper{flex:1;display:flex;flex-direction:column;min-height:300px;justify-content:center}.analysis-loading{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;width:100%}.analysis-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.analysis-spinner{width:48px;height:48px;border:4px solid #e8ddc7;border-top-color:#2d5a2d;border-radius:50%;animation:analysis-spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;position:relative}.analysis-spinner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:3px solid #e8ddc7;border-bottom-color:#2d5a2d;border-radius:50%;animation:analysis-spin-reverse .8s linear infinite}.analysis-spinner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:radial-gradient(circle,#2d5a2d,#4a7c4a);border-radius:50%;animation:analysis-pulse 1.5s ease-in-out infinite}@keyframes analysis-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes analysis-spin-reverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes analysis-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.7}}.analysis-spinner-text{color:#2d5a2d;font-size:.95rem;font-weight:500;margin:0;animation:analysis-fade 2s ease-in-out infinite;letter-spacing:.5px;text-align:center}.dots{display:inline-block;margin-left:2px}.dots span{opacity:0;animation:dot-fade 1.4s infinite}.dots span:nth-child(1){animation-delay:0s}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dot-fade{0%,60%,to{opacity:0}20%,40%{opacity:1}}@keyframes analysis-fade{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 1200px){.analysis-loading{padding:1.5rem 1rem;min-height:150px}.analysis-spinner{width:40px;height:40px}.analysis-spinner:before{width:20px;height:20px}.analysis-spinner-text{font-size:.9rem}}@media (max-width: 768px){.analysis-loading{padding:1rem;min-height:120px}.analysis-spinner{width:36px;height:36px;border-width:3px}.analysis-spinner:before{width:18px;height:18px;border-width:2px}.analysis-spinner:after{width:6px;height:6px}.analysis-spinner-text{font-size:.85rem}}@media (max-width: 1340px) and (min-width: 1025px){.clear-board-button{right:-38px!important;width:34px!important;height:34px!important}}@media (max-width: 1200px){.board-analysis-container{flex-wrap:wrap}.board-analysis-left{flex:0 0 30%;border-right:3px solid rgba(26,110,60,.08)}.board-analysis-center{flex:0 0 70%;border-right:none;border-bottom:3px solid rgba(26,110,60,.08);padding-top:25px;padding-bottom:25px}.board-analysis-right{flex:0 0 100%;display:flex;flex-direction:row}.board-analysis-right-top{flex:0 0 60%;border-bottom:none;border-right:3px solid rgba(26,110,60,.08)}.board-analysis-right-bottom{flex:0 0 40%}}@media (max-width: 992px){.board-analysis-container{flex-direction:column}.board-analysis-left{flex:0 0 auto;width:100%;padding-bottom:20px;border-right:none;border-bottom:3px solid rgba(26,110,60,.08)}.board-analysis-center{flex:0 0 auto;width:100%;padding-top:20px;padding-bottom:20px}.board-analysis-right{flex:0 0 auto;width:100%;flex-direction:column}.board-analysis-right-top{border-right:none;border-bottom:3px solid rgba(26,110,60,.08)}.dictionary-container,.how-to-play-container{max-width:600px;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.board-analysis-container{min-width:300px}.board-analysis-center{padding:10px 15px}.board-rack-wrapper{margin-top:5px!important;padding-top:5px;padding-bottom:5px}.board-analysis-right-top,.board-analysis-right-bottom{padding:20px}.section-heading,.board-analysis-right-top h3{font-size:1.4rem}.analyse-button-container{position:static;margin-top:20px;margin-bottom:10px}.rack-container{margin-top:10px!important}}@media (max-width: 600px){.board-analysis-center{padding:8px 12px}.board-rack-wrapper{margin-top:3px!important;padding-top:3px;padding-bottom:3px}}@media (max-width: 576px){.board-analysis-container,.board-analysis-left,.board-analysis-right-top,.board-analysis-right-bottom{padding:10px}.dictionary-container,.how-to-play-container{margin:10px 0;padding:15px}.section-heading,.board-analysis-right-top h3{font-size:1.3rem}.analyse-button{padding:8px 12px!important}.how-to-play-list li{font-size:.95rem;margin-bottom:12px}.custom-select{padding:10px 28px 10px 12px;font-size:.9rem}.select-arrow{right:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--primary)}}@media (max-width: 480px){.board-analysis-center{padding:5px 10px}.board-rack-wrapper{flex-direction:column;align-items:center;gap:10px;margin-top:2px!important;padding-top:2px;padding-bottom:2px}}@media (max-width: 420px){.board-analysis-center{padding:5px 8px}.section-heading,.board-analysis-right-top h3{font-size:1.2rem}.how-to-play-list li{font-size:.9rem;margin-bottom:10px}.custom-select{padding:8px 24px 8px 10px;font-size:.85rem}.select-arrow{right:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--primary)}}@media (max-width: 380px){.board-analysis-center{padding:3px 5px}.dictionary-container,.how-to-play-container{margin:8px 0;padding:12px}.board-analysis-right-top,.board-analysis-right-bottom{padding:15px}}@media (max-width: 340px){.board-analysis-center{padding:2px 3px}.section-heading,.board-analysis-right-top h3{font-size:1.1rem}.analyse-button{padding:6px 10px!important;font-size:.9rem!important}}.tile{width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;font-family:Tahoma;border-radius:2px;transition:all .2s ease;border:1px solid rgba(26,110,60,.3);background-image:linear-gradient(to bottom,#ffffff0d,#0000000d)}.tile[data-multiplier=TW]{background-color:#e63946}.tile[data-multiplier=DW]{background-color:#f5ba31}.tile[data-multiplier=TL]{background-color:#4895ef}.tile[data-multiplier=DL]{background-color:#98d6ed}.tile[data-multiplier=STAR]{background-color:#f8c967}.tile[data-multiplier=NONE]{background-color:var(--primary)}.tile.has-letter{background-color:var(--background)!important}.tile.selected{box-shadow:0 0 0 2px #0c4c26cc;z-index:10;transform:translateY(-2.5px);border:2px solid #000}.tile:hover{opacity:.9;box-shadow:0 2px 8px #00000026;transform:translateY(-2.5px)}.letter-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.letter{font-weight:700;font-size:18px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.1);font-family:Arial Rounded MT Bold,Arial,sans-serif}.tile.is-blank .letter-content{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;padding-bottom:3px;padding-left:7px}.tile.is-blank .letter{color:#555;text-decoration:none;font-style:italic;margin-right:1px;margin-bottom:-2px;font-size:18px;transform:translate(-2px)}.tile.is-blank .points{position:static;margin-bottom:-2px;font-size:10px;font-weight:700;color:var(--text)}.points{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:700;color:var(--text)}.multiplier-label{font-size:6.5px;font-weight:700;text-align:center;color:#fff;line-height:1.1;padding:3px 1px;word-break:break-word;text-shadow:0 1px 1px rgba(0,0,0,.3);letter-spacing:.2px}.star-label{font-size:14px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.tile.has-letter{box-shadow:0 2px 4px #0003;border:1px solid #d8cfa7}.tile.has-letter.selected{border:2px solid #000}.tile.has-letter .letter{color:#000;font-size:20px;text-shadow:0 1px 0 rgba(255,255,255,.5)}.tile.has-letter{background-image:linear-gradient(to bottom,#f8f4e3,#eee8c8)!important;box-shadow:0 2px 3px #0003,inset 0 1px #fffc;border-radius:3px}.tile.preview{position:relative;opacity:.6;z-index:5}.tile.preview .letter-content{opacity:1}.tile.preview.is-blank .letter{font-style:italic!important}.blank-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.blank-modal{background-color:#fff;border-radius:8px;width:350px;max-width:90vw;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column}.blank-modal-header{padding:15px 20px;border-bottom:1px solid #eee}.blank-modal-header h3{margin:0;color:var(--primary)}.blank-modal-content{padding:20px}.blank-modal-content p{margin-top:0;margin-bottom:15px}.letter-grid{display:flex;flex-direction:column;gap:8px}.letter-row{display:flex;gap:8px;justify-content:center}.letter-button{width:40px;height:40px;background-color:var(--background);border:1px solid #ccc;border-radius:4px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:18px;cursor:pointer;transition:all .2s}.letter-button:hover{background-color:#e8e0c0}.letter-button.selected{background-color:var(--primary);color:#fff;border-color:var(--primary)}.blank-modal-footer{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;gap:10px}.cancel-button,.confirm-button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:700}.cancel-button{background-color:#f1f1f1;color:#333}.cancel-button:hover{background-color:#e1e1e1}.confirm-button{background-color:var(--primary);color:#fff}.confirm-button:hover{background-color:var(--primary-dark)}.confirm-button:disabled{background-color:#90c9a7;cursor:not-allowed}.board-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.board-container{display:flex;flex-direction:column;align-items:center;padding:0;margin:0 auto;background-color:var(--background);border-radius:4px;transform-origin:top center;position:relative;right:12px}.clear-board-button{position:absolute;top:28px;right:-50px;width:36px;height:36px;background-color:var(--danger)!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#fff!important;box-shadow:0 2px 4px #0000001a!important;transition:all .2s ease!important;z-index:10!important;padding:0!important}.clear-board-button svg{width:18px!important;height:18px!important;stroke-width:2.5!important;color:#fff!important;fill:none!important;display:block!important;stroke:currentColor!important}.clear-board-button:hover{background-color:var(--danger-hover)!important;box-shadow:0 4px 8px #00000026!important}.clear-board-button:active{background-color:#bd2130!important;box-shadow:0 1px 2px #0000001a!important}.column-labels{display:flex;flex-direction:row;padding-left:24px;margin-bottom:4px}.column-label{width:36px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary);font-size:16px}.board-with-row-labels{display:flex;flex-direction:row}.row-labels{display:flex;flex-direction:column;width:24px}.row-label{width:24px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary);font-size:16px}.board{display:flex;flex-direction:column;border:2px solid #184b30;background-color:#184b30}.board .tile{border:1px solid #184b30!important}.board-row{display:flex;flex-direction:row;height:36px}.tile{width:36px;height:36px;border:1px solid #fff}.tile.is-preview.is-blank{background-color:#ffffffb3!important;border:2px dashed rgba(26,110,60,.5)!important}.tile.is-preview.is-blank .tile-letter{color:#0009;font-style:italic}.board .tile.is-preview{opacity:.8;animation:pulse-preview 1.5s ease-in-out infinite}@keyframes pulse-preview{0%,to{opacity:.6}50%{opacity:.9}}@media (max-width: 1024px) and (min-width: 769px){.board-container{transform:scale(.85);margin:-10px auto -20px}.clear-board-button{right:-45px!important;width:32px!important;height:32px!important;top:26px!important}.clear-board-button svg{width:16px!important;height:16px!important}}@media (max-width: 768px) and (min-width: 601px){.board-container{transform:scale(.8);margin:5px auto -60px}.clear-board-button{right:-42px!important;width:30px!important;height:30px!important;top:24px!important}.clear-board-button svg{width:14px!important;height:14px!important}}@media (max-width: 600px) and (min-width: 541px){.board-container{transform:scale(.7);margin:10px auto -140px}.clear-board-button{right:-40px!important;width:28px!important;height:28px!important;top:22px!important}.clear-board-button svg{width:12px!important;height:12px!important}}@media (max-width: 540px) and (min-width: 481px){.board-container{transform:scale(.68);margin:15px auto -100px}.clear-board-button{right:-38px!important;width:26px!important;height:26px!important;top:20px!important}.clear-board-button svg{width:11px!important;height:11px!important}}@media (max-width: 480px){.board-container{transform:scale(.55);margin:8px auto -240px}.clear-board-button{right:-36px!important;width:26px!important;height:26px!important;top:20px!important}.clear-board-button svg{width:11px!important;height:11px!important}}@media (max-width: 420px){.board-container{transform:scale(.5);margin:10px auto -260px}.clear-board-button{right:-34px!important;width:24px!important;height:24px!important;top:18px!important}.clear-board-button svg{width:10px!important;height:10px!important}}@media (max-width: 380px){.board-container{transform:scale(.45);margin:12px auto -280px}.clear-board-button{right:-32px!important;width:22px!important;height:22px!important;top:16px!important}.clear-board-button svg{width:9px!important;height:9px!important}}@media (max-width: 340px){.board-container{transform:scale(.4);margin:15px auto -300px}.clear-board-button{right:-30px!important;width:20px!important;height:20px!important;top:14px!important}.clear-board-button svg{width:8px!important;height:8px!important}}.rack-container{margin-top:30px;display:flex;flex-direction:column;width:100%;max-width:540px;margin-left:auto;margin-right:auto;align-items:center}.rack-wrapper{display:flex;width:100%;align-items:center;justify-content:center;gap:15px;position:relative}.rack{display:flex;justify-content:center;background-color:#8b5a2b;padding:10px 15px;border-radius:10px;box-shadow:0 4px 8px #0000004d;max-width:100%;overflow-x:auto}.rack-tile{width:40px;height:40px;margin:0 2px;background-color:var(--background);border-radius:4px;box-shadow:0 2px 4px #0003;position:relative;display:flex;justify-content:center;align-items:center;transition:transform .25s ease-out!important;cursor:pointer!important;z-index:1!important}.rack-tile input{width:100%;height:100%;font-size:20px;text-align:center;font-weight:700;border:none;background:transparent;text-transform:uppercase;color:#000;outline:none;cursor:pointer}.rack-tile .points{position:absolute;bottom:2px;right:4px;font-size:10px}.rack-tile.is-blank input{background:transparent;color:transparent;caret-color:#000}.rack-tile.is-blank{background-color:var(--background);cursor:pointer}.rack-tile.has-letter{background-color:var(--background)}.rack-tile:hover,.rack-tile.selected{transform:translateY(-4px)!important;z-index:100!important;box-shadow:0 4px 8px #00000026!important}.rack-container.has-selection .rack-tile{pointer-events:none!important}.rack-container.has-selection .rack-tile.selected{pointer-events:auto!important}.clear-rack-button{width:36px!important;height:36px!important;background-color:var(--danger)!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#fff!important;box-shadow:0 2px 4px #0000001a!important;transition:all .2s ease!important;padding:0!important;position:absolute!important;right:50px!important;top:50%!important;transform:translateY(-50%)!important}.clear-rack-button svg{width:18px!important;height:18px!important;stroke-width:2.5!important;color:#fff!important;fill:none!important;display:block!important;stroke:currentColor!important}.clear-rack-button:hover{background-color:var(--danger-hover)!important;box-shadow:0 4px 8px #00000026!important}.clear-rack-button:active{background-color:#bd2130!important;box-shadow:0 1px 2px #0000001a!important}@keyframes pulse{0%{transform:scale(1) translateY(-4px)}50%{transform:scale(1.05) translateY(-4px)}to{transform:scale(1) translateY(-4px)}}.modal{background-color:#fff;border-radius:8px;width:350px;max-width:90vw;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column}.modal h3{margin:0;color:var(--primary);padding:15px 20px;border-bottom:1px solid #eee;font-size:18px;font-weight:600}.modal p{margin:0;color:#333;padding:20px;line-height:1.5}.modal-buttons{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;gap:10px}.modal-btn{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:700;transition:all .2s ease}.modal-btn.cancel{background-color:#f1f1f1;color:#333}.modal-btn.cancel:hover{background-color:#e1e1e1}.modal-btn.confirm{background-color:var(--danger);color:#fff}.modal-btn.confirm:hover{background-color:var(--danger-hover)}.rack-tile.preview-used{opacity:.3;transform:scale(.95)}.rack-tile.preview-used input{color:#999}.rack-tile.preview-used .points{opacity:.5}@media (max-width: 768px) and (min-width: 581px){.rack-container{margin-top:15px}.rack-wrapper{gap:10px}.clear-rack-button{width:32px!important;height:32px!important;right:40px!important}.clear-rack-button svg{width:16px!important;height:16px!important}}@media (max-width: 580px) and (min-width: 481px){.clear-rack-button{right:-10px!important}}@media (max-width: 480px){.rack-container{margin-top:15px}.rack-wrapper{flex-direction:column;align-items:center;gap:10px;position:static}.rack{width:auto!important;max-width:380px!important;padding:8px 10px;justify-content:center}.rack-tile{width:38px;height:38px;margin:0 2px}.rack-tile input{font-size:18px}.clear-rack-button{width:28px!important;height:28px!important;position:static!important;transform:none!important;right:auto!important;top:auto!important}.clear-rack-button svg{width:14px!important;height:14px!important}}@media (max-width: 400px){.rack{max-width:320px!important;padding:6px 8px!important}.rack-tile{width:34px;height:34px;margin:0 1px}.rack-tile input{font-size:16px}.rack-tile .points{font-size:9px}.clear-rack-button{width:24px!important;height:24px!important}.clear-rack-button svg{width:10px!important;height:10px!important}}@media (max-width: 340px){.rack{max-width:280px!important;padding:4px 6px!important}.rack-tile{width:32px;height:32px;margin:0 1px}.rack-tile input{font-size:14px}}.tile-counts-container{width:100%;background-color:var(--background);border-radius:8px}.tile-counts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:5px}.header-text{color:var(--primary);font-size:1.6rem;font-weight:600}.total-count{background-color:var(--primary);color:#fff;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.total-count.depleted{background-color:#e63946}.tile-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;justify-items:center}.tile-wrapper{display:flex;justify-content:center;width:92%;max-width:36px}.compact-tile{width:100%;display:flex;flex-direction:column;border-radius:3px;overflow:hidden;box-shadow:0 1px 2px #00000014;position:relative!important;overflow:visible!important}.tile-top{width:100%;aspect-ratio:1;background-color:#f2e4bd;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #e0d3a7;border-radius:3px!important;transition:transform .2s ease!important;cursor:pointer!important;transform-origin:center bottom!important;z-index:5!important;overflow:visible!important}.compact-tile:hover .tile-top{transform:translateY(-4px)!important;z-index:100!important;box-shadow:0 4px 8px #00000026!important;cursor:default!important}.tile-letter{font-weight:600;font-size:.85rem;color:#333}.tile-points{position:absolute;bottom:1px;right:2px;font-size:.5rem;color:#555}.tile-count{height:14px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:3px;border-bottom-left-radius:3px!important;border-bottom-right-radius:3px!important;position:relative!important;z-index:1!important}.compact-tile.depleted .tile-top{background-color:var(--disabled-background);border-color:#ccc}.compact-tile.depleted .tile-letter,.compact-tile.depleted .tile-points{color:var(--disabled-text)}.compact-tile.depleted .tile-count{color:#e63946}@media (max-width: 768px){.tile-grid{grid-template-columns:repeat(9,1fr);gap:8px}.tile-wrapper{width:94%}}@media (max-width: 576px){.tile-grid{grid-template-columns:repeat(6,1fr);gap:8px}.tile-wrapper{width:92%;max-width:38px}}@media (max-width: 400px){.tile-grid{grid-template-columns:repeat(5,1fr);gap:6px}.tile-wrapper{width:94%;max-width:36px}}.game-board-container{border-radius:10px;padding:1.5rem;display:inline-block;transform-origin:top left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-column-labels{display:flex;margin-left:30px;margin-bottom:5px}.game-column-label{width:36px;height:20px;text-align:center;font-weight:700;color:var(--primary, #184b30);font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-board-with-row-labels{display:flex}.game-row-labels{display:flex;flex-direction:column;margin-right:5px}.game-row-label{width:24px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary, #184b30);font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-board{display:flex;flex-direction:column;border:2px solid #184b30;background:#184b30;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-board-row{display:flex}.game-board-square{width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative;cursor:default;font-family:Tahoma;border-radius:2px;transition:all .2s ease;border:1px solid #184b30;background-image:linear-gradient(to bottom,#ffffff0d,#0000000d);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-board-square.triple-word{background-color:#e63946}.game-board-square.double-word{background-color:#f5ba31}.game-board-square.triple-letter{background-color:#4895ef}.game-board-square.double-letter{background-color:#98d6ed}.game-board-square.star{background-color:#f8c967}.game-board-square:not(.triple-word):not(.double-word):not(.triple-letter):not(.double-letter):not(.star){background-color:var(--primary, #184b30)}.game-multiplier-text{font-size:6.5px;font-weight:700;text-align:center;color:#fff;line-height:1.1;padding:2px 1px;word-break:break-word;text-shadow:0 1px 1px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;height:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-board-square.star .game-multiplier-text{font-size:14px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.game-board-square.dragged-over{opacity:.9;box-shadow:0 2px 8px #00000026;transform:translateY(-2.5px);cursor:copy}.game-board-square.has-tile{background-color:transparent!important;background-image:none!important;box-shadow:none;border:1px solid #184b30}.game-board-square.ai-move{animation:aiMoveHighlight 2s ease-out}@keyframes aiMoveHighlight{0%{box-shadow:0 0 #ffc107cc}50%{box-shadow:0 0 0 8px #ffc1074d}to{box-shadow:0 0 #ffc10700}}.game-tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--background, #f9f6f0);background-image:linear-gradient(to bottom,#f8f4e3,#eee8c8);box-shadow:0 2px 3px #0003,inset 0 1px #fffc;border:1px solid #d8cfa7;border-radius:3px;-webkit-touch-callout:none}.game-tile.draggable{cursor:grab!important;cursor:-webkit-grab!important;cursor:-moz-grab!important;-webkit-transform:translateZ(0);transform:translateZ(0)}.game-tile.draggable:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000040,inset 0 1px #fffc;cursor:grab!important;cursor:-webkit-grab!important;cursor:-moz-grab!important}.game-tile.draggable:active{cursor:grabbing!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;transform:scale(1.05);z-index:10}.game-tile:not(.draggable){opacity:.95;cursor:default!important}.game-letter-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-tile-letter{font-weight:700;font-size:18px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.1);font-family:Arial Rounded MT Bold,Arial,sans-serif;color:#000;text-shadow:0 1px 0 rgba(255,255,255,.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-tile.blank-tile .game-letter-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.game-tile.blank-tile .game-tile-letter{color:#555;text-decoration:none;font-style:italic;font-size:18px}.game-tile.blank-tile .game-tile-value{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:700;color:var(--text, #333)}.game-tile-value{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:700;color:var(--text, #333);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 1024px) and (min-width: 769px){.game-board-container{transform:scale(.85);margin:-10px auto -20px}}@media (max-width: 768px) and (min-width: 601px){.game-board-container{transform:scale(.8);margin:5px auto -60px}}@media (max-width: 600px) and (min-width: 541px){.game-board-container{transform:scale(.7);margin:10px auto -100px}}@media (max-width: 540px) and (min-width: 481px){.game-board-container{transform:scale(.68);margin:15px auto -100px}}@media (max-width: 480px){.game-board-container{transform:scale(.55);margin:8px auto -240px}}@media (max-width: 420px){.game-board-container{transform:scale(.5);margin:10px auto -260px}}@media (max-width: 380px){.game-board-container{transform:scale(.45);margin:12px auto -280px}}@media (max-width: 340px){.game-board-container{transform:scale(.4);margin:15px auto -300px}}.game-rack-container{margin-top:30px;display:flex;flex-direction:column;width:100%;max-width:540px;margin-left:auto;margin-right:auto;align-items:center;-webkit-tap-highlight-color:transparent}.game-rack{display:flex;justify-content:center;background-color:#8b5a2b;padding:10px 15px;border-radius:10px;box-shadow:0 4px 8px #0000004d;max-width:100%;overflow-x:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-rack-slot{width:40px;height:40px;margin:0 2px;background-color:#0003;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative;cursor:default;-webkit-tap-highlight-color:transparent}.game-rack-slot.dragged-over{background:#ffffff4d;box-shadow:0 0 10px #ffffff80;cursor:copy}.game-rack-tile{width:100%;height:100%;background-color:var(--background, #f9f6f0);background-image:linear-gradient(to bottom,#f8f4e3,#eee8c8);border-radius:4px;box-shadow:0 2px 3px #0003,inset 0 1px #fffc;border:1px solid #d8cfa7;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .25s ease-out;cursor:default;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.game-rack-tile.draggable{cursor:grab!important;cursor:-webkit-grab!important;cursor:-moz-grab!important}.game-rack-tile.draggable:hover{transform:translateY(-4px);z-index:100;box-shadow:0 4px 8px #00000026;cursor:grab!important;cursor:-webkit-grab!important;cursor:-moz-grab!important}.game-rack-tile.draggable:active{cursor:grabbing!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;z-index:100}.game-rack-letter-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-rack-tile .tile-letter{font-weight:700;font-size:20px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.1);font-family:Arial Rounded MT Bold,Arial,sans-serif;color:#000;text-shadow:0 1px 0 rgba(255,255,255,.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-rack-tile.blank-tile .game-rack-letter-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.game-rack-tile.blank-tile .tile-letter{color:#555;text-decoration:none;font-style:italic;font-size:18px}.game-rack-tile.blank-tile .tile-value{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;color:var(--text, #333)}.game-rack-tile .tile-value{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;color:var(--text, #333);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.dragging,body.dragging *{cursor:grabbing!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important}@media (max-width: 768px){.game-rack-container{margin-top:10px}.game-rack{padding:8px 10px}.game-rack-slot{width:38px;height:38px;margin:0 2px}.game-rack-tile .tile-letter{font-size:18px}}@media (max-width: 600px){.game-rack-container{margin-top:10px}.game-rack{padding:6px 8px}.game-rack-slot{width:34px;height:34px;margin:0 1px}.game-rack-tile .tile-letter{font-size:16px}.game-rack-tile .tile-value{font-size:9px}}@media (max-width: 480px){.game-rack-container{margin-top:5px;transform:scale(.85);transform-origin:center}.game-rack{max-width:320px;padding:6px 8px}.game-rack-slot{width:34px;height:34px;margin:0 1px}}@media (max-width: 380px){.game-rack-container{transform:scale(.75)}.game-rack{max-width:280px}}@media (max-width: 340px){.game-rack-container{transform:scale(.7)}.game-rack{max-width:240px}}.exchange-modal{background:#fff;border-radius:10px;padding:2rem 2rem 1rem;max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d}.exchange-modal h2{color:var(--primary, #184b30);margin-bottom:.5rem;font-weight:600}.exchange-modal p{color:#666;margin-bottom:1.5rem}.exchange-tiles{display:flex;gap:10px;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.exchange-tile{width:50px;height:50px;background-image:linear-gradient(to bottom,#f8f4e3,#eee8c8);border:1px solid #d8cfa7;border-radius:5px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 3px #0003,inset 0 1px #fffc;font-family:Tahoma}.exchange-tile:hover{opacity:.9;transform:translateY(-2.5px);box-shadow:0 2px 8px #00000026}.exchange-tile.selected{box-shadow:0 0 0 3px #4caf5066;transform:scale(1.05);border:2px solid #4caf50;background-image:linear-gradient(to bottom,#e8f5e8,#d4edd4)}.exchange-tile.blank-tile{background-image:linear-gradient(to bottom,#f8f4e3,#eee8c8)}.exchange-tile.blank-tile.selected{background-image:linear-gradient(to bottom,#e8f5e8,#d4edd4);border:2px solid #4caf50}.exchange-tile .tile-letter{font-size:24px;font-weight:700;color:#000;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.5);font-family:Arial Rounded MT Bold,Arial,sans-serif}.exchange-tile.blank-tile .tile-letter{color:#555;font-style:italic;transform:translate(-3px)}.exchange-tile .tile-value{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;color:var(--text, #333)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-buttons{display:flex;gap:1rem;justify-content:center}.modal-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn.cancel{background:#6c757d;color:#fff}.modal-btn.cancel:hover{background:#5a6268}.modal-btn.confirm{background:var(--primary, #184b30);color:#fff}.modal-btn.confirm:hover:not(:disabled){background:var(--primary-dark, #0d3d1f);box-shadow:0 4px 8px #00000026}.game-over-modal{background:#f2edd9;border-radius:10px;padding:3rem 2rem;max-width:500px;width:90%;box-shadow:0 15px 50px #0000004d;text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.game-over-modal h2{color:var(--primary, #184b30);font-size:2.5rem;margin-bottom:2rem;font-weight:600}.final-scores{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem}.final-score{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#faf4de;border:1px solid rgba(26,110,60,.2);border-radius:10px;min-width:120px;transition:all .3s}.final-score.winner{background:#d4e2d4;transform:scale(1.05);box-shadow:0 4px 15px #1a6e3c40;border:2px solid var(--primary, #184b30);position:relative}.final-score .player-label{font-size:1.2rem;font-weight:600;color:#666;margin-bottom:.5rem}.final-score.winner .player-label{color:#1a1a1a;font-weight:700}.final-score .score-value{font-size:2.5rem;font-weight:700;color:var(--primary, #184b30)}.final-score.winner .score-value{color:var(--primary, #184b30);font-size:2.8rem}.vs-divider{font-size:1.5rem;font-weight:700;color:#999}.game-over-message{font-size:1.3rem;color:#666;margin-bottom:2rem;line-height:1.5}.new-game-btn{padding:12px 30px;background:var(--primary, #184b30);color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #184b304d}.new-game-btn:hover{background:var(--primary-dark, #0d3d1f);box-shadow:0 6px 20px #184b3066}.new-game-btn:active{transform:translateY(-1px)}.vsai-container{display:flex;width:100%;min-height:calc(100vh - 150px);background-color:var(--background, #f9f6f0);max-width:100vw}.vsai-setup{display:flex;flex-direction:column;align-items:center;padding-top:3rem;min-height:80vh;width:100%;background-color:var(--background, #f9f6f0)}.vsai-setup h1{color:var(--primary, #184b30);font-size:3rem;margin-bottom:2rem;font-weight:600}.vsai-setup-card{background:#f2edd9;border-radius:10px;padding:2rem;box-shadow:0 2px 8px #0000000d;min-width:400px}.vsai-setup-card h2{color:var(--primary, #184b30);font-size:1.6rem;margin-top:0;margin-bottom:1.5rem;font-weight:600;text-align:center}.vsai-dictionary-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.vsai-dictionary-options label{display:flex;align-items:center;padding:1rem;background:#faf4de;border:1px solid rgba(26,110,60,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.vsai-dictionary-options label:hover{border-color:#1a6e3c99}.vsai-dictionary-options input[type=radio]{margin-right:1rem;width:20px;height:20px}.vsai-start-btn{width:100%;background-color:var(--primary, #184b30);color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .2s ease;letter-spacing:.2px;box-shadow:0 2px 4px #0000001a}.vsai-start-btn:hover{background-color:var(--primary-dark, #0d3d1f)}.vsai-game-container{display:flex;width:100%;min-height:calc(100vh - 150px);background-color:var(--background, #f9f6f0)}.vsai-game-left{flex:0 0 20%;display:flex;flex-direction:column;background-color:var(--background, #f9f6f0);position:relative;border-right:3px solid rgba(26,110,60,.08)}.vsai-info-container,.vsai-rules-container{margin:15px 15px 30px;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000000d;background-color:#f2edd9}.vsai-section-heading{color:var(--primary, #184b30);font-size:1.6rem;margin-top:0;margin-bottom:12px;font-weight:600;position:relative;letter-spacing:.02em}.vsai-scores{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.vsai-score-display{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#faf4de;border:1px solid rgba(26,110,60,.2);border-radius:8px;transition:all .3s}.vsai-score-display.active{background:#d4e2d4;color:#1a1a1a;transform:scale(1.02);box-shadow:0 2px 6px #1a6e3c26;border:1px solid #a3c1a3}.vsai-score-display span:first-child{font-weight:600;font-size:1.1rem}.vsai-score{font-size:1.5rem;font-weight:700}.vsai-tiles-remaining{display:flex;justify-content:space-between;padding:.75rem;background:#faf4de;border:1px solid rgba(26,110,60,.2);border-radius:8px;margin-bottom:1rem}.vsai-tiles-remaining .vsai-count{font-weight:700;color:var(--primary, #184b30)}.vsai-rules-list{margin:0;padding-left:0;list-style:none;counter-reset:item}.vsai-rules-list li{margin-bottom:15px;padding-left:35px;position:relative;font-size:1.01rem;line-height:1.5;color:var(--text, #333)}.vsai-rules-list li:before{content:counter(item);counter-increment:item;position:absolute;left:5px;top:0;color:var(--primary, #184b30);font-weight:700;font-size:1rem}.vsai-rules-list li:after{content:".";position:absolute;left:17px;top:0;color:var(--primary, #184b30);font-weight:700}.vsai-game-center{flex:0 0 50%;display:flex;flex-direction:column;align-items:center;padding:25px 30px;background-color:var(--background, #f9f6f0);position:relative;border-right:3px solid rgba(26,110,60,.08)}.vsai-board-rack-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:10px;padding-top:10px;padding-bottom:10px}.vsai-board-rack-wrapper .game-rack-container{margin-top:20px}.vsai-ai-thinking{margin-top:2rem;padding:1.5rem;display:flex;justify-content:center;align-items:center}.vsai-spinner-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.vsai-spinner{width:48px;height:48px;border:4px solid #e8ddc7;border-top-color:#2d5a2d;border-radius:50%;animation:vsai-spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;position:relative}.vsai-spinner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:3px solid #e8ddc7;border-bottom-color:#2d5a2d;border-radius:50%;animation:vsai-spin-reverse .8s linear infinite}.vsai-spinner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:radial-gradient(circle,#2d5a2d,#4a7c4a);border-radius:50%;animation:vsai-pulse 1.5s ease-in-out infinite}@keyframes vsai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vsai-spin-reverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes vsai-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.7}}.vsai-spinner-text{color:#2d5a2d;font-size:.95rem;font-weight:500;margin:0;animation:vsai-fade 2s ease-in-out infinite;letter-spacing:.5px}@keyframes vsai-fade{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.vsai-game-right{flex:0 0 30%;display:flex;flex-direction:column;position:relative;background-color:var(--background, #f9f6f0);padding:25px}.vsai-controls-container{background-color:#f2edd9;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d}.vsai-controls-container h3{color:var(--primary, #184b30);font-size:1.6rem;margin-top:0;margin-bottom:12px;font-weight:600}.vsai-controls-container p{margin-top:0;margin-bottom:25px;line-height:1.5;color:var(--text, #333);font-size:1rem}.vsai-controls{display:flex;flex-direction:column;gap:12px}.vsai-btn{width:100%;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;letter-spacing:.2px;font-family:inherit;box-shadow:0 2px 4px #0000001a}.vsai-btn:disabled{opacity:.5;cursor:not-allowed}.vsai-submit-btn{background-color:var(--primary, #184b30);color:#fff}.vsai-submit-btn:hover:not(:disabled){background-color:var(--primary-dark, #0d3d1f);box-shadow:0 4px 8px #00000026}.vsai-reset-btn{background-color:#6c757d;color:#fff}.vsai-reset-btn:hover:not(:disabled){background-color:#5a6268}.vsai-exchange-btn{background-color:#4ecdc4;color:#fff}.vsai-exchange-btn:hover:not(:disabled){background-color:#45b8b0}.vsai-pass-btn{background-color:#f39c12;color:#fff}.vsai-pass-btn:hover:not(:disabled){background-color:#e08e0b}.vsai-resign-btn{background-color:var(--danger, #dc3545);color:#fff}.vsai-resign-btn:hover{background-color:var(--danger-hover, #c82333)}.vsai-placed-info{margin-top:20px;padding:15px;background:#e8f0e3;border:1px solid #d0dcc5;border-radius:8px}.vsai-placed-info h4{margin:0 0 8px;color:var(--primary, #184b30);font-size:1.1rem}.vsai-placed-info p{margin:0;color:#666;font-size:.95rem}@media (max-width: 1200px){.vsai-game-container{flex-wrap:wrap}.vsai-game-left{flex:0 0 30%;border-right:3px solid rgba(26,110,60,.08)}.vsai-game-center{flex:0 0 70%;border-right:none;border-bottom:3px solid rgba(26,110,60,.08);padding-top:25px;padding-bottom:25px}.vsai-game-right{flex:0 0 100%;flex-direction:row;padding:20px}.vsai-controls-container{flex:1;max-width:600px;margin:0 auto}.vsai-ai-thinking{margin-top:1.5rem;padding:1rem}.vsai-spinner{width:40px;height:40px}.vsai-spinner:before{width:20px;height:20px}.vsai-spinner-text{font-size:.9rem}}@media (max-width: 992px){.vsai-game-container{flex-direction:column}.vsai-game-left{flex:0 0 auto;width:100%;padding-bottom:20px;border-right:none;border-bottom:3px solid rgba(26,110,60,.08)}.vsai-game-center{flex:0 0 auto;width:100%;padding-top:20px;padding-bottom:20px}.vsai-game-right{flex:0 0 auto;width:100%;flex-direction:column}.vsai-info-container,.vsai-rules-container{max-width:600px;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.vsai-game-container{min-width:300px}.vsai-game-center{padding:10px 15px}.vsai-board-rack-wrapper{margin-top:5px;padding-top:5px;padding-bottom:5px}.vsai-game-right{padding:20px}.vsai-section-heading,.vsai-controls-container h3{font-size:1.4rem}.vsai-rules-list li{font-size:.95rem;margin-bottom:12px}.vsai-ai-thinking{padding:1rem}.vsai-spinner{width:36px;height:36px;border-width:3px}.vsai-spinner:before{width:18px;height:18px;border-width:2px}.vsai-spinner:after{width:6px;height:6px}.vsai-spinner-text{font-size:.85rem}.vsai-board-rack-wrapper .game-rack-container{margin-top:10px}}@media (max-width: 600px){.vsai-game-center{padding:8px 12px}.vsai-board-rack-wrapper{margin-top:3px;padding-top:3px;padding-bottom:3px}}@media (max-width: 576px){.vsai-game-container,.vsai-game-left,.vsai-game-right{padding:10px}.vsai-info-container,.vsai-rules-container,.vsai-controls-container{margin:10px 0;padding:15px}.vsai-section-heading,.vsai-controls-container h3{font-size:1.3rem}.vsai-btn{padding:8px 12px}.vsai-rules-list li{font-size:.95rem;margin-bottom:12px}.vsai-setup-card{min-width:320px;padding:1.5rem}.vsai-dictionary-options label{padding:.8rem;font-size:.9rem}.vsai-start-btn{padding:10px 16px;font-size:.9rem}}@media (max-width: 480px){.vsai-game-center{padding:5px 10px}.vsai-board-rack-wrapper{flex-direction:column;align-items:center;gap:10px;margin-top:2px;padding-top:2px;padding-bottom:2px}}@media (max-width: 420px){.vsai-game-center{padding:5px 8px}.vsai-section-heading,.vsai-controls-container h3{font-size:1.2rem}.vsai-rules-list li{font-size:.9rem;margin-bottom:10px}.vsai-setup-card{min-width:280px}.vsai-setup h1{font-size:2.5rem}.vsai-dictionary-options label{padding:.7rem;font-size:.85rem}}@media (max-width: 380px){.vsai-game-center{padding:3px 5px}.vsai-info-container,.vsai-rules-container,.vsai-controls-container{margin:8px 0;padding:12px}.vsai-game-right{padding:15px}.vsai-setup-card{min-width:260px;padding:1.2rem}}@media (max-width: 340px){.vsai-game-center{padding:2px 3px}.vsai-section-heading,.vsai-controls-container h3{font-size:1.1rem}.vsai-btn{padding:6px 10px;font-size:.9rem}.vsai-setup h1{font-size:2rem}.vsai-setup-card{min-width:240px}}.word-finder-container{display:flex;width:100%;min-height:calc(100vh - 150px);background-color:var(--background);max-width:100vw}.word-finder-left{flex:0 0 20%;display:flex;flex-direction:column;background-color:var(--background);position:relative;border-right:3px solid rgba(26,110,60,.08)}.dictionary-container,.how-to-play-container{margin:15px 15px 30px;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000000d;background-color:#f2edd9}.section-heading{color:var(--primary);font-size:1.6rem;margin-top:0;margin-bottom:12px;font-weight:600;position:relative;letter-spacing:.02em}.custom-select-wrapper{position:relative;display:inline-block;width:100%}.custom-select{width:100%;padding:12px 32px 12px 16px;border:1px solid rgba(26,110,60,.3);border-radius:8px;background-color:#faf4de;color:var(--text);cursor:pointer;font-size:1rem;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-select:hover{border-color:#1a6e3c99}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--primary);pointer-events:none}.custom-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-focus)}.how-to-play-list{margin:0;padding-left:0;list-style:none;counter-reset:item}.how-to-play-list li{margin-bottom:15px;padding-left:35px;position:relative;font-size:1.01rem;line-height:1.5;color:var(--text)}.how-to-play-list li:before{content:counter(item);counter-increment:item;position:absolute;left:5px;top:0;color:var(--primary);font-weight:700;font-size:1rem}.how-to-play-list li:after{content:".";position:absolute;left:17px;top:0;color:var(--primary);font-weight:700}.word-finder-center{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 30px;background-color:var(--background)}.page-title{color:var(--primary);font-size:2.2rem;margin:0 0 30px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px}.title-icon{width:32px;height:32px;color:var(--primary)}.word-finder-header{text-align:center;margin-bottom:40px}.word-finder-header h1{color:var(--primary);font-size:2.5rem;margin:0 0 12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px}.header-icon{width:36px;height:36px;color:var(--primary)}.subtitle{color:var(--text);font-size:1.1rem;margin:0;opacity:.9}.rack-section{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.rack-section .rack-container{margin-top:0;margin-bottom:20px}.find-words-button{background-color:var(--primary);color:#fff;padding:14px 32px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;box-shadow:0 2px 8px #0000001a}.find-words-button:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 4px 12px #00000026}.find-words-button:disabled{background-color:var(--disabled-background);color:var(--disabled-text);cursor:not-allowed;opacity:.6}.button-icon{width:20px;height:20px}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-section{width:100%;max-width:1000px;background:#f2edd9;border-radius:12px;padding:28px;box-shadow:0 2px 8px #0000000d;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #d9c9a3}.results-header h3{color:var(--primary);font-size:1.5rem;margin:0;font-weight:600}.word-count{background:var(--primary);color:#fff;padding:7px 16px;border-radius:20px;font-size:1rem;font-weight:600}.no-words-found{text-align:center;padding:40px 20px;color:var(--text)}.no-words-found p{margin:0 0 8px;font-size:1.1rem}.no-words-found .hint{font-size:.95rem;opacity:.7;font-style:italic}.words-by-length{display:flex;flex-direction:column;gap:32px}.length-group{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.length-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #d9c9a3}.length-label{color:var(--primary);font-size:1.25rem;font-weight:600}.length-count{background:#faf4de;color:var(--text);padding:5px 12px;border-radius:14px;font-size:.95rem;font-weight:500}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px;margin-top:8px}.word-tile{background:#faf4de;padding:10px 16px;border-radius:6px;text-align:center;font-weight:600;font-size:1rem;color:#3e2723;text-transform:uppercase;letter-spacing:.9px;border:1px solid #e8ddc7;transition:all .2s ease}.word-tile.has-blanks{background:#faf4de;border-color:#e8ddc7}.word-tile:hover{border-color:var(--primary);box-shadow:0 2px 8px #2d5a2d26}.word-tile .blank-letter{color:var(--primary);font-weight:700}@media (max-width: 1200px){.word-finder-container{flex-wrap:wrap}.word-finder-left{flex:0 0 30%;border-right:3px solid rgba(26,110,60,.08)}.word-finder-center{flex:0 0 70%;padding:30px 25px}.results-section{max-width:100%}}@media (max-width: 992px){.word-finder-container{flex-direction:column}.word-finder-left{flex:0 0 auto;width:100%;padding-bottom:20px;border-right:none;border-bottom:3px solid rgba(26,110,60,.08)}.word-finder-center{flex:0 0 auto;width:100%;padding:20px}.dictionary-container,.how-to-play-container{max-width:600px;margin-left:auto;margin-right:auto}.results-section{max-width:100%}}@media (max-width: 768px){.word-finder-center{padding:20px 15px}.page-title{font-size:1.8rem;margin-bottom:20px}.title-icon{width:26px;height:26px}.section-heading{font-size:1.4rem}.results-section{padding:24px;max-width:100%}.find-words-button{padding:12px 24px;font-size:1rem}.words-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.word-tile{padding:9px 10px;font-size:.95rem}}@media (max-width: 576px){.dictionary-container,.how-to-play-container{margin:10px;padding:15px}.section-heading{font-size:1.3rem}.how-to-play-list li{font-size:.95rem;margin-bottom:12px}.custom-select{padding:10px 28px 10px 12px;font-size:.9rem}.select-arrow{right:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--primary)}}@media (max-width: 480px){.word-finder-container{min-height:calc(100vh - 120px)}.word-finder-center{padding:15px 10px}.page-title{font-size:1.5rem}.title-icon{width:22px;height:22px}.results-section{padding:16px;border-radius:8px}.results-header h3{font-size:1.2rem}.word-count{padding:5px 12px;font-size:.9rem}.length-label{font-size:1rem}.length-count{font-size:.85rem;padding:4px 10px}.words-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:6px}.word-tile{padding:8px;font-size:.9rem;letter-spacing:.5px}.find-words-button{padding:10px 20px;font-size:.95rem}.button-icon{width:18px;height:18px}}@media (max-width: 420px){.section-heading{font-size:1.2rem}.how-to-play-list li{font-size:.9rem;margin-bottom:10px}.custom-select{padding:8px 24px 8px 10px;font-size:.85rem}.select-arrow{right:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--primary)}}@media (max-width: 380px){.dictionary-container,.how-to-play-container{margin:8px;padding:12px}.page-title{font-size:1.3rem}.words-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:5px}.word-tile{padding:6px;font-size:.85rem;letter-spacing:.3px}}.explanation-container{max-width:800px;margin:0 auto;padding:2rem 1rem;background-color:var(--background);color:var(--dark-text);font-family:Georgia,serif;line-height:1.7}.explanation-container h1{color:var(--primary);font-size:2.5rem;margin-bottom:2rem;text-align:center;font-weight:700}.explanation-intro{margin-bottom:3rem;padding:1.5rem;background-color:#faf4de;border-radius:10px;box-shadow:0 2px 8px #0000000d}.explanation-intro p{font-size:1.1rem;text-align:center;margin:0;color:var(--text)}.evaluation-factors{margin-bottom:2rem}.evaluation-factors h2{color:var(--primary);font-size:2rem;margin-bottom:1.5rem;border-bottom:2px solid #d9c9a3;padding-bottom:.5rem;font-weight:600}.factor-card{margin-bottom:2rem;padding:1.5rem;background-color:#faf4de;border:1px solid #e8ddc7;border-left:5px solid var(--primary);border-radius:8px;box-shadow:0 3px 10px #00000014;transition:all .2s ease}.factor-card:hover{box-shadow:0 4px 15px #0000001f}.factor-card:last-child{margin-bottom:0}.factor-card h3{color:var(--primary);font-size:1.3rem;margin-bottom:.8rem;font-weight:600}.factor-card p{margin:0;color:var(--text)}@media (max-width: 768px){.explanation-container{padding:1.5rem 1rem}.explanation-container h1{font-size:2rem}.evaluation-factors h2{font-size:1.6rem}.factor-card{padding:1rem}.factor-card h3{font-size:1.15rem}}@media (max-width: 480px){.explanation-container{padding:1rem}.explanation-container h1{font-size:1.5rem}.evaluation-factors h2{font-size:1.3rem}.factor-card{padding:.8rem;margin-bottom:1.2rem}.factor-card h3{font-size:1.1rem}.explanation-intro{padding:1.2rem}.explanation-intro p{font-size:1rem}}.not-found-container{max-width:800px;margin:0 auto;padding:3rem 2rem;background-color:var(--background);font-family:Georgia,serif;text-align:center;min-height:calc(100vh - 150px)}.not-found-title{color:var(--primary);font-size:2.5rem;margin:0 0 1.5rem;font-weight:700}.not-found-message{color:var(--text);font-size:1.15rem;line-height:1.6;margin:0 0 2.5rem}.return-home-button{background-color:transparent;color:var(--primary);border:2px solid var(--primary);padding:.8rem 1.5rem;font-family:Georgia,serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:4px;display:inline-block}.return-home-button:hover{background-color:var(--primary);color:var(--background)}@media (max-width: 768px){.not-found-container{padding:3rem 1.5rem}.not-found-title{font-size:2rem}.not-found-message{font-size:1.05rem}}@media (max-width: 480px){.not-found-container{padding:2rem 1rem}.not-found-title{font-size:1.6rem}.not-found-message{font-size:1rem;margin-bottom:2rem}.return-home-button{padding:.7rem 1.2rem;font-size:.95rem}}:root{--primary: #1a6e3c;--primary-dark: #135e31;--background: #f5efd6;--text: #444;--dark-text: #3d2c17;--disabled-text: #888;--disabled-background: #e0e0e0;--danger: #dc3545;--danger-hover: #c82333}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background-color:var(--background);color:var(--dark-text);font-family:Open Sans,Segoe UI,Georgia,Times New Roman,sans-serif;line-height:1.6;letter-spacing:.01em;min-width:320px;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:1rem}h1,h2,h3,h4,h5,h6{color:var(--primary);margin-bottom:1rem;letter-spacing:.02em}p{margin-bottom:1rem}a{color:var(--primary);text-decoration:none}