*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--orange:#ff8c00;--orange-light:#ffb347;--orange-dark:#c60;--green:#2e8b57;--green-light:#3cb371;--green-dark:#1b6b40;--blue:#1565c0;--blue-light:#1e88e5;--blue-dark:#0d47a1;--white:#fafaf8;--bg:#0f1117;--bg2:#1a1d27;--bg3:#22263a;--border:#ffffff14;--text:#e8eaf0;--text-muted:#ffffff73;--radius:16px;--shadow:0 8px 32px #00000080}html{font-size:16px}body{background:#0f1117;background:var(--bg);color:#e8eaf0;color:var(--text);direction:rtl;font-family:Tajawal,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.app-container{grid-gap:20px;display:grid;gap:20px;grid-template-rows:auto 1fr auto;margin:0 auto;max-width:1400px;min-height:100vh;padding:12px}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1d27;background:var(--bg2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);justify-content:space-between;padding:16px 24px}.app-header,.header-left,.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.header-center{align-items:center;display:flex;flex:1 1;justify-content:center}.btn-size-toggle{align-items:center;background:#22263a;background:var(--bg3);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;color:#e8eaf0;color:var(--text);cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:700;gap:8px;padding:8px 16px;transition:all .2s}.btn-size-toggle:hover{background:#ffffff14;border-color:#fff3}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffb347,#3cb371,#1e88e5);background:linear-gradient(135deg,var(--orange-light),var(--green-light),var(--blue-light));-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900;margin:0}.header-scores{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.score-badge{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;display:flex;font-size:.95rem;font-weight:700;gap:6px;padding:6px 14px}.score-badge strong{font-size:1.2rem}.score-badge.orange{background:#ff8c001a;border-color:#ff8c004d;color:#ffb347;color:var(--orange-light)}.score-badge.green{background:#2e8b571a;border-color:#2e8b574d;color:#3cb371;color:var(--green-light)}.score-badge.blue{background:#1565c01a;border-color:#1565c04d;color:#1e88e5;color:var(--blue-light)}.score-badge.purple{background:#8a2be21a;border-color:#8a2be24d;color:#d4a3ff}.connection-dot{animation:pulse 2s infinite;background:#4caf50;border-radius:50%;box-shadow:0 0 8px #4caf50;height:10px;width:10px}.connection-dot.disconnected{animation:none;background:#f44336;box-shadow:0 0 8px #f44336}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main-area{grid-gap:12px;align-items:start;display:grid;gap:12px}.team-panel{align-items:center;border:2px solid #0000;border-radius:16px;border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px 16px;position:relative;transition:all .3s ease}.team-panel:before{background:currentColor;content:"";inset:0;opacity:.08;position:absolute}.team-panel.orange{background:#ff8c001f;border-color:#ff8c00;border-color:var(--orange);color:#ff8c00;color:var(--orange)}.team-panel.green{background:#2e8b571f;border-color:#2e8b57;border-color:var(--green);color:#2e8b57;color:var(--green)}.team-panel.blue{background:#1565c01f;border-color:#1565c0;border-color:var(--blue);color:#1565c0;color:var(--blue)}.team-panel.winner{animation:winner-glow 1s ease-in-out infinite alternate}.team-panel.orange.winner{box-shadow:0 0 40px #ff8c0099}.team-panel.green.winner{box-shadow:0 0 40px #2e8b5799}.team-panel.blue.winner{box-shadow:0 0 40px #1565c099}@keyframes winner-glow{0%{transform:scale(1)}to{transform:scale(1.03)}}.team-icon{font-size:2.4rem}.team-name{color:#e8eaf0;color:var(--text);font-size:1.1rem;font-weight:700}.team-score-label{color:#ffffff73;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.team-score{font-size:3rem;font-weight:900;line-height:1}.team-panel.orange .team-score{color:#ffb347;color:var(--orange-light)}.team-panel.green .team-score{color:#3cb371;color:var(--green-light)}.team-panel.blue .team-score{color:#1e88e5;color:var(--blue-light)}.team-edge-info{background:#0003;border-radius:8px;color:#ffffff73;color:var(--text-muted);font-size:.75rem;line-height:1.6;padding:8px;text-align:center;width:100%}.grid-area{align-items:center;display:flex;flex-direction:column;gap:12px}.hex-grid-wrapper{filter:drop-shadow(0 8px 32px rgba(0,0,0,.6));position:relative}.context-menu{animation:ctx-appear .15s ease;background:#22263a;background:var(--bg3);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px #000000b3;display:flex;flex-direction:column;gap:2px;min-width:200px;padding:6px;position:fixed;z-index:1000}@keyframes ctx-appear{0%{opacity:0;transform:scale(.92) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-header{align-items:center;color:#ffffff73;color:var(--text-muted);direction:rtl;display:flex;flex-wrap:wrap;font-size:.78rem;gap:4px;padding:8px 14px}.context-menu-divider{background:#ffffff14;background:var(--border);height:1px;margin:4px 6px 6px}.context-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#e8eaf0;color:var(--text);cursor:pointer;direction:rtl;display:flex;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:600;gap:10px;padding:10px 14px;position:relative;text-align:right;transition:background .15s;width:100%}.context-menu-item:hover{background:#ffffff14}.context-menu-item.selected{background:#ffffff0d}.context-menu-check{color:#66bb6a;font-size:.9rem;font-weight:900;margin-right:auto}.context-menu-dot{border:2px solid #0000;border-radius:50%;flex-shrink:0;height:18px;transition:transform .15s,box-shadow .15s;width:18px}.context-menu-item:hover .context-menu-dot{transform:scale(1.15)}.size-modal{animation:win-pop .3s cubic-bezier(.175,.885,.32,1.275);background:#1a1d27;background:var(--bg2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;box-shadow:0 32px 96px #000c;max-width:440px;padding:32px;text-align:center;width:90%}.size-options{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.size-option{align-items:center;background:#22263a;background:var(--bg3);border:2px solid #ffffff14;border:2px solid var(--border);border-radius:14px;color:#e8eaf0;color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-family:Tajawal,sans-serif;gap:6px;min-width:150px;padding:20px 28px;transition:all .2s}.size-option:hover{background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-2px)}.size-option.active{background:#1565c026;border-color:#1e88e5;border-color:var(--blue-light);box-shadow:0 0 20px #1565c04d}.size-option-icon{font-size:2rem}.size-option-label{font-size:1.1rem;font-weight:800}.size-option-sub{color:#ffffff73;color:var(--text-muted);font-size:.75rem}.control-panel{background:#1a1d27;background:var(--bg2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;padding:16px}.control-panel h3{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#ffffff73;color:var(--text-muted);font-size:1rem;font-weight:700;padding-bottom:8px;text-align:center}.btn{border:none;border-radius:10px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.9rem;font-weight:700;padding:10px 16px;transition:all .2s ease;width:100%}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-reset-game{background:linear-gradient(135deg,#c62828,#e53935);box-shadow:0 4px 16px #c628284d;color:#fff}.btn-reset-colors{background:linear-gradient(135deg,#616161,#9e9e9e);box-shadow:0 4px 16px #6161614d;color:#fff}.btn-mode{background:#22263a;background:var(--bg3);border:1px solid #ffffff14;border:1px solid var(--border);color:#e8eaf0;color:var(--text)}.btn-mode.active{background:linear-gradient(135deg,#4a148c,#7b1fa2);border-color:#7b1fa2;box-shadow:0 4px 16px #7b1fa266}.btn-reset{background:linear-gradient(135deg,#c62828,#e53935);box-shadow:0 4px 16px #c628284d;color:#fff}.mode-indicator{background:#0003;border-radius:8px;color:#ffffff73;color:var(--text-muted);font-size:.8rem;padding:6px;text-align:center}.mode-indicator strong{color:#ce93d8}.win-overlay{align-items:center;animation:fade-in .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.win-card{animation:win-pop .5s cubic-bezier(.175,.885,.32,1.275);background:#1a1d27;background:var(--bg2);border-radius:24px;box-shadow:0 32px 96px #000c,0 0 0 1px #ffffff14;box-shadow:0 32px 96px #000c,0 0 0 1px var(--border);padding:48px 64px;text-align:center}@keyframes win-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.win-emoji{display:block;font-size:5rem;margin-bottom:16px}.win-title{font-size:2.5rem;font-weight:900;margin-bottom:8px}.win-subtitle{color:#ffffff73;color:var(--text-muted);font-size:1.1rem;margin-bottom:32px}.win-card.orange .win-title{color:#ffb347;color:var(--orange-light)}.win-card.green .win-title{color:#3cb371;color:var(--green-light)}.win-card.blue .win-title{color:#1e88e5;color:var(--blue-light)}.status-bar{align-items:center;background:#1a1d27;background:var(--bg2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);color:#ffffff73;color:var(--text-muted);display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:10px 20px}@media (max-width:900px){.app-header{flex-direction:column;gap:8px}.header-scores{flex-wrap:wrap;justify-content:center;margin:8px 0}.btn-size-toggle{margin:0 auto}.main-area{grid-template-columns:1fr;grid-template-rows:auto auto auto}}@keyframes pulse-focus{0%{fill:#f33;stroke:#faa;stroke-width:2px}to{fill:#c00;stroke:red;stroke-width:5px}}.hex-focus{animation:pulse-focus .6s cubic-bezier(.4,0,.6,1) infinite alternate}@media (max-width:800px){.app-header{flex-direction:column;gap:16px;justify-content:center;padding:12px}.header-center,.header-left,.header-right{justify-content:center;width:100%}.app-header h1{font-size:1.6rem;margin-bottom:4px;text-align:center;width:100%}.header-scores{gap:8px}.score-badge{font-size:.9rem;padding:6px 10px}}
/*# sourceMappingURL=main.1a4a190e.css.map*/