*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{background:#000;overflow:hidden;font-family:'Noto Naskh Arabic','Segoe UI',system-ui,sans-serif;color:#fff;user-select:none;direction:rtl}canvas{display:block;touch-action:none}#ui{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 56px 0;pointer-events:none}#header{text-align:center;pointer-events:none}#header h1{font-size:clamp(.85rem,2vw,1.3rem);font-weight:700;letter-spacing:.04em;color:#d4af37}#header p{margin-top:3px;font-size:clamp(.55rem,.9vw,.68rem);color:rgba(255,255,255,.35);line-height:1.7}#header .src{margin-top:1px;font-size:.58rem;color:rgba(255,255,255,.18)}#year-bar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;pointer-events:all;direction:ltr;max-width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}#year-bar::-webkit-scrollbar{display:none}.y-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55);padding:5px 14px;border-radius:100px;font-size:.78rem;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:'Segoe UI',system-ui,sans-serif;transition:background .2s,border-color .2s,color .2s,transform .15s;-webkit-tap-highlight-color:transparent}.y-btn:hover{background:rgba(255,255,255,.13);color:#fff;transform:translateY(-1px)}.y-btn.on{background:rgba(212,175,55,.18);border-color:rgba(212,175,55,.7);color:#d4af37;box-shadow:0 0 12px rgba(212,175,55,.18)}#burger{position:absolute;top:14px;left:14px;width:42px;height:42px;border-radius:10px;background:rgba(20,20,30,.85);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:200;transition:background .2s;-webkit-tap-highlight-color:transparent}#burger:hover{background:rgba(40,40,55,.95)}#overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:300;opacity:0;pointer-events:none;transition:opacity .3s}#overlay.show{opacity:1;pointer-events:all}#drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,88vw);background:rgba(10,10,18,.97);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);z-index:400;transform:translateX(-100%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}#drawer.open{transform:translateX(0)}#drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}#drawer-header span{font-size:.9rem;font-weight:700;color:rgba(255,255,255,.8)}#drawer-close{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:none;color:rgba(255,255,255,.6);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}#drawer-close:hover{background:rgba(255,255,255,.15);color:#fff}#drawer-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.d-section{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.35);text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}#groups{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 10px}.col-head{text-align:center;font-size:.65rem;color:rgba(255,255,255,.7);padding-bottom:2px;font-weight:700}.g-btn{display:flex;align-items:center;gap:6px;background:rgba(20,20,30,.8);border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.85);padding:8px 10px;border-radius:8px;font-size:.78rem;cursor:pointer;width:100%;transition:all .2s;direction:rtl;-webkit-tap-highlight-color:transparent}.g-btn:active{transform:scale(.97)}.g-btn.on{border-color:var(--c);background:rgba(20,20,30,.9);color:#fff;box-shadow:0 0 8px var(--c-shadow)}.g-btn.off{opacity:.35;filter:grayscale(.5)}.g-dot{width:9px;height:9px;border-radius:50%;background:var(--c);flex-shrink:0}.g-lbl{flex:1;text-align:right;white-space:nowrap;font-size:.75rem}.g-cnt{font-variant-numeric:tabular-nums;font-size:.65rem;color:rgba(255,255,255,.4);min-width:32px;text-align:left;font-family:'Segoe UI',system-ui,sans-serif}.g-btn.on .g-cnt{color:var(--c)}.info-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px;font-size:.72rem;line-height:1.8;color:rgba(255,255,255,.5)}.info-box h3{font-size:.75rem;font-weight:700;color:rgba(255,255,255,.82);margin-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:5px}.info-box .ring{display:flex;align-items:center;gap:7px;margin-bottom:5px;font-size:.7rem}.ring-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.info-note{color:rgba(255,255,255,.38);font-size:.64rem;line-height:1.65}#stats{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;pointer-events:none;direction:rtl;flex-wrap:nowrap;justify-content:center;max-width:calc(100vw - 32px)}.s-card{background:rgba(0,0,0,.6);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px 14px;text-align:center;flex:1;min-width:0}.s-val{display:block;font-size:clamp(1rem,3.5vw,1.4rem);font-weight:700;line-height:1;font-family:'Segoe UI',system-ui,sans-serif;direction:ltr}.s-lbl{display:block;margin-top:4px;font-size:clamp(.52rem,.8vw,.65rem);opacity:.45;font-weight:600}#quality-badge{position:absolute;top:14px;right:14px;font-size:.58rem;color:rgba(255,255,255,.25);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px 8px;line-height:1.6;pointer-events:none}#hint{position:absolute;bottom:16px;right:14px;font-size:.58rem;color:rgba(255,255,255,.18);text-align:right;line-height:1.8;pointer-events:none}#drawer-years{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.dy-btn{padding:12px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);font-size:.9rem;font-family:'Segoe UI',system-ui,sans-serif;cursor:pointer;text-align:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.dy-btn:active{transform:scale(.95)}.dy-btn.on{background:rgba(212,175,55,.18);border-color:rgba(212,175,55,.7);color:#d4af37;font-weight:700;box-shadow:0 0 10px rgba(212,175,55,.15)}.dy-total{grid-column:1/-1;border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.6)}.dy-total.on{color:#d4af37}@media(max-width:640px){#ui{padding:10px 52px 0}#header p{display:none}#header .src{display:none}#year-bar{display:none}#stats{gap:5px;bottom:10px}.s-card{padding:7px 10px}#hint{display:none}#quality-badge{font-size:.52rem;padding:3px 6px}}