:root{--flaming-pink:#ec4899;--neon-lime:#10b981;--electric-cyan:#06b6d4;--orange-burst:#f59e0b;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-accent:#eff6ff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-color:#fff;--border-light:#0f172a14;--border-medium:#0f172a1f;--border-accent:#ec48994d;--gradient-party:linear-gradient(135deg,#ec4899 0%,#f59e0b 100%);--gradient-electric:linear-gradient(135deg,#06b6d4 0%,#10b981 100%);--gradient-chaos:linear-gradient(45deg,#ec4899,#06b6d4,#10b981,#f59e0b,#ec4899);--gradient-bg:linear-gradient(135deg,#f8fafc 0%,#eff6ff 50%,#f0fdf4 100%);--shadow-glow-pink:0 8px 20px #ec489926;--shadow-glow-cyan:0 8px 20px #06b6d426;--shadow-glow-lime:0 8px 20px #10b98126;--shadow-pop:0 12px 24px #0f172a0f;--shadow-float:0 16px 32px #0f172a14;--shadow-card:0 4px 12px #0f172a0a}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}body{color:var(--text-primary);background:linear-gradient(135deg,#f8fafc 0%,#e8f4f8 30%,#f0f9ff 60%,#f0fdf4 100%) fixed;height:auto;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";background-image:radial-gradient(3px 3px at 20px 30px,var(--flaming-pink),transparent),radial-gradient(2px 2px at 40px 70px,var(--neon-lime),transparent),radial-gradient(2px 2px at 90px 40px,var(--electric-cyan),transparent),radial-gradient(1px 1px at 130px 80px,var(--orange-burst),transparent),radial-gradient(2px 2px at 160px 30px,var(--flaming-pink),transparent);opacity:.25;pointer-events:none;z-index:-1;background-repeat:repeat;background-size:200px 100px;width:100%;height:100%;animation:25s linear infinite confetti-float;position:fixed;top:0;left:0}@keyframes confetti-float{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-100px)rotate(360deg)}}@keyframes wobble{0%{transform:rotate(0)scale(1)}25%{transform:rotate(2deg)scale(1.02)}50%{transform:rotate(-1deg)scale(1.01)}75%{transform:rotate(1deg)scale(1.02)}to{transform:rotate(0)scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)rotate(-5deg)}50%{transform:scale(1.1)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.container{max-width:1200px;margin:0 auto;padding:24px}.card{background:var(--bg-secondary);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:24px;padding:24px;position:relative;overflow:hidden}.btn{cursor:pointer;background:var(--gradient-electric);color:var(--text-on-color);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-glow-cyan);border:none;border-radius:50px;padding:14px 28px;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover{box-shadow:var(--shadow-float);animation:.6s ease-in-out wobble;transform:translateY(-3px)scale(1.05)}.btn:hover:before{left:100%}.btn:active{transform:translateY(-1px)scale(1.02)}.btn.primary{background:var(--gradient-electric);box-shadow:var(--shadow-glow-cyan)}.btn.secondary{background:var(--gradient-party);box-shadow:var(--shadow-glow-pink)}.btn.danger{background:linear-gradient(135deg,#ff4757 0%,#ff3838 100%);box-shadow:0 0 20px #ff475766}h1,h2,h3,.display-text{text-shadow:2px 2px 4px #0000004d;font-family:Fredoka One,cursive;font-weight:400}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .display-text,[dir=rtl] .action-title,[dir=rtl] .entry-title{letter-spacing:.02em;font-family:Secular One,Rubik,Varela Round,sans-serif;font-weight:400}[dir=rtl] h1,[dir=rtl] .entry-title,[dir=rtl] .display-text{letter-spacing:.03em;font-family:Secular One,Rubik,Varela Round,sans-serif;font-weight:400}[dir=rtl] p,[dir=rtl] .description,[dir=rtl] .sentence-text,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] body{letter-spacing:0;font-family:Rubik,Varela Round,sans-serif;font-weight:400}[dir=rtl] .btn,[dir=rtl] button{font-family:Secular One,Rubik,Varela Round,sans-serif;font-weight:400}[dir=rtl] *{font-family:Rubik,Varela Round,sans-serif}[dir=rtl] *,[lang=he] *{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl],[lang=he]{font-family:Rubik,Secular One,Varela Round,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[dir=rtl] *,[lang=he] *{font-variant-ligatures:none;font-feature-settings:"kern" 1,"liga" 0}@supports (font-variation-settings:normal){[dir=rtl] *,[lang=he] *{font-family:Rubik,Secular One,Varela Round,sans-serif}}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] .entry-title,[dir=rtl] .entry-tagline,[dir=rtl] .display-text,[dir=rtl] .action-title,[dir=rtl] .btn,[dir=rtl] button,[dir=rtl] [class*=title],[dir=rtl] [class*=heading]{font-weight:400;font-family:Secular One,Rubik,Varela Round,sans-serif!important}.entry-page{flex-direction:column;justify-content:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:0;display:flex;position:relative}.entry-header{text-align:center;padding:20px 16px;position:relative}.entry-title{background:var(--gradient-chaos);-webkit-text-fill-color:transparent;text-shadow:none;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-family:Fredoka One,cursive;font-size:clamp(40px,6vw,64px);font-weight:400;animation:3s ease-in-out infinite gradient-shift;position:relative}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.entry-subtitle{background:var(--gradient-electric);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:24px;font-weight:600}.entry-tagline{color:var(--orange-burst);text-shadow:2px 2px 0px var(--deep-eggplant);margin:20px 0;font-family:Fredoka One,cursive;font-size:22px;animation:1s ease-out .5s both pop-in}.language-selector{aspect-ratio:1;z-index:100;pointer-events:none;box-sizing:border-box;border-radius:50%;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;position:fixed;top:20px;left:20px;overflow:hidden}[dir=rtl] .language-selector{left:20px;right:auto}.language-current{aspect-ratio:1;background:var(--gradient-party);width:100%;min-width:40px;height:100%;min-height:40px;color:var(--text-on-color);cursor:pointer;box-shadow:var(--shadow-glow-pink);z-index:100;box-sizing:border-box;pointer-events:auto;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-weight:700;line-height:0;transition:all .3s;display:flex;position:absolute;top:0;left:0;overflow:hidden}[dir=rtl] .language-current{left:0;right:auto}.language-current svg{fill:currentColor;flex-shrink:0;width:22px;height:22px;display:block}.language-current:hover{box-shadow:var(--shadow-glow-cyan);transform:scale(1.1)}.language-current:active{transform:scale(.95)}.lang-flag{font-size:20px;line-height:1;display:block}.lang-name,.lang-arrow{display:none}.language-selector.open .lang-arrow{transform:rotate(180deg)}.language-dropdown{z-index:101;background:var(--bg-secondary);border:2px solid var(--electric-cyan);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-width:140px;max-width:200px;min-height:200px;max-height:calc(100vh - 100px);box-shadow:var(--shadow-glow-cyan),0 10px 40px #0000004d;pointer-events:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--electric-cyan)#01cdfe33;border-radius:20px;animation:.3s cubic-bezier(.68,-.55,.265,1.55) dropdown-appear;position:fixed;top:68px;left:20px;overflow:hidden auto}.language-dropdown::-webkit-scrollbar{width:6px}.language-dropdown::-webkit-scrollbar-track{background:#01cdfe1a;border-radius:10px}.language-dropdown::-webkit-scrollbar-thumb{background:var(--electric-cyan);border-radius:10px}.language-dropdown::-webkit-scrollbar-thumb:hover{background:var(--neon-lime)}[dir=rtl] .language-dropdown{left:20px;right:auto}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.language-option{width:100%;color:var(--text-primary);cursor:pointer;pointer-events:auto;z-index:102;background:0 0;border:none;border-bottom:1px solid #01cdfe1a;align-items:center;gap:12px;padding:12px 16px;font-family:Fredoka One,cursive;font-weight:500;transition:all .2s;display:flex;position:relative}.language-option .lang-name{text-align:left;flex:1;font-size:14px;display:block}.language-option:last-child{border-bottom:none}.language-option:hover{color:var(--electric-cyan);background:#01cdfe1a;transform:translate(4px)}.language-option.active{color:var(--hot-pink);background:#ff14931a}.lang-check{color:var(--hot-pink);margin-left:auto;font-size:18px;font-weight:700}[dir=rtl] .language-current,[dir=rtl] .language-option{font-family:Playpen Sans,cursive;font-weight:600}[dir=rtl] .lang-name{text-align:right}[dir=rtl] .language-option:hover{transform:translate(-4px)}[dir=ltr] .language-current,[dir=ltr] .language-option,[dir=ltr] .btn,.btn{font-family:Fredoka One,cursive;font-weight:400}[dir=rtl] .btn{font-family:Playpen Sans,cursive;font-weight:500}.entry-actions{grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:20px auto;padding:0 16px;display:grid}.action-card.primary{border-color:var(--flaming-pink);box-shadow:var(--shadow-glow-pink);background:linear-gradient(135deg,#ec489926,#fb923c26)}.action-card.primary:hover{background:linear-gradient(135deg,#ec489940,#fb923c40);transform:translateY(-12px)scale(1.05);box-shadow:0 20px 60px #ff71ce66}.action-card:nth-of-type(2){background:linear-gradient(135deg,#06b6d426,#10b98126)}.action-card:nth-of-type(2):hover{background:linear-gradient(135deg,#06b6d440,#10b98140);box-shadow:0 20px 60px #06b6d466}.action-card:nth-of-type(3){background:linear-gradient(135deg,#a78bfa26,#ec489926)}.action-card:nth-of-type(3):hover{background:linear-gradient(135deg,#a78bfa40,#ec489940);box-shadow:0 20px 60px #a78bfa66}.action-card{background:var(--bg-secondary);border:1px solid var(--border-light);text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-card);border-radius:24px;padding:24px 16px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.action-card:hover{box-shadow:var(--shadow-float);animation:.8s ease-in-out wobble;transform:translateY(-8px)scale(1.02)}.action-icon{filter:drop-shadow(0 4px 8px #0000004d);justify-content:center;align-items:center;width:100%;margin:0 auto 16px;font-size:48px;display:flex}.action-icon-wrapper{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 16px;display:flex;position:relative}.action-icon-img{object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:100%;height:100%;transition:transform .3s;background:0 0!important}.action-card:hover .action-icon-img{transform:scale(1.1)rotate(5deg)}.action-title{color:var(--text-primary);margin:0 0 12px;font-family:Fredoka One,cursive;font-size:22px;font-weight:400}.action-card.primary .action-title{color:#ec4899}.action-card:nth-of-type(2) .action-title{color:#06b6d4}.action-card:nth-of-type(3) .action-title{color:#a78bfa}.action-description{color:#94a3b8;margin:0 0 20px;font-size:14px;font-weight:500;line-height:1.4}.action-card.primary .action-button{color:var(--text-on-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#ec4899,#f59e0b);border:none;border-radius:50px;padding:12px 24px;font-family:Fredoka One,cursive;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:inline-block;box-shadow:0 4px 15px #ec489966}.action-card.primary:hover .action-button{transform:scale(1.05);box-shadow:0 6px 20px #ec489999}.action-card:nth-of-type(2) .action-button{color:var(--text-on-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#10b981);border:none;border-radius:50px;padding:12px 24px;font-family:Fredoka One,cursive;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:inline-block;box-shadow:0 4px 15px #06b6d466}.action-card:nth-of-type(2):hover .action-button{transform:scale(1.05);box-shadow:0 6px 20px #06b6d499}.action-card:nth-of-type(3) .action-button{color:var(--text-on-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#a78bfa,#ec4899);border:none;border-radius:50px;padding:12px 24px;font-family:Fredoka One,cursive;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:inline-block;box-shadow:0 4px 15px #a78bfa66}.action-card:nth-of-type(3):hover .action-button{transform:scale(1.05);box-shadow:0 6px 20px #a78bfa99}.action-button{background:var(--gradient-party);color:var(--pure-white);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-glow-pink);cursor:pointer;border:none;border-radius:50px;padding:12px 24px;font-family:Fredoka One,cursive;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:inline-block}.action-card:hover .action-button{transform:scale(1.1)translateY(-2px)}.drag-drop-editor{min-height:100vh;padding:24px 0}.editor-header{justify-content:flex-start;align-items:center;margin-bottom:0;padding:0 20px;display:flex;position:relative}.editor-header h1{display:none}.back-btn{background:var(--gradient-electric);color:var(--pure-white);cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-glow-cyan);border:none;border-radius:50px;padding:12px 24px;font-family:Fredoka One,cursive;font-weight:600;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.back-btn:hover{animation:.6s ease-in-out wobble;transform:translateY(-2px)scale(1.05)}.chaos-settings-bar{background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);box-shadow:var(--shadow-card);border-radius:20px;margin:0 20px 30px;padding:20px;transition:all .3s}.chaos-settings-content{grid-template-columns:2fr 1fr 1fr;align-items:start;gap:24px;display:grid}.chaos-settings-content .form-group{flex-direction:column;display:flex}.chaos-settings-content .form-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.chaos-settings-content .size-options,.chaos-settings-content .tone-options{gap:8px;height:48px;transition:all .3s;display:flex}.chaos-settings-content .size-btn,.chaos-settings-content .tone-btn{flex:1;justify-content:center;align-items:center;min-width:0;height:48px;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.chaos-settings-content .tone-btn.active{z-index:10;transform:scale(1.05)}.editor-content{align-items:flex-start;gap:16px;padding:0 16px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:visible}.bottom-action-bar{text-align:center;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clear:both;background:#ffffff0d;border:none;border-radius:20px;margin:16px;padding:16px 20px}.settings-panel{background:var(--bg-secondary);border:1px solid var(--border-accent);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:24px}.settings-panel h3{color:var(--electric-cyan);text-align:center;margin:0 0 24px;font-family:Fredoka One,cursive;font-size:24px;font-weight:400}.form-group{margin-bottom:24px}.form-group label{color:var(--text-primary);margin-bottom:12px;font-family:Fredoka One,cursive;font-size:16px;font-weight:600;display:block}.form-group input{background:var(--bg-primary);width:100%;color:var(--text-primary);border:2px solid var(--border-medium);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;padding:16px;font-size:16px;font-weight:500;transition:all .3s}.form-group input:focus{border-color:var(--neon-lime);box-shadow:var(--shadow-glow-lime);outline:none;transform:scale(1.02)}.form-group input.input-error{border-color:var(--flaming-pink);animation:.5s ease-in-out shake;box-shadow:0 0 15px #ec48994d}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.form-group select{background:var(--bg-primary);width:100%;color:var(--text-primary);border:2px solid var(--border-medium);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;padding:16px;font-size:16px;font-weight:500}.size-options{gap:12px;display:flex}.size-btn{color:var(--pure-white);border:2px solid var(--orange-burst);cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border-radius:16px;flex:1;padding:16px 20px;font-family:Fredoka One,cursive;font-weight:600;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.size-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 0 20px #ff7a0066}.size-btn.active{background:var(--gradient-party);border-color:var(--flaming-pink);box-shadow:var(--shadow-glow-pink);transform:scale(1.1)}.tone-options{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tone-btn{cursor:pointer;white-space:normal;word-break:break-word;text-align:center;border:3px solid #0000;border-radius:20px;flex-direction:column;flex:calc(33.333% - 12px);justify-content:center;align-items:center;gap:4px;min-width:120px;padding:12px 16px;font-weight:600;line-height:1.2;display:flex}.tone-btn.pg{color:#2d5016;background:linear-gradient(135deg,#a8e6cf 0%,#7fcdcd 100%);border-color:#7fcdcd}.tone-btn.pg:before{content:"🍼 ";font-size:18px}.tone-btn.normal{color:#fff;background:linear-gradient(135deg,#a78bfa 0%,#ec4899 100%);border-color:#a78bfa;box-shadow:0 0 20px #a78bfa66}.tone-btn.normal:before{content:"😏 ";font-size:18px}.tone-btn.spicy{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);border-color:#ee5a24}.tone-btn.spicy:before{content:"🌶️ ";font-size:18px}.tone-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #00000026}.tone-btn.active{border-color:var(--flaming-pink);z-index:10;border-width:4px;animation:2s ease-in-out infinite tone-pulse;transform:scale(1.08)translateY(-2px);box-shadow:0 0 25px #ec489966,0 8px 25px #0000001a}@keyframes tone-pulse{0%,to{box-shadow:0 0 25px #ec489966,0 8px 25px #0000001a}50%{box-shadow:0 0 35px #ec489999,0 12px 30px #00000026}}.chaos-settings-content .tone-btn.active{border-color:var(--flaming-pink);border-width:3px;box-shadow:0 0 20px #ec48994d}.sentence-filter-options{gap:8px;margin-top:8px;display:flex}.filter-btn{color:#666;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%);border:2px solid #0000;border-radius:12px;flex:1;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.filter-btn:hover{background:linear-gradient(135deg,#e0e0e0 0%,#d0d0d0 100%);transform:translateY(-2px)}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;transform:scale(1.05);box-shadow:0 4px 15px #667eea4d}.filter-btn-container{flex:1;position:relative}.filter-btn-container .filter-btn{justify-content:center;align-items:center;gap:4px;width:100%;display:flex;position:relative}.edit-icon{opacity:.7;cursor:pointer;font-size:12px;transition:opacity .2s}.edit-icon:hover{opacity:1}.character-name-input{color:#333;text-transform:uppercase;text-align:center;background:#fff;border:2px solid #667eea;border-radius:12px;outline:none;width:100%;padding:8px 12px;font-size:12px;font-weight:600}.character-name-input:focus{border-color:#764ba2;box-shadow:0 0 10px #667eea4d}.board-editor-panel{flex-direction:column;align-items:center;height:auto;padding:12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.board-editor-panel h3{text-align:center;background:var(--gradient-party);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-family:Fredoka One,cursive;font-size:28px;font-weight:400}.editor-bingo-grid{background:var(--bg-secondary);border:3px solid var(--flaming-pink);box-shadow:var(--shadow-glow-pink),var(--shadow-pop);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform-origin:50%;border-radius:32px;width:fit-content;margin:0 auto;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.editor-bingo-grid.transitioning{opacity:.6;pointer-events:none;filter:blur(2px);transform:scale(.96)}.editor-bingo-grid.transitioning:before{opacity:.8;animation:1s ease-in-out infinite gradient-shift}.editor-bingo-grid:before{content:"";background:var(--gradient-chaos);z-index:-1;border-radius:36px;animation:4s ease-in-out infinite gradient-shift;position:absolute;inset:-4px}.editor-bingo-cell{background:var(--bg-primary);border:2px solid var(--border-light);text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:100px;color:var(--text-primary);border-radius:20px;justify-content:center;align-items:center;padding:16px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.3s ease-out cell-appear;display:flex;position:relative;overflow:hidden}@keyframes cell-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.editor-bingo-cell.empty{border:2px dashed var(--border-medium);background:var(--bg-accent)}.editor-bingo-cell.empty .cell-content{color:var(--text-muted);justify-content:center;align-items:center;width:100%;height:100%;font-family:Fredoka One,cursive;font-style:italic;display:flex}.editor-bingo-cell .empty-cell-text,.editor-bingo-cell.empty .empty-cell-text{color:var(--text-secondary);text-align:center;opacity:1;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;font-family:Fredoka One,cursive;font-size:13px;font-style:italic;line-height:1.4;display:flex}.editor-bingo-cell.filled{border:2px solid var(--electric-cyan);background:#38bdf826;transform:scale(1.02)}.editor-bingo-cell.filled:hover{background:#ff475733;border-color:#ff4757;transform:scale(1.05)rotate(-1deg);box-shadow:0 0 30px #ff475766}.editor-bingo-cell.delete-mode{border-color:var(--flaming-pink);background:#ec489926;border-width:3px;transform:scale(1.02);box-shadow:0 0 20px #ec489966}.cell-delete-btn{background:var(--flaming-pink);color:var(--text-on-color);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;font-weight:700;line-height:1;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);animation:.3s ease-out pop-in;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 4px 15px #ec489966}.cell-delete-btn:hover{background:#d91a5f;transform:scale(1.2)rotate(90deg);box-shadow:0 6px 20px #ec489999}.editor-bingo-cell .cell-content{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;z-index:1;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:600;line-height:1.4;position:relative}.sentences-panel{background:var(--bg-secondary);border:1px solid var(--border-accent);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;border-radius:24px;flex-direction:column;flex-shrink:0;width:380px;padding:12px 12px 20px;display:flex;position:relative;overflow:hidden}.sentences-panel h3{color:var(--orange-burst);text-align:center;flex-shrink:0;margin:0 0 8px;font-family:Fredoka One,cursive;font-size:20px;font-weight:400}.sentences-panel .game-instructions{color:var(--neon-lime);text-align:center;background:#05ffa11a;border:1px solid #05ffa14d;border-radius:8px;flex-shrink:0;margin-bottom:8px;padding:8px 10px;font-size:12px;font-weight:500}.sentences-panel .sentence-legend{color:#fffc;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;margin-bottom:12px;padding:6px 8px;font-size:11px;font-weight:400}.sentences-panel .form-group{flex-shrink:0;margin-bottom:8px}.sentences-panel .form-group label{margin-bottom:4px;font-size:13px}.sentences-panel input,.sentences-panel select{padding:8px 12px;font-size:14px}.party-type-selector{margin-bottom:24px}.party-type-selector label{color:var(--pure-white);margin-bottom:12px;font-family:Fredoka One,cursive;font-size:16px;font-weight:600;display:block}.party-type-selector select{width:100%;color:var(--pure-white);border:2px solid var(--orange-burst);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border-radius:16px;padding:16px;font-size:16px;font-weight:500}.sentences-list{box-sizing:border-box;flex:1;min-height:0;max-height:238px;margin-bottom:8px;padding-bottom:16px;padding-left:6px;padding-right:6px;transition:opacity .3s;overflow:hidden auto}[dir=rtl] .sentences-list{padding-left:6px;padding-right:6px}.sentences-list.transitioning{opacity:.5}.sentence-item{background:var(--bg-primary);border:1px solid var(--border-light);cursor:grab;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:6px;padding:10px 12px;font-size:14px;font-weight:500;line-height:1.3;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s ease-out sentence-appear;display:flex;overflow:hidden}@keyframes sentence-appear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sentence-item.has-blank{border-color:var(--neon-lime);border-color:var(--neon-lime);background:#05ffa11a;box-shadow:0 0 10px #05ffa133}.sentence-item.has-blank:hover{border-color:var(--neon-lime);background:#05ffa133;box-shadow:0 0 15px #05ffa166}.sentence-item:hover{border-color:var(--orange-burst);background:#ff7a0026;transform:translateY(-2px)scale(1.02)rotate(.5deg);box-shadow:0 8px 25px #ff7a004d}.custom-sentence-input{flex-direction:column;gap:8px;display:flex}.custom-sentence-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.custom-sentence-actions .btn.small{min-width:auto;padding:6px 12px;font-size:12px}.sentence-preview{border-left:3px solid var(--electric-cyan);background:#ffffff0d;border-radius:8px;margin-top:8px;padding:8px 12px}.sentence-preview-text{background:#ffffff1a;border-radius:6px;margin-top:4px;padding:4px 8px;font-size:14px}.sentence-preview-text.has-blank{border-left:3px solid var(--neon-lime);background:#05ffa11a}.sentence-item:active{cursor:grabbing;transform:scale(.95)rotate(2deg)}.sentence-item.custom{border-color:var(--neon-lime);box-shadow:var(--shadow-glow-lime);background:#05ffa126}.sentence-item.custom:hover{background:#05ffa140;transform:translateY(-3px)scale(1.03)rotate(-.5deg)}.sentence-text{word-break:break-word;overflow-wrap:break-word;word-wrap:break-word;text-overflow:ellipsis;flex:1;min-width:0;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}[dir=rtl] .sentence-text{text-align:right;direction:rtl}.custom-name-highlight{color:var(--flaming-pink);box-shadow:none;background:0 0;border:none;padding:0;font-family:inherit;font-weight:800}.blank-placeholder{color:var(--neon-lime);word-break:keep-all;white-space:nowrap;background:0 0;border-radius:0;padding:0;font-weight:600;display:inline-block}[dir=rtl] .blank-placeholder{direction:ltr;unicode-bidi:embed}.user-input-highlight{color:var(--electric-cyan);box-shadow:none;background:0 0;border:none;padding:0;font-weight:800}.remove-custom-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4757 0%,#ff3838 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;line-height:1;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;box-shadow:0 4px 15px #ff475766}.remove-custom-btn:hover{background:linear-gradient(135deg,#ff3838 0%,#ff2f2f 100%);transform:scale(1.2)rotate(90deg);box-shadow:0 6px 20px #ff475799}.custom-sentence-input{border:2px solid var(--neon-lime);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05ffa11a;border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.custom-sentence-input input{border:2px solid var(--neon-lime);color:var(--pure-white);background:#ffffff26;border-radius:16px;padding:16px;font-size:16px;font-weight:500}.custom-sentence-input input:focus{border-color:var(--electric-cyan);box-shadow:var(--shadow-glow-cyan);outline:none;transform:scale(1.02)}.custom-sentence-actions{gap:12px;display:flex}.custom-sentence-actions .btn{flex:1;padding:12px 16px;font-size:14px}.sentence-item.dragging{opacity:.7;z-index:1000;transform:rotate(8deg)scale(1.1);box-shadow:0 15px 40px #ff71ce80}.editor-bingo-cell.drag-over{border-color:var(--neon-lime);box-shadow:var(--shadow-glow-lime);background:#05ffa14d;animation:.6s ease-in-out infinite wobble;transform:scale(1.08)rotate(2deg)}@keyframes confetti-burst{0%{opacity:1;transform:scale(0)rotate(0)}50%{opacity:.8;transform:scale(1.2)rotate(180deg)}to{opacity:0;transform:scale(0)rotate(360deg)}}.sentences-list::-webkit-scrollbar{width:8px}.sentences-list::-webkit-scrollbar-track{background:#fff9;border-radius:10px}.sentences-list::-webkit-scrollbar-thumb{background:var(--gradient-party);border-radius:10px}.sentences-list::-webkit-scrollbar-thumb:hover{background:var(--gradient-electric)}@media (min-width:769px){.drag-drop-editor[dir=rtl] .editor-content{flex-direction:row-reverse}}@media (max-width:768px){.drag-drop-editor[dir=rtl] .editor-content{flex-direction:column}.drag-drop-editor[dir=rtl] .board-editor-panel{align-items:center;width:100%;max-width:100%}.drag-drop-editor[dir=rtl] .editor-bingo-grid{width:100%;max-width:100%;margin:0 auto}}.drag-drop-editor[dir=rtl] .chaos-settings-content{grid-template-columns:1fr 1fr 2fr}@media (max-width:1200px){.chaos-settings-content{grid-template-columns:1fr;gap:16px}.drag-drop-editor[dir=rtl] .chaos-settings-content{grid-template-columns:1fr}.editor-content{grid-template-columns:1fr;gap:24px;height:auto}.drag-drop-editor[dir=rtl] .editor-content{grid-template-columns:1fr}.sentences-panel{order:2}.board-editor-panel{order:1}.sentences-list{flex:1;min-height:0}}@media (max-width:1024px){.entry-actions{grid-template-columns:1fr;gap:24px}}@media (max-width:768px){.entry-title{font-size:clamp(36px,10vw,60px)}.entry-subtitle{margin-bottom:8px;font-size:18px}.entry-tagline{font-size:20px}.entry-actions{grid-template-columns:1fr;gap:16px;margin:10px auto;padding:0 16px}.action-icon-wrapper{width:110px;height:110px;margin:0 auto 12px}.action-card{padding:28px 20px}.action-icon{margin-bottom:16px;font-size:48px}.action-icon-img{width:70px;height:70px}.action-title{font-size:22px}.editor-header h1{font-size:28px}.editor-bingo-cell{min-height:80px;padding:12px}.editor-bingo-cell .cell-content{font-size:13px}.sentence-item{margin-bottom:4px;padding:8px;font-size:13px}}.spicy-badge{background:var(--gradient-party);color:var(--pure-white);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-glow-pink);border-radius:20px;padding:6px 12px;font-family:Fredoka One,cursive;font-size:12px;font-weight:700;animation:.8s ease-out pop-in}.chaos-text{background:var(--gradient-chaos);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,cursive;animation:2s ease-in-out infinite gradient-shift}.create-room-btn{background:var(--gradient-chaos);color:var(--pure-white);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background-size:200% 200%;border:none;border-radius:50px;width:100%;margin-top:32px;padding:20px 40px;font-family:Fredoka One,cursive;font-size:18px;font-weight:700;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);animation:3s ease-in-out infinite gradient-shift;box-shadow:0 0 40px #ff71ce99}.create-room-btn:hover{animation:.8s ease-in-out wobble,2s ease-in-out infinite gradient-shift;transform:translateY(-4px)scale(1.05);box-shadow:0 15px 50px #ff71cecc}.create-room-btn:disabled{opacity:.5;cursor:not-allowed;animation:none;transform:none}.game-room{min-height:100vh;padding:24px 0}.game-header{justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 20px;display:flex;position:relative}.game-header h1{background:var(--gradient-party);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Fredoka One,cursive;font-size:28px;font-weight:400;position:absolute;left:50%;transform:translate(-50%)}.player-info{color:var(--neon-lime);background:#05ffa11a;border:1px solid #05ffa14d;border-radius:20px;padding:8px 12px;font-size:14px;font-weight:600}.player-info-header{color:var(--text-primary);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:16px;margin:0 20px 20px;padding:10px 16px;font-size:15px;font-weight:600;box-shadow:0 4px 16px #0000001a}.name-input-screen{justify-content:center;align-items:center;min-height:60vh;display:flex}.name-input-card{border:2px solid var(--electric-cyan);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:24px;width:100%;max-width:400px;padding:40px;box-shadow:0 0 30px #01cdfe4d}.name-input-card h2{color:var(--electric-cyan);margin:0 0 24px;font-family:Fredoka One,cursive;font-size:24px}.name-input-card input{width:100%;color:var(--pure-white);text-align:center;background:#0000004d;border:2px solid #fff3;border-radius:12px;margin-bottom:20px;padding:16px;font-size:16px}.name-input-card input:focus{border-color:var(--electric-cyan);box-shadow:0 0 20px #01cdfe4d}.phase-indicator{margin:0 20px 30px}.phase-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid;border-radius:24px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.phase-card:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,currentColor,#0000);height:4px;position:absolute;top:0;left:0;right:0}.phase-card.filling{border-color:var(--neon-lime);color:var(--neon-lime);box-shadow:0 0 30px #05ffa166,0 8px 32px #0000001a}.phase-card.filling:before{background:linear-gradient(90deg,transparent,var(--neon-lime),transparent)}.phase-card.waiting{border-color:var(--orange-burst);color:var(--orange-burst);box-shadow:0 0 30px #ff7a0066,0 8px 32px #0000001a}.phase-card.waiting:before{background:linear-gradient(90deg,transparent,var(--orange-burst),transparent)}.phase-card.playing{border-color:var(--flaming-pink);color:var(--flaming-pink);box-shadow:0 0 30px #ff71ce66,0 8px 32px #0000001a}.phase-card.playing:before{background:linear-gradient(90deg,transparent,var(--flaming-pink),transparent)}.phase-card h3{justify-content:center;align-items:center;gap:12px;margin:0 0 16px;font-family:Fredoka One,cursive;font-size:24px;font-weight:400;display:flex}.phase-card p{color:var(--text-primary);opacity:.95;margin:0 0 12px;font-size:16px;font-weight:500}.phase-card .instruction-text{color:var(--text-secondary);opacity:.85;margin:12px 0 0;font-size:14px;font-style:italic;font-weight:400}.win-message{background:var(--gradient-party);border-radius:16px;margin-top:16px;padding:16px;animation:.6s ease-out pop-in}.win-message h2{color:var(--pure-white);text-shadow:2px 2px 4px #00000080;margin:0;font-size:24px}.blank-filling{border:2px solid var(--neon-lime);background:#ffffff1a;border-radius:20px;margin:0 20px 30px;padding:24px;box-shadow:0 0 30px #05ffa14d}.sentence-to-fill h4{color:var(--neon-lime);text-align:center;margin:0 0 16px;font-family:Fredoka One,cursive}.sentence-to-fill{overflow-wrap:break-word;word-wrap:break-word;width:100%;min-width:0;margin-bottom:24px}.sentence-to-fill .sentence-text{text-align:center;overflow-wrap:break-word;word-wrap:break-word;width:100%;font-size:18px;line-height:1.4}.blank-highlight{background:var(--gradient-electric);color:var(--deep-eggplant);border-radius:8px;padding:4px 8px;font-weight:700;animation:2s ease-in-out infinite wobble}.blank-input{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.blank-input input{width:100%;color:var(--party-black);box-sizing:border-box;background:#fffc;border:2px solid #1e293b1a;border-radius:12px;padding:16px;font-size:16px}.blank-input input:focus{border-color:var(--neon-lime);box-shadow:0 0 20px #05ffa14d}.game-board{width:100%;max-width:100%;padding:0}.bingo-grid{background:linear-gradient(135deg,#ec48991a 0%,#06b6d41a 50%,#10b9811a 100%);border:2px solid #ec489933;border-radius:32px;width:100%;max-width:100%;margin:0 auto;padding:16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #ec489926,inset 0 2px 10px #ffffff4d}.bingo-grid:before{content:"";pointer-events:none;background:radial-gradient(circle,#ec48991a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate-gradient;position:absolute;top:-50%;left:-50%}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bingo-cell{text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:150px;color:var(--text-primary);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:3px solid #ec48994d;border-radius:24px;justify-content:center;align-items:center;padding:18px;font-size:18px;font-weight:500;line-height:1.5;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 6px 12px #ec48991a,inset 0 1px #fffc}.bingo-cell.interactive{cursor:pointer}.bingo-cell.interactive:hover{border-color:var(--flaming-pink);z-index:10;background:linear-gradient(135deg,#fff 0%,#fef3f7 100%);transform:translateY(-6px)scale(1.03);box-shadow:0 20px 40px #ec48994d,inset 0 2px #ffffffe6}.bingo-cell.marked{background:var(--gradient-party);color:#fff;border-color:#ffffff80;animation:2s ease-in-out infinite marked-pulse;transform:scale(.97);box-shadow:0 12px 30px #ec489980,inset 0 0 20px #fff6,0 0 30px #ec48994d}@keyframes marked-pulse{0%,to{box-shadow:0 12px 30px #ec489980,inset 0 0 20px #fff6,0 0 30px #ec48994d}50%{box-shadow:0 12px 30px #ec4899b3,inset 0 0 25px #ffffff80,0 0 40px #ec489980}}.bingo-cell.marked .cell-content{color:#fff;text-shadow:0 2px 4px #0003;font-weight:700}.bingo-cell.needs-filling{border-color:var(--neon-lime);background:#10b9810d;border-style:dashed;animation:2s ease-in-out infinite pulse-green-border}@keyframes pulse-green-border{0%,to{border-color:var(--neon-lime);box-shadow:0 0 10px #10b98133}50%{border-color:#059669;box-shadow:0 0 20px #10b98166}}.bingo-cell.needs-filling:hover{background:#05ffa140;transform:scale(1.05);box-shadow:0 0 20px #05ffa166}.bingo-cell.completed{border-color:var(--electric-cyan);background:#01cdfe26;box-shadow:0 0 15px #01cdfe4d}@keyframes pulse-green{0%,to{box-shadow:0 0 15px #05ffa14d}50%{box-shadow:0 0 25px #05ffa199}}.fill-indicator{font-size:16px;animation:1s ease-in-out infinite bounce;position:absolute;top:4px;left:4px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.cell-content{z-index:1;word-break:break-word;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:inherit;width:100%;position:relative}.mark-overlay{background:var(--neon-lime);color:var(--pure-white);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:700;animation:.3s ease-out pop-in;display:flex;position:absolute;top:8px;right:8px}@media (max-width:768px){.game-room .game-header h1{font-size:24px}.name-input-card{margin:0 20px;padding:30px 20px}.blank-input{flex-direction:column}.blank-input input{width:100%}.bingo-cell{min-height:100px;padding:14px;font-size:16px}.bingo-grid{padding:12px}.mark-overlay{width:24px;height:24px;font-size:16px}}.modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0;overflow:hidden auto}.blank-modal{background:var(--bg-primary);border:2px solid var(--electric-cyan);width:90%;max-width:500px;max-height:80vh;box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;flex-direction:column;padding:32px;animation:.4s cubic-bezier(.68,-.55,.265,1.55) modal-pop-in;display:flex;overflow:hidden auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.8)translateY(-50px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-family:Fredoka One,cursive;font-size:24px}.modal-content{color:var(--text-primary)}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:32px;transition:all .3s;display:flex}.close-btn:hover{color:var(--text-primary);background:#0000000d;transform:scale(1.1)}.modal-actions{gap:12px;margin-top:20px;display:flex}.modal-actions .btn{flex:1}.instruction-text{opacity:.7;margin-top:8px;font-size:13px}@media (max-width:768px){.blank-modal{width:95%;padding:24px 20px}.modal-header h3{font-size:20px}.modal-actions{flex-direction:column}}.board-manager{min-height:100vh;padding:24px 0}.manager-header{justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 20px;display:flex;position:relative}.manager-header h1{background:var(--gradient-party);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Fredoka One,cursive;font-size:32px;font-weight:400;position:absolute;left:50%;transform:translate(-50%)}.loading-screen,.error-screen,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:40px 20px;display:flex}.loading-spinner{border:4px solid #ffffff1a;border-top:4px solid var(--neon-lime);border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite spin}.loading-spinner.small{border-width:2px;width:20px;height:20px;margin:0 8px 0 0;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon,.error-icon{margin-bottom:20px;font-size:64px}.empty-state h3,.error-screen h2{margin:0 0 16px;font-family:Fredoka One,cursive;font-size:24px}.boards-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;padding:0 20px;display:grid}.board-card{border:2px solid var(--electric-cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;padding:20px;transition:all .3s;box-shadow:0 0 20px #01cdfe33}.board-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #01cdfe66}.board-header{margin-bottom:16px}.board-title{color:var(--electric-cyan);margin:0 0 8px;font-family:Fredoka One,cursive;font-size:20px}.board-meta{gap:12px;display:flex}.board-size,.board-tone{background:#ffffff1a;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600}.board-info{opacity:.8;margin-bottom:16px;font-size:14px}.board-info p{margin:4px 0}.board-preview{margin-bottom:20px}.mini-grid{max-width:200px;margin:0 auto}.mini-cell{background:#ffffff1a;border-radius:4px;justify-content:center;align-items:center;min-height:30px;padding:4px;display:flex}.mini-cell-content{text-align:center;font-size:10px;line-height:1.2;overflow:hidden}.board-actions{flex-wrap:wrap;gap:8px;display:flex}.board-actions .btn{flex:1;min-width:80px;padding:8px 12px;font-size:12px}.btn.danger{color:var(--pure-white);background:linear-gradient(135deg,#ff4757 0%,#ff3838 100%);border:none}.btn.danger:hover{background:linear-gradient(135deg,#ff3838 0%,#ff2f2f 100%);transform:translateY(-2px)}.join-game{min-height:100vh;padding:24px 0}.join-header{justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 20px;display:flex;position:relative}.join-header h1{background:var(--gradient-party);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Fredoka One,cursive;font-size:32px;font-weight:400;position:absolute;left:50%;transform:translate(-50%)}.join-content{justify-content:center;align-items:center;min-height:60vh;padding:0 20px;display:flex}.join-card{border:2px solid var(--flaming-pink);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:24px;width:100%;max-width:500px;padding:40px;box-shadow:0 0 30px #ff71ce4d}.join-icon{margin-bottom:20px;font-size:64px}.join-card h2{color:var(--flaming-pink);margin:0 0 12px;font-family:Fredoka One,cursive;font-size:28px}.join-description{opacity:.8;margin:0 0 32px;line-height:1.5}.error-message{color:#ff4757;background:#ff47571a;border:1px solid #ff47574d;border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;display:flex}.error-icon{font-size:18px}.form-section{margin-bottom:32px}.form-group{text-align:left;margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-weight:600;display:block}.game-key-input{text-align:center;letter-spacing:2px;font-family:Courier New,monospace;font-size:18px;font-weight:700}.input-hint{opacity:.6;text-align:center;margin-top:6px;font-size:12px}.btn.large{width:100%;padding:16px 32px;font-size:18px}.join-tips{text-align:left;background:#ffffff0d;border-radius:12px;padding:16px}.join-tips h4{margin:0 0 12px;font-size:16px}.join-tips ul{margin:0;padding-left:20px}.join-tips li{opacity:.8;margin-bottom:8px;font-size:14px}.live-game-room{min-height:100vh;padding:32px 0 48px}.game-lobby-header{justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 24px;display:flex;position:relative}.game-lobby-header h1{background:var(--gradient-party);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Fredoka One,cursive;font-size:28px;font-weight:400;position:absolute;left:50%;transform:translate(-50%)}.game-key-display{background:#05ffa11a;border:1px solid #05ffa14d;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex}.game-key-label{opacity:.8;font-size:14px}.game-key{color:var(--neon-lime);letter-spacing:2px;font-family:Courier New,monospace;font-size:18px;font-weight:700}.game-key-hero{border:2px solid;border-image:linear-gradient(135deg,var(--electric-cyan),var(--flaming-pink),var(--neon-lime))1;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ec489914 0%,#06b6d414 50%,#10b98114 100%);border-radius:24px;margin:0 24px 40px;padding:40px 32px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.game-key-hero:before{content:"";background:linear-gradient(45deg,#0000,#05ffa10d,#0000);animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.game-key-container{z-index:1;position:relative}.key-title{background:linear-gradient(135deg,var(--electric-cyan),var(--flaming-pink));-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-family:Fredoka One,cursive;font-size:28px}.game-key-display-large{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;display:flex}.game-key-large{color:var(--text-primary);letter-spacing:6px;background:var(--bg-secondary);border:2px solid var(--border-medium);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px 32px;font-family:Courier New,monospace;font-size:42px;font-weight:800;transition:all .3s}@keyframes pulse-cyan{0%,to{box-shadow:0 0 30px #0ff3}50%{box-shadow:0 0 40px #0ff6}}.key-actions{justify-content:center;gap:16px;width:100%;max-width:500px;margin:0 auto;display:flex}.share-btn-icon{background:var(--bg-secondary);border:2px solid var(--border-light);cursor:pointer;box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.share-btn-icon:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.share-btn-icon:hover{box-shadow:var(--shadow-pop);animation:.6s ease-in-out wobble;transform:translateY(-4px)scale(1.05)}.share-btn-icon:hover:before{left:100%}.share-btn-icon svg{filter:drop-shadow(0 2px 4px #0000001a);width:64px;height:64px;transition:transform .3s}.share-btn-icon:hover svg{transform:scale(1.1)rotate(5deg)}.share-btn-copy{border-color:var(--electric-cyan);box-shadow:var(--shadow-glow-cyan)}.share-btn-copy:hover{box-shadow:var(--shadow-glow-cyan),var(--shadow-pop);background:linear-gradient(135deg,#06b6d41a,#10b9811a)}.share-btn-share{border-color:var(--flaming-pink);box-shadow:var(--shadow-glow-pink)}.share-btn-share:hover{box-shadow:var(--shadow-glow-pink),var(--shadow-pop);background:linear-gradient(135deg,#ec48991a,#fb923c1a)}.share-btn-qr{border-color:var(--orange-burst);box-shadow:var(--shadow-glow-lime)}.share-btn-qr:hover{box-shadow:0 8px 20px #f59e0b26,var(--shadow-pop);background:linear-gradient(135deg,#f59e0b1a,#fb923c1a)}.share-btn-icon:active{transform:translateY(-2px)scale(1.02)}.key-instruction{color:var(--text-secondary);margin:0;font-size:15px;font-weight:500;line-height:1.5}.admin-panel{text-align:center;background:linear-gradient(135deg,#ffd7001a,#ff8c001a);border:2px solid #ffd7004d;border-radius:16px;margin:24px 20px;padding:24px}.admin-badge{color:var(--orange-burst);text-shadow:0 0 10px #ff8c0080;margin-bottom:12px;font-size:20px;font-weight:700}.admin-instructions{opacity:.9;font-size:14px;line-height:1.4}.admin-instructions p{margin:0}.game-status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0f172a14;border-radius:18px;justify-content:space-between;align-items:center;margin:0 24px 32px;padding:18px 24px;display:flex;box-shadow:0 2px 12px #0000000d}.status-indicator{background:#ffffff0d;border:2px solid;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex}.status-dot{border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse}.player-count{color:var(--electric-cyan);font-weight:600}.lobby-content,.lobby-content-merged{grid-template-columns:1fr 1fr;gap:24px;margin:0 24px 48px;padding:0;display:grid}.players-section-merged{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #f59e0b4d;border-radius:20px;padding:28px;transition:all .3s;box-shadow:0 4px 20px #0000000f}.players-section-merged:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.players-section-header{border-bottom:2px solid #0f172a14;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.players-section-header .status-indicator{font-size:14px;font-weight:600}.players-section-header .player-count{font-size:16px;font-weight:700}.board-preview-section,.players-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0f172a14;border-radius:20px;padding:28px;transition:all .3s;box-shadow:0 4px 20px #0000000f}.board-preview-section:hover,.players-section:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.board-preview-section{border-color:var(--electric-cyan);box-shadow:0 0 20px #01cdfe33}.players-section{border-color:var(--orange-burst);box-shadow:0 0 20px #ff7a0033}.board-preview-section h3,.players-section h3{margin:0 0 20px;font-family:Fredoka One,cursive;font-size:20px}.board-details{gap:16px;margin-bottom:16px;display:flex}.board-details span{background:#ffffff1a;border-radius:12px;padding:6px 12px;font-size:14px;font-weight:600}.mini-board-preview{max-width:300px;margin:0 auto}.preview-grid{gap:3px}.preview-cell{background:var(--bg-primary);border:1px solid var(--border-light);text-align:center;min-height:40px;color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;padding:6px;font-size:10px;line-height:1.1;display:flex}.preview-cell-content{word-break:break-word;text-overflow:ellipsis;color:var(--text-primary);font-size:10px;line-height:1.2;overflow:hidden}.mini-board-preview.clickable{cursor:pointer;transition:transform .2s}.mini-board-preview.clickable:hover{transform:scale(1.02)}.preview-hint{text-align:center;opacity:.7;margin-top:8px;font-size:12px;font-style:italic}.board-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.board-modal-content{background:var(--bg-secondary);max-width:90vw;max-height:90vh;box-shadow:var(--shadow-pop);border-radius:24px;width:100%;max-width:700px;padding:24px;animation:.4s cubic-bezier(.68,-.55,.265,1.55) modal-pop-in;position:relative;overflow-y:auto}.board-modal-header{border-bottom:2px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.board-modal-header h3{color:var(--text-primary);margin:0;font-family:Fredoka One,cursive;font-size:24px}.close-modal-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:32px;line-height:1;transition:all .3s;display:flex}.close-modal-btn:hover{background:#0000001a;transform:scale(1.1)}.board-modal-grid{gap:8px;max-width:600px;margin:0 auto}.board-modal-cell{background:var(--bg-primary);border:1px solid var(--border-light);text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:80px;padding:12px;transition:all .2s;display:flex}.board-modal-cell:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card)}@media (max-width:768px){.board-modal-overlay{padding:12px}.board-modal-content{max-width:95vw;max-height:85vh;padding:16px}.board-modal-header h3{font-size:20px}.board-modal-grid{gap:6px}.board-modal-cell{min-height:60px;padding:8px}.board-modal-cell-content{font-size:12px}}.board-modal-cell-content{word-break:break-word;color:var(--text-primary);font-size:14px;line-height:1.4}.qr-modal-content{text-align:center;max-width:400px}.qr-code-container{flex-direction:column;align-items:center;gap:24px;padding:20px 0;display:flex}.qr-code-wrapper{box-shadow:var(--shadow-card);background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:20px;display:flex}.qr-instruction{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.5}.qr-game-code{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px;display:flex}.qr-code-label{color:var(--text-secondary);font-size:14px;font-weight:600}.qr-code-value{color:var(--neon-lime);letter-spacing:4px;font-family:Courier New,monospace;font-size:28px;font-weight:700}@media (max-width:768px){.qr-modal-content{max-width:90vw}.qr-code-wrapper{padding:16px}.qr-code-wrapper svg{width:240px!important;height:240px!important}.qr-instruction{font-size:14px}.qr-code-value{letter-spacing:3px;font-size:24px}}.sentence-item.delete-mode{border-color:var(--flaming-pink);background:#ec48991a;box-shadow:0 0 15px #ec48994d}.sentence-item.delete-mode .remove-custom-btn{opacity:1!important;transform:scale(1.3)!important}.players-list{flex-direction:column;gap:12px;display:flex}.player-card{background:#ffffff0d;border:2px solid #0000;border-radius:12px;padding:16px;transition:all .3s}.player-card.host{border-color:var(--neon-lime);background:#05ffa11a}.player-info{justify-content:space-between;align-items:center;display:flex}.player-name{align-items:center;gap:8px;font-weight:600;display:flex}.host-badge{background:var(--neon-lime);color:var(--deep-eggplant);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.ready{color:var(--neon-lime);font-weight:600}.not-ready{color:var(--orange-burst);font-weight:600}.lobby-actions{text-align:center;margin:0 20px 40px}.host-controls{flex-direction:column;align-items:center;gap:12px;display:flex}.host-hint{opacity:.7;margin:0;font-size:14px}.share-section{text-align:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;margin:0 20px;padding:20px}.share-section h4{color:var(--electric-cyan);margin:0 0 16px;font-family:Fredoka One,cursive}.share-info p{opacity:.8;margin:0 0 12px}.share-code{background:#0000004d;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;display:flex}.code{color:var(--neon-lime);letter-spacing:3px;font-family:Courier New,monospace;font-size:24px;font-weight:700}.copy-btn{background:var(--gradient-electric);color:var(--deep-eggplant);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .3s}.copy-btn:hover{transform:scale(1.05)}.action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.action-buttons .btn{flex:auto;min-width:160px;max-width:200px}@media (min-width:769px){.action-buttons .btn{flex:1 1 0;min-width:180px;max-width:none}}@media (max-width:1024px){.lobby-content{grid-template-columns:1fr;gap:24px}.lobby-content-merged{grid-template-columns:1fr;gap:20px;margin:0 20px 32px}.players-section-header{flex-direction:column;align-items:flex-start;gap:12px}.boards-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%;max-width:300px}.editor-content{grid-template-columns:1fr;gap:12px;height:auto}.board-editor-panel{height:auto;min-height:300px}.sentences-panel{height:auto;min-height:400px}}@media (max-width:768px){html{overflow-x:hidden}body{max-width:100vw;font-size:14px;line-height:1.4;overflow-x:hidden}.container{max-width:100vw;padding:0 8px;display:block;overflow-x:hidden}*{box-sizing:border-box;max-width:100%}.drag-drop-editor{height:auto;overflow:visible}.editor-content>*{overflow-x:hidden}.size-options{flex-wrap:nowrap;gap:6px;width:100%;display:flex}.size-btn{text-align:center;white-space:nowrap;flex:1;min-width:0;padding:8px 4px;font-size:12px}.entry-page{justify-content:flex-start;min-height:100vh;padding:10px 0 0}.entry-header{padding:6px 12px}.entry-title{margin-bottom:4px;font-size:clamp(32px,8vw,48px)}.entry-tagline{margin:4px 0;font-size:18px}.language-selector{aspect-ratio:1;border-radius:50%;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;top:12px;left:12px;overflow:hidden}[dir=rtl] .language-selector{left:12px;right:auto}.language-current{aspect-ratio:1;box-sizing:border-box;border-radius:50%;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;margin:0;padding:0;line-height:0;position:absolute;top:0;left:0;overflow:hidden}[dir=rtl] .language-current{left:0;right:auto}[dir=rtl] .help-button{left:auto;right:12px}.language-current svg{width:20px;height:20px}.language-dropdown{-webkit-overflow-scrolling:touch;min-width:140px;max-width:200px;min-height:180px;max-height:calc(100vh - 80px);top:56px;left:12px;overflow:hidden auto}[dir=rtl] .language-dropdown{left:12px;right:auto}.lang-flag{font-size:18px}.lang-name{font-size:14px}.language-option{gap:8px;padding:10px 16px}.entry-actions{grid-template-columns:1fr;gap:10px;max-width:100%;margin:8px auto;padding:0 12px}.action-card{border-radius:16px;padding:10px 14px}.action-icon{margin-bottom:6px;font-size:32px}.action-icon-wrapper{width:100px;height:100px;margin:0 auto 10px}.action-title{margin-bottom:8px;font-size:20px}.action-description{margin-bottom:16px;font-size:13px;line-height:1.3}.action-button{padding:10px 20px;font-size:13px}.editor-header{flex-direction:row;flex-shrink:0;align-items:center;gap:12px;min-height:44px;margin-bottom:4px;padding:8px 12px 6px;display:flex}.editor-header h1{text-align:center;flex:1;margin:0;font-size:18px;position:static;transform:none}.back-btn{flex-shrink:0;padding:6px 10px;font-size:13px;position:static}.chaos-settings-bar{flex-shrink:0;min-height:auto;margin:0 0 12px;padding:16px 12px}.chaos-settings-content{flex-direction:column;align-items:stretch;gap:16px;display:flex;overflow-x:hidden}.chaos-settings-content .form-group{margin-bottom:0}.chaos-settings-content .form-group label{margin-bottom:6px;font-size:12px;font-weight:600}.chaos-settings-content input,.chaos-settings-content select{box-sizing:border-box;border-radius:8px;width:100%;max-width:100%;min-height:44px;padding:10px 12px;font-size:14px}.chaos-settings-content .size-options{gap:6px;width:100%;display:flex}.chaos-settings-content .size-btn{text-align:center;white-space:nowrap;flex:1;min-width:0;padding:8px 4px;font-size:12px}.chaos-settings-content .tone-options{flex-wrap:wrap;gap:6px;width:100%;display:flex}.chaos-settings-content .tone-btn{text-align:center;white-space:normal;word-break:break-word;white-space:nowrap;flex:auto;min-width:80px;padding:8px 4px;font-size:11px;line-height:1.2}.editor-content{flex-direction:column;grid-template-columns:1fr;gap:12px;height:auto;min-height:auto;padding:8px;display:flex;overflow:visible}.board-editor-panel{flex-direction:column;flex-shrink:0;align-items:center;width:100%;height:auto;min-height:auto;margin-bottom:12px;padding:8px;overflow:visible;visibility:visible!important;opacity:1!important;display:flex!important}.board-editor-panel>div{flex-direction:column;align-items:center;width:100%;display:flex}.editor-bingo-grid{box-sizing:border-box;border-radius:16px;width:fit-content;max-width:calc(100vw - 32px);margin:0 auto;padding:8px;position:relative;visibility:visible!important;display:grid!important}.editor-bingo-grid:before{border-radius:18px;inset:-4px}.editor-bingo-grid .bingo-grid{z-index:1;position:relative}.editor-bingo-grid.grid-3,.editor-bingo-grid.grid-4,.editor-bingo-grid.grid-5{width:fit-content;min-width:auto}.drag-drop-editor{height:auto;min-height:100vh;padding:4px 8px 24px;display:block;overflow-x:hidden}.bingo-grid{gap:6px;width:100%;max-width:100%}.editor-bingo-grid .bingo-grid{gap:6px;width:100%;display:grid}.editor-bingo-grid.grid-3 .bingo-grid{grid-template-columns:repeat(3,1fr);max-width:280px}.editor-bingo-grid.grid-4 .bingo-grid{grid-template-columns:repeat(4,1fr);max-width:320px}.editor-bingo-grid.grid-5 .bingo-grid{grid-template-columns:repeat(5,1fr);max-width:350px}.editor-bingo-cell{text-align:center;border-radius:6px;justify-content:center;align-items:center;height:auto;min-height:55px;padding:4px;font-size:10px;line-height:1.2;display:flex}.bingo-cell{border-radius:8px;min-height:60px;padding:8px;font-size:12px}.sentences-panel{flex-direction:column;flex-shrink:0;height:auto;min-height:460px;margin-bottom:24px;padding:8px;display:flex}.sentences-panel h3{flex-shrink:0;margin:0 0 8px;font-size:16px}.sentences-list{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1;height:auto;min-height:255px;max-height:255px;padding-bottom:16px;padding-left:4px;padding-right:4px;overflow:hidden auto}[dir=rtl] .sentences-list{padding-left:4px;padding-right:4px}.sentence-item{word-wrap:break-word;border-radius:12px;align-items:center;min-height:48px;margin-bottom:8px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.custom-sentence-input input{border-radius:8px;padding:12px;font-size:14px}.custom-sentence-actions{flex-direction:column;gap:8px}.custom-sentence-actions .btn{width:100%;padding:10px 16px;font-size:14px}.bottom-action-bar{border:2px solid var(--neon-lime);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clear:both;background:#ffffff1a;border-radius:20px;width:auto;margin:12px 12px 16px;padding:20px 12px;display:block;position:relative;box-shadow:0 0 30px #05ffa14d}.action-buttons{flex-direction:column;gap:12px}.filling-status{text-align:center;margin:24px 0}.filling-status h2{margin:0 0 12px;font-size:24px}.filling-status p{color:#fffc;margin:0 0 24px}.admin-filling-controls{border:2px solid var(--electric-cyan);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-radius:24px;margin:24px 20px;padding:24px;box-shadow:0 8px 32px #00000026,0 0 30px #06b6d44d}.filling-status-admin h3{color:var(--electric-cyan);text-align:center;justify-content:center;align-items:center;gap:10px;margin:0 0 20px;font-family:Fredoka One,cursive;font-size:20px;font-weight:400;display:flex}.players-filling-status{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;margin:20px 0;padding:16px}.player-filling-item{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.player-filling-item:last-child{border-bottom:none}.player-filling-item .player-name{color:var(--text-primary);font-size:15px;font-weight:600}.filling-status.completed{color:var(--neon-lime);align-items:center;gap:6px;font-weight:600;display:flex}.filling-status.in-progress{color:var(--orange-burst);align-items:center;gap:6px;font-weight:600;display:flex}.admin-actions{text-align:center;margin-top:20px}.admin-actions .btn.primary.large{border-radius:16px;padding:16px 32px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #ec489966}.admin-actions .btn.primary.large:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #ec489980}.admin-actions .btn.primary.large:disabled{opacity:.6;cursor:not-allowed}.admin-hint{color:#ffffffbf;margin-top:16px;font-size:14px;font-style:italic}.sentences-preview h4{color:var(--electric-cyan);margin:0 0 12px;font-size:14px}.sentences-list-preview{max-height:200px;overflow-y:auto}.sentence-preview-item{gap:8px;margin-bottom:8px;font-size:12px;line-height:1.4;display:flex}.sentence-number{color:var(--orange-burst);flex-shrink:0;font-weight:600}.sentences-preview .sentence-text{color:#ffffffe6}.more-sentences{color:#fff9;text-align:center;margin-top:8px;font-size:11px;font-style:italic}.action-buttons .btn{border-radius:12px;width:100%;padding:14px 20px;font-size:16px}.game-room{flex-direction:column;min-height:100vh;max-height:100vh;padding:8px;display:flex;overflow-y:auto}.game-header{flex-direction:column;flex-shrink:0;gap:8px;padding:8px 12px}.game-header h1{margin:0;font-size:20px}.phase-card{flex-shrink:0;margin:8px 0;padding:12px}.phase-card h2{margin-bottom:8px;font-size:18px}.phase-card p{margin:0;font-size:13px;line-height:1.3}.game-board{flex-direction:column;flex:1;width:100%;min-height:0;padding:0;display:flex}.bingo-grid{flex:1;width:100%;min-height:250px;max-height:calc(100vh - 300px);padding:12px}.bingo-grid .bingo-cell{min-height:80px;padding:10px;font-size:14px;line-height:1.4}.fill-indicator{width:16px;height:16px;font-size:10px;top:2px;right:2px}.modal-overlay{align-items:flex-start;padding:20vh 12px 12px}.blank-modal{border-radius:12px;max-width:95vw;max-height:60vh;padding:16px;overflow-y:auto}.modal-header{margin-bottom:16px}.modal-header h3{margin:0;font-size:18px}.modal-sentence{background:#ffffff0d;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px;line-height:1.4}.blank-input{border-radius:8px;width:100%;margin-bottom:16px;padding:12px;font-size:16px}.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn{width:100%;padding:12px 16px;font-size:14px}.btn{touch-action:manipulation;min-height:44px}.bingo-cell,.sentence-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sentence-item.selected{border-color:var(--neon-lime);background:#05ffa14d;transform:scale(1.02);box-shadow:0 0 20px #05ffa180}.editor-bingo-cell.drop-target{border-color:var(--neon-lime);background:#05ffa11a;animation:1s ease-in-out infinite pulse-green;box-shadow:0 0 15px #05ffa166}@keyframes pulse-green{0%,to{box-shadow:0 0 15px #05ffa166}50%{box-shadow:0 0 25px #05ffa1b3}}.manager-header h1,.join-header h1,.game-lobby-header h1{font-size:24px}.join-card,.board-card{margin:0 12px;padding:20px}.game-status-bar{text-align:center;flex-direction:column;gap:12px;margin:0 12px 20px;padding:12px}.share-code{flex-direction:column;gap:8px}.game-key-hero{margin:0 12px 24px;padding:24px 16px}.key-title{margin-bottom:16px;font-size:20px}.game-key-display-large{flex-direction:column;gap:16px}.game-key-large{letter-spacing:3px;padding:12px 20px;font-size:28px}.key-actions{gap:6px;padding:0 4px}.share-btn-icon{min-height:80px;padding:12px}.share-btn-icon svg{width:48px;height:48px}.lobby-content-merged{grid-template-columns:1fr;gap:20px;margin:0 20px 32px}.players-section-header{flex-direction:column;align-items:flex-start;gap:12px}.players-section-header .status-indicator{font-size:13px}.players-section-header .player-count{font-size:15px}.admin-panel{margin:16px 12px;padding:20px 16px}.admin-badge{font-size:18px}}@media (max-width:480px){.entry-title{margin-bottom:2px;font-size:clamp(28px,7vw,40px)}.entry-tagline{margin:2px 0;font-size:16px}.action-card{padding:8px 10px}.action-icon{margin-bottom:4px;font-size:36px}.action-icon-wrapper{width:90px;height:90px;margin:0 auto 8px}.action-icon-img{width:100%;height:100%}.action-title{font-size:18px}.chaos-settings-content .size-btn{padding:6px 2px;font-size:11px}.chaos-settings-content .tone-btn{padding:6px 2px;font-size:10px}.size-btn{padding:6px 2px;font-size:11px}.editor-bingo-grid.grid-3 .bingo-grid{max-width:260px}.editor-bingo-grid.grid-4 .bingo-grid{max-width:300px}.editor-bingo-grid.grid-5 .bingo-grid{max-width:330px}.bingo-grid{gap:4px}.bingo-cell{min-height:45px;padding:4px;font-size:10px}.editor-bingo-cell{min-height:50px;padding:3px;font-size:9px}.sentence-item{min-height:44px;padding:8px;font-size:12px}.sentences-panel{min-height:440px}.sentences-list{box-sizing:border-box;min-height:238px;max-height:238px;padding-bottom:16px}.blank-modal{max-width:95vw;padding:16px}}.activity-feed-container{border:1px solid var(--border-medium);background:#fff;border-radius:28px;flex-direction:column;height:100%;min-height:450px;max-height:600px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000000d}.activity-feed-header{border-bottom:1px solid var(--border-light);background:#fdfdfd;flex-shrink:0;padding:18px 24px}.activity-feed-header h3{color:var(--text-primary);align-items:center;gap:12px;margin:0;font-family:Fredoka One,cursive;font-size:20px;display:flex}.activity-feed-messages{scroll-behavior:smooth;background:#fafafa;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.feed-event{gap:12px;max-width:85%;animation:.3s cubic-bezier(.175,.885,.32,1.275) both message-pop;display:flex}.feed-event-avatar{background:var(--gradient-electric);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px 10px #06b6d433}.own-message{flex-direction:row-reverse}.own-message .feed-event-avatar{background:var(--gradient-party);box-shadow:0 4px 10px #ec489933}@keyframes message-pop{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.feed-event.own-message{align-self:flex-end}.feed-event-content{border:1px solid var(--border-light);background:#fff;border-radius:20px;flex-direction:column;padding:12px 16px;display:flex;position:relative;box-shadow:0 2px 5px #00000005}.feed-event-time{opacity:.5;text-align:right;margin-top:4px;font-size:10px}.own-message .feed-event-time{text-align:left}.own-message .feed-event-content{background:var(--electric-cyan);color:#fff;border:none;box-shadow:0 4px 15px #06b6d44d}.feed-event.message{align-self:flex-start}.feed-event.own-message.message{align-self:flex-end}.feed-event.mark,.feed-event.win,.feed-event.join{flex-direction:row;align-self:center;align-items:center;gap:8px;max-width:90%}.feed-event.mark .feed-event-avatar,.feed-event.win .feed-event-avatar,.feed-event.join .feed-event-avatar{border-radius:6px;width:24px;height:24px;font-size:11px;display:flex}.feed-event.mark .feed-event-content,.feed-event.win .feed-event-content,.feed-event.join .feed-event-content{box-shadow:none;color:var(--text-primary);background:#00000014;border:1px solid #0000001a;border-radius:12px;padding:6px 12px}.feed-event.mark .feed-event-body p,.feed-event.join .feed-event-body p{color:var(--text-primary);font-weight:600}.feed-event.win .feed-event-content{background:var(--gradient-party);color:#fff;border:none;animation:2s infinite pulse-pink-shadow}@keyframes pulse-pink-shadow{0%,to{box-shadow:0 0 10px #ec489933}50%{box-shadow:0 0 20px #ec489980}}.feed-event-header{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.own-message .feed-event-header{flex-direction:row-reverse}.feed-event-player{color:var(--text-primary)}.feed-event-body p{margin:0;font-size:15px;line-height:1.5}.message-text p{font-weight:500}.activity-feed-input{border-top:1px solid var(--border-light);background:#fff;align-items:center;gap:12px;padding:20px 24px;display:flex}.activity-feed-input input{color:var(--text-primary);background:#f5f7f9;border:2px solid #0000;border-radius:24px;outline:none;flex:1;padding:12px 20px;font-size:15px;transition:all .3s}.activity-feed-input input:focus{border-color:var(--electric-cyan);background:#fff;box-shadow:0 0 20px #06b6d41a}.send-message-btn{background:var(--gradient-party);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #ec48994d}.send-message-btn:hover:not(:disabled){transform:scale(1.05)translateY(-2px);box-shadow:0 8px 25px #ec489966}.send-message-btn:disabled{background:var(--bg-secondary);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.game-title-full{text-align:center;background:var(--gradient-chaos);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:32px;animation:3s ease-in-out infinite gradient-shift}.section-header{border-bottom:2px solid #ffffff0d;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.section-icon{background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.players-list-redesigned{grid-template-columns:1fr;gap:12px;display:grid}.player-card-redesigned{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;padding:12px 16px;transition:all .3s;display:flex}.player-card-redesigned.ready{background:#10b9810d;border-color:#10b9814d}.player-card-redesigned.host{background:#f59e0b0d;border-color:#f59e0b4d}.player-avatar{background:var(--gradient-electric);color:#fff;text-shadow:0 2px 4px #0003;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:flex}.player-card-redesigned.host .player-avatar{background:var(--gradient-party)}.player-info-main{flex-direction:column;flex:1;gap:4px;display:flex}.player-name-row{align-items:center;gap:8px;display:flex}.player-name-text{font-size:16px;font-weight:700}.host-tag{font-size:14px}.player-status-badge{background:#0003;border-radius:20px;width:fit-content;padding:2px 10px;font-size:11px}.status-ready{color:var(--neon-lime);text-shadow:0 0 10px #10b9814d;font-weight:800}.status-waiting{color:var(--orange-burst);opacity:.9;font-weight:700}.host-controls .btn.primary{background:var(--gradient-chaos);background-size:200% 200%;animation:3s ease-in-out infinite gradient-shift;box-shadow:0 0 30px #ec489966}.fullscreen-fireworks,.fullscreen-row-fireworks{pointer-events:none;z-index:10000;background:#0000001a;justify-content:center;align-items:center;animation:2.5s forwards fade-out;display:flex;position:fixed;inset:0}.cell-fireworks{pointer-events:none;z-index:15;position:absolute;inset:0;overflow:visible}.cell-firework-particle{background-color:var(--color,#ec4899);width:8px;height:8px;box-shadow:0 0 10px var(--color,#ec4899),0 0 20px var(--color,#ec4899);animation:1.5s cubic-bezier(.1,.8,.3,1) forwards cell-explode;animation-delay:var(--delay,0s);z-index:20;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cell-explode{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty)))scale(0);opacity:0}}.fullscreen-row-fireworks{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0000004d;flex-direction:column;justify-content:center;align-items:center;animation:5s forwards fade-in-out;display:flex;position:fixed;inset:0}@keyframes fade-in-out{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.firework-particle-large{background-color:var(--color);width:12px;height:12px;box-shadow:0 0 15px var(--color);animation:2s cubic-bezier(.1,.9,.3,1) forwards explode-large;animation-delay:var(--delay);border-radius:50%;position:absolute}@keyframes explode-large{0%{opacity:1;filter:brightness(1.5);transform:translate(0)scale(1.5)}to{transform:translate(var(--tx),var(--ty))scale(0);opacity:0;filter:brightness()}}.row-completion-message-festive{text-align:center;z-index:10001;animation:.6s cubic-bezier(.175,.885,.32,1.275) win-pop}@keyframes win-pop{0%{opacity:0;transform:scale(.5)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}.win-icon-large{margin-bottom:20px;font-size:80px;animation:2s infinite bounce-rotate}@keyframes bounce-rotate{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(10deg)}75%{transform:translateY(-20px)rotate(-10deg)}}.win-text-large{color:#fff;text-shadow:0 0 30px #ffffff80,0 5px 15px #0000004d;margin-bottom:12px;font-family:Fredoka One,cursive;font-size:56px}.win-subtext{color:#fff;opacity:.9;font-size:20px;font-weight:600}.confetti-mini{height:50px;margin-top:20px;position:relative}.confetti-p{width:10px;height:10px;animation:3s linear infinite fall;position:absolute}@keyframes fall{to{transform:translateY(100vh)rotate(360deg)}}.loading-spinner-tiny{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.bingo-cell.marked:after{content:"";background:radial-gradient(circle,var(--flaming-pink)0%,transparent 70%);opacity:.4;z-index:-1;animation:2s infinite pulse-glow;position:absolute;inset:-10px}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes fade-out{0%{opacity:1}80%{opacity:1}to{opacity:0}}@media (max-width:768px){.activity-feed-container{border-radius:16px;min-height:250px;max-height:350px}.activity-feed-messages{gap:8px;padding:12px}.feed-event-avatar{width:28px;height:28px;font-size:12px}.feed-event-content{padding:8px 10px}.feed-event-body p{font-size:13px}}.help-button{background:var(--gradient-party);width:40px;height:40px;color:var(--text-on-color);cursor:pointer;box-shadow:var(--shadow-glow-pink);z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;transition:all .3s;display:flex;position:fixed;top:20px;right:20px}.help-button:hover{box-shadow:var(--shadow-glow-cyan);transform:scale(1.1)}.help-button:active{transform:scale(.95)}[dir=rtl] .help-button{left:auto;right:20px}.help-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-modal-content{background:var(--bg-primary);width:100%;max-width:600px;max-height:85vh;box-shadow:var(--shadow-float);border-radius:20px;flex-direction:column;padding:24px;animation:.3s slideUp;display:flex;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.help-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.help-modal-header h2{background:var(--gradient-party);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,cursive;font-size:28px}.close-help-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;transition:color .2s;display:flex}.close-help-btn:hover{color:var(--flaming-pink)}.help-steps{flex-direction:column;flex:1;gap:16px;margin-bottom:20px;padding-right:8px;display:flex;overflow-y:auto}.help-step{align-items:flex-start;gap:16px;display:flex}.step-number{background:var(--gradient-party);width:40px;height:40px;color:var(--text-on-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.step-content{flex:1}.step-content h3{color:var(--text-primary);margin-bottom:6px;font-size:18px}.step-content p{color:var(--text-secondary);font-size:14px;line-height:1.5}.help-modal-footer{border-top:2px solid #0f172a14;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding:20px 0 0;display:flex}.help-modal-footer .btn{flex:auto;min-width:100px;max-width:180px}.tour-overlay{z-index:9999;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#0000004d;position:fixed;inset:0;overflow:hidden;-webkit-backdrop-filter:none!important;filter:none!important}.tour-highlight-wrapper{pointer-events:none;isolation:isolate;transform:translateZ(0);filter:none!important;-webkit-backdrop-filter:none!important}.tour-highlight-border{pointer-events:none;filter:none!important;-webkit-backdrop-filter:none!important}.tour-highlight{pointer-events:none;z-index:10000;border:3px solid var(--neon-lime);will-change:auto;isolation:isolate;mix-blend-mode:normal;opacity:1;transform:translateZ(0);box-shadow:0 0 0 9999px #00000080,0 0 20px #10b98180;filter:none!important;-webkit-backdrop-filter:none!important}.tour-highlighted-element{isolation:isolate;position:relative;z-index:10002!important;filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;pointer-events:auto!important}.tour-highlighted-element>*,.tour-highlighted-element *{isolation:isolate;box-shadow:none!important;border:none!important}.tour-tooltip{pointer-events:auto;isolation:isolate;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:3px solid #fff;border-radius:20px;min-width:240px;max-width:280px;max-height:calc(100vh - 40px);padding:16px 20px;transition:opacity .2s ease-out;animation:none;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #667eea66,0 0 0 4px #667eea1a;z-index:10003!important}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tour-tooltip h3{color:#fff;text-shadow:0 2px 4px #0003;margin-bottom:8px;font-family:Fredoka One,cursive;font-size:18px}.tour-tooltip p{color:#fffffff2;margin-bottom:12px;font-size:14px;line-height:1.4}.tour-actions{gap:8px;margin-bottom:12px;display:flex}.tour-actions .btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;padding:8px 16px;font-size:14px}.tour-actions .btn:hover{background:#ffffff4d;border-color:#ffffff80}.tour-actions .btn.primary{color:#667eea;background:#ffffffe6;font-weight:600}.tour-actions .btn.primary:hover{background:#fff;transform:scale(1.05)}.tour-progress{border-top:1px solid #fff3;justify-content:center;gap:6px;padding-top:10px;display:flex}.tour-dot{background:var(--border-medium);border-radius:50%;width:8px;height:8px;transition:all .3s}.tour-dot.active{background:var(--flaming-pink);transform:scale(1.3)}.tooltip-trigger{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;margin-left:8px;padding:4px;font-size:16px;transition:opacity .2s;display:inline-flex}.tooltip-trigger:hover{opacity:1}[dir=rtl] .tooltip-trigger{margin-left:0;margin-right:8px}.form-group{position:relative}.tooltip-content{background:var(--text-primary);color:var(--text-on-color);white-space:nowrap;z-index:100;box-shadow:var(--shadow-pop);border-radius:8px;margin-top:8px;padding:8px 12px;font-size:14px;animation:.2s fadeIn;position:absolute;top:100%;left:0}[dir=rtl] .tooltip-content{left:auto;right:0}.tooltip-content:before{content:"";border:6px solid #0000;border-bottom-color:var(--text-primary);position:absolute;bottom:100%;left:12px}[dir=rtl] .tooltip-content:before{left:auto;right:12px}.drag-hint{background:var(--bg-accent);border:2px solid var(--electric-cyan);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.drag-hint p{color:var(--text-secondary);flex:1;margin:0;font-size:14px}.hint-dismiss{cursor:pointer;color:var(--text-secondary);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;transition:opacity .2s;display:flex}.hint-dismiss:hover{opacity:1}.pwa-install-prompt{z-index:1000;width:calc(100% - 40px);max-width:400px;animation:.4s slideUp;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.pwa-install-content{background:var(--bg-primary);box-shadow:var(--shadow-float);text-align:center;border:2px solid var(--flaming-pink);border-radius:16px;padding:24px}.pwa-install-icon{margin-bottom:12px;font-size:48px}.pwa-install-content h3{color:var(--text-primary);margin-bottom:8px;font-family:Fredoka One,cursive;font-size:20px}.pwa-install-content p{color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.pwa-install-actions{justify-content:center;gap:12px;display:flex}.pwa-install-actions .btn{flex:1;max-width:150px}.empty-state{text-align:center;padding:48px 24px}.empty-state .empty-icon{margin-bottom:24px;font-size:80px;animation:2s ease-in-out infinite wobble}.empty-state h3{color:var(--text-primary);margin-bottom:12px;font-family:Fredoka One,cursive;font-size:24px}.empty-state p{color:var(--text-secondary);max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto;line-height:1.6}@media (max-width:768px){.help-button{width:36px;height:36px;font-size:20px;top:12px;right:12px}[dir=rtl] .help-button{left:auto;right:12px}.help-modal-content{margin:12px;padding:24px}.help-modal-header h2{font-size:24px}.help-steps{gap:20px}.step-number{width:36px;height:36px;font-size:18px}.step-content h3{font-size:18px}.tour-tooltip{min-width:280px;max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);margin:0 16px;padding:14px 16px}.tour-tooltip h3{margin-bottom:6px;font-size:16px}.tour-tooltip p{margin-bottom:10px;font-size:13px}.tour-actions{flex-direction:column;gap:8px;margin-bottom:10px}.tour-actions .btn{width:100%;padding:10px 16px;font-size:14px}.tour-progress{gap:6px;padding-top:8px}.tour-dot{width:6px;height:6px}.pwa-install-prompt{width:calc(100% - 24px);bottom:12px}.pwa-install-content{padding:20px}.pwa-install-icon{font-size:40px}.pwa-install-content h3{font-size:18px}.pwa-install-actions{flex-direction:column}.pwa-install-actions .btn{max-width:100%}}.input-modal-overlay,.confirm-modal-overlay,.alert-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.input-modal-content,.confirm-modal-content,.alert-modal-content{background:var(--bg-primary);border:2px solid var(--electric-cyan);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;padding:0;animation:.4s cubic-bezier(.68,-.55,.265,1.55) modal-pop-in;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 48px #0003,0 0 0 1px #06b6d433}.input-modal-header,.confirm-modal-header,.alert-modal-header{border-bottom:2px solid #0f172a14;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.alert-modal-header{flex-direction:column;align-items:flex-start;gap:12px;position:relative}.alert-modal-icon{font-size:48px;line-height:1}.alert-modal-content.alert-modal-success{border-color:var(--neon-lime);box-shadow:0 12px 48px #0003,0 0 0 1px #10b98133}.alert-modal-content.alert-modal-success .alert-modal-icon{font-size:56px;animation:.6s ease-out success-bounce}@keyframes success-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.input-modal-title,.confirm-modal-title,.alert-modal-title{color:var(--text-primary);flex:1;margin:0;font-family:Fredoka One,cursive;font-size:24px}.alert-modal-title{font-size:20px}.input-modal-close,.confirm-modal-close,.alert-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:28px;line-height:1;transition:all .3s;display:flex}.input-modal-close:hover,.confirm-modal-close:hover,.alert-modal-close:hover{color:var(--text-primary);background:#0f172a14;transform:scale(1.1)}.input-modal-form{flex:1;min-height:0;padding:28px;overflow:hidden auto}@media (min-width:769px){.editor-content{flex-direction:row!important;align-items:flex-start!important;display:flex!important}.board-editor-panel{flex:none!important;width:480px!important;min-width:480px!important;max-width:480px!important}.sentences-panel{flex:auto!important;min-width:320px!important}.drag-drop-editor[dir=rtl] .editor-content{flex-direction:row-reverse!important}.drag-drop-editor[dir=rtl] .board-editor-panel{flex:none!important;width:480px!important;min-width:480px!important;max-width:480px!important}.drag-drop-editor[dir=rtl] .sentences-panel{flex:auto!important;min-width:320px!important}}@media (max-width:768px){.editor-content{flex-direction:column!important;align-items:center!important;width:100%!important;padding:0!important;display:flex!important}.board-editor-panel{flex-direction:column!important;flex:none!important;order:1!important;align-items:center!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin-bottom:24px!important;padding:8px!important;display:flex!important}.sentences-panel{flex:auto!important;order:2!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:8px!important}.editor-bingo-grid{flex-shrink:0!important;width:100%!important;min-width:0!important;max-width:450px!important;margin:0 auto!important;padding:12px!important}.editor-bingo-grid .bingo-grid{grid-template-columns:repeat(3,1fr)!important;width:100%!important;display:grid!important}.editor-bingo-grid.grid-4 .bingo-grid{grid-template-columns:repeat(4,1fr)!important}.editor-bingo-grid.grid-5 .bingo-grid{grid-template-columns:repeat(5,1fr)!important}.drag-drop-editor[dir=rtl] .editor-content{flex-direction:column!important;align-items:center!important}.drag-drop-editor[dir=rtl] .board-editor-panel,.drag-drop-editor[dir=rtl] .sentences-panel{flex-direction:column!important;align-items:center!important;width:100%!important;min-width:100%!important;max-width:100%!important;display:flex!important}}.filter-btn{text-transform:none!important;font-size:14px!important}.input-modal-form::-webkit-scrollbar{width:8px}.input-modal-form::-webkit-scrollbar-track{background:0 0}.input-modal-form::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:4px}.input-modal-form::-webkit-scrollbar-thumb:hover{background:#0f172a4d}.input-modal-input{width:100%;color:var(--text-primary);background:#fffffff2;border:2px solid #0f172a1f;border-radius:14px;margin-bottom:24px;padding:16px 20px;font-family:Nunito Sans,sans-serif;font-size:16px;transition:all .3s}.input-modal-input:focus{border-color:var(--electric-cyan);background:#fff;outline:none;box-shadow:0 0 0 4px #06b6d41a}.input-modal-actions,.confirm-modal-actions,.alert-modal-actions{justify-content:flex-end;gap:12px;display:flex}.input-modal-actions{margin-top:0}.confirm-modal-body,.alert-modal-body{padding:36px 32px}.confirm-modal-actions-wrapper{margin-top:24px;padding:0 32px 32px}.confirm-modal-actions{margin:0}.confirm-modal-message,.alert-modal-message{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.6}.alert-modal-message{color:var(--text-primary)}.btn.danger{background:linear-gradient(135deg,var(--flaming-pink),#dc2626);color:#fff}.btn.danger:hover{background:linear-gradient(135deg,#dc2626,var(--flaming-pink));transform:translateY(-2px);box-shadow:0 6px 20px #dc26264d}@media (max-width:768px){.tone-options{flex-wrap:wrap;gap:8px}.tone-btn{white-space:normal;word-break:break-word;flex:calc(33.333% - 8px);min-width:90px;padding:12px 8px;font-size:13px;line-height:1.3}.help-modal-footer{flex-flow:wrap;gap:8px}.help-modal-footer .btn{flex:auto;min-width:100px}.input-modal-content,.confirm-modal-content,.alert-modal-content{max-width:95vw;margin:20px}.input-modal-header,.confirm-modal-header,.alert-modal-header{padding:20px 24px}.input-modal-form,.confirm-modal-body,.alert-modal-body{padding:24px}.input-modal-actions,.confirm-modal-actions,.alert-modal-actions{flex-direction:column}.input-modal-actions .btn,.confirm-modal-actions .btn,.alert-modal-actions .btn{width:100%}}.contact-modal-content{background:var(--bg-primary);border:2px solid var(--electric-cyan);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 40px);margin:20px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 48px #0003,0 0 0 1px #06b6d433}.contact-modal-content .modal-header{border-bottom:2px solid #0f172a14;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.contact-modal-content .modal-header h3{color:var(--text-primary);margin:0;font-family:Fredoka One,cursive;font-size:24px}.contact-modal-content .close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:28px;transition:all .2s;display:flex}.contact-modal-content .close-btn:hover{color:var(--text-primary);background:#0f172a14;transform:scale(1.1)}.contact-form{flex-direction:column;flex:1;min-height:0;padding:28px 28px 32px;display:flex;overflow:hidden auto}.contact-form .form-group{margin-bottom:20px}.contact-form .form-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.contact-form .form-group input,.contact-form .form-group textarea{border:2px solid var(--border-medium);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .2s}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:var(--electric-cyan);outline:none;box-shadow:0 0 0 3px #06b6d41a}.contact-form .form-group textarea{resize:vertical;min-height:120px}.contact-form .modal-actions{flex-shrink:0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:8px;display:flex}@media (max-width:768px){.modal-overlay{padding:8px}.contact-modal-content{border-radius:16px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);margin:0}.contact-modal-content .modal-header{flex-shrink:0;padding:12px 16px}.contact-modal-content .modal-header h3{font-size:18px}.contact-modal-content .close-btn{width:32px;height:32px;font-size:24px}.contact-form{padding:16px 16px 20px}.contact-form .form-group{margin-bottom:14px}.contact-form .form-group label{margin-bottom:6px;font-size:13px}.contact-form .form-group input,.contact-form .form-group textarea{border-radius:10px;padding:10px 12px;font-size:15px}.contact-form .form-group textarea{min-height:80px}.contact-form .modal-actions{flex-direction:column;gap:8px;margin-top:16px;padding-top:4px}.contact-form .modal-actions .btn{width:100%;padding:10px 16px;font-size:14px}.contact-form .error-message,.contact-form .success-message{margin-bottom:12px!important;font-size:13px!important}}