@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&family=Inter:wght@400;700;900&display=swap";:root{--bg-light-pearl: #fcfcfc;--bg-light-card: #ffffff;--bg-light-muted: #f1f5f9;--brand-yellow: #ffcf00;--brand-yellow-glow: rgba(255, 207, 0, .2);--brand-yellow-muted: #e6ba00;--accent-gold: #a68444;--royal-blue: #1e293b;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #94a3b8;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--shadow-premium: 0 10px 40px rgba(0, 0, 0, .06);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden;position:relative;margin:0;padding:0}body{font-family:Inter,Cairo,sans-serif;background-color:var(--bg-light-pearl);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;direction:rtl}[dir=rtl],[dir=rtl] body,[dir=rtl] button,[dir=rtl] input{font-family:Cairo,Inter,sans-serif;text-align:right!important;direction:rtl}.home-container{padding:24px 20px 120px;max-width:500px;margin:0 auto;overflow-x:hidden;width:100%;position:relative}.hero-card{background:linear-gradient(135deg,var(--brand-yellow),var(--brand-yellow-muted));border-radius:var(--radius-xl);height:240px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:40px;box-shadow:0 20px 50px #ffcf0026;transform:rotate(-5deg)}.hero-card-inner{transform:rotate(5deg);width:120px;height:120px;background:#ffffff4d;border-radius:20px;display:flex;align-items:center;justify-content:center}.floating-settings{position:absolute;bottom:20px;inset-inline-end:20px;background:var(--bg-light-card);padding:10px;border-radius:12px;box-shadow:0 8px 20px #00000014}.hero-title{text-align:center;font-size:32px;font-weight:900;margin-bottom:12px;line-height:1.2}.hero-subtitle{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:32px}.join-section{background:var(--bg-light-card);border-radius:var(--radius-xl);padding:24px;border:1px solid rgba(0,0,0,.04);margin-bottom:24px;box-shadow:var(--shadow-premium);text-align:start}[dir=rtl] .join-section{text-align:right!important}.join-label{color:var(--accent-gold);font-size:14px;font-weight:800;margin-bottom:16px;display:block;text-align:inherit}.join-input-wrapper{display:flex;background:#f8fafc;border-radius:var(--radius-lg);padding:6px;gap:8px;border:1px solid #e2e8f0}.join-input{flex:1;background:transparent;border:none;padding:12px 16px;color:var(--text-primary);font-weight:600;outline:none;text-align:inherit}.join-submit-btn{background:var(--brand-yellow);border:none;padding:0 24px;border-radius:12px;font-weight:900;color:#000;cursor:pointer}.btn-primary-battle{width:100%;background:var(--brand-yellow);padding:20px;border-radius:20px;border:none;color:#000;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 30px var(--brand-yellow-glow);margin-bottom:24px;cursor:pointer}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px}.grid-item{background:var(--bg-light-card);padding:20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow-premium)}.grid-label{font-size:13px;font-weight:700}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h3{font-size:18px;font-weight:800}.btn-view-all{color:var(--accent-gold);font-size:14px;font-weight:700;text-decoration:none}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.player-card{background:var(--bg-light-card);padding:16px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-premium);border:1px solid rgba(0,0,0,.02)}.rank{font-size:20px;font-weight:900;color:var(--accent-gold);width:24px}.avatar{width:44px;height:44px;border-radius:12px;background:#f1f5f9;object-fit:cover}.player-info{flex:1}.player-name{font-weight:800;font-size:16px;margin-bottom:4px}.player-stats{font-size:12px;color:var(--text-secondary)}.stat-value{color:var(--accent-gold);font-weight:800;font-size:18px;margin-inline-end:12px}.btn-forfeit{background:#ef44440d;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s}.btn-forfeit:hover{background:#ef44441a}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:90px;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:space-around;align-items:center;padding:0 10px 20px;border-top:1px solid rgba(0,0,0,.05);z-index:2000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-tertiary);font-size:10px;font-weight:700}.nav-item.active{color:#000}.nav-plus{width:64px;height:64px;background:var(--brand-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 10px 20px var(--brand-yellow-glow);transform:translateY(-20px)}.btn-gold:active{transform:translateY(2px);box-shadow:none}.game-over-container{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:24px;background:radial-gradient(circle at center,#fffbeb,transparent);min-height:100vh}.winner-card{background:#fff;padding:32px;border-radius:24px;box-shadow:0 20px 40px #a3844a26;border:2px solid var(--accent-gold);width:100%;max-width:400px;position:relative;overflow:hidden}.winner-name{font-size:32px;font-weight:900;color:var(--royal-blue);margin:16px 0}.winner-score{font-size:48px;font-weight:950;color:var(--accent-gold);margin-bottom:8px}.version-footer{text-align:center;padding:20px 0 40px;color:#e2e8f0;font-size:32px;font-weight:900;opacity:1}.game-wrapper{background-color:var(--bg-light-pearl);padding-bottom:180px}.tile-premium{background-color:var(--bg-light-card);border-color:#0000000f;color:var(--text-primary);box-shadow:0 4px 12px #0000000a;transition:all .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;-webkit-tap-highlight-color:transparent}.tile-premium:active{transform:scale(.95);background-color:var(--bg-light-muted)}.tile-premium.selecting{animation:selection-pulse .6s infinite alternate;border:2px solid var(--brand-yellow);pointer-events:none}@keyframes selection-pulse{0%{transform:scale(1.02);box-shadow:0 0 #ffcf0000}to{transform:scale(.98);box-shadow:0 0 20px var(--brand-yellow-glow)}}.tile-answered{opacity:.1;box-shadow:none;pointer-events:none}.value-button{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000008;transition:all .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}.value-button:active{transform:scale(.95);background-color:#f1f5f9}.value-button.selecting{animation:selection-pulse .6s infinite alternate;border:2px solid var(--brand-yellow);pointer-events:none}.value-button .gold-text{font-size:24px}.btn-back-ghost{background:transparent;border:1px solid #e2e8f0;color:var(--text-secondary);padding:14px;border-radius:12px;font-weight:800;font-size:14px;width:100%;margin-top:20px;cursor:pointer;transition:all .2s}.btn-back-ghost:hover{background:#f8fafc;border-color:#cbd5e1}.bottom-hud{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-light-card);border-top:1px solid rgba(0,0,0,.05);box-shadow:0 -4px 20px #0000000d;padding:12px 16px 20px;display:flex;flex-direction:column;gap:8px;z-index:1000}.hud-row-turn{background:var(--bg-light-muted);padding:6px;border-radius:12px;text-align:center;border:1px solid rgba(0,0,0,.03)}.hud-turn-label{font-size:10px;font-weight:800;color:var(--text-tertiary);margin-bottom:0;text-transform:uppercase;letter-spacing:.5px}.hud-turn-name{font-size:14px;font-weight:900;color:var(--royal-blue)}.hud-row-players{display:flex;justify-content:center;align-items:center;gap:16px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch}.hud-row-players::-webkit-scrollbar{display:none}.hud-player-unit{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:12px;transition:all .3s ease;min-width:80px}.hud-player-unit.active{background:var(--brand-yellow-glow);box-shadow:0 0 15px var(--brand-yellow-glow);border:1px solid var(--brand-yellow);transform:scale(1.05);animation:pulse-turn 2s infinite}@keyframes pulse-turn{0%{box-shadow:0 0 5px var(--brand-yellow-glow)}50%{box-shadow:0 0 20px var(--brand-yellow-glow)}to{box-shadow:0 0 5px var(--brand-yellow-glow)}}.hud-player-name{font-size:12px;font-weight:800;color:var(--text-secondary)}.hud-player-score{font-size:16px;font-weight:900;color:var(--accent-gold)}.modal-overlay{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000}.modal-content{background:var(--bg-light-card);color:var(--text-primary);border:1px solid rgba(0,0,0,.05);box-shadow:0 20px 50px #0000001a;padding:40px 24px;border-radius:var(--radius-xl);width:90%;max-width:450px;position:relative;display:flex;flex-direction:column;align-items:stretch;direction:rtl!important;text-align:right!important}.modal-timer{position:absolute;top:12px;inset-inline-end:16px;display:flex;align-items:center;gap:4px;font-size:16px;font-weight:900}.cat-label{display:inline-block;align-self:flex-start;background:var(--bg-light-muted);color:var(--text-tertiary);padding:4px 12px;border-radius:8px;font-size:12px;font-weight:800;margin-bottom:12px;text-align:start}[dir=rtl] .cat-label,.cat-label[dir=rtl]{align-self:flex-start!important;text-align:right!important}.turn-banner{box-shadow:0 4px 15px #0000000d;border:1px solid rgba(0,0,0,.03)}.turn-banner.my-turn{background:var(--brand-yellow);color:var(--royal-blue);border:1px solid var(--brand-yellow-muted)}.turn-banner.their-turn{background:#f1f5f9;color:var(--text-tertiary);border:1px solid #e2e8f0}.tile-disabled{opacity:.6;filter:grayscale(.5);pointer-events:none}.value-button.tile-disabled{background:#f8fafc;border:1px solid #e2e8f0}.question-text{font-size:20px;font-weight:800;line-height:1.5;margin-bottom:30px;text-align:start;width:100%}[dir=rtl] .question-text,.question-text[dir=rtl]{text-align:right!important}.btn-gold{background:var(--brand-yellow);color:#000;font-weight:900}.gold-text{color:var(--accent-gold);font-weight:900}.dimmed-section{opacity:.4;pointer-events:none;filter:grayscale(.5);position:relative}.coming-soon-badge{background:var(--accent-gold);color:#fff;font-size:10px;font-weight:900;padding:4px 8px;border-radius:4px;margin-inline-end:8px}:root{--hex-width: 80px;--hex-height: 90px;--hex-row-offset: -24px;--hex-stagger: 40px;--hex-border: 3px;--hex-font-size: 32px;--board-padding: 40px;--board-radius: 40px}@media (max-width: 640px){:root{--hex-width: 40px;--hex-height: 46px;--hex-row-offset: -11px;--hex-stagger: 20px;--hex-border: 2px;--hex-font-size: 16px;--board-padding: 8px;--board-radius: 16px}}.huroof-board-view{display:flex;flex-direction:column;align-items:center;padding:var(--board-padding);background:#f8fafc;border-radius:var(--board-radius);position:relative;border:4px solid #1e293b;box-shadow:0 20px 50px #0000001a;margin:0 auto;max-width:100%}.huroof-honeycomb{display:flex;flex-direction:column;align-items:center;overflow:visible;padding:10px}.honeycomb-row{display:flex;justify-content:center;margin-top:var(--hex-row-offset)}.honeycomb-row:first-child{margin-top:0}.honeycomb-row.staggered{transform:translate(var(--hex-stagger))}.honeycomb-row.blue-boundary{transform:translate(0)}.huroof-hexagon{width:var(--hex-width);height:var(--hex-height);background:#000;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;margin:1px;position:relative;border:none;outline:none;flex-shrink:0}.huroof-hexagon:after{content:attr(data-letter);position:absolute;top:var(--hex-border);left:var(--hex-border);right:var(--hex-border);bottom:var(--hex-border);background:#fff9e6;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-size:var(--hex-font-size);font-weight:900;color:#1e293b;z-index:1}.huroof-hexagon.red:after{background:#ef4444}.huroof-hexagon.blue:after{background:#3b82f6}.huroof-hexagon.boundary:after{content:"";cursor:default}.huroof-hexagon.interactive{cursor:pointer}.huroof-hexagon.interactive:not(.occupied):hover{transform:scale(1.08);z-index:10}.huroof-hexagon.interactive:not(.occupied):hover:after{background:#fff}.huroof-hexagon.occupied.blue:after{background:#3b82f6;color:#fff}.huroof-hexagon.occupied.red:after{background:#ef4444;color:#fff}[dir=rtl] .flip-rtl{transform:scaleX(-1)}