:root{--ws-tile-size: 50px;--ws-tile-gap: 4px;--ws-keyboard-height: 180px;--ws-color-correct: #2e7d32;--ws-color-present: #f57f17;--ws-color-absent: #424242;--ws-color-empty: #e0e0e0;--ws-color-correct-text: #ffffff;--ws-color-present-text: #ffffff;--ws-color-absent-text: #ffffff;--ws-color-empty-text: #000000;--ws-key-bg: #d3d6da;--ws-key-text: #1a1a1b}[data-bs-theme=dark]{--ws-color-empty: #3a3a3c;--ws-color-empty-text: #ffffff;--ws-key-bg: #818384;--ws-key-text: #ffffff}@media(max-width:600px){:root{--ws-tile-size: 44px;--ws-tile-gap: 4px}}@media(max-width:400px){:root{--ws-tile-size: 40px;--ws-tile-gap: 3px}}.ws-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:10px}.ws-board-container{display:flex;justify-content:center;align-items:center;width:100%}.ws-game-area{display:flex;flex-direction:column;width:100%;align-items:center;gap:20px}.ws-board-section,.ws-keyboard-section{width:100%;display:flex;justify-content:center}@media(min-width:992px){.ws-game-area{flex-direction:row;align-items:center;justify-content:center;gap:50px;padding:20px 0}.ws-board-section{flex:0 0 auto;width:auto}.ws-keyboard-section{flex:1;max-width:450px}}.ws-board{display:grid;grid-template-rows:repeat(6,1fr);grid-gap:var(--ws-tile-gap);padding:10px}.ws-board-row{display:grid;grid-gap:var(--ws-tile-gap)}.ws-tile{width:var(--ws-tile-size);height:var(--ws-tile-size);border:2px solid var(--ws-color-empty);border-radius:6px;display:flex;justify-content:center;align-items:center;font-size:calc(var(--ws-tile-size) * .5);font-weight:700;text-transform:uppercase;user-select:none;background-color:transparent;color:var(--ws-color-empty-text);transition:all .2s ease}.ws-tile[data-state=tbd]{border-color:#878a8c;color:var(--ws-color-empty-text)}.ws-tile[data-state=correct]{background-color:var(--ws-color-correct);border-color:var(--ws-color-correct);color:var(--ws-color-correct-text)}.ws-tile[data-state=present]{background-color:var(--ws-color-present);border-color:var(--ws-color-present);color:var(--ws-color-present-text)}.ws-tile[data-state=absent]{background-color:var(--ws-color-absent);border-color:var(--ws-color-absent);color:var(--ws-color-absent-text)}.ws-keyboard{width:100%;margin:0 auto;user-select:none}.ws-key-row{display:flex;width:100%;margin:0 auto 6px;touch-action:manipulation;justify-content:center}.ws-key{font-family:inherit;font-weight:700;border:0;padding:0;margin:0 4px 0 0;height:48px;border-radius:6px;cursor:pointer;user-select:none;background-color:var(--ws-key-bg);color:var(--ws-key-text);flex:1;display:flex;justify-content:center;align-items:center;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,.3);font-size:1.15rem;transition:all .2s ease;box-shadow:0 2px #0000001a}.ws-key:active{transform:translateY(2px);box-shadow:none}.ws-key:last-of-type{margin:0}.ws-key.ws-key-large{flex:1.5;font-size:1rem}.ws-key[data-state=correct]{background-color:var(--ws-color-correct);color:var(--ws-color-correct-text)}.ws-key[data-state=present]{background-color:var(--ws-color-present);color:var(--ws-color-present-text)}.ws-key[data-state=absent]{background-color:var(--ws-color-absent);color:var(--ws-color-absent-text)}.ws-toast-container{position:fixed;top:10%;left:50%;transform:translate(-50%);z-index:1060;display:flex;flex-direction:column;align-items:center;pointer-events:none}.ws-toast{background-color:var(--bs-body-color);color:var(--bs-body-bg);padding:12px 20px;border-radius:8px;margin-bottom:10px;font-weight:700;opacity:1;transition:opacity .5s ease;box-shadow:0 4px 12px #00000026}.ws-toast.ws-fade-out{opacity:0}.ws-hero-gradient{position:relative;background:linear-gradient(135deg,#000,#0a0a0a,#171717);color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.ws-hero-title{font-size:clamp(2.2rem,6vw,4rem)!important;font-weight:800;letter-spacing:-1px;background:linear-gradient(to right,#60a5fa,#c084fc)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;display:inline-block;line-height:1.2}.ws-hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);opacity:.85;max-width:600px;margin:0 auto}.ws-hero-blob-1{position:absolute;top:-20%;left:-10%;width:50%;height:100%;background:radial-gradient(circle,#6366f166,#6366f100 70%);filter:blur(40px);z-index:0;border-radius:50%;pointer-events:none}.ws-hero-blob-2{position:absolute;bottom:-20%;right:-10%;width:50%;height:100%;background:radial-gradient(circle,#a855f766,#a855f700 70%);filter:blur(40px);z-index:0;border-radius:50%;pointer-events:none}.ws-breadcrumb a{color:inherit!important;opacity:.8;transition:opacity .2s}.ws-breadcrumb a:hover{opacity:1}.ws-breadcrumb .breadcrumb-item.active{color:inherit;opacity:.6}.ws-breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:inherit;opacity:.5}.ws-seo-article{line-height:1.8;color:var(--bs-body-color)}.ws-seo-article h1,.ws-seo-article h2,.ws-seo-article h3{font-weight:800;margin-top:2.5rem;margin-bottom:1.25rem;color:var(--bs-emphasis-color)}.ws-seo-article h1{font-size:2.5rem}.ws-seo-article h2{font-size:2rem;border-bottom:2px solid rgba(0,0,0,.05);padding-bottom:.5rem}.ws-seo-article h3{font-size:1.5rem}[data-bs-theme=dark] .ws-seo-article h2{border-color:#ffffff1a}.ws-seo-article p{margin-bottom:1.5rem;font-size:1.1rem;opacity:.9}.ws-seo-article ul,.ws-seo-article ol{margin-bottom:2rem;padding-left:1.5rem}.ws-seo-article li{margin-bottom:.75rem}.ws-seo-article strong{color:var(--bs-primary)}.ws-tile[data-animation=flip-in]{animation:FlipIn .25s ease-in}@keyframes FlipIn{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}.ws-tile[data-animation=flip-out]{animation:FlipOut .25s ease-out}@keyframes FlipOut{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.ws-tile[data-animation=pop]{animation:PopIn .1s}@keyframes PopIn{0%{transform:scale(.8);opacity:0}40%{transform:scale(1.1);opacity:1}}.ws-board-row[data-animation=shake]{animation:Shake .6s}@keyframes Shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.ws-tile[data-animation=dance]{animation:Dance .5s ease-in-out}@keyframes Dance{0%,to{transform:translateY(0)}20%{transform:translateY(-50%)}40%{transform:translateY(5%)}60%{transform:translateY(-25%)}80%{transform:translateY(2.5%)}}.ws-confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1050}