@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}body{font-family:Amiri,serif}:root{--color-bg-light: #f3f4f6;--color-text-light: #1f2937;--color-card: #ffffff;--color-border: #e5e7eb;--color-primary: #14b8a6;--color-primary-hover: #0d9488;--color-secondary: #e5e7eb;--color-accent: #fbbf24}.btn-primary{background-color:var(--color-primary);color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:background-color .2s}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-light);font-weight:700;padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:background-color .2s}.btn-secondary:hover{background-color:var(--color-border)}.btn-accent{background-color:var(--color-accent);color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:opacity .2s}.btn-accent:hover{opacity:.9}#portal-root{position:relative;z-index:999999}.profile-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .25s ease;padding-top:env(safe-area-inset-top,10px)}.profile-modal{background:var(--color-card);border-radius:1rem;box-shadow:0 12px 28px #0000004d;padding:1.75rem;width:80vw;max-width:32rem;overflow-y:auto;animation:slideUp .3s ease;font-family:inherit;padding-top:env(safe-area-inset-top,10px)}.profile-title{font-size:2rem;font-weight:700;color:var(--primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-modal p{margin:.3rem 0;color:var(--color-text-light);opacity:.85;font-size:.95rem}.profile-close-btn{margin-top:1.5rem;width:100%;padding:.65rem;background:var(--color-primary);color:var(--color-card);border:none;border-radius:.6rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s,transform .15s}.profile-close-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.profile-close-btn:active{transform:translateY(0)}.profile-toggles{display:flex;justify-content:center;padding:.8rem;gap:.5rem}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem .8rem;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:10px;cursor:pointer;transition:background .2s,transform .15s}.toggle-btn:hover{transform:scale(1.04)}.toggle-btn span{font-weight:600;font-size:.9rem}.completed-games-list{overflow-y:auto;padding:.5rem;padding-top:0;padding-bottom:40px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg)}.completed-game-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);font-size:.9rem;align-items:center;border-radius:4px;background:var(--card-bg);cursor:pointer;transition:background-color .2s ease}.completed-game-item:hover{background-color:color-mix(in srgb,var(--primary) 5%,transparent)}.completed-game-item .opponent{font-weight:500;color:var(--text-main)}.completed-game-item .result{font-weight:600;color:#10b981}.completed-game-item .result.loss{color:var(--color-accent)}.completed-game-item .result.draw{color:var(--color-secondary)}.completed-game-item .date{color:var(--text-main);opacity:.7;font-size:.8rem;white-space:nowrap}.completed-game-item.header-row{position:sticky;top:0;z-index:10000;font-weight:700;font-size:1rem;cursor:default;pointer-events:none;background:var(--bg-main)}.completed-game-item.header-row span{color:var(--text-main);opacity:.7}.profile-stats{display:grid;grid-template-columns:repeat(3,max-content);gap:.1rem;justify-content:center}.profile-stats-2{display:grid;gap:.25em;text-align:left;padding:.5em 0}.profile-stats-2 p{margin:0;font-size:.95rem;line-height:1.3;display:flex;align-items:center;gap:.4em}.profile-stats-2 strong{font-weight:600;min-width:5.5em;text-align:left}.profile-stats-2 button{background:none;border:none;cursor:pointer;font-size:1rem;padding:0;margin:0;line-height:1;transition:color .2s ease}.profile-stats-2 button:hover{color:#0056b3}.profile-stats-2 span{white-space:nowrap}.profile-stats-2 .copied{color:green;font-size:.85rem}[dir=rtl] .profile-stats-2,[dir=rtl] .profile-stats-2 strong{text-align:right}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:.3em;text-align:center;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 15%,transparent)}.stat-label{display:block;font-size:.85rem;color:var(--text-muted);opacity:.7;margin-bottom:.3rem;font-weight:500}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-main)}.stat-card.rating .stat-value{color:var(--color-secondary)}.stat-card.rating .stat-value{color:var(--primary)}.stat-card.highscore .stat-value{color:var(--accent)}.profile-subtitle{font-size:1.1rem;font-weight:700;margin:1rem 0 .5rem;color:var(--text-main)}.rating-history{max-height:150px;overflow-y:auto;border:1px solid var(--color-border);border-radius:8px;padding:.5rem;background:color-mix(in srgb,var(--color-bg-light) 50%,var(--color-card))}.rating-point{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.85rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.rating-point:last-child{border-bottom:none}.profile-fullscreen{position:fixed;gap:0;inset:0;background:var(--bg-main);z-index:10000;display:flex;flex-direction:column;animation:fadeIn .3s ease;color:var(--text-main);padding-top:env(safe-area-inset-top,0px)}.profile-header{position:sticky;top:0;background:var(--bg-main);padding:1.25rem 1rem .75rem;z-index:10;border-bottom:1px solid var(--border-color)}.profile-scrollable{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.top-close{position:absolute;top:calc(.5rem + env(safe-area-inset-top,0px));right:1rem;font-size:2rem;background:none;border:none;color:var(--text-main);opacity:.7;cursor:pointer;z-index:20;margin-bottom:30px}.top-close:hover{color:var(--accent);opacity:1}.profile-close-btn.bottom-close{margin:1rem}.profile-overlay,.profile-modal{display:none!important}.premium-badge{display:inline-block;background-color:var(--primary);color:var(--text-main);text-align:center;font-weight:700;padding:.5rem;border-radius:6px;font-size:.85rem}.premium-expiry{font-size:.9rem;color:var(--text-main);opacity:.7;margin-top:4px}.stat-extra{margin-top:.25rem}.word-tiles{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.word-tile{background-color:var(--card-bg);border-radius:.75rem;box-shadow:0 4px 10px #0003;padding:1rem;border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;cursor:default;direction:rtl}.word-tile:hover{transform:translateY(-3px);box-shadow:0 6px 14px #00000040}.word-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--color-text-muted, #aaa)}.word-label{font-weight:600}.word-date{font-size:.8rem;opacity:.8}.word-body{margin-top:.5rem;text-align:center}.word-text{display:inline-block;font-size:1.3rem;font-weight:700;color:var(--color-text);letter-spacing:.5px;direction:rtl}.word-meta{display:block;margin-top:.25rem;font-size:.85rem;color:var(--color-text-muted, #888)}.bestword{border-top:4px solid var(--primary)}.longestword{border-top:4px solid var(--accent)}.profile-footer{position:fixed;bottom:0;left:0;width:100%;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:.6em 0 calc(.6em + env(safe-area-inset-bottom,0px)) 0;z-index:13000;gap:10px}.footer-btn{background:none;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;font-size:.8rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.btn-icon{font-size:1.3rem}.btn-label{margin-top:.2em}.found-words-container{padding-bottom:1rem}.found-words-grid{list-style:none;padding:1rem;margin:.75rem 0 1.25rem;border:1px solid var(--border-color);border-radius:12px;background:color-mix(in srgb,var(--card-bg) 50%,transparent);overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.achievement-tile-grid .tile{width:3.5rem;height:3.5rem;padding:0;line-height:1;font-size:1.2rem;cursor:default;background-color:var(--color-tile-bg, #f5e6b7);border:1px solid var(--color-tile-border, #d2c39d)}.achievement-tile .points{font-size:.6em;right:1px;bottom:0}.found-word-item{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);font-size:1.2rem;font-weight:600;padding:.5rem .6rem;border-radius:6px;box-shadow:0 2px 5px #0000001a;cursor:default;text-align:center;transition:transform .1s ease;font-family:Amiri,serif}.found-word-item:hover{transform:translateY(-1px)}.language-select-container{display:flex;align-items:center;padding:8px 12px;background-color:var(--card-bg);border-radius:8px;cursor:pointer;border:1px solid var(--border-color);transition:all .2s}.language-select-container:hover{border-color:var(--primary-color)}.language-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card-bg);border:none;padding:0 10px 0 5px;color:var(--text-main);font-size:15px;cursor:pointer;outline:none}[dir=rtl] .top-close{right:auto;left:1rem}.profile-header-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.settings-trigger-btn{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.settings-mini-overlay{position:absolute;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;border-radius:1rem}.settings-mini-modal{background:var(--color-card);width:85%;max-width:280px;border-radius:16px;padding:20px;box-shadow:0 10px 25px #0000004d;border:1px solid var(--border-color)}.settings-mini-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-mini-header h3{margin:0;font-size:1.1rem;color:var(--text-main)}.close-mini-btn{background:none;border:none;font-size:1.5rem;color:var(--secondary);cursor:pointer}.settings-section{margin-bottom:18px}.settings-section label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--secondary);margin-bottom:8px;letter-spacing:.5px}.settings-mini-modal .row-btn{padding:10px;border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-main);border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s}.settings-mini-modal .row-btn.active{background:var(--bg-main);color:var(--text-main);border-color:var(--border-color)}.found-word-item.is-root{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--card-bg));cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.found-word-item.is-root:hover{background:color-mix(in srgb,var(--primary) 15%,var(--card-bg));transform:translateY(-2px) scale(1.05);box-shadow:0 4px 10px color-mix(in srgb,var(--primary) 20%,transparent)}.root-indicator{font-size:.55rem;margin-top:2px;opacity:.8}.word-modal-overlay{position:fixed;inset:0;background:#000000bf;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.word-modal-container{background:var(--bg-main, #2a2a2a);color:var(--text-main, #fff);border-radius:16px;width:100%;max-width:420px;max-height:65vh;position:relative;border:2px solid var(--border-color, #ffa500);box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;overflow:hidden;padding-bottom:40px}.word-modal-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.8rem;color:var(--text-main);cursor:pointer;line-height:1;z-index:10}.word-modal-header{display:flex;justify-content:space-between;align-items:center;padding:40px 25px 20px;border-bottom:1px solid var(--border-color, #555);flex-shrink:0}.word-modal-nav-btn{background:var(--card-bg, rgba(255, 255, 255, .05));color:var(--text-main);border:1px solid var(--border-color);border-radius:8px;padding:10px 20px;cursor:pointer;font-weight:700;transition:all .2s}.word-modal-nav-btn:disabled{background:transparent;color:var(--text-muted);border:1px solid #444;cursor:not-allowed}.word-modal-nav-counter{color:var(--text-main);font-size:.95rem;font-weight:700}.word-modal-content{padding:20px 25px;overflow-y:auto;flex-grow:1}.word-modal-empty{text-align:center;padding:3rem 0}.word-modal-empty h2{font-size:2.5rem;margin-bottom:10px;color:var(--text-main)}.word-modal-empty p{color:var(--text-main)}.word-modal-title-container{text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:20px}.word-modal-title{font-size:3rem;margin:0;color:var(--text-main)}.word-modal-entry{margin-bottom:25px}.word-modal-pos{background:color-mix(in srgb,var(--bg-main) 15%,transparent);color:var(--text-main);padding:2.5px 5px;border-radius:12px;font-size:.85rem;font-weight:700;text-transform:uppercase;border:1px solid green}.word-modal-section{margin-top:12px}.word-modal-section-title{color:var(--text-main);font-size:.9rem;text-transform:uppercase}.word-modal-list{padding-left:20px;margin:8px 0;line-height:1.6;color:var(--text-main);font-size:medium}.word-modal-inline-list{color:var(--text-main);line-height:1.5;font-size:medium;margin-top:5px}.btn-small{background:var(--bg-main);color:var(--text-main);font-family:Amiri,serif}.guest-profile-cta-card{background:linear-gradient(135deg,#2ecc711a,#27ae600d);border:1px solid rgba(46,204,113,.3);border-radius:12px;padding:18px;margin:15px 0;box-shadow:0 4px 12px #00000014}.guest-cta-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.guest-cta-icon{font-size:2rem;background:#2ecc7133;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%}.guest-cta-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-main, #fff)}.guest-cta-subtitle{margin:4px 0 0;font-size:.85rem;color:var(--text-muted, #aaa)}.guest-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;background:#0000001a;padding:12px;border-radius:8px}.guest-benefit-item{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-main, #ddd)}.guest-login-btn{width:100%;padding:10px;font-weight:600;border-radius:8px;cursor:pointer}.guest-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;background:#0000000a;border-radius:10px;border:1px dashed rgba(255,255,255,.15);margin-top:10px}.empty-state-icon{font-size:2.5rem;margin-bottom:10px;opacity:.8}.empty-state-text{font-size:.9rem;color:var(--text-muted, #aaa);max-width:280px;margin:0;line-height:1.4}.wooden-close-btn{position:absolute;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5a2b,sienna,#6b4226,#8b5a2b,#5c3a21);border:3px solid #3E2312;box-shadow:inset 0 2px 3px #fff3,inset 0 -3px 4px #0009,0 4px 6px #00000080;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:transform .1s ease,box-shadow .1s ease}.wooden-close-btn:before{content:"";position:absolute;width:5px;height:22px;transform:rotate(-45deg);border-radius:2px;background:linear-gradient(180deg,#ffe87c,gold,#b8860b);box-shadow:1px 2px 3px #000c,inset 1px 1px 1px #fff9}.wooden-close-btn:after{content:"";position:absolute;width:3.5px;height:16px;transform:rotate(45deg);border-radius:2px;background:linear-gradient(180deg,#ffe87c,gold,#b8860b);box-shadow:1px 2px 3px #000c,inset 1px 1px 1px #fff9}.wooden-close-btn:active{transform:scale(.92) translateY(2px);box-shadow:inset 0 3px 6px #000c,0 1px 2px #0006}[dir=rtl] .wooden-close-btn{right:auto;left:calc(12px + env(safe-area-inset-left))}[dir=rtl] .wooden-close-btn:before{transform:rotate(45deg)}[dir=rtl] .wooden-close-btn:after{transform:rotate(-45deg)}.board-size-selector{display:flex;flex-direction:column;gap:4px;margin-top:6px;align-items:center}.board-size-selector span{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);font-weight:700}.board-size-card{border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-main);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.board-size-card.selected{background:var(--primary);color:var(--bg-main);border-color:var(--primary)}.board-size-card:disabled{opacity:.5;cursor:not-allowed;background-color:color-mix(in srgb,var(--color-bg-light) 90%,transparent)}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:6px;box-shadow:0 0 4px #0003}.status-indicator.online{background-color:var(--color-primary)}.status-indicator.offline{background-color:var(--color-secondary)}.online-players{padding:1rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);width:100%;box-sizing:border-box;color:var(--text-main)}.online-players-title{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:var(--primary)}.online-players-empty,.online-players-disabled{text-align:center;padding:2rem;color:var(--secondary);font-style:italic;border:1px dashed var(--border-color);border-radius:12px;background:var(--bg-main)}.online-players-disabled{opacity:.6}.online-players-list{width:100%;padding:0;margin:0;list-style:none;max-height:95vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;box-sizing:border-box}.online-players-item{width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:.6rem .9rem;margin-bottom:.6rem;transition:all .2s ease}.online-players-item:hover{border-color:var(--primary);box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 10%,transparent);transform:translateY(-1px)}.online-player-info{display:flex;align-items:center;gap:.8rem}.player-avatar{width:40px;height:40px;border-radius:50%;background:var(--card-bg);border:2px solid var(--primary);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.online-player-name{font-size:1.2rem;font-weight:600;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.player-rating{font-size:.9rem;color:var(--color-text-light);opacity:.7;margin-left:.3rem}.challenge-button{padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:700;border:none;cursor:pointer;background:var(--primary);color:var(--bg-main);transition:opacity .2s}.challenge-button:hover:not(:disabled){filter:brightness(1.1)}.challenge-button:hover{background-color:var(--color-primary-hover)}.challenge-button.invited{background-color:var(--color-accent);color:var(--color-text-light);cursor:default}.challenge-button.waiting{background-color:var(--color-secondary);color:var(--color-text-light);cursor:default}.challenge-button.accepted{background-color:#28a745;color:#fff}.challenge-button.accepted:hover{background-color:#218838}.invite-actions{display:flex;gap:.4rem}.accept-btn,.reject-btn{padding:.4rem .8rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s,background .2s;font-family:inherit}.accept-btn{background:#16a34a;color:#fff}.accept-btn:hover{background:#15803d;transform:translateY(-1px)}.reject-btn{background:var(--color-accent);color:var(--color-card)}.reject-btn:hover{background:color-mix(in srgb,var(--color-accent) 90%,black);transform:translateY(-1px)}.show-more-container{display:flex;justify-content:center;margin-top:10px}.show-more-btn{background-color:var(--color-secondary);border:1px solid var(--color-border);color:var(--color-text-light);font-family:inherit;padding:8px 16px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.show-more-btn:hover{background-color:color-mix(in srgb,var(--color-secondary) 80%,white)}.show-more-btn:active{transform:scale(.98)}.show-more-btn:focus{outline:none;border-color:var(--color-primary)}.online-search-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:inherit}.online-search-input{flex:1;padding:8px 12px;border-radius:8px;background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);font-family:inherit;font-size:.9rem}.online-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.player-avatar.turn-glow{box-shadow:0 0 color-mix(in srgb,var(--color-primary) 70%,transparent);border-radius:50%;animation:turnPulse 1.2s infinite}@keyframes turnPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--color-primary) 70%,transparent);transform:scale(1)}50%{box-shadow:0 0 16px 8px color-mix(in srgb,var(--color-primary) 20%,transparent);transform:scale(1.05)}to{box-shadow:0 0 color-mix(in srgb,var(--color-primary) 70%,transparent);transform:scale(1)}}.highlight-turn{background-color:var(--color-primary)!important;border-color:var(--color-primary-hover)!important;color:var(--color-card)!important;font-weight:700;box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 30%,transparent);transform-origin:center;animation:highlightPulse 1.4s infinite}@keyframes highlightPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.spinner{border:4px solid color-mix(in srgb,var(--color-text-light) 10%,transparent);border-left-color:var(--color-secondary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.admin-panel-wrapper{position:fixed;top:0;left:0;z-index:999}.board-size-display{display:flex;flex-direction:row;margin-bottom:4px;font-size:1rem;gap:.5rem}.board-size-card{font-size:1rem;padding:.5px 1.5px;border-radius:4px;line-height:1;border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-main);transition:background-color .2s}.board-size-card.selected{background-color:var(--color-primary);color:#fff;font-weight:700}.search-input{width:100%;padding:8px;margin-bottom:12px;font-size:14px;border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-card);color:var(--color-text-light)}.card h2{display:flex;justify-content:space-between;align-items:center}.card h2:hover{color:var(--color-primary-hover)}.lobby-container{display:grid;grid-template-columns:auto;gap:.5rem;padding-top:1rem;background-color:var(--bg-main);-ms-overflow-style:none}.lobby-container::-webkit-scrollbar{display:none}.card{background:var(--bg-main);padding:1rem;display:flex;flex-direction:column;box-sizing:border-box;color:var(--text-main)}.card-title{font-size:1.2rem;padding:.25rem 0;margin:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;color:var(--color-primary)}.card-title:hover{color:var(--color-primary-hover)}.compact-row{display:flex;align-items:center;gap:1rem;font-size:10px}.compact-group{display:flex;flex-direction:column;font-size:.95rem}.compact-group label{margin-bottom:.25rem;color:var(--color-text-light);opacity:.75}.compact-group select{padding:.35rem .6rem;font-size:1rem;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-bg-light);color:var(--color-text-light)}.compact-btn{padding:.5rem 1rem;font-size:1rem;white-space:nowrap}.solo-disabled{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:var(--color-primary)}.list-scroll{overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.list-items{display:flex;justify-content:space-between;align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;transition:all .2s}.list-items:hover{box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 15%,transparent)}.list-items-left,.list-items-right{display:flex;align-items:center;gap:.5rem}.bold{font-weight:700;margin:0}.small-text{font-size:.9rem;color:var(--color-text-light);opacity:.7;margin:.2rem 0 0}.form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.95rem;color:var(--color-text-light)}select{padding:.5rem;border-radius:6px;border:1px solid var(--color-border);font-size:1rem;background-color:var(--color-bg-light);color:var(--color-text-light)}.button-group{display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;flex-shrink:0;font-size:.1rem;font-family:inherit;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--color-primary);color:var(--color-card)}.btn-primary-turn{background:var(--color-primary);color:green}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 10px color-mix(in srgb,var(--color-primary) 30%,transparent)}.btn-danger{background:var(--color-accent);color:var(--color-card)}.btn-danger:hover{background:color-mix(in srgb,var(--color-accent) 90%,black)}.btn-secondary{background:var(--color-secondary);color:var(--color-text-light)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-secondary) 80%,white)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal{background:var(--color-card);color:var(--color-text-light);border-radius:12px;padding:1.5rem;box-shadow:0 8px 25px #0000004d}.modal-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--color-primary)}.menu-btn{position:fixed;top:1rem;left:1rem;background:var(--color-primary);color:var(--color-card);border:none;border-radius:.5rem;padding:.6rem .9rem;font-size:1.1rem;cursor:pointer;z-index:300;box-shadow:0 4px 8px #00000040}.premium-badge{display:inline-block;background-color:var(--color-primary);color:var(--color-card);font-weight:700;padding:.2rem .4rem;border-radius:4px;font-size:.8rem;margin-left:.5rem}.announcement-banner{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#ff9800,#ffb74d);color:#fff;font-weight:500;padding:.5rem 3rem .5rem 1rem;overflow:hidden;white-space:nowrap;box-shadow:0 2px 5px #0000001a;animation:fadeIn .5s ease-in-out}.announcement-content{width:100%;overflow:hidden;position:relative}.scrolling-text{display:inline-block;white-space:nowrap;animation:scrollText 15s linear infinite}.announcement-message{margin-right:2rem;font-size:.95rem}.dismiss-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:opacity .2s ease}.dismiss-btn:hover{opacity:.8}@keyframes scrollText{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.physics-divider{width:100%;display:flex;justify-content:center;margin:12px 0;cursor:ns-resize;pointer-events:auto}.physics-divider .divider-handle{height:10px;width:64px;border-radius:999px;background:linear-gradient(90deg,#00000014,#0000000a);box-shadow:0 6px 18px #0000000f,inset 0 1px #fff9}.login-prompt-card{background:color-mix(in srgb,var(--accent) 10%,transparent)!important;border:8px solid var(--accent)!important;border-radius:12px;padding:12px;margin-bottom:15px;cursor:pointer;text-align:center}.tarkiib-demo-container{display:flex;flex-direction:column;align-items:center;background:var(--bg-main);padding:15px;border-radius:8px;box-shadow:inset 0 2px 5px #0000000d;margin-bottom:15px;width:100%}.tarkiib-mini-board{display:grid;grid-template-columns:repeat(7,30px);gap:2px;background:var(--bg-main);padding:4px;border-radius:4px;margin-bottom:15px;width:max-content}.tarkiib-mini-cell{width:30px;height:30px;background:var(--bg-main);border-radius:2px;display:flex;align-items:center;justify-content:center;position:relative}.player-stats-scroll-container{max-height:400px;overflow-y:auto;border:1px solid #ccc;padding:10px;margin-bottom:20px;background:#fff}.player-stats-scroll-container table thead tr th{position:sticky;top:0;background:#f8f8f8;z-index:10;box-shadow:0 2px 2px -1px #0000001a;cursor:pointer}.collapse-toggle-btn{background:none;border:none;font-weight:700;font-size:1rem;cursor:pointer;margin-bottom:8px;padding:0;color:#333;user-select:none}.collapse-toggle-btn:hover{color:#007bff}.danger-btn{background-color:#e53935;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.danger-btn:hover{background-color:#c62828}.button-group{margin-bottom:24px}.button-group h4{margin-bottom:8px;color:#555}.admin-panel{background-color:#f9f9f9;padding:24px;border-radius:8px;max-width:600px;margin:0 auto;border:1px solid #ddd;box-shadow:0 4px 8px #0000000f;font-family:Arial,sans-serif}.admin-title{margin-bottom:16px;font-size:24px;color:#333}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:700;margin-bottom:4px}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.btn{background-color:#28a745;color:#fff;margin-top:8px}.btn:hover{opacity:.9}.fetch-btn{background-color:#007bff;color:#fff;margin-bottom:16px}.fetch-btn:disabled{background-color:#6c757d;cursor:not-allowed}.message{margin-bottom:16px;font-style:italic;color:#555}.fields-section{margin-top:24px}.fields-list{list-style-type:none;padding:0}.field-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #eee}.field-key{font-weight:700;color:#333}.field-value{flex-grow:1;margin-left:12px;color:#555;font-family:monospace;word-break:break-all}.delete-btn{background-color:red;color:#fff;margin-left:12px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.access-denied{color:red;text-align:center;font-weight:700}.form-group textarea{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;resize:vertical;font-family:monospace}hr{border:none;border-top:1px solid #ccc;margin:24px 0}h3{margin-bottom:8px;color:#444;font-size:18px}.delete-btn:hover,.fetch-btn:hover{opacity:.9}.form-group input+input,.form-group input+textarea{margin-top:8px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:#fff;padding:24px;border-radius:6px;max-width:400px;text-align:center;box-shadow:0 2px 8px #0003}.modal-actions{margin-top:16px;display:flex;justify-content:space-around;gap:10px}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{opacity:.9}@keyframes rainbowShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rectPulse{0%,to{transform:scale(1);box-shadow:0 0 14px #ffffff26}50%{transform:scale(1.01);box-shadow:0 0 18px #ffffff4d}}.calligraphy-rainbow{display:flex;justify-content:center;align-items:center;height:200px;background:linear-gradient(270deg,#ff0080,#ff8c00,#ff0,#0f0,#0ff,#00f,#8000ff);background-size:1400% 1400%;animation:rainbowShift 25s linear infinite;overflow:hidden;border-radius:24px}.calligraphy-rect{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:24px;background:var(--bg-main);border:1.4px solid rgba(255,255,255,.3);backdrop-filter:blur(14px);text-align:center;transition:all .4s ease;padding:24px;box-shadow:0 0 14px #ffffff1a;animation:rectPulse 6s ease-in-out infinite;width:80%;max-width:500px;max-height:calc(100% - 2rem);overflow-y:auto;position:relative;overflow:hidden;box-sizing:border-box}.calligraphy-rect,.calligraphy-rainbow{-webkit-text-size-adjust:none;text-size-adjust:none}.word-counter{position:absolute;top:8px;left:12px;font-size:14px;color:var(--text-main);font-weight:500}.calligraphy-rect.paused{animation-play-state:paused;opacity:.9;box-shadow:0 0 12px #fff3}.calligraphy-rect.loading{font-size:18px;color:var(--text-main)}.calligraphy-word{font-family:Amiri,serif;font-size:1.8rem;font-weight:700;color:var(--text-main);margin-bottom:10px;padding-left:50px;padding-right:50px;text-wrap:no-wrap}.calligraphy-meaning{font-family:Amiri,sans-serif;font-size:1rem;color:var(--text-main);direction:ltr;line-height:1.3;text-overflow:ellipsis}.calligraphy-meta{font-size:1rem;color:var(--text-main);margin-top:8px;line-height:1.4}.nav-arrow{position:absolute;transform:translateY(-50%);background:var(--bg-main);color:var(--text-main);border:none;font-size:22px;padding:6px 10px;border-radius:50%;cursor:pointer;z-index:5;transition:all .25s ease;backdrop-filter:blur(4px)}.nav-arrow:hover{background:var(--bg-main)}.nav-arrow.left{left:10px}.nav-arrow.right{right:10px}.glossary-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);z-index:100000000;display:flex;align-items:center;justify-content:center;padding:20px}.glossary-modal{background:var(--card-bg);color:var(--text-main);width:100%;max-width:400px;border-radius:20px;padding:24px;box-shadow:0 20px 50px #0006;border:1px solid var(--border-color);position:relative;max-height:85vh;display:flex;flex-direction:column}.glossary-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;line-height:1;color:var(--secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.glossary-close-btn:hover{color:var(--text-main)}.glossary-modal-title{font-family:Amiri,serif;font-size:2.2rem;margin:0 0 16px;text-align:center;color:var(--primary)}.glossary-modal-body{font-size:1rem;line-height:1.6;white-space:pre-wrap;overflow-y:auto;padding-right:8px}.glossary-modal-body::-webkit-scrollbar{width:6px}.glossary-modal-body::-webkit-scrollbar-track{background:transparent}.glossary-modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.submit-button-spinner{display:flex;align-items:center;gap:6px}.button-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--text-main) 30%,transparent);border-top:2px solid var(--text-main);border-radius:50%;animation:spin 1s linear infinite}.spectator-banner{text-align:center;font-size:1.1rem;font-weight:700;color:var(--color-text-light)}.rack-section{display:flex;flex-direction:column;align-items:center}.notiles{white-space:nowrap;text-align:center}.game-container{display:flex;flex-direction:column;max-width:520px;margin:0 auto;margin-top:calc(env(safe-area-inset-top) + var(--ad-height, 0px) + 10px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px);width:100%;overflow:hidden;position:relative;justify-content:center;align-items:stretch;box-sizing:border-box;background-color:var(--bg-main);color:var(--text-main);flex:1;min-height:0;transition:background-color .3s ease}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.game-header{display:flex;justify-content:center;align-items:center;padding:0}.player-info-card{background-color:var(--bg-main);padding:.2rem;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--border-color);transition:all .3s ease-in-out;width:100%;min-height:10vh;box-sizing:border-box;color:var(--text-main)}.player-info-card.current-player{opacity:1;border-color:var(--border-color);border:3px solid green;background-color:var(--bg-main);color:var(--text-main);box-shadow:0 4px 12px #00000026,0 0 8px var(--color-primary)}.player-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-bg-light);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.player-details .name{font-weight:600;font-size:.875rem}.player-details .score{font-weight:700;font-size:1.25rem}.player-details .name,.player-details .score{color:var(--text-main)}.ai-level{font-size:.75rem;opacity:.7;text-transform:capitalize}.message-text-wrapper{flex-grow:1;overflow:hidden;border:2px solid var(--color-secondary);border-radius:12px;background:var(--bg-main);display:flex;align-items:center;min-height:2.5rem;padding:0 10px}.message-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bg-main);color:var(--text-main);font-family:inherit;font-weight:700;font-size:1rem;padding:.45rem 1rem;box-shadow:0 4px 6px #0003;margin-bottom:.5rem;opacity:0;visibility:hidden;border:1px solid var(--border-color)}.message-banner.visible{opacity:1;visibility:visible;transform:translateY(0)}.message-text{flex-grow:1;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-main);text-wrap:wrap;margin:0;white-space:nowrap}.message-text:hover{animation:scroll-text 10s linear infinite}.message-text-wrapper:hover .message-text{animation:scroll-text 8s linear infinite}@keyframes scroll-text{0%{transform:translate(50%)}to{transform:translate(-150%)}}.back-button{background:none;border:none;cursor:pointer;padding:0;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--text-main)}.coin-display{display:flex;align-items:center;font-size:1rem;font-weight:700;gap:3px;color:var(--color-primary)}.power-ups-bar{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.75rem}.power-up-btn{background-color:var(--color-secondary);color:var(--color-card);border:3px solid var(--color-card);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #00000026;aspect-ratio:1 / 1;position:relative}.chat-unread-badge{background:#ff0;width:40px;height:40px;top:0;right:0}@keyframes badgePop{0%{transform:scale(.1)}70%{transform:scale(1.2)}to{transform:scale(1)}}.chat-button{position:relative!important;display:inline-flex;align-items:center;justify-content:center;font-size:22px;background:transparent;border:none;cursor:pointer;color:#fff}.chat-button:before{content:"";width:36px;height:36px}.unread-badge{position:absolute;top:-4px;right:-4px;background:var(--color-accent);color:var(--color-card);box-shadow:0 0 0 2px var(--color-card);font-size:11px;font-weight:700;min-width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center;padding:0 5px}.board-container{width:100%;max-width:520px;margin:0;padding:.4rem;background-color:#e0e0e0;border-radius:1px;box-shadow:inset 0 2px 4px #0000001a;position:relative;direction:rtl;aspect-ratio:1 / 1;overflow:hidden;cursor:grab;touch-action:none;justify-content:center;box-sizing:border-box}.zoomable-content{width:100%;height:100%;will-change:transform;transform-origin:center}.board-grid{display:grid;aspect-ratio:1 / 1;gap:1px;overflow:hidden}.board-square{display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:.625rem;font-weight:700;text-transform:uppercase;color:color-mix(in srgb,var(--text-main) 70%,transparent);background-color:var(--bg-main);width:100%;aspect-ratio:1 / 1;position:relative;overflow:hidden}.bonus-dl{background-color:#e0f2fe;color:#3b82f6}.bonus-tl{background-color:#bfdbfe;color:#2563eb}.bonus-dw{background-color:#fee2e2;color:#ef4444}.bonus-tw{background-color:#fecaca;color:#e11d48}.bonus-center{background-color:#fde047}.board-grid .tile .letter{font-size:1.25rem}.board-grid .tile .points{font-size:.2rem}.rack-container .tile .letter{font-size:2rem}.feedback-overlay-container{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:10;direction:rtl}@keyframes highlight-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.word-highlight-overlay{position:absolute;border:2px solid;border-radius:6px;box-sizing:border-box;transition:border-color .2s;direction:rtl}.word-highlight-overlay.correct{animation:highlight-appear .3s ease-out;border-color:green;box-shadow:0 0 1px #10b98180}.word-highlight-overlay.wrong{border-color:red;box-shadow:0 0 1px #ef444480}.word-highlight-overlay.preview{border-color:#00f;box-shadow:0 0 1px #3b82f680}@keyframes score-pop{0%{transform:var(--transform-from);opacity:0}to{transform:var(--transform-to);opacity:1}}.word-score-popup{position:absolute;padding:2px 4px;border-radius:20px;font-size:.875rem;font-weight:700;box-shadow:0 2px 6px #0006;animation:score-pop .4s .1s ease-out backwards;white-space:nowrap;transition:background-color .2s,color .2s}.word-score-popup.correct{background-color:#ecfdf5;color:#047857;--popup-bg-color: #ECFDF5}.word-score-popup.wrong{background-color:#fef2f2;color:#b91c1c;--popup-bg-color: #FEF2F2}.word-score-popup.preview{background-color:var(--color-bg-light);color:var(--color-primary);--popup-bg-color: var(--color-bg-light)}.word-score-popup:before{content:"";position:absolute;border-width:6px;border-style:solid;border-color:transparent}.word-highlight-overlay.horizontal .word-score-popup{top:50%;right:0;--transform-from: translate( calc(100% + 14px) , -50%) scale(.5);--transform-to: translate( calc(100% + 14px) , -50%) scale(1);transform:var(--transform-to)}.word-highlight-overlay.horizontal .word-score-popup:before{top:50%;right:100%;transform:translateY(-50%);border-right-color:var(--popup-bg-color)}[dir=rtl] .word-highlight-overlay.horizontal .word-score-popup{left:0;right:auto;--transform-from: translate( calc(-100% - 14px) , -50%) scale(.5);--transform-to: translate( calc(-100% - 14px) , -50%) scale(1);transform:var(--transform-to)}[dir=rtl] .word-highlight-overlay.horizontal .word-score-popup:before{left:100%;right:auto;border-left-color:var(--popup-bg-color)}.word-highlight-overlay.vertical .word-score-popup{bottom:0;left:50%;--transform-from: translate(-50%, calc(100% + 14px) ) scale(.5);--transform-to: translate(-50%, calc(100% + 14px) ) scale(1);transform:var(--transform-to)}.word-highlight-overlay.vertical .word-score-popup:before{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--popup-bg-color)}.tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background-color:#ffebcd;border-radius:6px;box-shadow:0 3px 1px #0003;font-family:Amiri,serif;font-weight:700;color:#374151;touch-action:none;padding:0;border:none;border-bottom:3px solid #c29a65;margin:0;box-sizing:border-box;line-height:1;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;user-select:none}.blank{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background-color:#ffebcd;border-radius:6px;box-shadow:0 3px 1px #0003;font-family:Amiri,serif;font-weight:700;color:#374151;cursor:grab;touch-action:none;padding:12px;border:none;margin:0;box-sizing:border-box;line-height:1;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.blank .letter{font-size:clamp(1.5rem,5vw,1.75rem);pointer-events:none}.tile.selected{background-color:#fca5a5;color:#991b1b;border:3px solid #ef4444;transform:scale(1.05);box-shadow:0 4px 6px #ef444480,0 1px 3px #0000001a;transition:all .15s ease-in-out;cursor:pointer}.tile.dragging{opacity:.5;cursor:grabbing}.tile .letter{font-size:2rem}.tile .points{position:absolute;top:2px;left:2px;font-family:inherit}.tile.sealed{position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;margin:0;background-color:#f5d6a0;font-family:Amiri,serif;font-weight:700;border-radius:2px;border:1px solid #D4B07B;box-shadow:inset 2px 2px #fff9,inset -2px -2px #00000026;cursor:default;user-select:none}.tile.sealed .points{font-weight:700;color:var(--text-main)}.rack-container{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;padding:.5rem;min-height:50px}.zoom-controls{position:absolute;bottom:calc(124px + 1rem);right:10px;z-index:20;display:flex;flex-direction:column;gap:8px}.zoom-controls button{width:40px;height:40px;border-radius:50%;background-color:var(--color-card);opacity:.8;border:1px solid var(--color-border);color:var(--color-text-light);font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0003;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s}.zoom-controls button:hover{opacity:1;transform:scale(1.1)}.controls-bar{display:flex;justify-content:space-around;align-items:center;padding:.5rem;background-color:var(--bg-main);margin-top:.1rem;box-shadow:0 4px 12px #0000001a;border:1px solid var(--border-color)}.control-btn{background:none;border:none;cursor:pointer;font-size:1.75rem;padding:.5rem;border-radius:50%;transition:background-color .2s;color:var(--text-main)}.control-btn:hover:not(:disabled){background-color:var(--text-muted)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.submit{background-color:var(--bg-main);border:3px solid green;color:var(--text-main);padding:.5rem 2.5rem;border-radius:1.5rem;font-size:1.25rem;font-weight:700}.control-btn.submit:hover:not(:disabled){background-color:var(--color-primary-hover)}.bottom-sheet-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1100;display:flex;align-items:flex-end;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.bottom-sheet-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;animation:fadeInOverlay .3s ease forwards}.menu-dropdown.bottom-sheet{position:relative;width:100%;background:var(--bg-main);border-top-left-radius:16px;border-top-right-radius:16px;padding:16px 16px 32px;box-shadow:0 -4px 12px #00000026;display:flex;flex-direction:column;gap:8px;animation:slideUpSheet .3s cubic-bezier(.25,.46,.45,.94) forwards;font-family:Amiri,serif}.bottom-sheet-header h2{text-align:center;font-size:1.1rem;margin:0 0 16px;color:var(--text-main);font-weight:600;font-family:Amiri,serif}.menu-dropdown.bottom-sheet button.control-btn{display:flex;align-items:center;justify-content:flex-start;gap:16px;width:100%;padding:16px 20px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;font-size:1.05rem;font-weight:500;cursor:pointer;color:var(--text-main);transition:background .2s,transform .1s;font-family:Amiri,serif}.menu-dropdown.bottom-sheet button:active{transform:scale(.98)}.menu-dropdown.bottom-sheet button:hover{background:#e9e9e9}.menu-dropdown.bottom-sheet button:disabled{opacity:.5;cursor:not-allowed;transform:none}.menu-icon{font-size:1.25rem;color:#666;flex-shrink:0}.magic-icon{color:#f39c12}.forfeit-btn{color:#d32f2f!important}.forfeit-btn .menu-icon{color:#d32f2f}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.tiles-remaining{font-weight:600;font-size:1rem;position:relative;padding:.5rem}.tiles-remaining .count{position:absolute;top:-5px;right:-8px;background-color:var(--color-accent);color:var(--color-card);font-size:.7rem;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.tile.finished{opacity:.35;filter:grayscale(100%);pointer-events:none;background-color:var(--color-bg-light);border-style:dashed}.ghost-tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;inset:0;border-radius:4px;font-family:Amiri,serif;font-weight:700;color:red;pointer-events:none}.ghost-tile .letter{font-size:clamp(1rem,5vw,1.75rem)}.ghost-tile .points{position:absolute;bottom:1px;right:3px;font-size:clamp(.5rem,2vw,.75rem);font-family:inherit}.drag-ghost{position:fixed;pointer-events:none;z-index:1000;width:50px;height:50px;transform:translate(-50%,-50%) rotate(5deg);background-color:#ffebcde6;border-radius:4px;box-shadow:0 8px 16px #0000004d;display:flex;align-items:center;justify-content:center;font-family:Amiri,serif;font-weight:700}.drag-ghost .letter{font-size:1.5rem}.drag-ghost .points{position:absolute;bottom:2px;right:4px;font-size:.8rem}.modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;animation:fadeIn .2s ease-in-out}.modal-card{background:var(--bg-main);border-radius:1rem;box-shadow:0 12px 30px #00000026;width:100%;max-width:28rem;padding:1.5rem;animation:slideUp .25s ease-in-out}.modal-content{background:var(--bg-main);padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:10px}.modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.modal-header h3{font-size:1.3rem;font-weight:700;color:var(--color-primary);margin:0}.modal-close{position:absolute;right:3rem;font-size:2rem;background:none;border:none;cursor:pointer;color:var(--text-main);opacity:.7;z-index:20}.modal-close:hover{color:var(--color-accent)}.modal-body{max-height:60vh;overflow-y:auto;padding-right:.25rem;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-light) 30%,transparent);border-radius:3px}.remaining-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.6rem}.remaining-grid .tile{position:relative;width:100%;aspect-ratio:1 / 1;background-color:var(--bg-main);color:var(--text-main);border-radius:.4rem;border:2px solid var(--border-color);box-shadow:0 2px 3px #00000026;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Amiri,serif}.remaining-grid .letter{font-size:1.25rem;line-height:1}.remaining-grid .points{position:absolute;bottom:3px;right:4px;font-size:.65rem;font-family:inherit;font-weight:500;line-height:1}.tile-count{position:absolute;bottom:5px;left:5px;font-size:.65rem;font-family:inherit;font-weight:600;color:var(--color-primary)}.word-info-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999}.game-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:var(--bg-main);color:var(--text-main);font-size:1.1rem}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;margin-bottom:15px;animation:spin 1s linear infinite}.grid-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.grid-modal-card{background-color:var(--bg-main);width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:1.5rem;box-sizing:border-box;box-shadow:0 -4px 15px #0003;transform:translateY(100%);animation:slideUpBottomSheet .3s cubic-bezier(.16,1,.3,1) forwards;max-height:80vh;overflow-y:auto;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.grid-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color, #eaeaea);padding-bottom:.8rem;margin-bottom:1rem}.grid-modal-close{background:none;border:none;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--text-main)}@keyframes slideUpBottomSheet{to{transform:translateY(0)}}.turn-history-bar{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-card, #fff);padding:.6rem 1rem;margin:.5rem 1rem;border-radius:12px;box-shadow:0 2px 6px #0000001a;border:1px solid var(--border-color, #e0e0e0);transition:all .3s ease}.turn-history-bar.active-replay{border-color:var(--color-primary, #0d9488);background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.turn-btn{background:var(--bg-main, #f5f5f5);border:1px solid var(--border-color, #ccc);color:var(--text-main, #333);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:opacity .2s,background-color .2s}.turn-btn:hover:not(:disabled){background-color:#e2e8f0}.turn-btn:disabled{opacity:.3;cursor:not-allowed}.turn-info{display:flex;flex-direction:column;align-items:center;gap:4px}.live-status{font-weight:700;color:var(--color-text-light, #666)}.replay-status{font-weight:700;color:var(--color-primary, #0d9488);font-size:.9rem}.live-btn{background-color:var(--color-primary, #0d9488);color:#fff;border:none;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #00000026}.grid-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.8rem;margin-bottom:1rem}.modal-tabs{display:flex;gap:.3rem;background-color:var(--bg-secondary, #e2e8f0);padding:4px;border-radius:12px;flex:1}.modal-tab{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:8px;font-weight:700;font-size:.9rem;color:var(--text-muted, #64748b);cursor:pointer;transition:all .2s ease;font-family:Amiri,serif}.modal-tab.active{background-color:var(--bg-main, #ffffff);color:var(--color-primary, #0d9488);box-shadow:0 2px 4px #0000001a}.history-list{display:flex;flex-direction:column;gap:12px;width:100%;max-height:60vh;overflow-y:auto;padding:5px}.history-item-wrapper{display:flex;width:100%}.history-item-wrapper.left-side{justify-content:flex-start}.history-item-wrapper.right-side{justify-content:flex-end}.history-item{width:48%;background:var(--bg-main, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:12px;cursor:pointer;transition:all .2s;box-sizing:border-box;box-shadow:0 2px 4px #0000000d}.history-item.selected{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.history-item.player-theme-0{border-left:4px solid #0d9488}.history-item.player-theme-1{border-right:4px solid #e11d48}.history-item.player-theme-1 .history-header{flex-direction:row-reverse}.history-item.player-theme-1 .move-words{justify-content:flex-end}.history-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.8rem;color:var(--text-muted)}.turn-score{font-weight:800;color:var(--text-main)}.board-viewer-container{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:10px}.color-legend{display:flex;gap:20px;margin-bottom:15px;font-size:.9rem;font-weight:800}.legend-item.player-0{color:#0d9488}.legend-item.player-1{color:#e11d48}.tarkiib-board-grid{display:grid;gap:1px;background:var(--bg-main);border:4px solid var(--border-color);width:100%;max-width:400px;aspect-ratio:1 / 1;border-radius:4px;direction:rtl}.board-cell{display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:.625rem;font-weight:700;text-transform:uppercase;color:color-mix(in srgb,var(--text-main) 70%,transparent);background-color:var(--bg-main);width:100%;aspect-ratio:1 / 1;position:relative;overflow:hidden}.board-cell.empty-cell{background:tan}.board-cell.played-tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-border);border-radius:6px;box-shadow:0 3px 1px #0003;font-family:Amiri,serif;font-weight:700;font-size:clamp(1rem,2.5vw,1.25rem);color:#374151;cursor:grab;touch-action:none;padding:0;border:none;margin:0;box-sizing:border-box;line-height:1;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.board-cell.player-0,.tile.sealed.player-0{border:2px solid #0d9488;color:#0d9488}.board-cell.player-1,.tile.sealed.player-1{border:2px solid #e11d48;color:#e11d48}.opponent-rack-section{display:flex;flex-direction:column;align-items:center;background:var(--bg-main)}.opponent-rack{display:flex;gap:6px;justify-content:center;align-items:center}.hidden-tile{width:42px;height:48px;background-color:tan;border:2px solid #b89972;border-radius:6px;box-shadow:inset 0 0 5px #00000026,0 2px 4px #0003;background-image:linear-gradient(135deg,#ffffff1a,#0000000d);color:transparent;flex-shrink:0}@keyframes dropOntoBoard{0%{transform:translateY(-150px) scale(1.3);opacity:0;box-shadow:0 15px 15px #0006}50%{opacity:1}to{transform:translateY(0) scale(1);box-shadow:0 2px 4px #0003}}.tile-drop-animate{animation:dropOntoBoard .5s cubic-bezier(.25,.46,.45,.94) forwards}.center-tracker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-bottom:8px}.vs-bar-track{width:100%;height:8px;background-color:var(--bg-secondary, #e2e8f0);border-radius:6px;position:relative;display:flex;overflow:visible;box-shadow:inset 0 1px 2px #0000001a}.vs-bar-fill{height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.vs-bar-fill.p0-fill{background-color:var(--color-primary, #0d9488);border-top-left-radius:6px;border-bottom-left-radius:6px}.vs-bar-fill.p1-fill{background-color:var(--color-danger, #e11d48);border-top-right-radius:6px;border-bottom-right-radius:6px}.time-since-wrapper .label-text{display:none!important}.center-tracker .time-since-wrapper{margin:0;padding:0;background:transparent;border:none;box-shadow:none}.center-tracker .time-since-text{font-size:.85rem;font-weight:700;color:var(--text-muted, #64748b)}.vs-circle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background-color:var(--bg-main, #ffffff);border:2px solid var(--border-color, #e2e8f0);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;font-size:.5rem;font-weight:800;color:var(--text-muted, #64748b);z-index:10;box-shadow:0 2px 4px #00000026}.vs-circle-icon svg{width:10px;height:10px;fill:gold}.mini-tile{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;margin:0 1px;background-color:#fdf6e3;border:1px solid #d1c7ac;border-radius:4px;box-shadow:0 2px #b3a992;font-family:Amiri,serif;font-size:.9rem;font-weight:700;color:#333;user-select:none}.mini-tile-letter{line-height:1;pointer-events:none}.played-word-badge{display:flex;flex-direction:row;direction:rtl;justify-content:flex-start;margin-bottom:4px;align-items:center}.tile.animate-drop{animation:drop-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}.score-animator-overlay{position:absolute;top:25%;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.elegant-floating-score{background:var(--color-primary, #0d9488);color:#fff;font-size:1.5rem;font-weight:700;padding:8px 24px;border-radius:30px;box-shadow:0 8px 20px #00000040;border:2px solid rgba(255,255,255,.2);font-family:Amiri,serif;display:flex;align-items:center;justify-content:center;gap:6px}@keyframes drop-in{0%{transform:translateY(-40px) scale(1.1);opacity:0;box-shadow:0 10px 15px #0003}70%{transform:translateY(5px) scale(.98);opacity:1}to{transform:translateY(0) scale(1);box-shadow:0 2px #b3a992}}@keyframes fly-from-opponent{0%{transform:translateY(-800px) scale(1.3) rotate(-15deg);opacity:0;box-shadow:0 20px 30px #0006}15%{opacity:1}75%{transform:translateY(10px) scale(.95) rotate(0)}to{transform:translateY(0) scale(1) rotate(0);box-shadow:0 2px #b3a992}}.tile.animate-drop{animation:fly-from-opponent .5s cubic-bezier(.2,.9,.3,1.1) forwards;z-index:50}.highlight-base{box-sizing:border-box;position:relative;z-index:10;border-radius:4px}.highlight-color-0{border:1px solid #00FF00!important;background-color:#00ff0026!important;--glow-color: rgba(0, 255, 0, .5)}.highlight-color-1{border:1px solid #00BFFF!important;background-color:#00bfff26!important;--glow-color: rgba(0, 191, 255, .5)}.highlight-color-2{border:1px solid #FF00FF!important;background-color:#ff00ff26!important;--glow-color: rgba(255, 0, 255, .5)}.highlight-color-3{border:1px solid #FF8C00!important;background-color:#ff8c0026!important;--glow-color: rgba(255, 140, 0, .5)}.highlight-color-4{border:1px solid #00FFFF!important;background-color:#00ffff26!important;--glow-color: rgba(0, 255, 255, .5)}.highlight-color-5{border:1px solid #FFFF00!important;background-color:#ffff0026!important;--glow-color: rgba(255, 255, 0, .5)}.highlight-color-6{border:1px solid #FF1493!important;background-color:#ff149326!important;--glow-color: rgba(255, 20, 147, .5)}.highlight-color-7{border:1px solid #9D00FF!important;background-color:#9d00ff26!important;--glow-color: rgba(157, 0, 255, .5)}.highlight-color-8{border:1px solid #FF4500!important;background-color:#ff450026!important;--glow-color: rgba(255, 69, 0, .5)}.highlight-color-9{border:1px solid #00FF7F!important;background-color:#00ff7f26!important;--glow-color: rgba(0, 255, 127, .5)}@keyframes pulseBorder{0%{box-shadow:0 0 2px var(--glow-color);filter:brightness(1)}50%{box-shadow:0 0 12px var(--glow-color);filter:brightness(1.2)}to{box-shadow:0 0 2px var(--glow-color);filter:brightness(1)}}.player-info-card{position:relative}.chat-btn{position:absolute;top:10px;right:10px;background-color:#fff;border:1px solid #e5e7eb;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;font-size:1.1rem;z-index:10;transition:transform .2s ease,box-shadow .2s ease;padding:0}.chat-btn:hover{transform:scale(1.1);box-shadow:0 6px 12px #00000026}.chat-unread-badge{position:absolute;top:-5px;right:-5px;background-color:#ef4444;color:#fff;border-radius:50%;min-width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;padding:0 4px}.roots-page{padding:8px;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;height:100vh;background:var(--bg-main);color:var(--text-main);overflow:hidden}.roots-status-bar{padding:12px 16px 8px;background:var(--bg-main)}.roots-action-sticky{position:sticky;z-index:100;background:var(--bg-main);padding:8px;border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d}.search-icon{color:var(--secondary)}.info-circle-btn{background:none;border:none;font-size:1.2rem;color:var(--primary);cursor:pointer;padding:4px}.category-scroll-container{display:flex;justify-content:center;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}.category-scroll-container::-webkit-scrollbar{display:none}.category-pill{white-space:nowrap;padding:6px 16px;border-radius:100px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--secondary);font-size:.85rem;font-weight:600;transition:all .2s;font-family:Amiri,serif}.category-pill.active{background:var(--primary);border-color:var(--primary);color:var(--bg-main);box-shadow:0 4px 12px #3b82f64d}.roots-scroll-area{flex:1;overflow-y:auto;padding:5px;border:1px solid var(--border-color);border-radius:12px}.roots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;align-items:stretch;padding-top:10px}.root-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px;box-shadow:0 6px 18px #1212120f;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .18s ease;cursor:pointer;text-align:center}.root-card:hover{transform:translateY(-6px);border-color:var(--primary)}.root-card.done{background:linear-gradient(180deg,var(--card-bg) 0%,var(--primary) 150%);border:1px solid var(--primary);box-shadow:0 0 12px var(--primary);position:relative}.root-card.done:after{position:absolute;top:8px;right:8px;font-size:20px;animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.3);opacity:1}}.root-card.done .root{font-size:2rem;color:#2d9f4b}.root-card .root{font-size:2rem;font-family:Amiri,serif;line-height:1;color:var(--text-main)}.root-card .meaning{font-size:12px;color:var(--text-main)}.meaning{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:4.5em}.root-badge{margin-top:6px;padding:6px 10px;border-radius:999px;font-size:12px;background:#2f9e44;color:#fff}.qr-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px;background:var(--bg-main)}.qr-modal{background:var(--bg-main);border-radius:12px;max-width:420px;width:92%;max-height:70vh;display:flex;flex-direction:column;padding:18px;box-shadow:0 20px 60px #00000040;position:relative}.qr-modal-content{overflow-y:auto;padding:10px 5px;text-align:center;height:80vh;color:var(--text-main)}.qr-modal-content h3{color:var(--text-main)}.qr-modal-close{position:absolute;top:50px;right:8px;border:none;background:var(--bg-main);color:var(--text-main);font-size:2rem;cursor:pointer;z-index:10}.qr-modal-root{font-size:48px;text-align:center;margin:8px 0;font-family:Amiri,serif}.qr-modal-meaning{text-align:center;margin-bottom:15px;color:var(--text-main);line-height:1.5;font-size:1.1rem}.summary-callout{background:var(--bg-main);border-left:4px solid var(--accent);color:var(--text-main);padding:12px 16px;border-radius:4px;font-size:1.1rem;margin-bottom:20px;line-height:1.6}.lexicon-paragraph{margin-bottom:1.2rem;line-height:1.6;color:var(--text-main);padding-left:1.2rem;text-indent:-1.2rem}.bullet-prefix{color:var(--text-main);font-weight:700}.arabic-highlight{font-family:Amiri,Traditional Arabic,serif;font-size:1.15rem;color:var(--primary);font-weight:700;padding:0 2px}.lexicon-citation{color:var(--secondary);font-size:.85rem;font-family:monospace}.lexicon-text-container{background:var(--bg-main);padding:15px;border-radius:8px;border-left:6px solid var(--border-color);color:var(--text-main)}.lexicon-paragraph:hover{border-left-color:var(--border-color);background:var(--bg-main)}.lexicon-show-more-btn{background:none;border:none;color:var(--text-main);font-weight:600;font-size:.85rem;padding:8px 0;cursor:pointer;display:block;width:100%;text-align:center;margin-top:10px;border-top:1px dashed #eee;transition:color .2s}.lexicon-show-more-btn:hover{color:var(--text-main);text-decoration:underline}.root-details-panel{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:2px solid var(--primary);color:var(--text-main);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 12px #00000026;transform:translateY(100%);transition:transform .3s ease-out;z-index:900;max-height:75vh;overflow-y:auto;padding:0 1rem 1rem;max-width:800px;margin:0 auto}.root-details-panel.open{transform:translateY(0)}.root-details-panel .close-btn:hover{background:#e0e0e0}.details-placeholder{font-style:italic;font-size:.9em;color:var(--text-tertiary);border-top:1px dashed var(--border-color);padding-top:10px}.search-input-wrapper{display:flex;align-items:center;gap:10px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:4px 12px;margin-bottom:12px;transition:border-color .2s ease,box-shadow .2s ease}.search-input-wrapper:focus-within{border-color:var(--text-main);box-shadow:0 0 0 2px var(--border-color)}.root-search-input{flex:1;background:transparent;color:var(--text-main);border:none;outline:none;padding:8px 0;font-size:.95rem;font-family:Amiri,serif}.root-search-input::placeholder{opacity:.6}.roots-controls{padding:0 10px}.no-results{grid-column:1 / -1;text-align:center;padding:30px;color:var(--text-secondary);font-style:italic}.quest-disclaimer{font-size:.875rem;color:#d6b98d;background:var(--color-card);border-left:4px solid #ffcc00;border-radius:6px;line-height:1}.quest-indicator{background:var(--bg-main);border-radius:12px;border:1px solid var(--border-color);padding:4px 12px;color:var(--text-main)}.payout-info.glowing{margin-top:10px;padding:8px 12px;background-color:#1e1e2f;color:#fff;font-weight:700;text-align:center;border-radius:8px;box-shadow:0 0 10px #ffd700b3,0 0 20px #ffd70080,0 0 30px #ffd7004d;animation:pulse-glow 2s infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 0 5px #ffd70080,0 0 10px #ffd7004d,0 0 15px #ffd70033}to{box-shadow:0 0 15px #ffd700e6,0 0 30px #ffd700b3,0 0 45px #ffd70080}}.quest-title-area{display:flex;align-items:center;margin-bottom:8px;font-weight:700;color:var(--primary);width:100%}.quest-icon{font-size:1.2em;margin-right:5px;animation:pulse 1.5s infinite alternate}.quest-name{font-size:1em}.quest-progress-bar-container{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:5px}.quest-progress-bar{height:100%;background-color:var(--accent);transition:width .5s ease-out;border-radius:4px}.quest-progress-text{font-size:.85em;color:var(--text-main);display:flex;justify-content:space-between}.progress-numbers{color:var(--text-main)}.completion-banner{margin-top:5px;padding:5px;background-color:#ffc107;color:var(--text-main);border-radius:6px;font-weight:700;text-align:center;animation:pop .3s ease-out}@keyframes pop-in{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes shine{0%{box-shadow:0 0 5px #ffd70066}50%{box-shadow:0 0 15px #ffd700cc,0 0 5px #ffd70099}to{box-shadow:0 0 5px #ffd70066}}.muslim-character-container{text-align:center;display:flex;justify-content:center;align-items:center}.character-image{width:100%;height:100%;object-fit:contain;display:block;transition:transform .2s ease-out}.muslim-character-container.reaction-celebrate{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}.muslim-character-container.reaction-celebrate .character-image{animation:bob 4s ease-in-out infinite,shine 2s ease-in-out infinite alternate;will-change:transform,box-shadow;padding:5px;border-radius:50%}.category-toggles{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.category-toggle-btn{padding:.4rem .8rem;border:1px solid #ccc;border-radius:.25rem;background:#f5f5f5;cursor:pointer;transition:.2s all}.category-toggle-btn.active{background:gold;border-color:#ffb800;font-weight:700}.info-icon-btn{background:none;border:1px solid #ccc;border-radius:4px;padding:.4rem .8rem;font-size:.9rem;font-family:inherit;color:#333;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease}.info-icon-btn:hover{border-color:#666;color:#000;background-color:#f5f5f5}.info-icon-btn:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 2px #0078d44d}.derivative-card{background:#fff6;border-radius:12px;padding:12px;margin-bottom:12px;border:1px solid #e0d5bc}.d-main-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.d-word{font-family:Amiri,serif;font-size:1.6rem;color:#a67c00}.d-tags{display:flex;gap:4px}.d-tag{font-size:.7rem;border-radius:4px;font-weight:700;text-transform:uppercase;background:var(--card-bg);color:var(--secondary);border:1px solid var(--border-color)}.d-info-row{display:flex;justify-content:space-between;font-size:.95rem;margin-bottom:6px;color:#4a4238}.d-count{font-size:.8rem;opacity:.7;font-weight:700}.d-features{font-size:.75rem;color:#8b7355;font-style:italic;margin-bottom:4px;border-top:1px solid rgba(0,0,0,.03);padding-top:4px}.d-locations{font-size:.75rem;color:#a0907a;background:#00000005;padding:4px 8px;border-radius:6px;word-break:break-all}.d-locations strong{color:#6d5d4b;margin-right:4px}.wrapper-btn{padding:8px;cursor:pointer;border-radius:8px;background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);font-family:Amiri,serif}.wrapper{display:flex;align-items:center;justify-content:space-around;gap:10px;background:var(--bg-main);border:1px solid var(--border-color);padding:4px;border-radius:12px}.root-card.done.quest-complete{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.auto-reveal-badge{background:var(--secondary-bg);border:1px solid var(--border-color);font-size:.8rem;opacity:.8;filter:grayscale(1)}.sheet-header{display:flex;flex-direction:column;padding:10px 16px 14px;background:var(--card-bg);position:sticky;top:0;z-index:10}.header-handle{width:36px;height:4px;border-radius:10px;margin:0 auto 10px;flex-shrink:0}.pos-indicator{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;background:var(--bg-main);padding:6px 14px;border-radius:100px;border:1px solid rgba(0,0,0,.02)}.pos-btn{border:none;background:transparent;padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:600;color:#666;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;font-family:Amiri,serif}.pos-btn.active{background:var(--primary);color:var(--bg-main);box-shadow:0 2px 5px #0000001a}.pos-divider{width:1px;height:14px;background:#ccc;margin:0 2px}.animate-fade-in{animation:lexiconFadeIn .25s ease-out}@keyframes lexiconFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-divider{border:0;border-top:1px solid #eee;margin:20px 0}.pos-lexicon-trigger{font-size:.75rem;color:var(--primary-color, #007bff);text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:opacity .2s}.pos-lexicon-trigger:hover{opacity:1;color:var(--primary-dark, #0056b3)}.pos-dot{width:8px;height:8px;background-color:#3b82f6;border-radius:50%}.pos-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#475569}.close-icon-top{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--text-main);font-size:.9rem;transition:all .2s ease}.primary-arabic-root{font-family:Amiri,serif;font-size:3.5rem;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:12px;margin:15px 0 5px}.root-occurrence-badge{font-family:var(--font-sans, sans-serif);font-size:.9rem;font-weight:700;background:var(--primary);color:var(--bg-main);padding:2px 10px;border-radius:20px;align-self:flex-start;margin-top:10px;display:inline-flex;align-items:center}.root-occurrence-badge:before{content:"×";font-size:.8rem;margin-right:2px;opacity:.7}.primary-meaning{text-align:center;color:var(--text-secondary);font-size:1.1rem}.derivatives-wrapper{display:flex;flex-direction:column;gap:1rem}.derivatives-section h3{font-size:1.1rem;margin-bottom:1rem;color:var(--primary);font-weight:700}.derivatives-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.derivatives-grid{grid-template-columns:repeat(2,1fr)}}.derivative-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .2s ease,border-color .2s ease}.derivative-card:hover{border-color:var(--primary);transform:translateY(-2px)}.d-main-row{display:flex;justify-content:space-between;align-items:center}.d-word{font-family:Amiri,serif;font-size:1.5rem;color:var(--text-main);font-weight:700}.d-info-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.95rem}.d-meaning{color:var(--text-main);font-weight:500}.d-count{font-size:.85rem;color:var(--primary);font-weight:700;opacity:.9}.d-features{font-size:.8rem;color:var(--secondary);font-style:italic;padding:6px 0;border-top:1px solid var(--border-color);line-height:1.4}.d-locations{font-size:.75rem;color:var(--secondary);background:var(--card-bg);padding:6px 10px;border-radius:6px;word-break:break-all}.d-locations strong{color:var(--accent);margin-right:4px}.no-data-msg{text-align:center;color:var(--secondary);padding:2rem;font-style:italic}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.d-verses-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.d-verse-card{background:var(--bg-main);border-left:3px solid #8b6b4a;padding:8px 12px;border-radius:4px}.d-verse-ref{display:inline-block;font-size:.75rem;font-weight:700;color:var(--text-main);background:var(--bg-main);padding:2px 6px;border-radius:4px;margin-bottom:6px;direction:ltr}.d-verse-arabic{font-size:1.25rem;line-height:1.8;font-family:Scheherazade New,Amiri,Arial,sans-serif;text-align:right;margin-bottom:4px;color:var(--text-main)}.d-verse-translation{font-size:.9rem;line-height:1.4;color:var(--text-main);font-style:italic}.highlighted-arabic-word{color:#d9453c;font-weight:700;background:var(--bg-main);border-radius:3px;padding:0 2px}.d-verse-header{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;border-bottom:1px dashed var(--border-color, #e2e8f0);padding-bottom:8px}.d-token-metadata{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem}.token-tag{background:var(--bg-secondary, #f1f5f9);padding:3px 8px;border-radius:12px;color:var(--text-muted, #475569);border:1px solid var(--border-light, #cbd5e1);white-space:nowrap}.token-tag.ar-token{font-weight:700;font-size:1rem;color:var(--primary-color, #0f172a);background:#e0f2fe;border-color:#bae6fd}.token-tag.lemma{font-size:.85rem;background:#f8fafc}.token-tag.pos{text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.5px;background:#fef3c7;color:#92400e;border-color:#fde68a}.token-tag.trans{font-style:italic;background:#f0fdf4;color:#166534;border-color:#bbf7d0}.export-canvas-summary{width:1080px;height:1080px;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;box-sizing:border-box;position:relative;border:12px solid #d4af37;font-family:Inter,system-ui,sans-serif}.export-badge{background:#d4af37;color:#0f172a;padding:6px 20px;border-radius:30px;font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px}.export-arabic-root{font-family:Amiri,Scheherazade New,serif;font-size:180px;color:#fcd34d;margin:0 0 20px;line-height:1.1;text-shadow:0 10px 30px rgba(0,0,0,.5)}.export-summary-text{font-size:36px;color:#f8fafc;text-align:center;line-height:1.4;max-width:90%;margin-bottom:40px;font-weight:300}.export-meta-row{display:flex;gap:40px;margin-bottom:40px}.export-meta-item{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;padding:15px 35px;border-radius:16px;border:1px solid rgba(212,175,55,.2)}.meta-label{font-size:1rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.meta-value{font-size:2.5rem;color:#d4af37;font-weight:700}.export-derivatives-preview{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.preview-label{color:#94a3b8;text-transform:uppercase;letter-spacing:2px;font-size:1rem;margin-bottom:15px}.preview-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;width:90%}.preview-card{background:#0f172a99;border:1px solid rgba(212,175,55,.3);padding:15px 25px;border-radius:12px;display:flex;flex-direction:column;align-items:center;min-width:150px}.p-word{font-family:Amiri,serif;font-size:2rem;color:#f8fafc;margin-bottom:5px}.p-meaning{font-size:1rem;color:#cbd5e1;text-align:center}.export-watermark{position:absolute;bottom:30px;color:#fff3;font-size:1.1rem;letter-spacing:4px;text-transform:uppercase}.export-canvas-pdf{position:relative;width:794px;min-height:1123px;background:#fff;color:#1e293b;padding:60px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;padding-bottom:100px!important}.pdf-header{text-align:center;border-bottom:2px solid #e2e8f0;padding-bottom:30px;margin-bottom:40px}.pdf-arabic-root{font-family:Amiri,serif;font-size:90px;color:#0f172a;margin:0 0 20px}.pdf-summary{font-size:24px;color:#334155;margin-bottom:15px;line-height:1.4}.pdf-occurrences{background:#f1f5f9;display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;color:#475569;font-weight:600}.pdf-section{margin-bottom:40px}.pdf-section-title{font-size:22px;color:#0f172a;border-left:4px solid #d4af37;padding-left:12px;margin-bottom:24px}.pdf-derivatives-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.pdf-derivative-card{background:#f8fafc;border:1px solid #e2e8f0;padding:20px;border-radius:12px;page-break-inside:avoid}.pdf-d-word{font-family:Amiri,serif;font-size:32px;color:#0f172a;margin-bottom:10px}.pdf-d-meaning{font-size:16px;color:#475569;margin-bottom:12px}.pdf-d-tag{background:#e0e7ff;color:#4338ca;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.pdf-lexicon-content{font-family:Georgia,serif;line-height:1.8;color:#334155}.pdf-lexicon-p{margin-bottom:16px;text-align:justify}.p-locs{font-size:.8rem;color:#94a3b8;text-align:center;margin-top:8px;line-height:1.3}.preview-more-notify{color:#fcd34d;font-size:1rem;margin-top:20px;font-style:italic;opacity:.9}.pdf-derivatives-grid{display:flex;flex-direction:column;gap:25px}.pdf-d-header-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:10px;margin-bottom:15px}.pdf-d-tags{display:flex;gap:8px}.wazn-tag{background:#fef3c7;color:#b45309}.pdf-locations-list{margin-top:15px;display:flex;flex-direction:column;gap:15px}.pdf-verse-block{background:#fff;border-left:3px solid #cbd5e1;padding:12px 15px;border-radius:0 8px 8px 0}.pdf-verse-meta{font-size:13px;color:#475569;margin-bottom:8px;display:flex;justify-content:space-between}.pdf-exact-trans{font-style:italic;color:#0f172a}.pdf-verse-arabic{font-family:Amiri,serif;font-size:22px;line-height:1.8;color:#0f172a;margin-bottom:8px;text-align:right}.pdf-verse-translation{font-size:14px;line-height:1.5;color:#334155}.pdf-verse-arabic .highlighted-arabic-word{color:#b45309;font-weight:700}.export-watermark-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/logo.png);background-repeat:repeat;background-size:400px;opacity:.08;z-index:0;pointer-events:none}.export-canvas-summary>*,.export-canvas-pdf>*{position:relative;z-index:1}.spinner-overlay{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px;background-color:transparent}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:16px}.professional-spinner{width:48px;height:48px;border:4px solid rgba(0,128,128,.15);border-left-color:teal;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-text{color:teal;font-family:Amiri,serif;font-size:1.25rem;font-weight:700;margin:0;text-align:center;animation:pulse-text 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.hint-rack-panel{display:flex;justify-content:space-around;align-items:center;gap:.5rem;width:100%;padding:.5rem;background:#00000008;border-radius:8px}.hint-rack-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--color-surface, #fff);background:var(--bg-main);box-shadow:0 2px 4px #0000001a}.hint-rack-btn:disabled{opacity:.6;cursor:not-allowed}.hint-rack-btn.accent{color:#8b5cf6;border-bottom:3px solid #8b5cf6}.hint-rack-btn.secondary{color:#10b981;border-bottom:3px solid #10b981}.hint-rack-btn.primary{color:#3b82f6;border-bottom:3px solid #3b82f6}.hint-icon{font-size:1.25rem}.hint-label{font-size:.75rem;font-weight:700;color:var(--color-text, #333)}.hint-cost-badge{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:12px}.coin-icon{color:#eab308}.video-icon{color:#ef4444;font-size:.8rem}.spin-anim{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.time-since-wrapper{display:flex;align-items:center;gap:8px;font-family:inherit;font-size:.95rem}.time-since-text{font-weight:600;transition:color .3s ease}.time-since-text.green{color:var(--color-success, #3fa34d)}.time-since-text.yellow{color:var(--color-warning, #e7c000)}.time-since-text.red{color:var(--color-danger, #e74c3c)}.endgame-btn{background-color:var(--color-danger, #e74c3c);color:#fff;border:none;border-radius:.4rem;padding:4px 10px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease}.endgame-btn:hover{background-color:#c0392b}.pulse{animation:pulse 1.3s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.endgame-actions{display:flex;justify-content:flex-end;margin-top:1.5rem;gap:.5rem}.endgame-cancel,.endgame-confirm{padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem;cursor:pointer;border:none}.endgame-cancel{background-color:var(--color-muted-bg, #aaa);color:var(--color-text-dark, #111)}.endgame-cancel:hover{background-color:#999}.endgame-confirm{background-color:var(--color-danger, #e74c3c);color:#fff}.endgame-confirm:hover{background-color:#c0392b}.quest-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.quest-modal{background-color:var(--color-card);border-radius:1rem;box-shadow:0 8px 24px #0003;width:100%;max-width:400px;padding:1.5rem;position:relative;overflow-y:auto}.quest-close{position:absolute;top:1rem;right:1rem;font-size:1.5rem;background:none;border:none;cursor:pointer;color:var(--color-text-light)}body.dark .quest-close{color:var(--color-text-dark)}.quest-title{font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:.8rem}.word-modal-overlay{position:fixed;inset:0;background-color:#0006;backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;z-index:9999;padding:0;animation:fadeIn .3s ease-out}.word-modal{width:100%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;background-color:var(--bg-main);border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #0003;overflow:hidden;animation:sheetSlideUp .35s cubic-bezier(.25,1,.5,1)}.word-modal-header-container{display:flex;flex-direction:column;padding:12px 16px 8px;border-bottom:1px solid rgba(0,0,0,.05);background:var(--bg-main);z-index:10}.header-handle{width:40px;height:4px;background:var(--bg-main);border-radius:10px;margin:0 auto 12px}.header-main-row{display:flex;justify-content:space-between;align-items:center;width:100%}.pos-indicator{display:flex;align-items:center;gap:8px;background:var(--bg-main);padding:6px 14px;border-radius:100px}.pos-dot{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;box-shadow:0 0 0 2px #3b82f626}.pos-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-main)}.close-icon-top{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-main);border:none;border-radius:50%;cursor:pointer;color:var(--text-main);transition:all .2s}.modal-content{padding:12px 16px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.word-section{margin-bottom:12px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-main)}.word-toggle{width:100%;background:none;border:none;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.word-toggle-title{font-family:Amiri,serif;font-size:1.6rem;font-weight:700;color:var(--text-main)}.arrow{color:var(--text-main);font-size:.7rem}.word-details{padding:0 16px 16px;border-top:1px dashed var(--border-color)}.meaning-container{background:var(--bg-main);padding:12px;border-radius:10px;margin:12px 0;border-right:3px solid #3b82f6}.word-glosses{font-family:Amiri,serif;font-size:1.15rem;line-height:1.6;margin:4px 0 0;color:var(--text-main)}.label{font-size:.75rem;font-weight:700;color:#3b82f6;text-transform:uppercase;margin-left:6px}.source-pill{font-size:.75rem;background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:4px;font-weight:600}.extra-metadata{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:var(--text-main)}.ipa-text{font-family:monospace;color:#0891b2}.modal-footer{padding:16px 20px 30px;border-top:1px solid rgba(0,0,0,.05);background:#fff}.close-btn-footer{width:100%;background:#1e293b;color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;cursor:pointer;transition:background .2s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #00000026;position:fixed;top:0;left:0;width:100%;z-index:1000;padding-top:env(safe-area-inset-top,10px);box-sizing:border-box}.header-left{display:flex;align-items:center;gap:1rem}.header-container{max-width:1200px;margin:0 auto;padding:.2rem 1rem;display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;align-items:center}.store-btn{display:flex;align-items:center;gap:.5rem;background-color:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--text-main);font-weight:700;font-size:.8rem;padding:.6rem;border-radius:9999px;border:1px solid var(--primary);cursor:pointer;transition:all .2s ease}.store-btn:hover{background-color:var(--primary);color:var(--bg-main)}.icon-btn{padding:.6rem;border-radius:50%;border:none;background:transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease;color:var(--text-main)}.icon-btn:hover{background-color:var(--border-color);color:var(--primary)}.icon{width:20px;height:20px;fill:currentColor}.icon-lg{width:24px;height:24px;fill:currentColor}.sidebar-toggle{background:var(--primary);color:var(--bg-main);font-size:1.4rem;font-weight:700;border:none;padding:.3rem .6rem;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0003}.sidebar-toggle:hover{background:var(--primary-hover);transform:scale(1.05)}.header-user-group{display:flex;align-items:center;gap:4px}.login-prompt-mini{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px dashed var(--accent);border-radius:12px;padding:4px 12px;margin-left:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,background .2s ease}.login-prompt-mini:hover{background:color-mix(in srgb,var(--accent) 20%,transparent);transform:translateY(-1px)}.login-prompt-content{display:flex;flex-direction:column;text-align:center;line-height:1.2}.login-prompt-title{color:var(--accent);font-size:.75rem;font-weight:700}.login-prompt-subtitle{color:#856404;font-size:.65rem;opacity:.8}[dir=rtl] .login-prompt-mini{margin-left:0;margin-right:10px}@media(max-width:360px){.login-prompt-subtitle{display:none}.login-prompt-mini{padding:8px 10px}}.header-title{font-size:1.4rem;font-weight:700;font-family:Amiri,serif;color:var(--text-main);display:inline-flex;align-items:flex-start;gap:4px}.premium-icon{width:.8em;height:.8em;flex-shrink:0;margin-top:4px}.header-sidebar-badge{position:absolute;top:-4px;right:-6px;background-color:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:50%;line-height:1;box-shadow:0 0 0 2px var(--bg-main, #ffffff);pointer-events:none;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}.dict-section{margin-bottom:8px}.dictionary-controls-container{padding:0 1rem 1rem}.dict-letter-btn{background:var(--bg-maain);border:1px solid var(--border-color);border-radius:8px;font-family:Amiri,serif;font-size:1.4rem;font-weight:700;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--text-main, #333);transition:all .2s}.dictionary-fullscreen{position:fixed;inset:0;background:var(--bg-main, #ffffff);color:var(--text-main, #333);z-index:100005;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,10px);padding-bottom:env(safe-area-inset-bottom,10px);overflow:hidden;width:100%}.dictionary-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-main, #ffffff);gap:20px}.dictionary-header h2{margin:0;font-size:1.25rem;color:var(--primary, #ff9800)}.dictionary-search-container{padding:.5rem 1rem;background:var(--bg-main);border-bottom:1px solid var(--border-color);align-items:center}.dictionary-search-input{width:92%;padding:.5rem 1rem;background:var(--bg-main);border-radius:8px;border:1px solid var(--border-color);font-size:1rem;font-family:Amiri,serif}.dictionary-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:10px;height:100%;font-family:Amiri,serif;font-size:large}.dictionary-entry{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:0 1rem;height:auto;position:relative;display:flex;flex-direction:column;transition:border-color .2s ease}.dictionary-entry-header{padding:.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.dictionary-entry-body{padding:.1rem;border-top:1px dashed var(--border-color);display:block;gap:10px}.dictionary-entry.expanded{border-color:var(--primary, #ff9800)}.dict-word{font-weight:700;font-size:1.1rem}.dictionary-badge{font-size:.7rem;background:var(--bg-main);padding:2px 6px;margin-right:10px;color:var(--text-main);border:1px solid var(--border-color);border-radius:8px}.dict-section{margin-bottom:12px}.dict-section strong{display:block;color:var(--primary, #ff9800);font-size:.8rem;text-transform:uppercase;margin-bottom:12px}.dict-inline-list{color:var(--text-main);line-height:1.4}.dictionary-empty{text-align:center;padding:2rem;color:var(--text-main)}.dictionary-controls-container{padding:0 1rem .5rem}.dictionary-header-actions{display:flex;align-items:center;gap:20px;position:relative;z-index:10}.dict-close-wrapper{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.dict-close-wrapper>*{position:relative!important;inset:auto!important;margin:0!important}.dict-toggle-search-btn{background:var(--bg-main, #f5f5f5);border:1px solid var(--border-color, #ddd);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main, #333);transition:all .2s ease}.dict-toggle-search-btn:hover{background:var(--primary, #ff9800);color:#fff;border-color:var(--primary, #ff9800);transform:scale(1.05)}.dictionary-alphabet-row{display:flex;gap:8px;overflow-x:auto;padding:.5rem 0;scrollbar-width:none}.dictionary-alphabet-row::-webkit-scrollbar{display:none}.dict-letter-btn{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;font-family:Amiri,serif;font-size:1.4rem;font-weight:700;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--text-main, #333);transition:all .2s}.dict-letter-btn:hover{border-color:var(--primary, #ff9800);color:var(--primary, #ff9800)}.dict-letter-btn.active{background:var(--primary, #ff9800);color:#fff;border-color:var(--primary, #ff9800);transform:scale(1.1);box-shadow:0 4px 8px #0000001a}.dictionary-tabs{display:flex;gap:8px;padding:0 1rem 10px;overflow-x:auto;scrollbar-width:none}.dictionary-tabs::-webkit-scrollbar{display:none}.dictionary-tab-btn{padding:6px 14px;border-radius:20px;background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s}.dictionary-tab-btn.active{background:var(--primary, #ff9800);color:#fff;border-color:var(--primary, #ff9800);font-weight:700}.dict-header-right{display:flex;align-items:center;gap:12px}.dict-action-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;opacity:.3;transition:opacity .2s,transform .2s;padding:0}.dict-action-btn:hover{transform:scale(1.2)}.dict-action-btn.active{opacity:1;color:var(--text-main)}.dict-note-textarea{width:100%;box-sizing:border-box;padding:10px;border-radius:8px;border:1px solid var(--border-color, #ccc);background:var(--bg-main, #fafafa);color:var(--text-main, #333);font-family:inherit;font-size:.9rem;resize:vertical;min-height:60px}.dict-note-textarea:focus{outline:none;border-color:var(--primary, #ff9800);background:var(--bg-main, #fff)}.dict-table-container{width:100%;overflow-x:auto;border-radius:8px;border:1px solid var(--border-color, #e0e0e0);background:var(--bg-main, #ffffff);margin-top:8px}.dict-forms-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:auto}.dict-forms-table th:first-child,.dict-forms-table td:first-child{width:1%;white-space:nowrap;text-align:center}.dict-forms-table th:last-child,.dict-forms-table td:last-child{width:99%;text-align:center}.dict-forms-table th{background:#ff98001a;color:var(--primary, #ff9800);padding:10px 8px;font-weight:700;border-bottom:2px solid var(--border-color, #e0e0e0)}.dict-forms-table td{padding:10px 8px;border-bottom:1px solid var(--border-color, #f0f0f0);vertical-align:middle}.dict-forms-table tr:last-child td{border-bottom:none}.dict-table-form{font-family:Amiri,serif;font-size:1.2rem;font-weight:700;color:var(--text-main)}.dict-table-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;align-content:center;width:100%;color:var(--text-main)}.dict-tag-pill{background:var(--bg-main);border:1px solid var(--border-color, #ddd);color:var(--text-main);font-size:.75rem;padding:3px 8px;border-radius:4px;white-space:nowrap}.dict-info-btn{background:none;border:none;color:var(--primary, #ff9800);font-size:1.1rem;cursor:pointer;padding:0;display:flex;align-items:center;transition:transform .2s}.dict-info-btn:hover{transform:scale(1.1)}.dict-tutor-overlay{position:fixed;inset:0;background:#0009;z-index:100010;display:flex;justify-content:center;align-items:center;padding:20px}.dict-tutor-content{background:var(--bg-main, #fff);width:100%;max-width:600px;max-height:85vh;border-radius:12px;padding:20px;position:relative;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003}.dict-tutor-content h2{color:var(--primary, #ff9800);margin-top:0;margin-bottom:20px;text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:10px}.dict-tutor-scrollable{overflow-y:auto;padding-right:10px;flex:1}.tutor-section{margin-bottom:20px}.tutor-section h3{color:var(--text-main, #333);font-size:1.1rem;margin-bottom:8px}.tutor-section ul{padding-left:20px;margin:0;color:var(--text-main, #555)}.tutor-section li{margin-bottom:6px;line-height:1.4}.dict-export-canvas,.dict-export-canvas *{font-family:Amiri,serif!important}.dict-export-canvas{background:#fdfbf7;color:#333;position:relative;overflow:hidden;box-sizing:border-box;text-align:left}.export-canvas-pdf{width:900px;padding:40px}.pdf-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #d4af37}.pdf-arabic-root{font-size:5rem;color:#2c3e50;margin:0 0 10px}.pdf-summary{font-size:1.5rem;color:#666;font-style:italic}.pdf-section{margin-bottom:24px;width:100%}.pdf-section-title{font-size:1.8rem;color:#2c3e50;border-left:5px solid #d4af37;padding-left:15px;margin-bottom:15px}.pdf-lexicon-content{font-size:1.2rem;color:#444;display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left}.pdf-lexicon-p{margin:0!important;line-height:1.5;width:100%}.pdf-safe-table{width:100%;border-collapse:collapse;margin-top:10px;table-layout:fixed;background:#fff}.pdf-safe-table th,.pdf-safe-table td{border-bottom:1px solid #ddd;border-top:none;border-left:none;border-right:none;padding:12px 10px;vertical-align:top;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.pdf-safe-table th:nth-child(1),.pdf-safe-table td:nth-child(1){width:35%;font-size:1.4rem;font-weight:700}.pdf-safe-table th:nth-child(2),.pdf-safe-table td:nth-child(2){width:65%;font-size:1.15rem;line-height:1.6}.pdf-safe-table th{background-color:#f5f5f5;color:#333;font-weight:700}.announcement-page-container{max-width:768px;margin:0 auto;padding:calc(env(safe-area-inset-top,20px) + 20px) 20px 40px;min-height:100vh;background-color:var(--bg-main);color:var(--text-main)}.back-btn{background:none;border:none;color:var(--primary, #3b82f6);font-size:1rem;font-weight:600;cursor:pointer;padding:8px 0;margin-bottom:24px;display:inline-flex;align-items:center;transition:opacity .2s}.back-btn:hover{opacity:.8}.announcement-content{display:flex;flex-direction:column;gap:16px}.article-title{font-size:2rem;font-weight:800;margin:0;line-height:1.2;color:var(--text-main)}.article-date{font-size:.9rem;color:var(--color-text-light, #6b7280);border-bottom:1px solid var(--border-color, #e5e7eb);padding-bottom:16px;margin-bottom:8px}.article-body{display:flex;flex-direction:column}.article-paragraph{font-size:1.1rem;line-height:1.4;margin:0!important;padding:0;text-align:justify;text-justify:inter-word}.article-image-container{width:100%;border-radius:12px;overflow:hidden;margin:8px 0}.article-image-container img{width:100%;height:auto;display:block;object-fit:cover}.article-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin:8px 0;background:#000}.article-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.article-link{color:var(--primary, #3b82f6);font-weight:600;text-decoration:underline;text-underline-offset:4px;font-size:1.05rem}.article-link:hover{color:var(--primary-hover, #2563eb)}.article-action-btn{background-color:var(--primary, #3b82f6);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:1.1rem;font-weight:700;cursor:pointer;text-align:center;margin-top:10px;transition:transform .2s,background-color .2s}.article-action-btn:hover{background-color:var(--primary-hover, #2563eb);transform:translateY(-2px)}.article-action-btn:active{transform:translateY(0)}body.dark-mode .article-date{border-bottom-color:#374151}.article-section-heading{font-size:1.5rem;font-weight:700;margin-top:24px;margin-bottom:8px;color:var(--text-main);border-bottom:2px solid var(--border-color, #e5e7eb);padding-bottom:8px}.fullscreen-modal{position:fixed;inset:0;background:var(--bg-main);color:var(--text-main);z-index:100005;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}.fullscreen-content{background:var(--bg-main);color:var(--text-main);padding:1rem;position:relative;flex:1;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,20px);border-radius:0}.fullscreen-content h2{margin-top:0}.logo-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:20px;width:100%;gap:12px;background:var(--bg-main);border-bottom:1px solid grey}.logo{position:relative;top:2rem;height:clamp(120px,25vw,256px);width:auto;border-radius:24px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:logo-glow 3s infinite ease-in-out}@media(max-width:900px){.logo-container{flex-direction:column}.logo{height:80px}}.close-btn{position:absolute;top:5rem;right:1rem;font-size:2rem;background:none;border:none;cursor:pointer;color:var(--text-main);z-index:10;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.close-btn:hover{color:var(--primary-hover)}[dir=rtl] .close-btn{right:auto;left:1rem}[dir=rtl] .sidebar{left:auto;right:-320px;border-radius:1rem 0 0 1rem}[dir=rtl] .sidebar-overlay.open .sidebar{left:auto;right:0}.sidebar-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(3px);display:none;z-index:10000;transition:opacity .3s ease;padding-top:env(safe-area-inset-top,10px)}.sidebar-overlay.open{display:block;opacity:1;padding-top:env(safe-area-inset-top,10px)}.sidebar{position:fixed;top:0;width:85%;background:var(--bg-main);box-shadow:3px 0 12px #00000040;border-radius:0 1rem 1rem 0;transition:left .3s cubic-bezier(.4,0,.2,1);color:var(--text-main);display:flex;flex-direction:column;z-index:10001;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top,0px)}.sidebar-overlay.open .sidebar{left:0}.sidebar-content{flex:1;overflow-y:auto;min-height:0;padding:1.5rem}.about-section{overflow-y:auto;scrollbar-width:thin;padding:1rem}.about-section::-webkit-scrollbar{width:6px}.about-section::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--color-text-light) 25%,transparent);border-radius:4px}.sidebar-overlay.open .sidebar{left:200}.sidebar-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--primary)}.sidebar-section{margin-bottom:1.5rem;color:var(--color-text-light)}.sidebar-section h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main)}.stats-list,.nav-list{list-style:none;padding:0;margin:0}.stats-list li,.nav-list li{padding:.6rem;font-size:.95rem;display:flex;align-items:center;gap:1rem;color:var(--text-main);opacity:.9;cursor:pointer;transition:background .2s ease}.nav-list li:hover{font-weight:600;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);transform:translate(5px)}body.dark .nav-list li:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.coming-soon{border:dashed medium var(--color-primary);padding:10px;color:var(--color-text-light)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-color);background:var(--card-bg);display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;padding-bottom:calc(1rem + env(safe-area-inset-bottom,20px))}.footer-actions{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-start}.footer-actions .small-btn{background:var(--color-bg-light);border:1px solid var(--color-border);padding:.4rem;border-radius:6px;display:flex;align-items:center;gap:.1rem;cursor:pointer;font-size:.85rem;color:var(--color-text-light);transition:background .2s ease,transform .2s ease}.footer-actions .small-btn:hover{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg-light));transform:translateY(-1px);color:var(--color-primary)}.footer-socials{display:flex;justify-content:center;gap:1.5rem;margin-bottom:30px;border-top:1px dashed var(--color-border);padding-top:.75rem}.footer-socials a{color:var(--text-main);opacity:.8;transition:color .2s,transform .2s}.footer-socials a:hover{color:var(--primary);transform:translateY(-3px)}.footer-text-sidebar{text-align:center;font-size:.75rem;color:var(--text-main);opacity:.6;margin-bottom:50px}.footer-text-sidebar a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.footer-text-sidebar a:hover{border-color:var(--color-text-light)}.footer-text-sidebar small{display:block;color:var(--text-main);opacity:.5;font-size:.75rem}.modal-overlay,.settings-mini-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:100000}.modal-content,.settings-mini-modal{background:var(--bg-main);border-radius:12px;padding:2rem;width:60%;max-width:420px;box-shadow:0 10px 30px #00000040;animation:fadeInScale .3s ease;overflow-y:auto;position:relative;color:var(--text-main)}.modal-content h3{margin-top:0;font-size:1.25rem;margin-bottom:1rem;color:var(--color-primary)}.modal-content ul{list-style:none;padding-left:1rem;margin-bottom:1.5rem}.modal-content li{margin-bottom:.75rem;font-size:.95rem;position:relative;padding-left:1.2rem}.modal-content li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.modal-content button{background:var(--color-primary);color:var(--color-card);border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s ease}.modal-content button:hover{background:var(--color-primary-hover)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.how-to-play-container{padding:1.5rem 1.5rem 2rem;overflow-y:auto}.card-container{display:flex;flex-direction:column;gap:10px;width:100%}.instruction-card{padding:1.2rem;border-radius:12px;box-shadow:0 1px 4px #0000001a;transition:transform .3s ease;max-width:400px;margin:0 auto;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main)}.instruction-card h3{background:var(--card-bg);color:var(--text-main)}.instruction-card:hover{transform:scale(1.02)}.animate-slide{animation:slideIn .4s ease-out}.animate-fade{animation:fadeIn .4s ease-in}@keyframes slideIn{0%{transform:translate(-10%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-section{margin-top:24px}.video-embeds{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;width:100%}.learn-more-section{margin:1.5rem;text-align:center}.learn-more-btn{background:var(--bg-main);color:var(--text-main);padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:700;transition:background-color .2s ease;border:1px solid var(--border-color)}.learn-more-btn:hover{background-color:color-mix(in srgb,var(--color-secondary) 85%,black)}.streak-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;padding:1rem;border-radius:16px;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent);display:flex;align-items:center;gap:12px;margin:1.5rem;max-width:280px;user-select:none;font-family:inherit;animation:fadeSlideIn .6s ease forwards}.streak-icon{animation:bounce 1.2s ease infinite;flex-shrink:0;text-shadow:0 0 8px rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;word-break:break-word;line-height:1.2;padding:4px;max-width:80px;font-size:.9rem}.streak-text{display:flex;flex-direction:column;justify-content:center}.streak-label{font-size:14px;opacity:.85;font-weight:600;text-transform:uppercase;letter-spacing:1.1px;margin-bottom:2px}.streak-count{font-size:20px;font-weight:700;line-height:1;letter-spacing:.02em;text-shadow:0 0 6px rgba(255,255,255,.7)}.milestone-toast{background:var(--color-accent);color:var(--color-card);padding:12px 20px;font-weight:700;border-radius:10px;animation:pop-in .4s ease-out;position:fixed;top:20px;right:20px;z-index:999}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.streak-card-group{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-start;flex-direction:row}.font-size-control{background:var(--card-bg);padding:1rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid var(--border-color)}.font-size-label{display:block;font-size:.9rem}.font-size-slider{width:100%;cursor:pointer;accent-color:var(--primary)}.announcement-banner{background:#ffeeba;color:#333;padding:10px;cursor:pointer;border-bottom:1px solid #f0ad4e}.announcement-message{display:flex;justify-content:space-between}.notifications-page{padding:1rem}.notif-list{display:flex;flex-direction:column;gap:16px}.notif-item{border-bottom:1px solid #ddd;padding:.5rem 0}.dismiss-btn{background:none;border:none;color:red;cursor:pointer}.badge{background:red;color:#fff;border-radius:50%;padding:0 6px;margin-left:5px;font-size:.8rem}.fullscreen-content>div:has(.notification-list){padding:20px;max-width:700px;margin:0 auto}.fullscreen-content h2{font-size:1.8em;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid var(--color-border, #eee)}.fullscreen-content p{font-size:1.1em;padding:30px 0;text-align:center}.notification-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.notification-item{background:var(--bg-main);color:var(--text-main);border:1px solid var(--color-border-subtle, #ddd);border-radius:10px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;transition:box-shadow .2s ease-in-out,transform .1s ease-in-out;box-shadow:0 2px 5px #0000000d}.notification-item:hover{box-shadow:0 4px 10px #0000001a}.notification-message{flex-grow:1;font-size:1em;font-weight:500;color:var(--text-main);margin-right:20px;line-height:1.4}.notification-time{font-size:.8em;color:var(--text-main);white-space:nowrap;margin-right:20px}.notification-item button{background:none;border:none;cursor:pointer;padding:8px 15px;border-radius:6px;font-size:.9em;font-weight:600;color:var(--text-main);transition:background-color .2s,color .2s;white-space:nowrap}.notification-item button:hover{background-color:var(--color-accent-light, #f0f8ff);color:var(--color-accent-hover, #0056b3)}.notification-item button:active{transform:scale(.98)}@media(max-width:600px){.notification-item{flex-wrap:wrap;gap:10px}.notification-message{width:100%;margin-right:0}.notification-time{order:3;margin-right:auto}.notification-item button{order:2;margin-left:auto}}.global-stats{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:.2rem;list-style:none;padding:0;margin:0}.global-stats li{background:#262626;border-radius:10px;text-align:center;padding:.2rem .5rem;transition:transform .2s ease,background .2s ease;box-shadow:inset 0 0 10px #ffffff08;font-family:inherit}.global-stats li:hover{background:#333;transform:translateY(-2px)}.global-stats .icon{display:block;font-size:1.5rem;margin-bottom:.25rem}.global-stats .value{font-weight:700;font-size:1.1rem;color:#fff;display:block}.global-stats .label{font-size:.75rem;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.sidebar-disclaimer{background-color:#fff4e5;border-left:4px solid #ffa500;padding:12px 16px;margin-bottom:16px;font-size:13px;color:#333;line-height:1.4;border-radius:6px;box-shadow:0 2px 6px #0000000d}.sidebar-disclaimer strong{color:#d2691e}.dictionary-control{margin:1.5rem 0;padding:1rem;background:#00000008;border-radius:12px}.section-header{font-size:.9rem;font-weight:700;margin-bottom:4px;color:var(--text-main)}.section-subtitle{font-size:.75rem;color:#65676b;margin-bottom:12px}.dictionary-grid{display:flex;flex-wrap:wrap;gap:8px}.dictionary-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid #e4e6eb;background:#fff;cursor:pointer;transition:all .2s}.dictionary-pill.active{background:#007bff;border-color:#007bff;color:#fff}.dictionary-pill.active .pill-code{background:#fff3;color:#fff}.pill-code{font-size:.65rem;font-weight:800;background:#f0f2f5;padding:2px 5px;border-radius:4px}.pill-label{font-size:.85rem;font-weight:500}.dictionary-pill:hover:not(.active){border-color:#007bff;background:#f0f7ff}.dark-mode .dictionary-pill{background:#242526;border-color:#3a3b3c;color:#e4e6eb}.dark-mode .pill-code{background:#3a3b3c}.button-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.row-btn.active{background:red}.theme-name-label{font-size:.65rem;display:block;text-transform:capitalize;margin-top:4px}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mark-all-btn{background:none;border:none;color:#3b82f6;font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s ease}.mark-all-btn:hover{background:#3b82f61a}.notif-card{background:var(--surface-color, #ffffff);border-radius:12px;padding:16px;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-color, #f3f4f6);cursor:pointer;transition:all .2s ease;user-select:none;gap:12px}.notif-card:hover{border-color:#d1d5db}.notif-card.read{opacity:.8;background:#f9fafb;box-shadow:none}.notif-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.toggle-read-btn{background:none;border:none;color:#6b7280;font-size:.75rem;font-weight:500;text-decoration:underline;cursor:pointer;padding:0;transition:color .2s ease}.toggle-read-btn:hover{color:#3b82f6}body.dark-mode .toggle-read-btn{color:#9ca3af}body.dark-mode .notif-card.read{background:#111827}.notif-header-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.notif-title-group{display:flex;align-items:center;gap:10px}.notif-indicator{width:8px;height:8px;border-radius:50%;background-color:#ef4444;flex-shrink:0}.notif-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-color, #1f2937)}.notif-card.read .notif-title{font-weight:500}.time{font-size:.75rem;color:#9ca3af}.notif-body{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #f3f4f6)}.notif-body .message{margin:0 0 16px;font-size:.95rem;line-height:1.5;color:#4b5563}body.dark-mode .notif-body .message{color:#9ca3af}.notif-action-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease;width:100%}.notif-action-btn:hover{background:#2563eb}.animate-fade-in{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notif-preview{margin-top:8px;display:flex;flex-direction:column;gap:8px}.preview-text{margin:0;font-size:.9rem;color:var(--color-text-light, #6b7280);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read-more-link{font-size:.85rem;font-weight:600;color:#3b82f6}body.dark-mode .read-more-link{color:#60a5fa}.streak-fullscreen{background:var(--bg-main);position:fixed;inset:0;display:flex;flex-direction:column;z-index:100010;font-family:Amiri,sans-serif;color:var(--text-main);overflow:hidden;padding-top:env(safe-area-inset-top,10px)}.streak-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-main);color:var(--text-main);font-weight:800;font-size:1.2rem;letter-spacing:1px;border-bottom:2px solid var(--border-color)}.streak-header-btn{background:none;border:none;color:var(--text-main);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.streak-share-btn{background:var(--bg-main);border:2px solid var(--border-color);border-radius:20px;padding:6px 12px;color:var(--text-main);font-size:1.2rem;cursor:pointer;box-shadow:0 2px 4px #0003}.streak-scroll-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:30px}.streak-main-info{text-align:center;padding:20px}.streak-flame-icon{font-size:4.5rem;color:var(--text-main);margin-bottom:5px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.streak-flame-icon.active{color:#ff9800;filter:drop-shadow(0 4px 10px rgba(255,152,0,.4))}.streak-label-small{font-size:.85rem;color:var(--text-main);font-weight:700}.streak-big-number{font-size:5rem;font-weight:900;line-height:1;margin:5px 0;-webkit-text-stroke:3px #fff;text-shadow:0 4px 6px rgba(0,0,0,.1)}.streak-big-number.active{color:#ff9800}.streak-subtitle{font-size:.95rem;color:var(--text-main);font-weight:500;max-width:80%;margin:10px auto 20px}.streak-card-box{background:var(--bg-main);color:var(--text-main);border-radius:12px;padding:15px;margin:0 20px 15px;border:2px solid #ffcc80;box-shadow:0 4px 6px #0000000d;position:relative}.reward-header{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--text-main);margin-bottom:10px;font-size:1.1rem}.reward-progress-container{background:var(--bg-main);border-radius:20px;height:24px;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color)}.reward-progress-bar{position:absolute;left:0;top:0;height:100%;background:#9e9e9e;border-radius:20px;transition:width .3s ease}.reward-progress-text{position:relative;z-index:1;font-size:.8rem;color:#fff;font-weight:700}.reward-diamond{position:absolute;right:-10px;top:-15px;font-size:1.8rem;background:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 4px #0003}.reward-diamond span{position:absolute;bottom:0;right:0;background:#fff;color:#ff9800;font-size:.6rem;font-weight:900;padding:2px 4px;border-radius:10px;border:1px solid #ff9800}.calendar-header{display:flex;justify-content:space-between;align-items:center;font-weight:900;margin-bottom:15px;font-size:1rem;color:var(--text-main);text-transform:uppercase}.calendar-arrow{cursor:pointer;padding:0 15px;font-size:1.2rem;user-select:none;color:var(--text-main);transition:color .2s;background:none;border:none;font-weight:900}.calendar-arrow:hover:not(:disabled){color:#ff9800}.calendar-arrow:disabled{color:#ccc;cursor:not-allowed}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-size:.9rem;font-weight:600}.calendar-day-name{color:var(--text-main);margin-bottom:8px}.calendar-date{display:flex;align-items:center;justify-content:center;height:32px;border-radius:6px;color:var(--text-main)}.calendar-date.active{background:#fff3e0;color:#ff9800;font-weight:800}.calendar-date.today{background:#cfd8dc;font-weight:700}.calendar-date.today-streaked{background:#fff;font-size:1.1rem}.reward-progress-bar{position:absolute;left:0;top:0;height:100%;background:#4caf50;border-radius:20px;transition:width .3s ease}.streak-action-btn{background:linear-gradient(to bottom,#ffca28,#ff9800);color:var(--text-main);border:2px solid var(--border-color);padding:16px 30px;border-radius:30px;font-size:1.2rem;font-weight:800;margin:10px 40px;cursor:pointer;box-shadow:0 4px 10px #ff980066;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.share-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100015}.share-modal-box{background:var(--bg-main);border-radius:16px;width:90%;max-width:320px;overflow:hidden;box-shadow:0 20px 40px #0000004d;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.share-modal-header{padding:16px;text-align:center;font-weight:800;color:var(--text-main);position:relative;font-size:.9rem}.share-close-btn{position:absolute;right:16px;top:14px;background:var(--bg-main);color:var(--text-main);border:none;border-radius:50%;width:24px;height:24px;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.share-modal-banner{background:#7c4dff;padding:30px 20px;display:flex;align-items:center;justify-content:center;gap:20px;color:#fff}.share-banner-text{display:flex;flex-direction:column;align-items:center}.share-banner-text .im-on{font-weight:700;font-size:1.1rem}.share-banner-number{font-size:4.5rem;font-weight:900;color:#ccc;line-height:1;text-shadow:0px 3px 0px white,0px -3px 0px white,3px 0px 0px white,-3px 0px 0px white}.share-banner-number.active{color:#ff9800}.share-banner-desc{font-size:.9rem;font-weight:700;text-align:center;margin-top:5px}.share-modal-flame{font-size:5rem;color:#ccc;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.share-modal-flame.active{color:#ff9800}.share-modal-footer{padding:24px;text-align:center}.share-modal-footer p{color:var(--text-main);font-weight:600;font-size:.95rem;margin-bottom:20px}.share-btn{background:var(--bg-main);color:var(--text-main);border:none;padding:12px 24px;width:100%;border-radius:30px;font-size:1.1rem;font-weight:800;cursor:pointer;border:4px solid var(--border-color);box-shadow:0 4px 10px #ff8c0066}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.best-streak-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-main);color:#e65100;padding:6px 14px;border-radius:20px;font-weight:800;font-size:.95rem;margin-top:8px;border:1px solid #ffcc80;box-shadow:0 2px 5px #0000000d;text-transform:uppercase;letter-spacing:.5px}.store-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000}.store-modal{background:var(--bg-main);width:100vw;height:100vh;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom));padding-left:calc(2rem + env(safe-area-inset-left));padding-right:calc(2rem + env(safe-area-inset-right));overflow-y:auto;position:relative;animation:slideUp .3s ease;color:var(--text-main);box-sizing:border-box}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.store-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:var(--primary)}.premium-section{background:var(--card-bg);padding:1rem;border-radius:12px;margin-bottom:1rem;border:1px solid var(--color-primary)}.premium-title{font-weight:700;font-size:1.2rem;color:var(--primary)}.premium-desc{font-size:.9rem;margin-bottom:.1rem;color:var(--primary)}.coin-section{margin-top:1rem}.coin-title{font-weight:700;font-size:1.2rem;margin-bottom:.5rem;color:var(--primary)}.coin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.coin-pack{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:background .3s ease}.coin-pack:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--card-bg))}.coin-amount{font-weight:700;font-size:1rem;color:var(--primary);display:flex;align-items:center;justify-content:center;gap:4px}.coin-price{font-size:.9rem;font-weight:600;color:var(--color-text-light)}.processing{font-size:.75rem;margin-top:4px;color:var(--color-text-light);opacity:.5}.watch-ad{text-align:center;margin-top:1rem}.btn-primary{background:var(--primary);color:var(--bg-main);padding:.6rem 1rem;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-family:inherit}.btn-primary:hover{background:var(--primary-hover)}.btn-accent{background:var(--accent);color:var(--bg-main);padding:.6rem 1rem;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-family:inherit}.btn-accent:hover{background:color-mix(in srgb,var(--color-accent) 90%,black)}.full-width{width:100%}.coin-custom{margin-top:1.5rem;text-align:center}.coin-input{width:80%;padding:.5rem;font-size:1rem;border-radius:.5rem;margin-top:.5rem;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main)}.static-input{width:96%;padding:.5rem;font-size:1rem;border-radius:.5rem;margin-top:.5rem;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main)}.coin-dynamic-price{margin-top:.5rem;font-weight:700;color:var(--text-main)}.plan-cards{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.plan-cards::-webkit-scrollbar{display:none}.watch-ad-note{font-size:1rem;color:var(--text-main);opacity:.6;margin:2rem;font-style:italic}.premium-ad-note{font-size:1rem;color:var(--text-main);opacity:.6;font-style:italic}.plan-card{scroll-snap-align:center;justify-content:space-between;flex:0 0 65%;background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:1.2rem;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000001a}.plan-card h4{margin:0 0 .5rem;color:var(--text-main)}.plan-price{font-size:1.5rem;color:var(--primary-hover);font-weight:800}.plan-benefits{list-style:none;padding-left:0;margin:1rem 0;color:var(--text-main)}.plan-benefits li{margin-bottom:.1rem}.custom-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.custom-modal-content{background:var(--card-bg);color:var(--text-main);padding:30px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 12px 40px #0000004d;max-width:400px;width:90%;text-align:center;transform:scale(.9);animation:modal-open .2s ease-out forwards}@keyframes modal-open{to{transform:scale(1)}}.modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.modal-icon{font-size:3em;margin-bottom:10px}.modal-header h2{margin:0;font-size:1.5em;color:var(--primary)}.modal-message{margin-bottom:30px;color:#555;line-height:1.5}.custom-modal-overlay.modal-success .modal-header h2{color:#28a745}.custom-modal-overlay.modal-error .modal-header h2{color:#dc3545}.custom-modal-overlay.modal-info .modal-header h2{color:#007bff}.support-banner{background:color-mix(in srgb,var(--primary) 10%,var(--card-bg));border:1px dashed var(--primary);border-radius:12px;padding:1rem;margin-bottom:1.2rem;text-align:center}.support-banner-title{font-weight:700;font-size:1.1rem;color:var(--primary);margin-bottom:.4rem}.support-banner-desc{font-size:.85rem;color:var(--text-main);line-height:1.4;margin:0}.leaderboard-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:50;padding:1rem;padding-top:env(safe-area-inset-top,10px)}.leaderboard-modal{width:100%;max-width:8rem;background:var(--color-card);border-radius:1rem;box-shadow:0 8px 20px #00000040;padding:1.5rem;position:relative;max-height:50vh;overflow-y:auto;padding-top:env(safe-area-inset-top,10px)}.leaderboard-close:hover{color:var(--primary-hover)}.leaderboard-close{position:absolute;top:calc(.5rem + env(safe-area-inset-top,0px));right:1rem;font-size:2rem;background:none;border:none;cursor:pointer;color:var(--text-main);opacity:.7;z-index:20}[dir=rtl] .leaderboard-close{right:auto;left:1rem}.leaderboard-icon{width:4rem;height:4rem;font-size:4rem;color:var(--text-main)}.leaderboard-title{font-family:inherit;margin-bottom:.5rem;color:var(--text-main);font-size:2rem;font-weight:700}.leaderboard-list{list-style:none;padding:0;margin:0;overflow-y:auto}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-main);color:var(--text-main);border-radius:12px;padding:.75rem 1rem;margin-bottom:.5rem;border:1px solid var(--border-color);transition:transform .1s}.leaderboard-item:hover{transform:scale(.98);color:var(--primary-hover)}.leaderboard-item.top-rank-item{border:1px solid var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--card-bg))}.leaderboard-item.current-player{font-weight:700;border-left:4px solid var(--accent)}.leaderboard-item.cursor-pointer{cursor:pointer;transition:background-color .2s}.leaderboard-item.cursor-pointer:hover{background-color:color-mix(in srgb,var(--color-primary) 8%,var(--color-card))}.leaderboard-user{display:flex;align-items:center}.leaderboard-rank{font-weight:700;font-size:1.125rem;width:2rem;text-align:center;color:var(--text-muted);opacity:.8}.top-rank{color:var(--primary);font-size:1.2rem}.leaderboard-user-info{margin-left:1rem;margin-right:1rem}.leaderboard-name{font-weight:600}.leaderboard-date{font-size:.75rem;color:var(--text-muted);opacity:.6}.leaderboard-score{font-size:1.25rem;font-weight:700;color:var(--primary)}.leaderboard-empty{text-align:center;padding:2rem 0;color:var(--primary);opacity:.7}.leaderboard-rating{font-weight:700;font-size:1rem;margin-right:.5rem;color:var(--primary)}.leaderboard-record{font-size:.8rem;color:var(--primary);opacity:.7}.rating-code{margin-left:6px;font-size:1.1em;vertical-align:middle}.leaderboard-search{margin-bottom:1rem;text-align:center}.leaderboard-separator{text-align:center;padding:8px 0;color:var(--text-muted);font-weight:700;list-style:none;opacity:.6}.leaderboard-search-input{width:100%;max-width:400px;padding:.6rem 1rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-main);font-family:inherit;outline:none}.leaderboard-search-input:focus{border-color:var(--primary)}.leaderboard-fullscreen{position:fixed;inset:0;background:var(--bg-main);z-index:10000;display:flex;flex-direction:column;color:var(--text-main);padding-top:env(safe-area-inset-top,0px)}.leaderboard-fixed-header{position:sticky;top:0;background:var(--card-bg);z-index:10;padding:1rem;border-bottom:1px solid var(--border-color);text-align:center}.leaderboard-icon{width:3rem;height:3rem;color:var(--color-primary);margin:0 auto .25rem}.leaderboard-scrollable{flex:1;overflow-y:auto;padding:0 1rem 1rem}.leaderboard-search{margin-bottom:.5rem}.premium-player{background-color:color-mix(in srgb,var(--color-primary) 10%,var(--color-card));border-left:4px solid var(--color-primary)}.premium-badge{display:inline-block;background-color:var(--color-primary);color:var(--color-card);font-weight:700;padding:.25rem .5rem;border-radius:6px;font-size:.85rem;margin-left:.5rem}:root{--banner-offset: 90px}.lobby-footer{position:fixed;bottom:0;left:0;width:100%;z-index:1200;display:flex;gap:10px;justify-content:space-around;align-items:center;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px)) 12px;background:var(--card-bg);border-top:1px solid var(--border-color);backdrop-filter:blur(6px);box-shadow:0 -6px 18px #0000000a}.lobby-footer .footer-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;color:var(--text-muted)}.footer-btn.active{color:var(--primary)}.footer-text{display:block;font-size:11px;line-height:1;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.leaderboard-scrollable{flex:1;overflow-y:auto;padding:0 1rem;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.leaderboard-about-container{padding:1rem;color:var(--text-main)}.leaderboard-about-container p{line-height:1.6;margin-bottom:1em}.leaderboard-about-note{font-style:italic;opacity:.8}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;background:var(--bg-main);color:var(--primary);position:sticky;top:0;z-index:10;padding:.5rem 0}.leaderboard-rank-header,.leaderboard-score-header{width:20%;text-align:center;font-size:1rem}.leaderboard-name-header{flex-grow:1;text-align:left;font-size:.9rem}.team-actions{display:flex;justify-content:center;padding:15px;border-bottom:1px solid var(--border-color)}.team-list{padding-top:10px}.team-item{cursor:pointer}.team-item.current-player{color:var(--primary)}.btn-primary{background:var(--primary);color:var(--bg-main);border:none;padding:.6rem 1.2rem;border-radius:10px;font-weight:700;cursor:pointer}.team-detail-container{padding:15px}.team-detail-info{margin:5px 0 15px;font-size:1rem;font-weight:700px;color:var(--text-color-secondary);gap:1rem}.btn-back{background:none;border:1px solid var(--border-color);color:var(--text-color-secondary);font-size:1em;padding:5px 0;cursor:pointer;margin-bottom:15px;display:flex;align-items:center}.team-add-player-section{margin-top:20px;padding-top:10px;border-top:1px dashed var(--border-color)}.team-add-list{list-style:none;padding:0;margin-top:10px}.team-add-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dotted var(--border-color)}.btn-add{background-color:var(--color-success);color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center}.btn-remove{background-color:var(--color-danger);color:#fff;border:none;padding:5px 10px;border-radius:50%;width:30px;height:30px;font-size:1.2em;cursor:pointer;margin-left:10px}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-main);padding:25px;border-radius:10px;width:90%;max-width:400px;box-shadow:0 4px 15px #0003;text-align:center}.modal-content h3{margin-top:0;color:var(--color-primary)}.modal-content p{margin-bottom:20px;color:var(--text-main)}.modal-actions button{margin:0 10px}.leaderboard-tabs{display:flex;gap:8px;margin:12px;padding:4px;background:color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:12px}.tab-btn{flex:1;padding:8px;border-radius:8px;font-weight:700;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--primary);color:var(--bg-main)}.roots-progress-container{display:flex;flex-direction:column;align-items:flex-end;width:80px}.roots-progress-text{margin-bottom:4px;font-size:.9rem}.roots-progress-track{width:100%;height:6px;background:color-mix(in srgb,var(--text-muted) 30%,transparent);border-radius:4px;overflow:hidden;border:1px solid green}.roots-progress-fill{height:100%;background:green;transition:width .5s ease}.guest-leaderboard-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#2ecc711f,#27ae600d);border:1px solid rgba(46,204,113,.3);border-radius:10px;padding:12px 16px;margin-bottom:12px;gap:15px;box-shadow:0 4px 10px #00000026}.guest-leaderboard-card.event-card{background:linear-gradient(135deg,#f1c40f1f,#d354000d);border-color:#f1c40f59}.guest-card-left{display:flex;align-items:center;gap:12px;flex:1}.guest-card-icon{font-size:1.8rem;background:#ffffff1a;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.guest-card-title{margin:0 0 3px;font-size:.95rem;font-weight:700;color:var(--text-main, #fff)}.guest-card-subtitle{margin:0;font-size:.8rem;color:var(--text-muted, #ccc);line-height:1.35}.guest-card-btn{padding:8px 14px;font-size:.82rem;font-weight:600;border-radius:6px;white-space:nowrap;flex-shrink:0;cursor:pointer}@media(max-width:600px){.guest-leaderboard-card{flex-direction:column;align-items:stretch;text-align:center}.guest-card-left{flex-direction:column;text-align:center}.guest-card-btn{width:100%}}.username-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.username-modal{background:var(--card-bg);color:var(--text-main);width:100%;max-width:400px;border-radius:24px;padding:2rem;box-shadow:0 20px 50px #0000004d;position:relative;overflow:hidden}.mode-switcher{display:flex;background:var(--bg-main);padding:4px;border-radius:12px;margin-top:36px;margin-bottom:24px;border:1px solid var(--border-color)}.mode-btn{flex:1;padding:10px;border:none;background:transparent;border-radius:10px;font-weight:600;color:var(--secondary);cursor:pointer;transition:all .2s ease;font-size:.95rem;font-family:Amiri,serif}.mode-btn.active{background:var(--card-bg);color:var(--primary);box-shadow:0 2px 8px #0000001a}.username-modal h2{margin:0 0 8px;font-size:1.75rem;color:var(--text-main);font-weight:700;letter-spacing:-.5px;text-align:center}.username-modal p{margin:0 0 24px;color:var(--secondary);font-size:.95rem;text-align:center}.input-group{margin-bottom:16px;position:relative}.username-modal input{width:100%;padding:14px 16px;background:var(--bg-main);border:1.5px solid var(--border-color);border-radius:12px;font-size:1rem;color:var(--text-main);transition:all .2s ease;outline:none;box-sizing:border-box;font-family:Amiri,serif}.username-modal input::placeholder{color:var(--secondary)}.username-modal input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent)}.password-toggle{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--secondary);display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s ease}.password-toggle:hover{color:var(--text-main)}.password-field{position:relative;margin-bottom:12px}.password-field input{margin-bottom:0}.toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer}.btn-submit{width:100%;padding:14px;background:var(--primary);color:var(--bg-main);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:8px;font-family:Amiri,serif}.btn-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.btn-submit:disabled{background:var(--border-color);color:var(--secondary);cursor:not-allowed;transform:none;box-shadow:none}.btn-submit.biometric{background:var(--secondary);color:var(--bg-main);margin-top:12px}.btn-submit.biometric:hover:not(:disabled){background:color-mix(in srgb,var(--secondary) 80%,black)}.error-message{color:var(--accent);font-size:.85rem;margin:12px 0 0;text-align:center;background:color-mix(in srgb,var(--accent) 10%,transparent);padding:8px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-family:Amiri,serif}.strength-meter-container{margin-top:8px;margin-bottom:16px}.strength-meter{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.strength-bar{height:100%;border-radius:2px;transition:all .3s ease}.strength-bar.weak{width:33%;background:#ef4444}.strength-bar.moderate{width:66%;background:#eab308}.strength-bar.strong{width:100%;background:#10b981}.password-requirements{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:hidden}.password-requirements li{font-size:.75rem;color:var(--secondary);display:flex;align-items:center;gap:6px;transition:color .2s ease}.password-requirements li.valid{color:#10b981;font-weight:600}.forgot-password{display:block;text-align:center;margin-top:16px;color:var(--primary);font-size:.85rem;font-weight:600;text-decoration:none;background:none;border:none;width:100%;cursor:pointer;transition:opacity .2s;font-family:Amiri,serif}.forgot-password:hover{opacity:.8;text-decoration:underline}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;color:var(--secondary);cursor:pointer;line-height:1;padding:4px;border-radius:50%;transition:all .2s}.close-btn:disabled{opacity:.4;cursor:not-allowed}.close-btn:hover:not(:disabled){background:var(--border-color);color:var(--text-main)}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--secondary);font-size:.85rem;font-weight:600}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.auth-divider span{padding:0 12px}.btn-google{width:100%;padding:12px;background:var(--bg-main);color:var(--text-main);border:1.5px solid var(--border-color);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:12px;font-family:Amiri,serif}.btn-google img{width:20px;height:20px}.btn-google:hover:not(:disabled){background:var(--border-color);transform:translateY(-1px)}.btn-google:disabled{opacity:.6;cursor:not-allowed;transform:none}.prelobby-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0a2880,#050514e6 70%);z-index:9999;overflow:hidden;font-family:inherit}.prelobby-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;font-family:inherit}.prelobby-panel{position:relative;flex-direction:column;z-index:10;width:min(760px,92%);max-width:920px;background:linear-gradient(180deg,#ffffff05,#ffffff05);backdrop-filter:blur(6px);border-radius:18px;padding:28px;box-shadow:0 10px 40px #0009;color:#fff;display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:center}.prelobby-logo-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:20px;width:100%;gap:12px}.prelobby-logo{height:clamp(120px,25vw,256px);width:auto;border-radius:24px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:logo-glow 3s infinite ease-in-out}@media(max-width:900px){.prelobby-logo-container{flex-direction:column}.prelobby-logo{height:80px}}@keyframes logo-glow{0%,to{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3)) brightness(1)}50%{filter:drop-shadow(0 4px 20px rgba(111,195,255,.4)) brightness(1.1)}}.prelobby-headline{padding:8px 12px}.prelobby-headline h1{font-size:2.2rem;margin:0 0 8px;letter-spacing:1px;color:#fff;display:flex;align-items:center}.prelobby-headline .subtitle{margin:0;opacity:.9;color:#dfe7ff;display:flex;justify-self:center}.prelobby-progress{grid-column:2 / 3}.progress-bar{background:#ffffff0f;height:12px;border-radius:999px;overflow:hidden;margin-bottom:8px}.progress-fill{background:linear-gradient(90deg,#6fc3ff,#7b6bff);height:100%;transform-origin:left center;transform:scaleX(0);transition:transform .12s linear}.progress-meta{display:flex;justify-content:center;align-items:center;font-size:.95rem;color:#fffffff2}.prelobby-actions{display:flex;gap:12px;margin-top:14px}.prelobby-guide-character{position:absolute;top:-100px;left:50%;transform:translate(-50%);z-index:11}.btn{border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:700;font-size:.98rem}.btn-primary{background:linear-gradient(180deg,#4ea6ff,#6573ff);color:#fff;box-shadow:0 6px 18px #5078ff29}.btn-primary:active{transform:translateY(1px)}.btn-ghost{background:#ffffff0f;color:#fff}.prelobby-foot{grid-column:2 / 3;color:#ffffffb3;font-size:.85rem;display:flex;justify-content:center;align-items:center;margin-top:15px}@media(max-width:900px){.prelobby-panel{grid-template-columns:1fr;padding:18px;gap:10px}.prelobby-progress,.prelobby-actions,.prelobby-foot{grid-column:1 / -1}.prelobby-headline h1{font-size:1.6rem}}.loading-bar-container{width:60%;max-width:400px;height:12px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-top:20px}.loading-bar{height:100%;background:linear-gradient(90deg,#00c6ff,#0072ff);transform-origin:left center}.loading-bar-container div{height:12px;background:#fff3;transition:background .3s}.loading-bar-container div.filled{background:linear-gradient(90deg,#00c6ff,#0072ff)}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0a0a1ecc,#050514f2);color:#fff;font-family:inherit;z-index:10000;text-align:center;gap:1rem}.loading-logo{width:160px;height:160px;display:block;margin:0 auto;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.spinner-container{position:relative;width:120px;height:120px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.progress-spinner{width:85%;height:60%;transform:rotate(-90deg)}.spinner-track{fill:none;stroke:#ffffff1a;stroke-width:8}.spinner-fill{fill:none;stroke:url(#spinner-gradient);stroke:#00c6ff;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease-out}.spinner-percentage{position:absolute;font-size:1rem;font-weight:600;color:#fff;font-family:monospace}.progress-spinner{filter:drop-shadow(0 0 8px rgba(0,198,255,.4));animation:spinner-pulse 2s infinite ease-in-out}@keyframes spinner-pulse{0%,to{transform:rotate(-90deg) scale(1)}50%{transform:rotate(-90deg) scale(1.05)}}.app-footer{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:var(--card-bg);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);z-index:10;padding-bottom:env(safe-area-inset-bottom,15px);box-shadow:0 -4px 15px #0000001a}.footer-nav-container{display:flex;justify-content:space-around;align-items:center;max-width:600px;margin:0 auto;padding:8px 5px}.footer-action{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;background:transparent;border:none;color:var(--secondary);opacity:.6;transition:all .2s ease;padding:5px 0;cursor:pointer}.footer-action svg{width:24px;height:24px;margin-bottom:4px}.footer-action.active{opacity:1;color:var(--primary)}.footer-action.active .footer-text{font-weight:700}.footer-action:hover{background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary-hover)}.footer-text{display:block;font-size:11px;line-height:1;margin-top:2px;white-space:nowrap;text-overflow:ellipsis;width:100%}.main-menu-btn{opacity:.9;font-size:3.5rem;color:var(--accent)}.main-menu-btn.active-footer-action{color:var(--primary)}.footer-mini-actions .icon-small{padding:6px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:14px}.footer-mini-actions .premium{color:var(--primary)}.footer-action.active-footer-action{opacity:1;color:var(--primary);animation:none!important}.footer-action.lure-pulse{position:relative;overflow:hidden;opacity:1}.footer-action.lure-pulse:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--primary) 30%,transparent) 50%,transparent 100%);transform:translate(-100%) skew(-30deg);animation:lure-sweep 3s infinite!important;pointer-events:none}@keyframes lure-sweep{0%{transform:translate(-150%) skew(-30deg)}20%,to{transform:translate(250%) skew(-30deg)}}.footer-action.active-footer-action.lure-pulse:after{display:none!important}.tournament-container{background-color:var(--bg-main);color:var(--text-main);height:100%;overflow-y:auto;padding:.5rem 1rem 3rem;display:flex;flex-direction:column}.rules-card{background:var(--bg-secondary);border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a}.rules-card ul{list-style-type:none;padding:0;margin-top:10px}.rules-card li{margin-bottom:10px;font-size:1.1rem}.access-actions{text-align:center;margin-top:20px}.tournament-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color);padding-bottom:10px}.bracket-wrapper h3{color:var(--text-main)}.status-badge{padding:5px 12px;border-radius:20px;font-weight:700;text-transform:uppercase;font-size:.8rem}.status-badge.registration{background:#e3f2fd;color:#1976d2}.status-badge.knockout{background:#fce4ec;color:#c2185b}.bracket-wrapper{overflow-x:auto;padding:20px 0}.knockout-bracket{display:flex;flex-direction:row;align-items:stretch;padding:20px;gap:0;min-width:max-content}.bracket-column{display:flex;flex-direction:column;min-width:250px;position:relative}.round-title{text-align:center;color:var(--color-primary);margin-bottom:15px;height:25px}.matches-container{flex:1;display:flex;flex-direction:column}.match-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 20px;position:relative}.bracket-match{background:var(--bg-main, white);border:2px solid rgba(0,0,0,.1);border-radius:8px;width:100%;position:relative;z-index:5;box-shadow:0 4px 6px #0000000d;cursor:pointer}.bracket-column:not(:first-child) .match-wrapper:before{content:"";position:absolute;top:50%;left:0;width:20px;border-bottom:2px solid var(--color-primary);z-index:1}.bracket-column:not(:last-child) .match-wrapper:nth-child(odd):after{content:"";position:absolute;top:50%;right:0;width:20px;height:50%;border-top:2px solid var(--color-primary);border-right:2px solid var(--color-primary);border-radius:0 5px 0 0;z-index:1}.bracket-column:not(:last-child) .match-wrapper:nth-child(2n):after{content:"";position:absolute;top:0;right:0;width:20px;height:50%;border-bottom:2px solid var(--color-primary);border-right:2px solid var(--color-primary);border-radius:0 0 5px;z-index:1}.third-place-container{position:absolute;top:100%;left:0;width:100%;margin-top:20px;border-top:2px dashed rgba(0,0,0,.2);padding-top:20px}.bracket-player{padding:10px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05);font-size:.9rem}.bracket-player:last-child{border-bottom:none}.bracket-player.winner{font-weight:700;background-color:#2e7d321a;color:var(--color-success, #2e7d32)}.league-leaderboard{background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;margin-top:20px}.leaderboard-row.gold-zone{background:#ffd7001a;border-left:4px solid gold}.ticket-lock-banner{background:#fff3e0;border-left:5px solid #ff9800;padding:15px;margin:20px 0;border-radius:4px;color:#e65100;display:flex;align-items:center;gap:10px;font-weight:700}.leagues-grid{display:flex;flex-direction:column;gap:15px}.league-card{background:var(--bg-secondary);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:15px;box-shadow:0 2px 4px #0000000d;margin-top:12px}.league-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-primary);padding-bottom:10px;margin-bottom:10px}.capacity{font-weight:700;color:var(--color-primary)}.capacity.full{color:#d32f2f}.league-card-players{display:flex;flex-direction:column;gap:8px;min-height:50px;max-height:220px;overflow-y:auto;font-size:.9rem;margin-bottom:12px;padding:4px}.clickable-player{cursor:pointer;transition:all .2s ease}.mini-player-row{display:flex;align-items:center;gap:12px;background:var(--bg-main);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 12px}.mini-player-row:hover,.leaderboard-row.clickable-player:hover{border-color:var(--color-primary);box-shadow:0 2px 6px color-mix(in srgb,var(--color-primary) 10%,transparent);transform:translateY(-1px)}.player-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--color-primary);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.player-avatar.small-avatar{width:24px;height:24px;font-size:.8rem;border-width:1px}.player-name{font-weight:600;color:var(--text-main);display:flex;align-items:center}.all-leagues-container{display:flex;flex-direction:column;gap:30px}.league-leaderboard{background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.leaderboard-title-bar{background:var(--bg-main);padding:10px 20px;text-align:center;border-bottom:2px solid var(--color-primary)}.leaderboard-title-bar h4{margin:0;color:var(--color-primary)}.leaderboard-row{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.leaderboard-row.header{background:var(--color-primary);color:#fff;font-weight:700}.leaderboard-row.promotion-zone{background:#2e7d320d;border-left:4px solid var(--color-success, #2e7d32)}.leaderboard-row.elimination-zone{opacity:.8;border-left:4px solid transparent}.rank-group{display:flex;gap:15px;align-items:center}.stats-group{display:flex;gap:20px;font-weight:700}.you-badge{background:var(--color-primary);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:8px}.football-table-header{display:flex;padding:10px 16px;background:var(--color-primary);color:var(--bg-main);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.football-table-row{display:flex;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);font-size:.95rem;align-items:center;background:var(--bg-main);transition:background .2s}.football-table-row:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.football-table-row.promotion-zone{border-left:4px solid #2ecc71}.col-rank{width:30px;font-weight:700;color:#888}.col-club{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-stat{width:35px;text-align:center;color:#555}.col-pts{width:40px;text-align:center;font-weight:800;color:var(--color-primary)}.info-banner{background:#e8f5e9;color:#2e7d32;padding:12px;border-radius:8px;border-left:4px solid #4caf50;margin-bottom:20px;font-size:.95rem}.ticket-lock-banner{background:var(--bg-secondary);border:1px solid var(--color-primary);color:var(--text-main);padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}@media(max-width:480px){.hide-mobile{display:none}.col-stat{width:25px;font-size:.85rem}.col-pts{width:30px}}.join-league-btn{background-color:var(--color-primary, #0d9488);color:#fff;border:none;border-radius:12px;padding:10px 40px;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #00000026;font-family:Amiri,serif}.registration-box{margin-top:50px}.clickable-match{cursor:pointer;transition:all .2s ease-in-out;position:relative}.clickable-match:hover{transform:scale(1.03);border-color:var(--color-primary);box-shadow:0 4px 10px #00000026}.spectate-indicator{font-size:.7rem;text-align:center;color:var(--color-primary);margin-top:5px;font-weight:700;opacity:.6;transition:opacity .2s}.clickable-match:hover .spectate-indicator{opacity:1}.victory-podium{background:linear-gradient(135deg,var(--color-primary),#2c3e50);border-radius:12px;padding:30px 20px;margin-bottom:30px;text-align:center;color:#fff;box-shadow:0 8px 15px #0003}.podium-stand{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-top:20px;height:150px}.podium-spot{display:flex;flex-direction:column;align-items:center;width:90px}.podium-spot .medal{font-size:2rem;margin-bottom:5px}.podium-spot .name{font-weight:700;margin-bottom:10px;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.podium-spot .block{width:100%;background:#fff3;color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px}.podium-spot.gold .block{height:80px;background:#f1c40f;color:#333}.podium-spot.silver .block{height:60px;background:#bdc3c7;color:#333}.podium-spot.bronze .block{height:40px;background:#cd7f32;color:#fff}.personal-summary{margin-top:25px;background:#ffffff1a;padding:15px;border-radius:8px}.match-label{font-size:.7rem;font-weight:700;text-align:center;color:var(--color-primary);margin-bottom:5px;text-transform:uppercase}.third-place-match{border:2px solid #cd7f32!important;background:#cd7f320d}.solo-modes{background-color:var(--bg-main);color:var(--text-main);max-height:100dvh;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column}.solo-modes .card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #0000001a}.tab-container{background:var(--bg-main)!important;border:1px solid var(--border-color)!important}.tab-active{background-color:var(--primary)!important;color:var(--bg-main)!important}.form-settings{display:flex;flex-direction:column;margin-top:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9rem;font-weight:600;color:var(--secondary)}.form-group select{background-color:var(--bg-main);color:var(--text-main);border:1px solid var(--border-color);padding:12px;border-radius:12px;font-size:1rem;outline:none;appearance:none}.form-group select:focus{border-color:var(--primary)}.btn-primary{background-color:var(--primary);color:var(--text-main);border:none;font-weight:700;transition:background .2s ease}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-main);color:var(--text-main);border:1px solid var(--border-color)}.btn-danger{background-color:#ef4444;color:#fff;border:none}.btn-not-danger{background-color:#0c7633;color:#fff;border:none}.btn-large{width:100%;padding:14px;border-radius:12px;font-size:1.1rem}.btn-small{padding:6px 12px;font-size:.85rem;border-radius:8px}.section-header{font-size:1.2rem;margin:1.5rem 0 1rem;color:var(--text-main)}.saved-games-list{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border-color);border-radius:12px;color:var(--text-main)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px;color:var(--text-main)}.game-name{display:block;font-weight:600;color:var(--text-main)}.game-details{font-size:.8rem;color:var(--text-main)}.list-item-right{display:flex;gap:8px}.empty-message{text-align:center;color:var(--secondary);padding:2rem 0;font-style:italic}.divider-handle{width:100%;height:100%;border-radius:10px;background:var(--secondary);opacity:.4}.warning-text{color:var(--accent);text-align:center;margin-top:8px}.tab-container{display:flex;margin-bottom:20px;border-radius:16px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-main);padding:4px}.tab-btn{flex:1;padding:12px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--secondary);font-weight:500;font-family:inherit}.tab-btn.active{background:var(--primary);color:var(--bg-main);font-weight:700;box-shadow:0 4px 12px #00000026}.tab-btn svg{width:20px;height:20px;transition:fill .2s ease}.login-prompt-card{background:color-mix(in srgb,var(--accent) 10%,transparent)!important;border:1px dashed var(--accent)!important;border-radius:12px;padding:12px;margin-bottom:15px;cursor:pointer;text-align:center}.login-prompt-greeting{margin:0;color:var(--text-main)!important;font-size:.9rem;font-weight:700}.login-prompt-detail{margin:4px 0 0;font-size:.8rem;color:var(--text-main)!important}.button-row{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.row-btn{flex:1;min-width:70px;padding:10px 14px;border:1px solid var(--border-color);background:var(--bg-main);color:var(--secondary);border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s ease;font-family:inherit;text-align:center}.row-btn:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--bg-main))}.row-btn.active{background:var(--bg-main);color:var(--text-main);border-color:var(--border-color);box-shadow:0 4px 10px #00000026}.setting-label{display:block;font-size:.9rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.form-group{margin-bottom:20px}.board-size-badge{font-size:.8rem;background-color:var(--color-primary);color:#fff;padding:2px 6px;border-radius:4px;margin-left:8px;vertical-align:middle}.btn-mini-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-left-color:#fff;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.tarkiib-demo-container{display:flex;flex-direction:column;align-items:center;background:var(--bg-main, #f0ede5);border-radius:8px;box-shadow:inset 0 2px 5px #0000000d;margin-bottom:15px;width:100%}.tarkiib-mini-board{display:grid;grid-template-columns:repeat(7,30px);gap:2px;background:#dcd2c6;border-radius:4px;margin-bottom:15px;width:max-content}.tarkiib-mini-cell{width:30px;height:30px;background-color:#f8f6f1;border-radius:2px;display:flex;align-items:center;justify-content:center;position:relative}.tarkiib-mini-cell.center-cell{background-color:#fc0}.mini-star{font-size:14px;color:#a37c27}.tarkiib-mini-rack{display:flex;gap:4px;justify-content:center;background:#0000000f;padding:6px;border-radius:6px;border-bottom:2px solid rgba(0,0,0,.1);width:max-content}.tarkiib-rack-slot{width:30px;height:30px;border-radius:3px;position:relative}.tarkiib-mini-animated-tile{width:100%;height:100%;background-color:#faeacb;border-radius:3px;box-shadow:0 2px 3px #0003;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;border-bottom:3px solid #c29a65;z-index:10;margin:0;padding:0}.mini-tile-char{font-size:16px;font-weight:700;color:#222;line-height:1}.mini-tile-points{position:absolute;top:2px;left:3px;font-size:8px;font-weight:700;color:#555}.tarkiib-mini-cell.premium-tw{background-color:#ffb3b3}.tarkiib-mini-cell.premium-tw .premium-text{color:#d32f2f}.tarkiib-mini-cell.premium-dw{background-color:#ffcce0}.tarkiib-mini-cell.premium-dw .premium-text{color:#c2185b}.tarkiib-mini-cell.premium-tl{background-color:#99c2ff}.tarkiib-mini-cell.premium-tl .premium-text{color:#1976d2}.tarkiib-mini-cell.premium-dl{background-color:#cce0ff}.tarkiib-mini-cell.premium-dl .premium-text{color:#1976d2}.premium-text{font-size:8px;font-weight:800;letter-spacing:-.5px;text-align:center;user-select:none}.other-games-container{padding:20px;max-width:800px;margin:0 auto;font-family:"Amiri" serif;color:var(--text-main);min-height:100vh}.other-games-header{display:flex;align-items:center;margin-bottom:20px;color:var(--text-main);border-bottom:1px solid #eee}.other-games-back-button{background:none;border:none;font-size:1.5rem;padding:5px 10px;cursor:pointer;margin-right:15px;color:#007bff;transition:color .2s}.other-games-back-button:hover{color:#0056b3}.other-games-page-title{font-size:1.5rem;font-weight:700;color:#007bff;margin:0}.other-games-page-description{color:#666;text-align:center;font-size:1.1rem}.apps-list{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.app-card{background-color:var(--bg-main);color:var(--text-main);border:1px solid var(--text-main);border-radius:16px;box-shadow:0 8px 20px #0000001f;padding:20px;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;flex-direction:column;justify-content:space-between}.app-card:hover{transform:scale(1.02);box-shadow:0 15px 30px #0003}.app-card-header{display:flex;align-items:center;margin-bottom:15px;gap:12px}.testing-buttons-group{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.app-icon{width:72px;height:72px;border-radius:20%;margin-right:15px;box-shadow:0 2px 5px #0000001a}.app-name{font-size:1.5rem;margin:0;color:var(--text-main)}.app-tagline{font-size:.9rem;color:var(--text-main);margin:2px 0 0}.app-action-button{width:100%;padding:14px 20px 12px;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s;text-transform:uppercase;letter-spacing:.5px;margin-top:auto;font-family:"Amiri" serif}.app-action-button:active{transform:scale(.98)}.download-button{background-color:#28a745;color:#fff;box-shadow:0 4px 10px #28a7454d}.download-button:hover{background-color:#1e7e34}.testing-prompt{text-align:center;padding:15px;border:2px solid #ffc107;border-radius:10px;background-color:#fff8e1;margin-top:auto}.testing-prompt p{font-size:1rem;color:#856404;margin-top:0;margin-bottom:10px}.bold-note{font-weight:700}.join-group-button{background-color:#ffc107;color:#343a40;box-shadow:0 4px 10px #ffc1074d}.join-group-button:hover{background-color:#e0a800}.other-games-page-footer{text-align:center;margin-top:10px;padding-top:10px;border-top:1px solid #eee;color:#999;font-size:1rem;position:relative;bottom:0;width:100%;background-color:transparent;box-shadow:none}.game-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;margin-top:10px}.mini-game-card{background:var(--card-bg, #ffffff);border-radius:20px;overflow:hidden;box-shadow:0 8px 15px #0000001a;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;display:flex;flex-direction:column;border:2px solid transparent}.mini-game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 25px #00000026}.mini-game-card:active{transform:translateY(0) scale(.98)}.game-card-banner{height:100px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:#fff}.game-card-content{text-align:center}.game-card-title{font-size:1.3rem;font-weight:800;margin:0;font-family:Amiri,serif}.game-card-desc{font-size:.9rem;color:var(--text-main, #666);margin:0}.theme-physics .game-card-banner{background:linear-gradient(135deg,#667eea,#764ba2)}.theme-physics .game-card-title{color:#764ba2}.theme-physics:hover{border-color:#764ba2}.theme-cookies .game-card-banner{background:linear-gradient(135deg,#f6d365,#fda085)}.theme-cookies .game-card-title{color:#d2691e}.theme-cookies:hover{border-color:#d2691e}.theme-search .game-card-banner{background:linear-gradient(135deg,#4facfe,#00f2fe)}.theme-search .game-card-title{color:teal}.theme-search:hover{border-color:teal}.theme-rootquest .game-card-banner{background:linear-gradient(135deg,#6adb9b,#011e0d)}.theme-rootquest .game-card-title{color:#045b2a}.theme-rootquest:hover{border-color:#045b2a}.active-game-wrapper{position:fixed;top:0;left:0;width:100vw;height:100dvh;display:flex;flex-direction:column;background:var(--bg-main, #ffffff);z-index:9999;padding-top:env(safe-area-inset-top,10px);padding-bottom:env(safe-area-inset-bottom,15px);box-sizing:border-box;overflow:hidden;animation:fadeIn .3s ease}.active-game-content{flex:1;overflow-x:hidden;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.crossword-mode{background-color:var(--bg-main);position:relative;display:flex;flex-direction:column;min-height:90%;height:100%;border-radius:10px;padding:10px}.game-layout{flex:1;width:100%;max-width:100vw;padding:20px 15px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow:hidden}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%}.game-title{font-size:1.3rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin:0;text-align:center}.info-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:1.2rem;padding:0;display:flex;align-items:center;justify-content:center}.game-top-bar{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color);font-weight:700}.game-streak{color:var(--accent)}.clue-label{display:flex;gap:15px;color:var(--primary);font-style:italic;font-weight:700}.game-board-container{display:flex;flex-direction:column;justify-content:center;width:100%;align-items:center;border:1px solid green;border-radius:12px}.clue-display{font-size:20px;color:var(--text-main);text-align:center;margin:10px 0;font-style:italic;width:90%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.crossword-grid{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap;justify-content:center}.grid-box{width:45px;height:45px;border:2px solid var(--primary);border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;font-family:Amiri,serif;background-color:transparent;color:var(--text-main);transition:all .2s ease}.grid-box.filled{background-color:var(--card-bg)}.grid-box.correct{background-color:#d4edda;border-color:#28a745;color:#155724}.grid-box.wrong{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.grid-box.bonus{background-color:#fff3cd;border-color:#ffc107;color:#856404}.letter-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:300px;margin-bottom:20px}.char-btn{width:45px;height:45px;border-radius:20%;background-color:var(--primary);color:var(--bg-main);border:none;font-size:1.4rem;font-weight:700;font-family:Amiri,serif;cursor:pointer;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;align-items:center}.bucket-btn-container{margin-top:10px;gap:10px;display:flex;align-items:center;justify-content:center;width:100%}.bucket-btn{background-color:var(--card-bg);color:var(--primary);border:1px solid var(--primary);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a;font-family:Amiri,serif}.bucket-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.bucket-modal-content{background-color:var(--card-bg);border:1px solid var(--border-color);padding:20px;border-radius:12px;width:90%;max-width:400px;max-height:30vh;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column}.bucket-modal-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:15px}.bucket-modal-scroll-area{flex-grow:1;overflow-y:auto;padding-left:5px}.bucket-modal-scroll-area::-webkit-scrollbar{width:6px}.bucket-modal-scroll-area::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.bucket-modal-title{font-size:1.3rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px}.close-modal-btn{color:var(--text-main);background-color:var(--bg-main);border:none;width:30px;height:30px;border-radius:50%;font-weight:700;cursor:pointer}.help-text{line-height:1.6;color:var(--text-main);margin:0}.bucket-word{background-color:var(--bg-main);color:var(--text-main);border:1px solid var(--border-color);padding:6px 12px;border-radius:12px;font-family:Amiri,serif;font-size:1.1rem}.bucket-word.bonus{background:#100c00;color:#4d3c08;border:1px solid #ffeeba}.bucket-word-sub{color:var(--secondary);font-size:.75em}.empty-bucket-text{color:var(--secondary);font-size:.9rem}.monument-builder-container{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:max(15px,env(safe-area-inset-bottom));margin-top:auto;padding-top:10px;background-color:var(--bg-main);border-top:1px solid var(--border-color);overflow:hidden}.monument-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:350px;margin-bottom:5px;padding:0 15px}.monument-nav-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.monument-nav-btn.active{color:var(--primary);opacity:1}.monument-nav-btn.disabled{color:var(--secondary);opacity:.4}.monument-title-container{text-align:center}.monument-title{font-size:1.1rem;color:var(--primary);font-weight:700;font-family:Amiri,serif}.monument-subtitle{font-size:.75rem;color:var(--text-main);opacity:.8}.monument-action-bar{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;width:100%;margin:10px 0}.zoom-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;padding:8px;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.monument-canvas-container{width:100%;max-width:400px;aspect-ratio:200 / 120;position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--border-color);background-color:var(--card-bg)}.monument-drag-area{width:100%;height:100%}.monument-drag-area.grab{cursor:grab}.monument-drag-area.default{cursor:default}.monument-svg-layer{position:absolute;top:0;left:0;width:100%;height:100%}.monument-blueprint,.monument-blueprint.locked{opacity:.1}.monument-bricks-container{display:flex;flex-wrap:wrap;align-content:flex-start;gap:1px;width:200px;height:120px;overflow:hidden;padding:2px}.monument-brick{font-size:4px;line-height:4px;color:#000;background-color:#fff;padding:1px 2px;border-radius:1px;font-family:Amiri,serif}.monument-brick-empty{font-size:4px;color:var(--secondary)}.monument-3d-overlay{mix-blend-mode:multiply;opacity:.95}.monument-fullscreen-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-main);z-index:9999;display:flex;flex-direction:column;padding-bottom:max(15px,env(safe-area-inset-bottom));padding-top:max(15px,env(safe-area-inset-top))}.monument-fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:0 4px 10px #0000001a;z-index:10;gap:15px}.monument-fullscreen-header .monument-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monument-fullscreen-controls{display:flex;flex-direction:row;align-items:center;gap:10px;flex-shrink:0}.monument-fullscreen-body{flex:1;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main)}.monument-canvas-container.fullscreen{width:100%;height:100%;max-width:none;max-height:none;border:none;background-color:transparent;box-shadow:none;aspect-ratio:auto}.monument-canvas-container.fullscreen .monument-drag-area{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.monument-close-btn{color:#ef4444!important;border-color:#ef4444!important;position:relative!important;margin-left:10px!important}.cookies-mode{background:var(--bg-main);display:flex;flex-direction:column;min-height:90%;border-radius:16px;padding:10px}.cookies-layout{width:100%;max-width:100vw;padding:20px 15px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow:hidden}.cookies-title{font-size:1.5rem;font-weight:800;color:#d2691e;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;text-align:center;width:100%}.cookies-top-bar{width:100%;display:flex;justify-content:space-between;color:var(--text-main);font-weight:700;border-bottom:1px solid grey}.cookies-streak{color:#d2691e}.words-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:15px 20px;margin:10px 0;width:100%}.word-row-container{display:flex;flex-direction:column;align-items:center;gap:5px}.cookies-slots{display:flex;gap:2px;justify-content:center;flex-wrap:wrap}.cookie-slot{width:35px;height:35px;border:2px dashed #d2691e;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-main);font-family:Amiri,serif;background:transparent;transition:all .2s}.cookie-slot.correct{border-color:#28a745;background:#d4edda;color:#155724;font-weight:700;border-style:solid}.word-clue-mini{font-size:.8rem;color:var(--text-main);opacity:.8;font-style:italic;text-align:center;max-width:150px;line-height:1.2}.selection-preview{height:45px;display:flex;align-items:center;justify-content:center;width:100%;font-size:28px;font-weight:700;color:#d2691e;margin:10px 0;letter-spacing:2px;font-family:Amiri,serif;transition:color .2s;border:1px dashed var(--border-color);border-radius:12px}.selection-preview.correct{color:#28a745}.selection-preview.wrong{color:#dc3545;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.cookie-pan-container{position:relative;background:#2c2c2c;border:8px solid #1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 10px 20px #00000080,0 5px 15px #0003;touch-action:none}.connections-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-line{stroke:#f4a460;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.active-line{stroke:#ffc107}.cookie-btn{position:absolute;width:60px;height:60px;background:#f4a460;color:#4a2511;border:2px solid #8b4513;border-radius:50%;font-size:28px;font-family:Amiri,serif;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset -2px -2px 6px #0003,0 4px 6px #0000004d;user-select:none;z-index:2;transition:background .2s,color .2s}.cookie-btn.selected{background:#d2691e;color:#fff;border-color:#5c2b0b}.clear-cookies-btn{margin-top:2rem;background:transparent;border:2px solid #d2691e;color:#d2691e;padding:8px 20px;border-radius:20px;cursor:pointer;font-weight:700;transition:all .2s;font-family:Amiri,serif}.clear-cookies-btn:hover{background:#d2691e;color:#fff}.cookie-slot.hinted{color:#d2691e;background:#fff8e1;border-color:#ffeeba;font-weight:700}.bucket-modal-content{background:var(--bg-main);width:90%;max-width:400px;border-radius:20px;padding:20px;max-height:70vh;overflow-y:auto;box-shadow:0 10px 25px #0000004d}.reveal-btn{cursor:pointer;text-decoration:underline;transition:transform .2s ease,opacity .2s;padding:2px 6px;border-radius:4px;margin-top:.5rem}.search-mode{background:var(--bg-main);display:flex;flex-direction:column;min-height:90%;border-radius:16px;padding:10px}.search-layout{width:100%;max-width:100vw;padding:10px 5px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow:hidden}.search-title{font-size:1.5rem;font-weight:800;color:teal;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;text-align:center;width:100%}.search-top-bar{width:100%;display:flex;justify-content:space-between;color:var(--text-main);font-weight:700;padding:0 10px;margin-bottom:15px;border-bottom:1px solid grey}.search-streak{color:teal}.search-targets{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;margin-top:1rem;width:100%}.search-target-word{font-size:1.5rem;font-family:Amiri,serif;background:#e0f2f1;color:#004d40;padding:5px 12px;border-radius:20px;border:1px solid red;transition:all .4s ease;filter:blur(4px);opacity:1;user-select:none}.search-target-word.found{filter:blur(0)}.search-grid-container{display:grid;gap:4px;background:#26a69a;padding:6px;border-radius:10px;box-shadow:0 4px 10px #0000001a;touch-action:none;user-select:none;margin-bottom:20px;width:100%;max-width:400px;box-sizing:border-box;aspect-ratio:1 / 1;direction:rtl}.search-cell{background:#fff;color:#004d40;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,4vw,20px);font-family:Amiri,serif;font-weight:700;border-radius:6px;cursor:pointer;transition:background .1s,transform .1s;width:100%;height:100%;box-sizing:border-box}.search-cell.hinted{background:#fff9c4;color:#f57f17;border:2px solid #fbc02d}.search-cell.selected{background:#ffb300;color:#fff;transform:scale(1.05);border:none}.search-cell.found{font-weight:700;color:#fff;border:none}.search-cell.found.selected{background:#ffa000}.action-buttons{display:flex;gap:15px;margin-top:10px}.search-action-btn{background:transparent;border:2px solid #008080;color:teal;padding:8px 20px;border-radius:20px;cursor:pointer;font-weight:700;transition:all .2s;margin-top:1rem;font-family:Amiri,serif}.search-action-btn:hover{background:teal;color:#fff}.game-toast{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:#fff;padding:12px 24px;border-radius:30px;font-size:1.2rem;font-weight:700;z-index:1000;pointer-events:none;animation:popInAndOut 2s forwards;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #0000004d}.game-toast.bonus{background:linear-gradient(135deg,#f6d365,#fda085);color:#856404;border:2px solid #ffeeba}@keyframes popInAndOut{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-70%) scale(.8)}}.bucket-btn-container{display:flex;justify-content:center;margin-bottom:10px}.bucket-btn{background:#fff8e1;border:2px solid #ffc107;color:#b38000;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.bucket-btn:hover{transform:scale(1.05)}.bucket-modal-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.bucket-modal-content{background:var(--bg-main);width:90%;max-width:400px;border-radius:20px;padding:20px;max-height:70vh;overflow-y:auto;box-shadow:0 10px 25px #0000004d;color:var(--text-main)}.bucket-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;padding-bottom:10px;margin-bottom:15px}.bucket-modal-title{font-size:1.3rem;font-weight:700;color:var(--primary, #007bff)}.close-modal-btn{background:var(--bg-main);border:none;width:30px;height:30px;border-radius:50%;font-weight:700;cursor:pointer}.bucket-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.bucket-word{background:var(--bg-main);padding:6px 12px;border-radius:12px;font-family:Amiri,serif;font-size:1.1rem}.bucket-word.bonus{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.reveal-btn{cursor:pointer;text-decoration:underline;transition:transform .2s ease,opacity .2s;padding:2px 6px;border-radius:4px;margin-top:1rem}.reveal-btn:hover{transform:scale(1.05);background:#0000000d}.all-words-list{display:flex;flex-wrap:wrap;gap:10px;max-height:50vh;overflow-y:auto;padding:10px 0}.all-words-word{background:#f1f3f5;color:#495057;padding:6px 12px;border-radius:12px;font-family:Amiri,serif;font-size:1.1rem;border:1px solid #dee2e6}.all-words-word.found{background:#d4edda;color:#155724;border-color:#c3e6cb;font-weight:700}.root-quest-mode{display:flex;flex-direction:column;height:100%;padding:10px 15px 15px;background-color:var(--bg-main);overflow:hidden}.learn-card,.quiz-card,.result-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;margin-top:10px;box-shadow:0 8px 30px #0000000d;display:flex;flex-direction:column;flex:1;overflow-y:auto;color:var(--text-main)}.learn-header-sticky{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:10;box-shadow:0 4px 10px #00000005}.learn-header-title{display:flex;align-items:center;gap:10px;color:var(--primary);font-weight:700;font-size:1.1rem}.robust-study-content{overflow-y:auto;padding:20px;flex:1}.hero-arabic-root{font-size:5rem;color:var(--accent);margin:10px 0 20px;font-family:Amiri,serif;text-align:center}.root-summary-box{background:#8b6b4a0d;border-left:4px solid var(--accent);padding:15px 20px;border-radius:8px;font-size:1.05rem;line-height:1.6;color:var(--text-main);margin-bottom:30px}.section-title{color:var(--primary);border-bottom:2px solid var(--border-color);padding-bottom:10px;margin-bottom:20px}.study-derivative-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;overflow:hidden}.sd-header{background:#00000005;padding:15px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.sd-word-badge{font-family:Amiri,serif;font-size:2rem;color:var(--accent);font-weight:700}.sd-meaning{font-size:1rem;color:var(--text-main);font-style:italic}.sd-verses-container{padding:15px;display:flex;flex-direction:column;gap:15px}.sd-verse-block{padding-bottom:15px;border-bottom:1px dashed var(--border-color)}.sd-verse-block:last-child{border-bottom:none;padding-bottom:0}.sd-verse-ref{display:inline-block;font-size:.75rem;font-weight:700;color:var(--text-main);background:var(--primary);padding:3px 8px;border-radius:4px;margin-bottom:8px}.sd-verse-arabic{font-size:1.4rem;line-height:1.8;font-family:Amiri,serif;color:var(--text-main);margin-bottom:6px}.highlighted-arabic-word{color:#d9453c;font-weight:700;background-color:#d9453c1a;padding:0 3px;border-radius:4px}.sd-verse-trans{font-size:.95rem;line-height:1.5;color:var(--text-main)}.sd-more-verses{text-align:center;font-size:.85rem;color:var(--text-main);font-style:italic;padding-top:10px}.primary-action-btn{background:var(--primary);color:var(--text-main);border:none;padding:6px 20px;border-radius:30px;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .2s,background .2s;font-family:Amiri,serif}.primary-action-btn:hover{transform:translateY(-2px);background:var(--accent)}.pulse-btn{animation:slightPulse 2s infinite}@keyframes slightPulse{0%{box-shadow:0 0 #8b6b4a66}70%{box-shadow:0 0 0 10px #8b6b4a00}to{box-shadow:0 0 #8b6b4a00}}.quiz-card{padding:30px;align-items:center;text-align:center}.quiz-progress{font-size:.9rem;font-weight:700;color:var(--primary);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.quiz-question{font-size:1.25rem;color:var(--text-main);margin-bottom:20px;line-height:1.5}.quiz-context-box{background:#00000008;border-left:4px solid var(--primary);padding:15px 20px;border-radius:8px;margin-bottom:25px;width:100%;font-style:italic;color:var(--text-main);display:flex;gap:15px;text-align:left;line-height:1.6;font-size:1rem;max-height:120px;overflow-y:auto}.quiz-context-box.arabic{font-family:Amiri,serif;font-size:1.3rem;text-align:right;border-left:none;border-right:4px solid var(--primary);font-style:normal}.context-icon{color:var(--primary);flex-shrink:0;margin-top:4px}.quiz-options{display:flex;flex-direction:column;gap:12px;width:100%;overflow-y:auto}.quiz-opt-btn{background:var(--bg-main);border:2px solid var(--border-color);padding:15px 20px;border-radius:12px;color:var(--text-main);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;text-align:left;line-height:1.5;width:100%}.opt-text.arabic{font-family:Amiri,serif;font-size:1.3rem;text-align:right;width:100%}.quiz-opt-btn[dir=rtl]{flex-direction:row-reverse}.quiz-opt-btn:hover{border-color:var(--primary);background:#00000003}.quiz-opt-btn.correct{background:#2ecc711a;border-color:#2ecc71;color:#27ae60;font-weight:700}.quiz-opt-btn.wrong{background:#e74c3c1a;border-color:#e74c3c;color:#c0392b;opacity:.8}.opt-icon{font-size:1.3rem;flex-shrink:0;margin-left:10px}.quiz-opt-btn[dir=rtl] .opt-icon{margin-left:0;margin-right:10px}.result-card{padding:40px;justify-content:center}.result-icon{font-size:5rem;margin-bottom:20px}.reward-pill{background:#fdf2e9;color:#d35400;padding:10px 20px;border-radius:20px;font-weight:700;display:flex;align-items:center;gap:8px;margin-top:20px;font-size:1.2rem}:root{--hidden-color: rgba(241, 236, 236, .1);--reveal-glow: #00ff88}.quest-container{padding:20px;background:var(--bg-main)}.quran-grid{display:flex;flex-wrap:wrap;direction:rtl;gap:10px;font-family:Amiri,serif;font-size:1.5rem}.word-unit{padding:2px 4px;transition:all .8s cubic-bezier(.4,0,.2,1);border-radius:4px}.word-unit.hidden{color:transparent;background-color:var(--hidden-color);user-select:none}.word-unit.revealed{color:var(--text-main);background-color:transparent;animation:flare 1.5s ease-out}@keyframes flare{0%{text-shadow:0 0 0px var(--reveal-glow);color:var(--reveal-glow)}50%{text-shadow:0 0 20px var(--reveal-glow);color:#fff}to{text-shadow:0 0 0px transparent;color:var(--text-main)}}.progress-bar-container{position:relative;width:100%;height:30px;background-color:var(--border-color);border-radius:15px;overflow:hidden;margin:20px 0;display:flex;align-items:center;justify-content:center}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--primary),#00ff88);transition:width .5s ease-in-out;z-index:1}.progress-text{position:relative;z-index:2;font-weight:700;font-size:.9rem;color:var(--text-main);text-shadow:0px 0px 4px rgba(255,255,255,.8);pointer-events:none}.mushaf-container{direction:rtl;max-width:900px;margin:0 auto 100px;line-height:2;padding:20px;background:var(--bg-main);border:1px solid var(--border-color);box-shadow:0 10px 30px #0000001a}.mushaf-text{font-family:Amiri,serif;font-size:1.2rem;text-align:justify;direction:rtl}.mushaf-text .word-unit{display:inline;margin:0;padding:0}.ayah-end-symbol{font-family:Amiri;color:var(--primary);font-size:1rem;vertical-align:middle}.ayah-number-inline{font-size:.9rem;color:var(--text-main);margin-left:10px;font-family:Amiri}.view-toggle{display:flex;gap:5px;background:var(--card-bg);padding:4px;border-radius:8px}.view-toggle button{padding:6px 12px;border:none;background:none;cursor:pointer;color:var(--text-main)}.view-toggle button.active{background:var(--primary);color:#fff;border-radius:6px}.ayah-sign-container{display:inline-flex;align-items:center;justify-content:center;position:relative;margin:0 8px;vertical-align:middle;user-select:none}.ayah-end-symbol{font-family:Amiri,serif;font-size:1rem;color:#c4a45d}.ayah-number-inside{position:absolute;font-size:.5rem;font-weight:700;color:#3e2723;top:50%;left:50%;transform:translate(-50%,-45%);font-family:Arial,sans-serif}.nav-dropdowns{display:flex;gap:10px;background:var(--card-bg);padding:10px;border-radius:12px;border:1px solid var(--border-color);flex-wrap:wrap;flex:1;min-width:280px}.nav-dropdowns select{padding:8px 12px;border-radius:6px;background:var(--bg-main);color:var(--text-main);border:1px solid var(--border-color);font-family:inherit;cursor:pointer;outline:none;flex:1;min-width:120px}.nav-dropdowns select:focus{border-color:var(--primary)}.controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:10px;width:100%;padding:4px;border:1px solid var(--border-color);background:var(--bg-main);border-radius:10px;align-items:stretch}.mushaf-toggle-btn,.nav-trigger{line-height:.5}.mushaf-toggle-btn{padding:10px;border-radius:8px;background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-family:Amiri,serif}.nav-trigger.active{background:var(--primary);color:var(--text-main);border-color:var(--primary);box-shadow:0 0 10px #00ff884d}.nav-trigger{flex:1;width:auto;padding:10px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;cursor:pointer;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-btn{padding:8px 16px;cursor:pointer;border-radius:8px;background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);font-family:Amiri,serif}.mushaf-mode-active .progress-text{opacity:.5}.word-unit.revealed{cursor:default}.mushaf-mode-active .word-unit.revealed:not(.user-discovered){color:green;opacity:.7}.word-unit.user-discovered{color:var(--text-main);font-weight:700}.word-unit.revealed.system-revealed{opacity:.7;color:var(--secondary)}.navigation-wrapper{display:flex;flex-direction:column;gap:10px;flex:1}.selector-grid{display:grid!important;grid-template-columns:2fr 1fr 1fr!important;gap:8px;width:100%;align-items:end;margin-bottom:15px}.select-box{display:flex;flex-direction:column;gap:4px;width:100%}.select-box label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:700}.select-box select{width:100%;padding:8px 4px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-main);font-family:Amiri,serif;font-size:.9rem;height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-mode-tabs{display:flex;gap:5px;border-radius:12px}.tab-btn{flex:1;padding:8px;border-radius:6px;border:none;background:var(--bg-main);border:.5px solid green;cursor:pointer}.tab-btn.active{background:var(--primary);color:#fff}.nav-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.nav-modal-content{background:var(--bg-main);width:100%;max-width:500px;padding:20px;border-radius:12px 12px 20px 20px;animation:slideDown .3s ease-out;height:fit-content;box-shadow:0 5px 15px #0003;max-height:100%;display:flex;flex-direction:column;gap:15px}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.close-nav-btn{margin-top:15px;width:100%;padding:10px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.custom-picker-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;height:250px;margin-bottom:15px;width:100%}.picker-column{display:flex;flex-direction:column;height:100%;gap:5px;min-height:0}.picker-column label{font-size:.75rem;text-transform:uppercase;color:var(--text-main);font-weight:700;text-align:center;flex-shrink:0}.scrollable-list{display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;flex:1;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:calc(50% - 22px);padding-bottom:calc(50% - 22px)}.scrollable-list::-webkit-scrollbar{display:none}.list-item{padding:10px 8px;border:none;background:transparent;color:var(--text-main);font-family:Amiri,serif;font-size:1rem;text-align:right;cursor:pointer;transition:all .15s ease;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;opacity:.5;transform:scale(.9)}.list-item:hover{background:#0000000d}.list-item.selected{background:var(--primary);color:#fff;font-weight:700;opacity:1;transform:scale(1.05);border-radius:6px;box-shadow:0 4px 10px #0000001a;border-bottom:none}.no-data-msg{padding:10px;text-align:center;color:var(--text-muted);font-size:.8rem}.quest-ayah-block{background:var(--card-bg);border-left:3px solid #8b6b4a;border-right:1px solid var(--border-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:16px;border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px #00000005}.quest-arabic-text{font-family:Amiri,serif;font-size:1.4rem;line-height:2.2;text-align:right;direction:rtl}.quest-verse-translation{font-size:.95rem;line-height:1.5;color:var(--text-main);font-style:italic;direction:ltr;text-align:left;padding-top:8px;border-top:1px dashed var(--border-color)}.quest-arabic-text .word-unit{display:inline}:root{--base-font-size: 18px}html{font-size:var(--base-font-size);transition:font-size .2s ease-in-out}body{margin:0;padding:0;width:100vw;height:100dvh;overflow-x:hidden;font-family:Amiri,serif;background-color:var(--bg-main)}.app{display:flex;flex-direction:column;width:100%;height:100%;position:relative;font-family:Amiri,serif;overflow-x:hidden;-webkit-overflow-scrolling:touch;background-color:var(--bg-main);transition:background-color .3s ease}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:.25rem;box-sizing:border-box;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));margin-top:calc(70px + env(safe-area-inset-top,0px))}.main-content.game-active{margin:0!important;padding:0!important;flex:1;height:auto;display:flex;flex-direction:column;overflow:hidden}.overlay-open{filter:brightness(.8);pointer-events:none}.overlay-open .footer{visibility:hidden;pointer-events:none}.btn-primary{background-color:var(--primary);color:var(--bg-main);border:none;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;transition:opacity .2s,background-color .2s}.btn-primary:hover{background-color:var(--primary-hover)}.card{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:12px}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-main);color:var(--text-main);animation:fadeIn .6s ease-in-out forwards}.loading-bar-container{width:80%;max-width:300px;height:8px;background-color:var(--border-color);border-radius:4px}.loading-bar{width:0%;height:100%;background:linear-gradient(to right,var(--primary),var(--primary-hover));animation:loadingBar 3s ease-in-out infinite}.network-banner{position:fixed;top:0;width:100%;background:var(--accent);color:#fff;text-align:center;padding:.5rem;font-weight:700;z-index:10000;animation:fadeInDown .4s ease}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:10000;animation:fadeInUp .5s ease-out}@keyframes fadeInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes loadingBar{0%{width:0%}50%{width:60%}to{width:0%}}@keyframes fadeIn{to{opacity:1}}.header-spacer{width:100%;height:calc(70px + env(safe-area-inset-top,0px));pointer-events:none}.shepherd-element{background:var(--color-card);border-radius:16px;box-shadow:0 10px 30px #00000080;border:1px solid var(--color-primary);font-family:inherit}.shepherd-header{background:rgba(var(--color-primary-rgb),.1);padding:1rem}.shepherd-text{color:var(--color-text-light);padding:1rem}.shepherd-button{background:var(--color-primary)!important;border-radius:8px!important;transition:opacity .2s}.shepherd-button:hover{opacity:.9}.divider-handle{color:green;background-color:#06254b;border-radius:9999px;transition:all .3s ease}.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:#ffffffbf;cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:#ffffffbf}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:#000000bf}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:#000000bf}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{background:transparent;border:none;color:#808080bf;cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:#000000bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:#808080bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:#000000bf}.shepherd-title{color:#000000bf;display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:#000000bf;font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{background:#fff;border:none;border-radius:5px;box-shadow:0 1px 4px #0003;margin:0;max-width:400px;opacity:0;outline:none;padding:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}