:root{--color-primary:#2d2d2d;--color-primary-dark:#000;--color-secondary:#ffb74d;--color-accent:#e57373;--color-background:#fdfbf7;--color-text:#2d2d2d;--color-text-dark:#000;--color-text-muted:#0009;--color-panel:#fffc;--color-border:#0000001a;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 6px 12px #0000001a;--shadow-lg:0 15px 25px #00000026;--color-highlight-1:#ffb74d;--color-highlight-2:#ba68c8;--color-highlight-3:#4db6ac;--color-highlight-4:#e57373;--color-highlight-5:#64b5f6;--color-highlight-6:#aed581}*,:before,:after{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;background-attachment:fixed;width:100%;min-height:100vh;margin:0;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes scoreFloatUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@keyframes modalFloatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}.shake-animation{animation:.4s ease-in-out shake}.score-popup{color:var(--color-secondary);text-shadow:0 2px 4px #00000080;pointer-events:none;z-index:100;font-size:1.5rem;font-weight:700;animation:1s ease-out forwards scoreFloatUp;position:absolute}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);border:none;font-family:inherit;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover{filter:brightness(1.1);transform:translateY(-1px)}.container{max-width:1200px;padding:0 var(--spacing-md);box-sizing:border-box;width:100%;margin:0 auto}.glass-panel{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);background:#fff}.game-btn{background:var(--color-secondary);color:#000;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000000d;border-radius:50px;padding:.8rem 1.5rem;font-size:.9rem}.game-btn:active{box-shadow:none;transform:translateY(1px)}.game-btn-primary{background:var(--color-secondary);color:#000;box-shadow:var(--shadow-sm)}.game-btn-primary:active{box-shadow:none;transform:translateY(1px)}.game-btn-accent{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.game-btn-accent:active{box-shadow:none;transform:translateY(1px)}.game-btn-neutral{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.game-btn-neutral:active{box-shadow:none;transform:translateY(1px)}.game-btn-secondary{color:var(--color-text);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px;background:0 0;border-radius:50px;padding:.7rem 1.5rem;font-size:.9rem;transition:all .2s}.game-btn-secondary:hover{border-color:var(--color-text);background:#0000000d;transform:translateY(-1px)}.accordion-btn{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.accordion-btn:hover{background:#ffffff1a}.app-layout{box-sizing:border-box;flex-direction:row;flex:1;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:.5rem;display:flex;position:relative}.game-area{flex-direction:column;flex:2;align-items:center;min-height:600px;display:flex}.sidebar{flex-direction:column;flex:1;gap:1rem;min-width:300px;max-width:450px;display:flex}@media (min-width:1024px){.game-area{align-items:flex-start}.game-board-container{max-width:100%!important;margin-bottom:0!important}.game-content-wrapper{flex-direction:row;align-items:flex-start;gap:2rem;width:100%;display:flex}.game-grid-container{flex:1;max-height:calc(100vh - 200px);max-width:min(650px,100vh - 200px)!important;margin:0!important}.word-list-sidebar{flex-shrink:0;min-width:200px;position:sticky;top:1rem;width:220px!important;margin:0!important}.sidebar{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-secondary)#0003;height:auto;max-height:calc(100vh - 1rem);padding-bottom:6rem;position:sticky;top:.5rem;overflow-y:auto}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0003;border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background-color:var(--color-secondary);border-radius:4px}.word-list-container{margin-top:0!important}.word-list-grid{justify-content:flex-start!important;max-height:600px!important}}@media (min-width:1600px){.app-layout{max-width:1400px;padding-left:2rem;padding-right:2rem}body{background:linear-gradient(135deg,var(--color-primary)0%,#1a2a3a 50%,var(--color-primary)100%)}}@media (min-width:1920px){.app-layout{max-width:1500px}.game-grid-container{max-height:calc(100vh - 180px);max-width:min(700px,100vh - 180px)!important}}.word-list-grid{flex-flow:wrap;justify-content:center;gap:.5rem;max-height:none;padding:0;list-style:none;display:flex;overflow-y:visible}.word-list-grid li{text-align:center;border:1px solid var(--color-border);width:auto;color:var(--color-text);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;padding:.25rem .75rem;font-size:.85rem}.word-list-grid li.found{background:var(--color-secondary);color:#000;opacity:.8;text-decoration:none}@media (max-width:768px){.app-layout{flex-direction:column;gap:1rem;padding:.5rem}.game-area{width:100%;min-height:auto}.sidebar{width:100%;min-width:100%;max-width:100%}header{flex-direction:row;gap:.5rem;padding:.25rem .5rem!important}.controls-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));z-index:1000;box-sizing:border-box;background:#000c;border-top:1px solid #ffffff1a;justify-content:center;gap:10px;display:flex;position:fixed;bottom:0;left:0}}.info-section-container{padding:1.5rem}.info-grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.info-grid-benefits{grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.info-section-container{padding:1.5rem}.info-grid{grid-template-columns:1fr;gap:2rem}.info-grid-benefits{grid-template-columns:1fr}}@media (max-width:480px){.game-board-container{padding:.5rem!important}}.mobile-controls{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.mobile-controls-main{flex:1;gap:.75rem;display:flex}.fab-backdrop{z-index:999;background:#00000080;position:fixed;inset:0}.fab-container{position:relative}.fab-button{background:var(--color-primary);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000004d}.fab-button:hover{transform:scale(1.05)}.fab-button.fab-open{background:var(--color-accent);transform:rotate(0)}.fab-icon-main{font-size:1.5rem;line-height:1}.fab-menu{flex-direction:column;gap:.5rem;animation:.2s ease-out fabMenuIn;display:flex;position:absolute;bottom:80px;right:0}@keyframes fabMenuIn{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.fab-menu .game-btn{white-space:nowrap}@media (max-width:768px){.desktop-controls{display:none!important}}.toast-notification{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);border:2px solid var(--color-secondary);z-index:9999;text-align:center;max-width:90%;padding:1rem 2rem;animation:.3s ease-out slideDown;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}@media (max-width:768px){.toast-notification{animation:.3s ease-out slideUp;top:auto;bottom:100px}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@media (min-width:769px){.mobile-controls-wrapper{display:none!important}}