:root{--h3: greenyellow;--bg: #0f1723;--card: #1e293b;--border-color: rgba(255, 255, 255, .25);--accent: #e5e7eb;--muted: #9ca3af;--btn-bg: #555;--btn-primary: #3498db;--text-color: #e5e7eb;--header-link: #1f8ef1;--header-link-hover: #f39c12;--canvas-bg: #f6f6f6;--btn-border: #333;--btn-active-bg: #007bff;--btn-active-text: #fff;--shadow-color: rgba(17, 255, 0, .6)}body.light-theme{--h3: black;--bg: #fefefe;--card: #fff;--border-color: #999;--accent: #333;--muted: #888;--btn-bg: #555;--btn-primary: #3498db;--text-color: #333;--header-link: #1f8ef1;--header-link-hover: #f39c12;--canvas-bg: #f6f6f6;--btn-border: #ccc;--btn-active-bg: #007bff;--btn-active-text: #fff;--shadow-color: rgba(0, 0, 0, .4)}html{width:100%;height:100%;scroll-behavior:smooth}body{font-family:Comic Sans,Tajawal,Segoe UI,Helvetica,Arial,sans-serif!important;background:var(--bg);color:var(--text-color);padding:8px;height:100%;position:relative;z-index:0}body:before{content:"";position:fixed;inset:0;background-image:url(/logo.jpeg);background-repeat:repeat;background-position:center;background-size:cover;opacity:.07;pointer-events:none;z-index:-1}@media(max-width:600px){body:before{background-size:500%}}@media(max-width:1024px){body:before{background-size:200%}}@media(min-width:1025px){body:before{background-size:120%}}button,input,textarea{font-family:inherit}.btn-primary{background:var(--btn-primary)}.header-nav a{color:var(--header-link)}.header-nav a:hover{color:var(--header-link-hover)}.roast-controls input,.roast-controls select{background:var(--card);color:var(--accent);border:1px solid rgba(255,255,255,.06)}h1{font-size:2rem;text-align:center;font-weight:700;margin:.2rem 0}.logo{height:40px;width:auto}.header-nav{display:flex;align-items:center;gap:.5rem}.header-nav a{text-decoration:none;color:#1f8ef1;font-weight:700;transition:color .2s ease}.header-nav a:hover{color:#f39c12}.header-nav .divider{color:#888}.container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:1rem;max-width:500px;margin:0 auto}@media(min-width:200px){.my-container{display:ruby}}canvas{touch-action:none}canvas#memeCanvas{width:100%!important;height:auto!important;border:1px solid #ddd;border-radius:8px;background:var(--canvas-bg);display:flex}label{display:flex;align-items:center;gap:4px;font-weight:600;font-size:.95rem}select,input[type=file],textarea{width:100%;padding:8px;margin-top:4px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;box-sizing:border-box}.appbtn{display:block;padding:10px;margin:20px auto;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;text-align:center;transition:.2s}.btn{text-decoration:none;display:inline-block;padding:8px 3px;background:var(--bg);color:var(--accent);box-shadow:0 1px 2px var(--shadow-color);border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;text-align:center;transition:.2s;font-family:var(--main-font)}.appbtn:hover{opacity:.6}.btn:hover{background:var(--btn-active-bg)}.layer-size{width:50px}.layer-color,.layer-stroke{margin:0}.btn-primary{background:#3498db}.btn-success{background:#2ecc71}.btn-purple{background:#9b59b6}.btn-danger{background:#ff6b6b}.del-layer{color:#fff;border:none;border-radius:4px;cursor:pointer;padding:6px 8px;font-size:.85rem}.category-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;justify-content:center}#category-buttons button{color:var(--text-color);border:1px solid var(--btn-border)}.category-btn{padding:6px 8px;border:1px solid #ccc;border-radius:6px;cursor:pointer;background:var(--bg);transition:all .2s ease}.category-btn:hover{background:var(--btn-active-bg)}.category-btn.active{background:var(--btn-active-bg);color:var(--accent);font-weight:700}.btn-group{display:flex;gap:6px;width:100%}#layers-container{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:8px}.layer-text{width:100%;min-height:50px;padding:6px;border:1px solid #ccc;border-radius:6px;resize:vertical;font-size:.95rem}.info-text{margin-top:6px;font-size:.85rem;color:#666;text-align:center}.font-btn{padding:4px 8px;font-size:.8rem;border-radius:4px;background:var(--bg);cursor:pointer;transition:.2s;white-space:nowrap;flex:0 0 auto}.font-btn:hover,.font-btn.active{background:var(--btn-active-bg)}.roast-container{max-width:760px;margin:18px auto;padding:20px;border:1px solid var(--btn-border);background:var(--bg);border-radius:12px;box-shadow:0 1px 2px var(--shadow-color)}.roast-controls label{display:block;margin-top:10px;color:var(--muted)}.roast-controls input,.roast-controls select{width:95%;padding:10px;margin-top:6px;border-radius:8px;border:1px solid var(--btn-border);box-shadow:0 1px 1px var(--shadow-color);background:var(--bg);color:var(--accent)}.roast-lead{color:var(--muted);margin:6px 0 18px}.roast-buttons{margin-top:12px;display:flex;gap:8px}button{padding:10px 14px;border-radius:8px;border:0;cursor:pointer;background:var(--bg);color:var(--text-color);font-size:large;box-shadow:0 1px 1px var(--shadow-color)}.roast-result{margin-top:18px}.roastBox{min-height:70px;padding:16px;border-radius:10px;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--btn-border);box-shadow:0 1px 1px var(--shadow-color);font-size:1.05rem}.roast-warn{display:none;color:#fca5a5;margin-top:8px}.articles-list{list-style:none;padding:2rem;margin:0 auto;max-width:720px;display:flex;flex-direction:column;gap:1rem}.articles-list li a{display:block;padding:1rem 1.5rem;background:var(--card-bg);box-shadow:0 1px 1px var(--shadow-color);border-radius:10px;text-decoration:none;color:#1f8ef1;font-weight:700;transition:transform .1s ease,box-shadow .1s ease}.articles-list li a:hover{transform:translateY(-2px);box-shadow:0 1px 1px var(--header-link-hover)}p,h2{line-height:1.6;margin-bottom:1rem;padding:0 10px;color:var(--accent)}.img{width:96%;max-width:600px;height:auto;display:block;margin:20px auto;border-radius:8px}.text-container{display:block;max-width:700px;margin:2rem auto;padding:0 1rem;line-height:1.6;text-align:right}.text-container h1,.text-container h2{text-align:right;margin-top:1.5rem;margin-bottom:.75rem}.text-container p{margin-bottom:1rem}@media(max-width:768px){#controls-container{max-height:50vh;width:100%;overflow-y:auto;text-align:right;justify-items:center;margin:auto}#font-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px}#font-buttons .font-btn{flex:0 0 auto}.main-container{flex-direction:column}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.imojidiv{display:flex;justify-content:center;height:150px;align-items:center;margin-top:-30px;margin-bottom:-60px;overflow:hidden;position:relative}.emoji{font-size:3rem;display:inline-block;animation:float 3s infinite ease-in-out}.emoji:nth-child(1){animation-delay:0s}.emoji:nth-child(2){animation-delay:.5s}.emoji:nth-child(3){animation-delay:1s}.emoji:nth-child(4){animation-delay:1.5s}.emoji:nth-child(5){animation-delay:2s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}.ad-space{width:98%;max-width:728px;height:90px;margin:20px auto 0;background:#f1f1f1;border:2px dashed #ccc;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#555;text-align:center}.jokes-page{max-width:1000px;margin:2rem auto;padding:0 15px}.jokes-page h1{text-align:center;color:#f60}.jokes-page ul{list-style:none;padding:0}.jokes-page li{background:var(--bg);margin:1rem 0;padding:1rem;border-radius:10px;box-shadow:0 1px 1px var(--shadow-color)}.card{font-size:1.2rem;margin-bottom:1rem;color:var(--text-color, #000);background:var(--card, #fff);padding:1rem 1.5rem;border-radius:10px;box-shadow:0 2px 8px #00000080}.card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #000000b3}.emoji-icon{width:2em;height:2em;vertical-align:middle}.site-footer{background:#222;color:#fff;padding:30px 20px;text-align:center;font-size:.95rem;border-top:1px solid #444;margin-top:50px}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer .footer-content{max-width:600px;margin:0 auto}.site-footer form{margin-top:15px;display:flex;flex-direction:column;gap:8px}.site-footer textarea{padding:8px;border-radius:6px;border:1px solid #555;resize:vertical;min-height:60px;font-size:.95rem}.site-footer button{padding:10px;border:none;border-radius:6px;background:var(--bg);color:var(--accent);cursor:pointer;font-size:.95rem;transition:.2s}.site-footer button:hover{opacity:.85}@media(max-width:500px){.site-footer .footer-content{padding:0 1rem}}.article-container{text-align:start;margin:auto;max-width:1000px;line-height:1.9;font-size:18px;padding:1rem}.article-container img{display:block;margin:20px auto;border-radius:12px;max-width:100%;height:auto}.article-container h1,.article-container h2,.article-container h3{margin-top:1.8rem;margin-bottom:.8rem;color:var(--accent, #f5f5f5);text-align:start}.article-container p{margin-bottom:1rem}.ad-top{display:flex;justify-content:center;margin:25px auto}.ad-bottom{margin:40px auto 0;padding-bottom:20px;display:flex;justify-content:center;width:100%}.ad-top img,.ad-bottom img,.ad-placeholder{width:100%;max-width:900px;height:130px;min-height:150px;background:#111;border-radius:14px;object-fit:cover}.page-content{position:relative;z-index:1}.ad-right,.ad-left{position:fixed;top:180px;width:300px;z-index:900}.ad-right{right:max(5px,calc((90vw - 1100px)/2 - 200px))}.ad-left{left:max(5px,calc((90vw - 1100px)/2 - 200px))}.ad-right img,.ad-left img{width:100%;border-radius:12px}.ad-side{position:fixed;z-index:1100}.side-close-btn{position:absolute;top:-10px;right:-10px;width:26px;height:26px;background:#000c;color:#fff;border-radius:50%;font-size:16px;line-height:26px;text-align:center;cursor:pointer;z-index:9999}.side-close-btn:hover{background:#ff3b3b}.ad-floating{position:fixed;bottom:90px;right:25px;z-index:1100}.ad-floating img{width:180px;border-radius:12px}.ad-placeholder{background:var(--bg);border:2px dashed var(--border-color);color:var(--accent);display:flex;align-items:center;align-content:center;justify-content:center;font-size:.95rem;box-shadow:0 2px 6px #0003}.in-content-ad-box{margin:30px auto;max-width:800px;width:100%;display:flex;justify-content:center}.in-content-ad-box img,.in-content-ad-box iframe,.in-content-ad-box video{width:100%;height:auto;border-radius:14px;object-fit:contain}.grid-ad-box img{width:100%;border-radius:12px;object-fit:cover}.grid-ad-box{width:100%;max-width:350px;margin:15px auto}.ad-tilt{perspective:1000px;transform-style:preserve-3d;border-radius:15px}.ad-tilt-inner{border-radius:14px;overflow:hidden;transform-style:preserve-3d;background:transparent;transition:transform .2s ease,box-shadow .3s ease}.ad-tilt-inner video,.ad-tilt-inner img{width:100%;height:auto;object-fit:cover;display:block}@media(max-width:900px){.ad-right,.ad-left,.ad-floating{display:none!important}}.question-title{color:var(--h3);font-weight:bolder;font-size:24px;margin-bottom:10px}.footer-ads{margin-top:20px;padding-top:15px;border-top:1px dashed #333;text-align:center;font-size:14px;opacity:.85}.footer-ads a{display:inline-block;margin-top:6px;color:#25d366;font-weight:700}.advertise-cta-card{margin-top:35px;padding:22px 18px;border-radius:14px;background:var(--bg);box-shadow:0 0 0 1px var(--border-color),0 6px 20px #00000040;text-align:center}.advertise-cta-card .cta-title{font-size:1.05rem;font-weight:700;margin-bottom:4px}.advertise-cta-card .cta-desc{font-size:.95rem;opacity:.85;margin-bottom:14px}.advertise-cta-card .cta-btn{background:#25d366;color:#000;border:none;padding:10px 20px;font-size:1.05rem;border-radius:8px;cursor:pointer;font-weight:700}.advertise-cta-card .cta-btn:hover{opacity:.9}.host-box{background:var(--bg);padding:15px;border-radius:15px;margin-top:15px;box-shadow:0 1px 2px var(--shadow-color)}.answer-btn{margin:5px;padding:15px;border-radius:12px;border:none;background:linear-gradient(135deg,#1e293b,#020617);color:var(--btn-active-text);cursor:pointer;transition:.2s;font-size:larger}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.answer-btn:hover{transform:scale(1.03);background:#1f2937}.correct-player{background:#22c55e22;color:#22c55e;font-weight:700}.wrong-player{background:#ef444422;color:#ef4444;font-weight:700}.first-player.correct-player{background:#22c55e33}.first-player.wrong-player{background:#ef444433}.feedback{margin-top:15px;padding:10px;border-radius:10px;font-weight:700;text-align:center}.feedback.correct{background:#22c55e33;color:#22c55e}.feedback.wrong{background:#ef444433;color:#ef4444}.results-card{background:var(--bg);padding:15px;border-radius:15px;margin-top:20px;box-shadow:0 1px 2px var(--shadow-color)}.result-item{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #333}.wrong-text{color:#ef4444;font-weight:700;font-size:24px}.correct-text{color:#22c55e;font-weight:700;font-size:24px}.player-container{max-width:500px;margin:auto;padding:20px;text-align:center}#question{margin-bottom:20px;font-size:22px}.answer-btn{width:100%;padding:14px;margin:10px 0;border-radius:12px;border:none;color:#fff;font-size:16px;transition:.2s}.answer-btn:hover{transform:scale(1.03);background:#334155}#text-answer{width:100%;padding:12px;border-radius:10px;margin-bottom:10px}#send-answer{width:100%;padding:12px;border-radius:10px;background:#22c55e;color:#fff;border:none}#feedback{margin-top:15px;font-weight:700;font-size:18px}.results-table{width:100%;border-collapse:collapse;margin-top:20px;background:#020617;color:#fff}.results-table th,.results-table td{border:1px solid #333;padding:10px;text-align:center}.results-table th{background:#111827}.results-table tr:hover{background:#1e293b}.correct-answer{color:#22c55e;font-weight:700}.wrong-answer{color:#ef4444;font-weight:700}.table-wrapper{max-height:400px;width:100%;overflow-x:auto;margin-top:30px}.results-table{min-width:600px}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.winner-container{margin:30px auto;text-align:center}.trophy{font-size:90px;animation:bounce 1s infinite alternate}.winner-name{font-size:36px;font-weight:700;color:gold;border-radius:12px;text-shadow:0 0 20px rgba(255,215,0,.8);animation:glow 1.5s infinite alternate}.winner-score{margin-top:10px;font-size:40px;margin-bottom:59px}@keyframes glow{0%{text-shadow:0 0 10px gold}to{text-shadow:0 0 30px orange}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.leaderboard{width:100%;max-width:700px;margin:20px auto;padding:20px;box-sizing:border-box;background:linear-gradient(135deg,#0f172a,#020617);border-radius:16px;box-shadow:0 0 25px #00000080;text-align:center}.leaderboard h2{margin-bottom:15px;font-size:30px}.leader-item{display:flex;justify-content:space-between;padding:12px 15px;margin-bottom:8px;background:#020617;border-radius:10px;transition:.2s}.leader-item:hover{background:#1e293b}.leader-item:nth-child(2){background:linear-gradient(90deg,gold,orange);color:#000;font-weight:700}.leader-item:first-child{background:linear-gradient(90deg,gold,orange);color:#000;font-weight:700;animation:winnerGlow 1.5s infinite alternate;animation:pulse 1s infinite alternate}@keyframes winnerGlow{0%{box-shadow:0 0 10px gold}to{box-shadow:0 0 25px orange}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.leader-title{font-size:24px;margin-bottom:15px;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.leader-item:first-child{position:relative;overflow:hidden}.leader-item:first-child:before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(90deg,transparent,gold,transparent);opacity:.4;animation:shine 2s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.trophy-box{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.trophy-icon{font-size:90px;filter:drop-shadow(0 0 10px gold);animation:float 1.5s infinite ease-in-out alternate}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-12px) scale(1.05)}}.trophy-icon{position:relative}.trophy-icon:after{content:"";position:absolute;inset:-10px;border-radius:50%;opacity:.4;animation:glowPulse 1.5s infinite alternate}@keyframes glowPulse{0%{opacity:.3}to{opacity:.7}}.leader-title{margin-top:10px;font-size:22px;font-weight:700;color:#fff;animation:none}.flip-card{max-width:700px;margin:20px auto 150px}.flip-inner{position:relative;width:100%;aspect-ratio:16 / 9;transition:transform .8s;transform-style:preserve-3d}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center}.flip-front{background:linear-gradient(135deg,#0f172a,#020617);color:#fff;font-size:18px}.flip-back{transform:rotateY(180deg)}@media(max-width:600px){.flip-card{width:95%}}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.options-grid span{background:#1e293b;padding:6px;border-radius:8px;text-align:center}.edit-form{margin-top:10px;padding:10px;background:#020617;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.edit-form input{padding:8px;border-radius:8px;border:none;background:#1e293b;color:#fff}.edit-form button{background:#22c55e;border:none;padding:8px;border-radius:8px;cursor:pointer}.edit-form .edit-text,.edit-form .edit-correct,.edit-form button{grid-column:span 2}.room-container{max-width:800px;margin:auto}h1{text-align:center;margin-bottom:10px}#role-box{text-align:center;margin-bottom:15px;opacity:.8}#players{background:#ffffff0d;border-radius:12px;padding:10px;margin-bottom:20px}.category-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}@media(max-width:600px){.category-buttons{grid-template-columns:repeat(2,1fr)}}@media(min-width:601px){.category-buttons{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.category-buttons{grid-template-columns:repeat(4,1fr)}.room-container{max-width:1200px}}.host-box{background:var(--bg);border-radius:12px;padding:15px;margin-bottom:20px;text-align:center}.host-box button{margin:5px;padding:10px 14px;border-radius:8px;border:none;cursor:pointer;background:var(--bg);transition:.2s}.host-box button:hover{background:#22c55e;color:#000}#question-box,#results-box{margin-top:20px}.question-card{max-width:600px;margin:15px auto;background:var(--bg);padding:20px;border-radius:15px;font-size:large;box-shadow:0 1px 2px var(--shadow-color);text-align:center}#text-answer{width:100%;max-width:400px;padding:12px 15px;border-radius:10px;border:1px solid #22c55e;outline:none;margin-top:15px;font-size:14px;transition:.2s}#text-answer::placeholder{color:#9ca3af}#text-answer:focus{border-color:#4ade80;box-shadow:0 0 10px #22c55e55}#send-answer{margin-top:12px;padding:10px 20px;border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:.2s}#send-answer:hover{background:#4ade80;transform:scale(1.05)}.room-header{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:25px;position:sticky;top:0;z-index:1000;background:var(--bg);padding:10px 0}.category-dropdown{position:relative}.dropdown-btn{padding:10px 16px;border-radius:10px;border:1px solid #22c55e33;cursor:pointer;background:var(--card)}.dropdown-btn:hover{background:#22c55e22}@media(max-width:768px){.room-header{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-header button,.dropdown-btn,#open-admin{width:100%;font-size:15px;padding:12px}.category-dropdown{position:relative;grid-column:span 2}.category-dropdown.open .dropdown-menu{position:absolute;opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}}@media(min-width:769px){.category-dropdown.open .dropdown-menu{position:absolute;top:50px;left:-50%;opacity:1;visibility:visible;transform:translate(-50%);pointer-events:auto}}.dropdown-menu{position:fixed;top:90px;left:50%;transform:translate(-50%);width:1200px;max-width:90vw;background:var(--card);border-radius:15px;padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;opacity:0;visibility:hidden;pointer-events:none;transition:.25s;z-index:999}.dropdown-menu.active{opacity:1;visibility:visible;pointer-events:auto}.category-dropdown:after{content:"";position:absolute;top:100%;left:0;width:100%;height:20px}.cat-card{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;cursor:pointer;transition:.3s}.cat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);z-index:1}.cat-card span{position:absolute;bottom:10px;right:10px;z-index:2;color:#fff;font-weight:700;font-size:1rem}.cat-card.active{outline:3px solid #22c55e;box-shadow:0 0 30px #22c55e88;transform:scale(1.05)}.cat-card.active:after{content:"✔";position:absolute;top:10px;left:10px;background:#22c55e;color:#000;font-weight:700;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;z-index:3}.cat-card:hover{transform:scale(1.05);box-shadow:0 0 20px #22c55e55}#role-box,#players{position:relative;z-index:1}.players-card{background:var(--card);border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid #22c55e22}.players-list{display:flex;flex-wrap:wrap;gap:10px}.player-item{background:#111827;padding:8px 12px;border-radius:10px;font-size:14px;border:1px solid #22c55e22;transition:.2s}.player-item.me{border:1px solid #22c55e;background:#22c55e22}.player-item:hover{transform:translateY(-2px)}.players-card.compact{background:transparent;border:1px solid #22c55e22;border-radius:12px;padding:10px 12px;margin-bottom:15px}.players-header{font-size:13px;margin-bottom:8px;opacity:.7}.players-list{display:flex;flex-wrap:wrap;gap:6px}.player-chip{background:var(--bg);padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid #22c55e22}.player-chip.me{background:#22c55e22;border:1px solid #22c55e}.suggest-box{margin-top:20px;display:flex;gap:10px}.suggest-box input{flex:1;padding:10px;border-radius:10px;border:none;outline:none;background:#0f172a;color:#fff}.suggest-box button{padding:10px 15px;border-radius:10px;border:none;background:#22c55e;color:#fff;cursor:pointer}.suggestions-list{margin-top:15px}.suggest-item{background:linear-gradient(135deg,#0f172a,#020617);border:1px solid #22c55e33;padding:10px 12px;border-radius:12px;margin-bottom:8px;display:flex;flex-direction:column;text-align:right}.suggest-item .name{font-size:12px;color:#22c55e;margin-bottom:4px}.suggest-item .text{font-size:14px;color:#fff}.suggestions-wrapper{margin-top:15px;height:200px;overflow-y:auto;border:1px solid #22c55e33;border-radius:12px;padding:10px;background:#020617}.suggestions-wrapper::-webkit-scrollbar{width:6px}.suggestions-wrapper::-webkit-scrollbar-thumb{background:#22c55e;border-radius:10px}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999}.image-modal img{width:90%;height:90%;object-fit:contain}.image-modal.hidden{display:none}#close-image{position:absolute;top:20px;right:30px;font-size:25px;cursor:pointer;color:#fff}.close-sheet{position:absolute;top:10px;right:10px;z-index:10}.group-content{display:none}.group-content.open{display:grid}.group-title{cursor:pointer;margin:15px 0 5px;font-size:18px}.player-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.cat-suggest{padding:8px;border-radius:10px;border:none;background:#0f172a;color:#fff;cursor:pointer}.add-q-section{text-align:center;margin-top:40px}.add-q-box{background:var(--card);max-width:400px;margin:auto;padding:20px;border-radius:15px;box-shadow:0 0 20px var(--shadow-color);display:flex;flex-direction:column;gap:10px}.add-q-box input{padding:10px;border-radius:10px;border:none;background:#020617;color:#fff;text-align:center;font-size:16px;font-family:inherit}.add-q-box button{padding:12px;border-radius:10px;border:none;background:#22c55e;color:#000;font-weight:700;cursor:pointer;transition:.2s}#q-type,#q-type option{font-size:16px;font-family:inherit}.add-q-box button:hover{opacity:.8}#msg{margin-top:10px;font-weight:700}.category-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.cat-btn:hover{background:#22c55e;color:#000}.cat-btn:hover{background:#1e293b}.cat-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#000!important;border:2px solid #22c55e;box-shadow:0 0 10px #22c55e,0 0 20px #22c55e,0 0 40px #22c55e;transform:scale(1.08);opacity:1}@keyframes glow{0%{box-shadow:0 0 5px #22c55e}to{box-shadow:0 0 20px #22c55e}}.add-category-box{max-width:700px;margin:20px auto;padding:20px;background:linear-gradient(145deg,#020617,#0f172a);border-radius:15px;box-shadow:0 0 20px #22c55e33;display:flex;flex-direction:column;gap:12px}.add-category-box h3{text-align:center;color:#22c55e;margin-bottom:10px}.add-category-box input,.add-category-box select{padding:12px;border-radius:10px;border:1px solid #1e293b;background:#020617;color:#fff;outline:none;transition:.2s}.add-category-box input:focus,.add-category-box select:focus{border-color:#22c55e;box-shadow:0 0 8px #22c55e55}.add-category-box input[type=file]{background:#020617;padding:10px;cursor:pointer}#add-cat-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#000;font-weight:700;border:none;padding:12px;border-radius:10px;cursor:pointer;transition:.2s}#add-cat-btn:hover{transform:scale(1.03);box-shadow:0 0 15px #22c55e}#cat-msg{text-align:center;font-weight:700}.category-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:25px auto;max-width:900px}.cat-btn{padding:10px 14px;border-radius:12px;border:1px solid #1e293b;background:#020617;color:#fff;cursor:pointer;transition:.25s;font-size:14px;opacity:.6}.cat-btn:hover{background:#1e293b;transform:translateY(-2px);opacity:1}.add-q-box{background:linear-gradient(145deg,#020617,#0f172a);max-width:420px;margin:40px auto;padding:20px;border-radius:15px;box-shadow:0 0 25px #22c55e4d;display:flex;flex-direction:column;gap:10px}.add-q-box input,.add-q-box select{padding:12px;border-radius:10px;border:1px solid #1e293b;background:#020617;color:#fff;text-align:center}#add-q-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#000;font-weight:700;padding:12px;border-radius:10px;border:none;cursor:pointer;transition:.2s}#add-q-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #22c55e}#preview{width:100%;max-width:300px;height:170px;object-fit:cover;border-radius:12px;margin:10px auto;display:none;border:2px solid #22c55e}.upload-box{font-family:inherit;border:2px dashed #22c55e;padding:20px;text-align:center;border-radius:12px;cursor:pointer;color:#22c55e;transition:.3s}.upload-box:hover{background:#022c22}#preview{width:100%;max-width:280px;height:160px;object-fit:cover;border-radius:12px;margin:15px auto;display:none;border:2px solid #22c55e}.board{position:relative;z-index:2;max-width:1200px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:20px;margin:0 auto}.column{text-align:center}.category{background:#1f2937;padding:15px;border-radius:12px;margin-bottom:10px;font-weight:700;font-size:18px}.category-card{position:relative;height:90px;border-radius:16px;overflow:hidden;margin-bottom:8px}.category-card img{width:100%;height:100%;object-fit:cover}.category-card .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);display:flex;align-items:flex-end;justify-content:center;padding:6px;font-size:13px;font-weight:700}@media(max-width:768px){.board{grid-template-columns:repeat(3,1fr);gap:6px}.category{font-size:12px;padding:8px}.card{padding:10px;font-size:14px;border-radius:8px}}.sheet{position:fixed;bottom:0;left:0;right:0;height:80%;background:transparent;border-radius:20px 20px 0 0;transform:translateY(100%);transition:.3s;z-index:999}.sheet-content{position:relative;height:100%;overflow-y:auto;background:#1f2937;border-radius:20px;padding:20px;width:90%;max-width:1200px;margin:0 auto}.question-box{max-width:800px;margin:40px auto;text-align:center;background:linear-gradient(180deg,#020617,#020617cc);padding:30px 20px;border-radius:20px;border:1px solid #1e293b;box-shadow:0 10px 30px #0006}.question-box h2{font-size:30px;margin-bottom:25px;line-height:1.6}.question-box{animation:pop .3s ease}.question-img{width:50%;aspect-ratio:16/9;object-fit:cover;margin-bottom:10px;border-radius:16px;cursor:pointer}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.sheet.show{transform:translateY(0)}#players-section{position:relative;z-index:1}.sheet.show .sheet-content{transform:scale(1)}.sheet-content h2{font-size:24px;line-height:1.6;margin-bottom:20px;text-align:center}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.drag-bar{width:50px;height:5px;background:#555;border-radius:10px;margin:0 auto 10px}.top-bar{position:sticky;top:0;background:#0b1220;padding:10px;display:flex;gap:10px;align-items:center;justify-content:center;font-size:large;z-index:1000;flex-wrap:wrap;backdrop-filter:blur(10px)}.answer-progress.green{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #16a34a80}.answer-progress.red{background:linear-gradient(135deg,#ef4444,#991b1b);box-shadow:0 4px 12px #ef444480}.answer-progress.waiting{background:#374151}.answer-progress{text-align:center;margin:12px auto;padding:12px 16px;border-radius:14px;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #16a34a80;display:inline-block;min-width:280px;animation:fadeInUp .4s ease}.top-bar button{padding:6px 10px;font-size:14px}.answer-progress.warning{background:linear-gradient(135deg,#ef4444,#991b1b);box-shadow:0 6px 20px #ef444480}.answer-progress.waiting{background:linear-gradient(135deg,#374151,#111827);box-shadow:0 6px 20px #0006}.not-answered{margin-top:6px;font-size:13px;color:#fca5a5;text-align:center;opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.answer-progress{font-size:14px;padding:5px 10px;width:70%;text-align:center}}.text-answer-box{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;margin-top:15px}#text-answer{padding:12px 16px;border-radius:12px;border:1px solid #333;outline:none;width:220px;background:#111;color:#fff;font-size:14px;transition:.2s}#text-answer:focus{border-color:#22c55e;box-shadow:0 0 8px #22c55e4d}#send-answer{padding:10px 16px;border-radius:12px;border:none;background:var(--bg);font-weight:700;cursor:pointer;transition:.2s}#send-answer:hover{transform:scale(1.05)}.close-sheet{display:flex;justify-content:center;align-items:center;gap:10px;margin:30px}.admin-correct{margin-top:10px;padding:8px 12px;background:#0f172a;border:1px solid #22c55e;border-radius:8px;color:#22c55e;font-weight:700;text-align:center}.review-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:10px}#new-cat-name,#options-box,#new-cat-group,#new-cat-group option,#new-cat-type,#new-cat-type option{font-size:18px;font-family:inherit}.player-container{max-width:900px;margin:auto;padding:30px 20px;text-align:center}.player-container{background:linear-gradient(145deg,#020617,#020617);border-radius:25px;box-shadow:0 0 40px #0009}#answers{display:grid;grid-template-columns:1fr 1fr;gap:15px}.answer-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #22c55e80}#text-box input{width:70%;padding:12px;border-radius:10px;border:none}#text-box button{padding:12px 20px;margin-left:10px;border-radius:10px;border:none;cursor:pointer}#question-image{display:flex;justify-content:center;margin-bottom:20px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.feedback-box{margin-top:20px;padding:20px;border-radius:15px;font-size:22px;font-weight:700;text-align:center;animation:fadeIn .3s ease}.feedback-box.success{background:#22c55e26;color:#22c55e;border:1px solid #22c55e}.feedback-box.error{background:#ef444426;color:#ef4444;border:1px solid #ef4444}.role-select{text-align:center;margin:20px 0}.role-btn{padding:12px 20px;margin:8px;border:none;border-radius:12px;background:#1f2937;color:#fff;cursor:pointer;font-size:16px;transition:.3s}.role-btn:hover{background:#374151}.role-btn.active{background:#22c55e}.admin-status{text-align:center;margin-bottom:15px;padding:10px 14px;border-radius:12px;font-weight:700;font-size:14px;color:#fff;backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;transition:all .3s ease}.admin-status.admin-mode{background:linear-gradient(135deg,#7c3aed,#4c1d95);box-shadow:0 0 15px #7c3aed99}.admin-status.play-mode{background:linear-gradient(135deg,#16a34a,#14532d);box-shadow:0 0 15px #16a34a99}.page-title[data-astro-cid-sckkx6r4]{max-width:1000px;margin:20px auto;text-align:center;padding:0 15px}.page-title[data-astro-cid-sckkx6r4] h1[data-astro-cid-sckkx6r4]{font-size:2rem;margin-bottom:10px}.page-title[data-astro-cid-sckkx6r4] .description[data-astro-cid-sckkx6r4]{font-size:1.1rem;color:var(--accent-color);line-height:1.6}.logo[data-astro-cid-sckkx6r4]{vertical-align:middle}