:root{--red: #ff4757;--blue: #3b82f6;--neutral: #feca57;--assassin: #2f3542;--bg: #050811;--panel: #1a1f3a;--text: #ffffff;--muted: #a4b0be;--accent: #ffa502;--accent-light: #ffd93d;--success: #2ed573;--warning: #ffa502;--gradient-primary: linear-gradient(135deg, #ffa502 0%, #ffd93d 100%);--gradient-secondary: linear-gradient(135deg, #ffd93d 0%, #feca57 100%);--gradient-accent: linear-gradient(135deg, #ffa502 0%, #ffd93d 100%)}*{box-sizing:border-box}html,body,#root{height:100%}*{scrollbar-width:thin;scrollbar-color:#4a4a4a transparent}*::-webkit-scrollbar{width:3px;height:3px}*::-webkit-scrollbar-track{background:transparent;border-radius:10px}*::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:#5a5a5a}body::-webkit-scrollbar{width:0px;height:0px;display:none}body::-webkit-scrollbar-track{display:none}body::-webkit-scrollbar-thumb{display:none}body::-webkit-scrollbar-thumb:hover{display:none}body{scrollbar-width:none;-ms-overflow-style:none}body{margin:0;background:#0a0f1e;overflow-x:hidden;background-image:radial-gradient(ellipse 120% 100% at 50% -20%,rgba(220,20,60,.2) 0%,rgba(220,20,60,.08) 30%,transparent 60%),radial-gradient(ellipse 100% 80% at 80% 20%,rgba(0,191,255,.18) 0%,rgba(0,191,255,.06) 35%,transparent 60%),radial-gradient(ellipse 90% 70% at 20% 80%,rgba(255,20,147,.15) 0%,rgba(255,20,147,.05) 30%,transparent 55%),radial-gradient(circle 800px at 30% 40%,rgba(178,34,34,.12) 0%,transparent 50%),radial-gradient(circle 700px at 70% 60%,rgba(0,191,255,.1) 0%,transparent 50%),radial-gradient(circle 500px at 15% 50%,rgba(255,69,0,.08) 0%,transparent 45%),radial-gradient(circle 400px at 85% 25%,rgba(255,20,147,.06) 0%,transparent 40%);background-attachment:fixed;background-size:100% 100%;color:var(--text);font-family:Tajawal,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Kufi Arabic,Noto Sans Arabic,sans-serif;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 1000px 800px at 25% 35%,rgba(220,20,60,.15) 0%,rgba(220,20,60,.04) 40%,transparent 60%),radial-gradient(ellipse 900px 700px at 75% 65%,rgba(0,191,255,.12) 0%,rgba(0,191,255,.04) 40%,transparent 60%),radial-gradient(ellipse 600px 500px at 50% 50%,rgba(178,34,34,.08) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.9;filter:blur(60px);animation:backgroundGlow 20s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle 2px at 20% 30%,rgba(255,255,255,.15) 0%,transparent 0%),radial-gradient(circle 1.5px at 50% 60%,rgba(255,255,255,.12) 0%,transparent 0%),radial-gradient(circle 2px at 80% 20%,rgba(255,255,255,.1) 0%,transparent 0%),radial-gradient(circle 1px at 30% 80%,rgba(255,255,255,.08) 0%,transparent 0%),radial-gradient(circle 1.5px at 70% 70%,rgba(255,255,255,.09) 0%,transparent 0%);background-size:300px 300px,400px 400px,350px 350px,250px 250px,380px 380px;pointer-events:none;z-index:0;opacity:.5;animation:starsTwinkle 8s ease-in-out infinite}.app-wrapper{min-height:100vh;position:relative;z-index:1}.app-wrapper.landing{display:flex;align-items:center;justify-content:center}.container{max-width:1100px;margin:0 auto;padding:16px;width:100%;box-sizing:border-box;min-width:0}.card{background:#1a1f3a80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:20px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:0;box-sizing:border-box;width:100%;max-width:100%}.card:hover{border-color:#ffffff59}.row{display:flex;gap:12px;align-items:center;min-width:0;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:12px;min-width:0}input,button,select,textarea{background:#0f1220cc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:12px 16px;font-size:14px;font-family:Tajawal,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Kufi Arabic,Noto Sans Arabic,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003,0 0 0 1px #ffffff05 inset}input:focus,select:focus,textarea:focus{outline:none;border-color:#fff3;box-shadow:0 0 0 3px #ffffff14,0 4px 12px #0003;background:#0f1220f2}input::placeholder,textarea::placeholder{color:#a4b0be99;opacity:1}button{cursor:pointer;background:linear-gradient(135deg,#2d3748e6,#1a202ce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:18px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff08 inset;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}button:hover:before{left:100%}button:hover{background:linear-gradient(135deg,#374151f2,#1f2937f2);border-color:#ffffff26}button:active{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}button.primary{background:var(--gradient-accent);border:1px solid rgba(255,255,255,.15);border-radius:18px;box-shadow:0 6px 20px #ffa5024d,0 0 0 1px #ffffff1a inset;color:#2f3542;font-weight:700}button.primary:hover{background:linear-gradient(135deg,#ffb84d,#ffe066);border-color:#fff3}.landing-nav button.primary:hover{background:linear-gradient(135deg,#ffb84d,#ffe066);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#2f3542}button.primary:active{transform:translateY(-1px);box-shadow:0 6px 20px #ffa5024d,0 0 0 1px #ffffff1a inset}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:4px;width:fit-content;margin:0 auto}.tile{position:relative;-webkit-user-select:none;user-select:none;border-radius:6px;padding:0;text-align:center;background:#e6d5b8;border:3px solid #d4c4a8;min-height:95px;min-width:150px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 8px #0000001a,inset 0 0 0 1px #8b5a2b80}.tile.revealed.red{background:linear-gradient(135deg,#ff4757,#ff6b7a);color:#fff;border:1px solid rgba(255,71,87,.3);border-radius:6px;box-shadow:none}.tile.revealed.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid rgba(59,130,246,.3);border-radius:6px;box-shadow:none}.tile.revealed.neutral{background:linear-gradient(135deg,#d4d4d4,#b8b8b8);color:#2f3542;border:1px solid rgba(184,184,184,.4);border-radius:6px;box-shadow:none;font-weight:600}.tile.revealed.assassin{background:linear-gradient(135deg,#2f3542,#1e2329);color:#fff;border:1px solid rgba(47,53,66,.4);border-radius:6px;box-shadow:none}.tile .identity{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;opacity:.2;transition:opacity .3s ease}.tile:hover .identity{opacity:.3}.tile .identity.red{background:var(--red)}.tile .identity.blue{background:var(--blue)}.tile .identity.neutral{background:var(--neutral)}.tile .identity.assassin{background:var(--assassin)}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:16px 20px;background:#1a1f3a99;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003,0 0 0 1px #ffffff08 inset}.nav{display:flex;gap:10px}.nav-link{color:var(--muted);text-decoration:none;padding:8px 14px;border-radius:16px;border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.nav-link:hover{color:var(--text);border-color:#ffffff1f;background:#ffffff0d}.nav-link.active{color:var(--text);background:#ffffff14;border-color:#ffffff26;box-shadow:0 2px 8px #0003}.badge{padding:6px 12px;border-radius:20px;font-size:12px;background:#22264acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 6px #00000026}.badge:hover{border-color:#ffffff1f;background:#22264af2}.team-scroll{scrollbar-width:thin!important;scrollbar-color:#4a4a4a rgba(255,255,255,.05);-ms-overflow-style:auto}.team-scroll::-webkit-scrollbar{width:3px!important;height:3px!important}.team-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.team-scroll::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:10px}.team-scroll::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.team-red{color:var(--red);font-weight:600;text-shadow:0 2px 8px rgba(255,71,87,.3)}.team-blue{color:var(--blue);font-weight:600;text-shadow:0 2px 8px rgba(83,82,237,.3)}a{color:var(--accent-light);text-decoration:none;transition:all .3s ease;font-weight:500}a:hover{color:var(--accent)}.error-message{padding:12px 16px;border-radius:18px;font-size:14px;background:#ff475726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,71,87,.25);color:#ffb3b3;font-weight:500;box-shadow:0 4px 12px #ff475726,0 0 20px #ff475714;animation:slideDown .3s ease forwards}.success-message{padding:12px 16px;border-radius:18px;font-size:14px;background:#2ed57326;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(46,213,115,.25);color:#7bed9f;font-weight:500;box-shadow:0 4px 12px #2ed57326,0 0 20px #2ed57314;animation:slideDown .3s ease forwards}.chat-message{padding:10px 14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:all .3s ease;animation:slideInRight .3s ease forwards;box-shadow:0 2px 6px #0000001a}.chat-message:hover{background:#ffffff0f;border-color:#ffffff1a}.chat-container{scrollbar-width:thin;scrollbar-color:#4a4a4a transparent}.chat-container::-webkit-scrollbar{width:3px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:10px}.chat-container::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.stack{display:flex;flex-direction:column;gap:8px}.row-wrap{display:flex;gap:8px;flex-wrap:wrap}.two-col{display:grid;grid-template-columns:1.6fr .9fr;gap:16px;min-width:0;width:100%;box-sizing:border-box}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:40px;animation:fadeIn .6s ease forwards}.landing-logo{width:280px;height:280px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:all .4s cubic-bezier(.4,0,.2,1);animation:logoFloat 3s ease-in-out infinite}.landing-nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.landing-nav button{min-width:140px;padding:12px 24px;font-size:15px;font-weight:700;letter-spacing:.5px;border-radius:18px;box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff08 inset;opacity:0;transform:translateY(30px) scale(.9);animation:buttonFadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.landing-nav button:nth-child(1){animation-delay:.2s}.landing-nav button:nth-child(2){animation-delay:.35s}.landing-nav button:nth-child(3){animation-delay:.5s}.landing-nav button.primary{background:linear-gradient(135deg,#ffa502,#ffd93d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#2f3542;font-weight:700}.landing-nav button:not(.primary){background:#1a1f3a66;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1)}.landing-nav button:not(.primary):hover{background:#1a1f3a80;border-color:#ffffff26}.app-wrapper.content-page{display:flex;flex-direction:column;min-height:100vh}.app-wrapper.content-page>.container{flex-shrink:0}.app-wrapper.content-page .content-page-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px;max-width:1400px;margin:0 auto;width:100%}.page-logo{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.25));transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:slideInFromLeft .6s cubic-bezier(.34,1.56,.64,1) .1s forwards;will-change:transform,opacity;position:relative}.content-page-wrapper{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;position:relative;overflow:hidden}.content-page-content{background:#1a1f3a80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.25);border-radius:28px;padding:40px;max-width:500px;width:100%;display:flex;flex-direction:column;gap:8px;align-items:center;box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff1a inset;animation:slideInFromRight .8s cubic-bezier(.25,.46,.45,.94) forwards;position:relative}.content-page-content .content-page-logo{flex-shrink:0;display:flex;justify-content:center;align-items:flex-start;position:relative;overflow:visible}.page-logo{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.25));transition:all .5s cubic-bezier(.25,.46,.45,.94);cursor:pointer;animation:logoMoveFromLeftToTop .8s cubic-bezier(.25,.46,.45,.94) forwards;position:relative}.content-page-content.going-away{animation:slideOutToRight .6s cubic-bezier(.25,.46,.45,.94) forwards}.content-page-text{width:100%;display:flex;flex-direction:column;gap:16px}.content-page-content h2{color:var(--text);font-size:32px;margin-top:-8px;margin-bottom:24px;font-weight:700;text-align:center;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 20px rgba(255,165,2,.3)}.content-page-content b{font-weight:600;color:var(--text)}.content-page-content .stack{font-size:16px;line-height:1.8;color:var(--text)}.content-page-content ul{padding-right:20px}.content-page-content li{margin-bottom:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(80px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-150px)}to{opacity:1;transform:translate(0)}}@keyframes logoMoveFromLeftToTop{0%{opacity:0;transform:translate(calc(-50vw - 200px)) scale(.8)}60%{opacity:.8}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(200px) scale(.95)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonFadeInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes backgroundGlow{0%{opacity:.6;transform:scale(1) translate(0)}50%{opacity:.9;transform:scale(1.05) translate(2%,-1%)}to{opacity:.7;transform:scale(1.02) translate(-1%,1%)}}@keyframes starsTwinkle{0%,to{opacity:.4}50%{opacity:.7}}@keyframes bgDrift{0%{transform:translateZ(0) scale(1);opacity:.7}50%{transform:translate3d(0,-1%,0) scale(1.02);opacity:.75}to{transform:translate3d(0,1%,0) scale(1.01);opacity:.7}}@keyframes bgDriftSoft{0%{transform:translateZ(0);opacity:.35}50%{transform:translate3d(.5%,-.5%,0);opacity:.42}to{transform:translate3d(-.5%,.5%,0);opacity:.35}}@media (max-width: 768px){.container{padding:12px}.header{flex-direction:column;gap:16px;padding:12px 16px;border-radius:20px}.nav{flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.nav-link{padding:8px 12px;font-size:13px;flex:1;min-width:calc(50% - 4px);text-align:center}.landing-page{padding:20px;gap:30px;min-height:100vh}.landing-logo{width:180px;height:180px}.landing-nav{flex-direction:column;width:100%;max-width:100%;gap:12px}.landing-nav button{width:100%;padding:10px 16px;font-size:12px}.app-wrapper.content-page .content-page-main{padding:20px 16px;gap:24px}.content-page-wrapper{padding:16px}.content-page-content{padding:24px 20px;border-radius:24px;max-width:100%;gap:20px}.page-logo{width:140px;height:140px}.content-page-content h2{font-size:24px;margin-bottom:20px}.content-page-text{gap:12px;font-size:15px;line-height:1.7}.content-page-content .stack{font-size:15px;line-height:1.7;gap:10px}.content-page-content input{width:100%;padding:14px 16px;font-size:15px}.content-page-content button{width:100%;padding:14px 20px;font-size:15px}.content-page-content ul{padding-right:18px}.content-page-content li{margin-bottom:10px;font-size:14px}.error-message,.success-message{font-size:13px;padding:10px 14px}button{min-height:44px;touch-action:manipulation}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.card{padding:16px;border-radius:20px}}@media (max-width: 480px){.container{padding:8px}.header{padding:10px 12px;border-radius:16px}.nav-link{padding:6px 10px;font-size:12px;min-width:calc(50% - 4px)}.landing-page{padding:16px;gap:24px}.landing-logo{width:150px;height:150px}.landing-nav button{padding:8px 14px;font-size:11px}.app-wrapper.content-page .content-page-main{padding:16px 12px;gap:20px}.content-page-wrapper{padding:12px}.content-page-content{padding:20px 16px;border-radius:20px;gap:16px}.page-logo{width:120px;height:120px}.content-page-content h2{font-size:20px;margin-bottom:16px}.content-page-text{font-size:14px;gap:10px}.content-page-content .stack{font-size:14px;gap:8px}.content-page-content input{padding:12px 14px;font-size:14px}.content-page-content button{padding:12px 18px;font-size:14px}.content-page-content ul{padding-right:16px}.content-page-content li{margin-bottom:8px;font-size:13px}button{min-height:44px;touch-action:manipulation}input,textarea{min-height:44px;font-size:16px}}@media (min-width: 768px) and (max-width: 1024px){.container{max-width:900px;padding:14px 18px}.header{padding:14px 18px;flex-direction:row;justify-content:space-between;border-radius:22px;margin-bottom:18px}.nav{flex-wrap:nowrap;gap:10px}.nav-link{padding:8px 14px;font-size:14px;flex:none;min-width:auto;border-radius:14px}.card{padding:18px;border-radius:22px}input,button,select,textarea{padding:11px 15px;font-size:13px;border-radius:16px}button{padding:11px 18px}button.primary{padding:12px 20px}.landing-page{gap:35px;padding:30px 20px}.landing-logo{width:220px;height:220px}.landing-nav{flex-direction:row;flex-wrap:wrap;gap:14px;max-width:580px}.landing-nav button{min-width:150px;padding:12px 22px;font-size:14px;flex:1;max-width:170px}.app-wrapper.content-page .content-page-main{padding:35px 28px;gap:35px}.content-page-content{padding:32px;max-width:550px;border-radius:26px}.page-logo{width:150px;height:150px}.content-page-content h2{font-size:26px;margin-bottom:22px}.content-page-text{font-size:15px;gap:14px}.content-page-content .stack{font-size:15px;line-height:1.75}.content-page-content input{max-width:100%;padding:12px 15px;font-size:14px}.content-page-content button{max-width:280px;padding:12px 20px;font-size:14px}.board-container{display:grid!important;grid-template-columns:minmax(200px,240px) 1fr minmax(200px,240px)!important;gap:20px!important;padding:0 12px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}.board-container>div:nth-child(2){min-width:0;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.board-container .grid{gap:10px;padding:6px;width:100%;max-width:100%;grid-template-columns:repeat(5,1fr);min-width:0}.tile{min-height:80px;min-width:0;border-radius:5px;border-width:2px}.board-container .tile{min-height:80px;min-width:0;width:100%;font-size:13px}.board-container .tile span{font-size:12px;padding:6px 10px}.board-container>div:first-child,.board-container>div:last-child{min-width:0!important;max-width:240px!important;width:100%!important;overflow:hidden!important}.board-container>div:first-child>div>div,.board-container>div:last-child>div:first-child>div{width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important;box-sizing:border-box!important}.badge{padding:5px 11px;font-size:11px;border-radius:18px}.error-message,.success-message{font-size:13px;padding:11px 15px;border-radius:16px}.chat-message{padding:9px 13px;font-size:13px;border-radius:16px}}@media (min-width: 768px) and (max-width: 900px){.board-container{grid-template-columns:minmax(180px,200px) 1fr minmax(180px,200px)!important;gap:16px!important;padding:0 10px!important}.board-container>div:first-child,.board-container>div:last-child{max-width:200px!important}.board-container>div:first-child>div>div,.board-container>div:last-child>div:first-child>div{padding:10px!important}.container{max-width:100%;padding:12px 14px}.two-col{grid-template-columns:1fr;gap:14px}}@media (min-width: 1025px) and (max-width: 1366px){.container{max-width:1000px;padding:15px 20px}.header{padding:15px 19px;border-radius:23px;margin-bottom:19px}.nav-link{padding:9px 15px;font-size:14px;border-radius:15px}.card{padding:19px;border-radius:23px}input,button,select,textarea{padding:11px 16px;font-size:14px;border-radius:17px}button{padding:12px 19px}button.primary{padding:13px 21px}.landing-page{gap:38px;padding:35px 25px}.landing-logo{width:250px;height:250px}.landing-nav{gap:15px;max-width:620px}.landing-nav button{min-width:155px;padding:13px 23px;font-size:14px;max-width:175px}.app-wrapper.content-page .content-page-main{padding:38px 32px;gap:38px}.content-page-content{padding:34px;max-width:580px;border-radius:27px}.page-logo{width:165px;height:165px}.content-page-content h2{font-size:30px;margin-bottom:23px}.content-page-text{font-size:15px;gap:15px}.content-page-content .stack{font-size:15px;line-height:1.75}.content-page-content input{padding:13px 16px;font-size:14px}.content-page-content button{max-width:290px;padding:13px 21px;font-size:14px}.board-container{display:grid!important;grid-template-columns:minmax(220px,260px) 1fr minmax(220px,260px)!important;gap:24px!important;padding:0 14px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}.board-container>div:nth-child(2){min-width:0;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.board-container .grid{gap:11px;padding:6px;min-width:0}.tile{min-height:85px;min-width:0}.board-container .tile{min-height:85px;min-width:0;width:100%;font-size:13px}.board-container .tile span{font-size:12px;padding:7px 11px}.board-container>div:first-child,.board-container>div:last-child{min-width:0!important;max-width:260px!important;width:100%!important;overflow:hidden!important}.board-container>div:first-child>div>div,.board-container>div:last-child>div:first-child>div{width:100%!important;max-width:100%!important;min-width:0!important;padding:13px!important;box-sizing:border-box!important}.badge{padding:5px 12px;font-size:12px}.error-message,.success-message{font-size:14px;padding:12px 16px}.chat-message{padding:10px 14px;font-size:14px}}@media (min-width: 1367px){.container{max-width:1100px}.content-page-content{max-width:500px}}@media (max-width: 900px){.app-wrapper.content-page .content-page-main{flex-direction:column;padding:20px;gap:30px}.content-page-content{flex-direction:column;padding:30px;gap:30px}.content-page-content .content-page-logo{display:flex;justify-content:center;width:100%}.page-logo{width:150px;height:150px}.landing-logo{width:220px;height:220px}.landing-nav{flex-direction:column;width:100%;max-width:300px}.landing-nav button{width:100%}.board-container{display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important}.board-container{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;padding:0!important;width:100%!important;max-width:100%!important}.board-container>div:nth-child(2){flex-basis:100%!important;width:100%!important;order:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important}.board-container>div:nth-child(2)>.grid{width:100%!important;flex-basis:100%!important;order:1!important}.board-container>div:nth-child(2)>div:not(.grid):not(.mobile-log-container){order:1!important}.board-container>.mobile-log-container{order:2!important;flex-basis:auto!important;width:130px!important;max-width:130px!important;min-width:130px!important;margin:0!important;align-self:flex-start!important;position:relative!important}.board-container .mobile-log-container,.board-container>.mobile-log-container{max-width:130px!important;width:130px!important;min-width:130px!important;flex-shrink:0!important;flex-basis:130px!important;box-sizing:border-box!important}.board-container .mobile-log-container>div.card,.board-container .mobile-log-container>.mobile-log-card,.board-container .mobile-log-card{max-width:100%!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}.board-container .mobile-log-container[style],.board-container>.mobile-log-container[style]{max-width:130px!important;width:130px!important;min-width:130px!important;flex-shrink:0!important}.board-container>div:first-child,.board-container>div:last-child{flex-basis:32%!important;width:32%!important;max-width:32%!important;order:2!important;position:relative!important;padding:0!important;box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;margin:0!important}.board-container>div:first-child{margin-right:0!important;margin-left:0!important;align-self:flex-start!important}.board-container>.mobile-log-container{order:2!important}.board-container>div:last-child{margin-left:0!important;margin-right:0!important;align-self:flex-start!important}@media (max-width: 400px){.board-container{flex-wrap:wrap!important;flex-direction:row!important}.board-container>div:nth-child(2){order:1!important;width:100%!important;flex-basis:100%!important;flex-shrink:0!important}.board-container>div:first-child,.board-container>div:last-child{flex-basis:calc((100% - 120px)/2)!important;width:calc((100% - 120px)/2)!important;max-width:calc((100% - 120px)/2)!important;min-width:0!important;order:2!important;flex-shrink:1!important}.board-container>.mobile-log-container{width:120px!important;max-width:120px!important;min-width:120px!important;flex-basis:120px!important;order:2!important;flex-shrink:0!important}.board-container>div:first-child[style*=width],.board-container>div:last-child[style*=width]{width:calc((100% - 120px)/2)!important;max-width:calc((100% - 120px)/2)!important}.board-container .mobile-log-container[style],.board-container>.mobile-log-container[style]{max-width:120px!important;width:120px!important;min-width:120px!important}}@media (min-width: 401px) and (max-width: 750px){.board-container{flex-wrap:wrap!important;flex-direction:row!important}.board-container>div:nth-child(2){order:1!important;width:100%!important;flex-basis:100%!important;flex-shrink:0!important}.board-container>div:first-child,.board-container>div:last-child{flex-basis:calc((100% - 110px)/2)!important;width:calc((100% - 110px)/2)!important;max-width:calc((100% - 110px)/2)!important;min-width:0!important;order:2!important;flex-shrink:1!important}.board-container>.mobile-log-container{width:110px!important;max-width:110px!important;min-width:110px!important;flex-basis:110px!important;order:2!important;flex-shrink:0!important}.board-container .mobile-log-container[style],.board-container>.mobile-log-container[style]{max-width:110px!important;width:110px!important;min-width:110px!important}.board-container .mobile-log-container,.board-container>.mobile-log-container{max-width:110px!important;width:110px!important;min-width:110px!important;flex-basis:110px!important}.board-container .mobile-log-container>div.card,.board-container .mobile-log-container>.mobile-log-card,.board-container .mobile-log-card{max-width:100%!important;width:100%!important;box-sizing:border-box!important}}.board-container>div:first-child{padding:0!important;width:32%!important;max-width:32%!important;min-width:0!important;flex-basis:32%!important;margin:0!important}.board-container>div:last-child{padding:0!important;width:32%!important;max-width:32%!important;min-width:0!important;flex-basis:32%!important;margin:0!important}.board-container>div:first-child[style*=width],.board-container>div:last-child[style*=width]{width:32%!important;max-width:32%!important;min-width:0!important;margin:0!important}@media (min-width: 401px) and (max-width: 750px){.board-container>div:first-child,.board-container>div:last-child{width:calc((100% - 110px)/2)!important;max-width:calc((100% - 110px)/2)!important;flex-basis:calc((100% - 110px)/2)!important}.board-container>div:first-child[style*=width],.board-container>div:last-child[style*=width]{width:calc((100% - 110px)/2)!important;max-width:calc((100% - 110px)/2)!important}.board-container .mobile-log-container,.board-container>.mobile-log-container{max-width:110px!important;width:110px!important;min-width:110px!important;flex-basis:110px!important}}.board-container>div:first-child[style*=padding],.board-container>div:last-child[style*=padding]{padding:0!important}.board-container>div:first-child>div,.board-container>div:last-child>div:first-child{width:100%!important;max-width:100%!important;display:flex!important;justify-content:center!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.board-container>div:first-child>div[style*=padding],.board-container>div:last-child>div:first-child[style*=padding]{padding:0!important}.board-container>div:first-child>div>div,.board-container>div:last-child>div:first-child>div{width:100%!important;max-width:100%!important;min-width:0!important;min-height:160px!important;max-height:200px!important;height:auto!important;padding:8px!important;margin:0!important;box-sizing:border-box!important}.board-container>div:first-child>div>div[style*="280px"],.board-container>div:last-child>div:first-child>div[style*="280px"]{width:100%!important;min-width:0!important;max-width:100%!important}.board-container>div:first-child>div>div[style*=background]>div:first-child>span,.board-container>div:last-child>div:first-child>div[style*=background]>div:first-child>span{font-size:28px!important}.board-container>div:first-child>div[style*=background] *,.board-container>div:last-child>div:first-child>div[style*=background] *{font-size:9px!important}.board-container>div:first-child>div[style*=background]>div,.board-container>div:last-child>div:first-child>div[style*=background]>div{gap:6px!important}.board-container>div:first-child>div[style*=background] button,.board-container>div:last-child>div:first-child>div[style*=background] button{padding:4px 8px!important;font-size:8px!important;border-radius:4px!important}.board-container .grid{gap:0px;padding:0;width:100%;max-width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}.board-container .grid{gap:0px!important}.tile{margin:0!important;border:none!important;background:#e6d5b8!important}.tile{min-height:65px!important;min-width:0!important;width:100%;max-width:100%;aspect-ratio:3.2 / 1!important}.board-container .tile{min-width:0!important;width:100%;max-width:100%;min-height:65px!important;aspect-ratio:3.2 / 1!important;font-size:13px}.board-container .tile span{font-size:10px!important;padding:3px 8px!important;line-height:1.2!important}.board-container .tile>div{padding:4px!important;margin:2px!important;min-height:auto!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;flex:1!important}.board-container .tile>div>span{padding:2px 6px!important;font-size:10px!important;margin:auto auto 2px!important;width:100%!important;display:block!important;text-align:center!important;line-height:1.2!important}.board-container .tile>div>span>div{display:block!important;top:-4px!important;height:1px!important;background:#00000040!important}.board-container .grid .tile{min-height:60px!important;aspect-ratio:2 / 1!important}.board-container .grid{gap:4px!important}div[style*="justify-content: flex-end"] button,div[style*="justify-content: flex-end"]>div button{padding:5px 8px!important;font-size:10px!important;gap:4px!important;border-radius:8px!important;min-height:auto!important}div[style*="justify-content: flex-end"] button svg,div[style*="justify-content: flex-end"]>div button svg{width:12px!important;height:12px!important}div[style*="justify-content: flex-end"]>div{margin-right:4px!important}div[style*="justify-content: flex-end"]>div:last-child{margin-right:0!important}.board-container input[placeholder="اكتب التلميح هنا"],input[placeholder="اكتب التلميح هنا"]{font-size:8px!important;padding:2px 0!important}.board-container>div:nth-child(2)>div:last-child>div{max-width:55%!important;width:55%!important}.board-container>div:nth-child(2)>div:last-child>div>div{max-width:100%!important;width:100%!important}.board-container input[placeholder="اكتب التلميح هنا"]{max-width:100%!important;font-size:8px!important}.board-container form{gap:6px!important}.board-container form>div{padding:4px 0!important;gap:4px!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: 12"],.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: '12px'"],.board-container>div:nth-child(2)>div:last-child>div>div[style*="display: flex"][style*="alignItems: stretch"],.board-container>div:nth-child(2)>div:last-child>div>div[style*="alignItems: stretch"]{border-radius:4px!important;padding:2px!important;max-width:55%!important;width:55%!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: 12"]>div:first-child,.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: '12px'"]>div:first-child,.board-container>div:nth-child(2)>div:last-child>div>div[style*="alignItems: stretch"]>div:first-child{width:20px!important;min-width:20px!important;max-width:20px!important;font-size:8px!important;padding:2px!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: 12"]>div:last-child,.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: '12px'"]>div:last-child,.board-container>div:nth-child(2)>div:last-child>div>div[style*="alignItems: stretch"]>div:last-child{padding:2px 5px!important;font-size:7px!important;min-width:40px!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: 12"]>div,.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: '12px'"]>div,.board-container>div:nth-child(2)>div:last-child>div>div[style*="alignItems: stretch"]>div{font-size:7px!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: 12"]>div:first-child,.board-container>div:nth-child(2)>div:last-child>div>div[style*="alignItems: stretch"]>div:first-child{font-size:8px!important;width:20px!important;min-width:20px!important;max-width:20px!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: 12"]>div:last-child,.board-container>div:nth-child(2)>div:last-child>div>div[style*="alignItems: stretch"]>div:last-child{font-size:7px!important;padding:2px 5px!important;min-width:40px!important}div[style*="position: 'absolute'"][style*="width: '320px'"],div[style*="position: 'absolute'"][style*="width: '280px'"],div[style*="position: absolute"][style*="width: 320px"],div[style*="position: absolute"][style*="width: 280px"],.settings-dropdown{width:180px!important;max-width:180px!important;padding:8px!important;font-size:10px!important;border-radius:8px!important}div[style*="position: 'absolute'"]>div:first-child,.settings-dropdown>div:first-child{font-size:11px!important;margin-bottom:8px!important;font-weight:700!important}div[style*="position: 'absolute'"] button,.settings-dropdown button,div[style*="position: 'absolute'"] input,.settings-dropdown input{padding:5px 6px!important;font-size:9px!important;border-radius:6px!important}div[style*="position: 'absolute'"]>div>div[style*=gridTemplateColumns] button{padding:3px 4px!important;font-size:8px!important;border-radius:5px!important}div[style*="position: 'absolute'"] span,.settings-dropdown span{font-size:9px!important}div[style*="position: 'absolute'"]>div[style*="flexDirection: column"],.settings-dropdown>div[style*="flexDirection: column"]{gap:8px!important}div[style*="position: 'absolute'"]>div[style*=marginBottom],.settings-dropdown>div[style*=marginBottom]{margin-bottom:8px!important}div[style*="position: 'absolute'"] button[style*="width: 48"],.settings-dropdown button[style*="width: 48"]{width:36px!important;height:18px!important}div[style*="position: 'absolute'"] button[style*="width: 48"]>div,.settings-dropdown button[style*="width: 48"]>div{width:14px!important;height:14px!important}div[style*="position: 'absolute'"] *,.settings-dropdown *{font-size:9px!important}div[style*="position: 'absolute'"]>div:first-child,.settings-dropdown>div:first-child{font-size:11px!important}div[style*="position: 'absolute'"]>div>div[style*=gridTemplateColumns],.settings-dropdown>div>div[style*=gridTemplateColumns]{gap:4px!important}div[style*="position: 'absolute'"]>div>div[style*="display: flex"],.settings-dropdown>div>div[style*="display: flex"]{gap:6px!important}div[style*="position: 'absolute'"]>div>div[style*="fontSize: '13px'"],.settings-dropdown>div>div[style*="fontSize: '13px'"]{font-size:9px!important;margin-bottom:6px!important}div[style*="position: 'absolute'"]>div>div[style*="display: flex"][style*="alignItems: center"]{gap:4px!important}div[style*="position: 'absolute'"]>div>div[style*="display: flex"][style*="alignItems: center"] input{padding:4px 6px!important;font-size:9px!important}div[style*="position: 'absolute'"]>div>div[style*="display: flex"][style*="alignItems: center"] span{font-size:8px!important}div[style*="position: 'absolute'"] .stack>div,.settings-dropdown .stack>div{padding:4px 0!important}div[style*="position: 'absolute'"] .row,.settings-dropdown .row{gap:6px!important}div[style*="position: 'absolute'"] .badge,.settings-dropdown .badge{font-size:8px!important;padding:2px 4px!important}div[style*="position: 'absolute'"]>div>div[style*="gridTemplateColumns: 'repeat(2"] button{padding:4px 6px!important;font-size:8px!important}.board-container form button[type=button]{padding:6px 8px!important;font-size:11px!important;min-width:50px!important;gap:4px!important;border-radius:8px!important}.board-container form button[type=button]+div[style*="position: absolute"],.board-container form button[type=button]+div[style*="position: 'absolute'"]{padding:6px!important;gap:3px!important;border-radius:8px!important;left:-20px!important;right:auto!important}.board-container form button[type=button]+div[style*="position: absolute"] button,.board-container form button[type=button]+div[style*="position: 'absolute'"] button{padding:4px 6px!important;font-size:9px!important;min-width:28px!important;border-radius:6px!important;font-weight:700!important}.board-container form>div>div[style*="position: absolute"][style*="bottom: '100%'"],.board-container form>div>div[style*="position: absolute"][style*="bottom: 100%"]{padding:6px!important;gap:3px!important;left:-20px!important;right:auto!important}.board-container form>div>div[style*="position: absolute"] button{padding:4px 6px!important;font-size:9px!important;min-width:28px!important;border-radius:6px!important}.board-container button[type=submit]{width:32px!important;height:32px!important;border-radius:8px!important;font-size:12px!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: 12"]{border-radius:8px!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: 12"]>div:first-child{width:40px!important;font-size:14px!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="borderRadius: 12"]>div:last-child{padding:8px 12px!important;font-size:12px!important;min-width:70px!important}.board-container button:not([type=submit]):not([type=button]){padding:8px 14px!important;font-size:11px!important;border-radius:8px!important}.board-container form{gap:8px!important}.board-container form>div{padding:6px 0!important;gap:6px!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="textAlign: 'center'"],.board-container>div:nth-child(2)>div:last-child>div>div[style*="textAlign: center"]{font-size:11px!important;padding:4px 0!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="fontSize: 16"],.board-container>div:nth-child(2)>div:last-child>div>div[style*="fontSize: '16px'"]{font-size:11px!important;font-weight:700!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="color: 'var(--muted)'"],.board-container>div:nth-child(2)>div:last-child>div>div[style*="color: var(--muted)"]{font-size:10px!important;font-weight:600!important}.board-container>div:nth-child(2)>div:last-child>div>div{font-size:11px!important}.board-container>div:nth-child(2)>div:last-child>div>div[style*="fontWeight: 600"]{font-size:10px!important}}@media (min-width: 500px) and (max-width: 900px){.board-container{grid-template-columns:160px 1fr 160px!important;gap:16px!important;padding:0 12px!important}.board-container>div:nth-child(2){min-width:0;display:flex;justify-content:center;align-items:flex-start}.board-container .grid{gap:8px;width:100%;max-width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}.tile{min-height:60px!important;min-width:0!important;aspect-ratio:2 / 1!important}.board-container .tile{min-width:0!important;width:100%;max-width:100%;min-height:60px!important;aspect-ratio:2 / 1!important;font-size:12px}.board-container .tile span{font-size:12px!important;padding:5px 8px!important}}@media (min-width: 1201px) and (max-width: 1366px){.board-container{grid-template-columns:270px 1fr 270px!important;gap:30px!important}.board-container>div:nth-child(2){min-width:0;display:flex;justify-content:center;align-items:flex-start}.tile{min-height:88px!important;min-width:148px!important}.board-container .tile{min-height:88px!important;font-size:13px}.board-container .tile span{padding:7px 11px!important;font-size:12px}.board-container>div:first-child>div>div,.board-container>div:last-child>div:first-child>div{width:270px!important;max-width:270px!important;min-width:270px!important;padding:14px!important}}.settings-dropdown{right:0!important;left:auto!important;direction:rtl}@keyframes clueFloatDrop{0%{opacity:0;transform:translate(-50%,-120%) scale(1.05)}10%{opacity:1;transform:translate(-50%,-90%) scale(1.03)}60%{opacity:1;transform:translate(-50%,-90%) scale(1.03)}to{opacity:0;transform:translate(-50%) scale(1)}}@keyframes cardReveal{0%{opacity:0;transform:scale(.95) rotateX(0);filter:brightness(.8) blur(2px)}30%{opacity:.7;transform:scale(1.02) rotateX(-5deg);filter:brightness(1.1) blur(0px)}60%{opacity:1;transform:scale(1) rotateX(0);filter:brightness(1) blur(0px)}to{opacity:1;transform:scale(1) rotateX(0);filter:brightness(1) blur(0px)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}