:root{--bg-paper: #FAF7EE;--bg-paper-secondary: #F2EDE0;--bg-paper-dock: #EDE6D6;--dot-grid: #E2DDD0;--ink: #141414;--ink-muted: #666155;--pure-white: #FFFFFF;--btn-create: #2A9D8F;--btn-join: #F4A261;--btn-rules: #FFFFFF;--btn-rules-bg: #EDE6D6;--online-green: #05D686;--busy-red: #E63946;--gold-star: #FFB703;--font-arabic: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-latin: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 2px 2px 0px var(--ink);--shadow-md: 3px 3px 0px var(--ink);--shadow-lg: 4px 4px 0px var(--ink);--shadow-xl: 6px 6px 0px var(--ink);--radius-sharp: 0px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow-x:hidden;background-color:var(--bg-paper);color:var(--ink);font-family:var(--font-latin);direction:rtl}body[dir=ltr]{direction:ltr}body{background-image:radial-gradient(var(--dot-grid) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:0 0;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.arabic-font{font-family:var(--font-arabic)}.latin-font{font-family:var(--font-latin)}.neo-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border:2.5px solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-weight:900;cursor:pointer;transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s ease;position:relative;text-decoration:none;overflow:hidden}.neo-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-lg)}.neo-btn:active{transform:translate(2px,2px)!important;box-shadow:1px 1px 0 var(--ink)!important}.neo-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-sm)!important}.neo-sticker{background:var(--pure-white);border:2px solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:4px 10px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.polaroid-frame{background:var(--pure-white);border:3px solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:12px;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.polaroid-frame:hover{transform:rotate(-.5deg) scale(1.01);box-shadow:var(--shadow-xl)}.card-crease{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#0000001f;z-index:2}.washi-tape{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:110px;height:24px;background:#f0ebd7d9;border-left:2px dashed rgba(20,20,20,.25);border-right:2px dashed rgba(20,20,20,.25);box-shadow:0 1px 3px #0000001a;z-index:5;pointer-events:none}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-animated{animation:orbit-spin 20s linear infinite}@keyframes turn-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.pulse-turn{animation:turn-pulse 2s ease-in-out infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141499;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:modal-fade-in .18s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-content-card{background:var(--bg-paper);border:3.5px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-paper-secondary)}::-webkit-scrollbar-thumb{background:var(--ink);border-radius:3px}@media(min-width:768px){.desktop-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start}.majlis-table-arena{border:3.5px solid var(--ink);border-radius:24px;background:#efe8d6;box-shadow:var(--shadow-xl)}}@keyframes shhSlide{0%{transform:translate(-120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes stampIn{0%{transform:rotate(-3deg) scale(.3);opacity:0}70%{transform:rotate(-3deg) scale(1.08)}to{transform:rotate(-3deg) scale(1);opacity:1}}@keyframes tornadoSpin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.5)}}@keyframes chaosBounce{0%{transform:rotate(-7deg) scale(0);opacity:0}60%{transform:rotate(-7deg) scale(1.12)}to{transform:rotate(-7deg) scale(1);opacity:1}}