:root{--bg: #14110d;--bg2: #1c1813;--card: #211c16;--card2: #2a241c;--line: #3a3127;--ink: #efe6d6;--muted: #a2947f;--gold: #d9a441;--gold2: #f0c56a;--goldbg: rgba(217, 164, 65, .13);--red: #e0685a;--green: #7fbf7a;--blue: #7aa7d9;--vfont: "Amiri", serif;--vscale: 1;--ui: "Instrument Sans", "Noto Naskh Arabic", system-ui, sans-serif;--kufi: "Amiri", serif;--r: 14px;color-scheme:dark}:root[data-sijal=light]{--bg: #f4ecdc;--bg2: #ebe0ca;--card: #fbf6ec;--card2: #f1e7d3;--line: #dccdb0;--ink: #2a2118;--muted: #7d6c55;--gold: #a5701a;--gold2: #8a5a0e;--goldbg: rgba(165, 112, 26, .12);--red: #b4473a;--green: #3f7d3b;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:16px;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(1200px 500px at 70% -10%,var(--goldbg),transparent 70%);background-attachment:fixed;min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--ink);background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:9px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}h1,h2,h3{margin:0;font-weight:600}h3{font-size:1.02rem;margin:6px 0 10px}.muted{color:var(--muted)}.small{font-size:.84rem}.center{text-align:center;justify-content:center}.grow{flex:1}.warn{color:var(--red)}[lang=ar]{font-family:var(--vfont)}.app{display:flex;min-height:100vh}.nav{position:sticky;top:0;height:100vh;width:92px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.brand{background:none;border:0;font-family:var(--vfont);font-size:2rem;color:var(--gold2);margin-bottom:10px;line-height:1}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;width:78px;padding:9px 0;background:none;border:0;border-radius:12px;color:var(--muted);font-size:.74rem}.tab:hover{color:var(--ink);background:var(--card)}.tab.on{color:var(--gold2);background:var(--goldbg)}main{flex:1;min-width:0}.page{max-width:860px;margin:0 auto;padding:22px 22px 120px;display:flex;flex-direction:column;gap:14px}.app.focus .nav{display:none}@media (max-width: 760px){.app{flex-direction:column}.nav{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;width:100%;flex-direction:row;justify-content:space-around;padding:4px 2px calc(4px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line)}.brand,.tab:last-child{display:none}.tab{width:auto;flex:1;font-size:.66rem;padding:6px 0}.page{padding:16px 16px 110px}}.phead{display:flex;align-items:center;gap:10px}.phead h1{font-size:1.45rem}.ar-sub{font-family:var(--vfont);color:var(--gold);font-size:1.1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.grid2 label{display:flex;flex-direction:column;gap:6px;font-size:.86rem;color:var(--muted)}.grid2 .span2{grid-column:1 / -1;margin-bottom:0}@media (max-width: 620px){.grid2{grid-template-columns:1fr}}label.inline{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}label.inline input[type=number]{width:70px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;border-radius:11px;border:1px solid var(--line);background:var(--card2);font-weight:500;white-space:nowrap}.btn:hover{border-color:var(--gold)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1208;border-color:transparent;font-weight:600}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost{background:transparent}.btn.danger{color:var(--red)}.btn.big{padding:14px 20px;font-size:1.04rem;border-radius:14px}.icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:var(--muted);flex:none}.icon:hover{color:var(--ink);background:var(--card2)}.icon.on{color:var(--gold2)}.icon.rec{color:#fff;background:var(--red);animation:pulse 1s infinite}.link{background:none;border:0;padding:0;color:var(--gold2);text-decoration:underline;text-underline-offset:3px;font-size:inherit}.chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:5px 12px;font-size:.86rem;color:var(--muted)}.chip.on{background:var(--goldbg);color:var(--gold2);border-color:var(--gold)}.chip.static{cursor:default}.chips{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--card2);border:1px solid var(--line);font-size:.8rem;font-family:var(--vfont)}.badge.won{color:var(--green)}.badge.lost{color:var(--red)}.seg{display:inline-flex;flex-wrap:wrap;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:3px;gap:2px}.seg button{border:0;background:none;padding:6px 11px;border-radius:8px;color:var(--muted);font-size:.86rem}.seg button.on{background:var(--card2);color:var(--ink);box-shadow:0 1px 0 var(--line)}.sticky-cta{position:sticky;bottom:14px;display:flex;justify-content:center;z-index:5}.sticky-cta .btn{box-shadow:0 10px 30px #00000059;min-width:240px}@media (max-width: 760px){.sticky-cta{bottom:78px}}.verse{font-family:var(--vfont);font-size:calc(1.34rem * var(--vscale));line-height:1.9;display:grid;grid-template-columns:1fr 1fr;gap:4px 28px;text-align:center}.verse .sadr,.verse .ajuz{display:block}.verse.single{grid-template-columns:1fr}.verse.big{font-size:calc(1.7rem * var(--vscale))}@media (max-width: 620px){.verse{grid-template-columns:1fr;gap:0}.verse .sadr{text-align:right}.verse .ajuz{text-align:left}.verse.center .sadr,.verse.center .ajuz{text-align:center}}.vcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px 8px}.vcard.compact{padding:6px 10px 4px;background:transparent;border-color:transparent}.vcard.compact .verse{font-size:calc(1.15rem * var(--vscale))}.vmeta{display:flex;align-items:center;gap:4px;margin-top:2px;flex-wrap:wrap}.poet{font-size:.9rem;text-decoration:none;font-family:var(--vfont)}.letters{font-family:var(--vfont);font-size:1.05rem;padding:0 8px}.letters b.end{color:var(--gold2)}.gap{display:inline-block;color:var(--gold);letter-spacing:1px;margin:0 3px}.ghost-verse{border:1px dashed var(--line);border-radius:var(--r);padding:18px;text-align:center;color:var(--muted)}.lgrid{display:grid;grid-template-columns:repeat(14,1fr);gap:6px}.lgrid.small{grid-template-columns:repeat(14,1fr);gap:4px}@media (max-width: 620px){.lgrid,.lgrid.small{grid-template-columns:repeat(7,1fr)}}.ltile{--fill: 0;position:relative;aspect-ratio:1;border-radius:10px;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;background:linear-gradient(to top,var(--goldbg) calc(var(--fill) * 100%),var(--card) calc(var(--fill) * 100%))}.ltile:hover{border-color:var(--gold)}.ltile.on{border-color:var(--gold2);background:var(--gold);color:#1a1208}.lch{font-family:var(--vfont);font-size:1.45rem;line-height:1}.lgrid.small .lch{font-size:1.2rem}.lct{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.62rem;color:var(--muted)}.ltile.on .lct{color:#1a1208}.bigletter{text-align:center;animation:pop .35s ease}.bl-ch{font-family:var(--kufi);font-size:5.4rem;line-height:1;color:var(--gold2);text-shadow:0 0 40px var(--goldbg)}.bl-name{font-family:var(--vfont);color:var(--muted);font-size:1.05rem}.bl-label{font-size:.9rem;margin-top:4px}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes pulse{50%{opacity:.6}}.timer{position:relative;width:72px;height:72px;display:grid;place-items:center}.timer svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.timer circle{fill:none;stroke-width:5}.t-bg{stroke:var(--line)}.t-fg{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.timer span{font-weight:600;font-variant-numeric:tabular-nums}.timer.hurry .t-fg{stroke:var(--red)}.timer.hurry span{color:var(--red);animation:pulse .5s infinite}.duel-top{display:flex;align-items:center;gap:10px}.scoreboard{display:flex;gap:8px;flex:1;overflow-x:auto}.pl{flex:1;min-width:110px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:7px 11px;display:grid;grid-template-columns:1fr auto;gap:0 8px}.pl.cur{border-color:var(--gold);box-shadow:0 0 0 3px var(--goldbg)}.pl.out{opacity:.4}.pl-name{font-weight:600;font-family:var(--vfont);font-size:1.05rem}.pl-lives{color:var(--red);letter-spacing:1px;font-size:.85rem}.pl-score{grid-column:1 / -1;font-size:.8rem;color:var(--muted)}.arena{display:flex;flex-direction:column;gap:10px}.last.empty{text-align:center;padding:18px;border:1px dashed var(--line);border-radius:var(--r)}.turnline{display:flex;align-items:center;justify-content:center;gap:28px}.msg{border-radius:11px;padding:9px 13px;font-size:.93rem}.msg.err{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red)}.msg.ok{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.msg.info{background:var(--card2);color:var(--muted)}.vinput textarea{width:100%;font-family:var(--vfont);font-size:calc(1.3rem * var(--vscale));line-height:1.6;resize:vertical;padding:12px 14px;border-radius:var(--r)}.vi-tools{display:flex;align-items:center;gap:4px;margin-top:6px}.kb{margin-top:8px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:8px;display:flex;flex-direction:column;gap:5px}.kb-row{display:flex;gap:4px;justify-content:center}.kb button{flex:1;max-width:44px;height:42px;border-radius:8px;border:1px solid var(--line);background:var(--card);font-family:var(--vfont);font-size:1.25rem}.kb button:active{background:var(--gold);color:#1a1208}.kb button.wide{max-width:70px;font-family:var(--ui);font-size:1rem}.kb button.wide2{max-width:220px;flex:4;font-family:var(--ui);font-size:.9rem}.whisper{border-style:dashed}.judge{border-color:var(--gold)}.log summary,.histrow summary{cursor:pointer;padding:4px 0}.logrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;border-top:1px solid var(--line)}.logrow>.verse,.logrow>.vcard{flex-basis:100%}.okrow .badge{color:var(--green)}.badge.lost,.badrow .badge{color:var(--red)}.pick{cursor:pointer;border-radius:10px;padding:6px 8px;display:flex;gap:8px;align-items:flex-start}.pick:hover{background:var(--card2)}.pick>.verse{flex:1}.vnum{color:var(--muted);font-size:.75rem;min-width:22px;padding-top:10px;font-variant-numeric:tabular-nums}.opps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 700px){.opps{grid-template-columns:1fr 1fr}}.opp{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--card2)}.opp.on{border-color:var(--gold);background:var(--goldbg)}.opp-ar{font-size:1.35rem;color:var(--gold2)}.opp-en{text-transform:capitalize;font-weight:600;font-size:.85rem}.result{text-align:center;padding:26px 16px;border-radius:20px;background:linear-gradient(180deg,var(--goldbg),transparent);border:1px solid var(--line)}.result.lost{background:linear-gradient(180deg,color-mix(in srgb,var(--red) 12%,transparent),transparent)}.r-ar{font-family:var(--vfont);font-size:2.2rem;color:var(--gold2)}.result h1{font-size:1.5rem;margin:4px 0 14px}.r-stats,.libstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.r-stats div,.libstats div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column}.r-stats b,.libstats b{font-size:1.35rem;color:var(--gold2);font-variant-numeric:tabular-nums}.r-stats span,.libstats span{font-size:.8rem;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.tile{text-align:left;display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);min-height:112px}.tile:hover{border-color:var(--gold);transform:translateY(-1px)}.tile.hot{border-color:color-mix(in srgb,var(--gold) 60%,var(--line))}.tile-ar{font-family:var(--vfont);color:var(--gold2);font-size:1.3rem}.tile-t{font-weight:600}.tile-s{font-size:.83rem;color:var(--muted)}.hero{padding:18px 4px 6px}.hero-ar{font-family:var(--vfont);font-size:4.2rem;line-height:1.1;color:var(--gold2)}.hero-sub{color:var(--muted);max-width:520px}.lvl{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.lvl .mbar{flex:1;min-width:120px}.lvl-t{font-size:1.3rem;color:var(--ink)}.streak{display:inline-flex;align-items:center;gap:4px;color:var(--gold2);font-weight:600}.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 560px){.cta-row{grid-template-columns:1fr}}.mbar{height:5px;border-radius:9px;background:var(--line);overflow:hidden;margin-top:4px}.mbar div{height:100%;background:var(--gold);border-radius:9px}.bars{display:flex;align-items:flex-end;gap:3px;height:150px}.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.bar-f{width:100%;background:linear-gradient(180deg,var(--gold2),var(--gold));border-radius:4px 4px 0 0;opacity:.85}.bar span{font-family:var(--vfont);font-size:.95rem}.rules p{margin:6px 0;line-height:1.55}.boot{min-height:100vh;display:grid;place-content:center;text-align:center;gap:10px}.flash{display:flex;flex-direction:column;gap:12px;padding:22px 18px}.reveal{border-top:1px solid var(--line);padding-top:10px}.match{font-weight:600;text-align:center;padding:4px}.match.good{color:var(--green)}.match.mid{color:var(--gold2)}.match.bad{color:var(--red)}.grades{position:sticky;bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:5}@media (max-width: 760px){.grades{bottom:78px}}.grades button{padding:14px 6px;border-radius:12px;border:1px solid var(--line);background:var(--card2);font-weight:600;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 30px #0000004d}.grades small{font-weight:400;font-size:.72rem;color:var(--muted)}.g0{color:var(--red)}.g1{color:var(--gold2)}.g2{color:var(--green)}.g3{color:var(--blue)}.stages{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.stage{font-size:.8rem;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--muted)}.stage.on{border-color:var(--gold);color:var(--gold2);background:var(--goldbg)}.stage.done{color:var(--green)}.big-ta{width:100%;font-family:var(--vfont);font-size:1.25rem;line-height:1.8}.listrow{display:flex;align-items:center;gap:10px;width:100%;text-align:right;padding:10px 6px;background:none;border:0;border-bottom:1px solid var(--line);flex-wrap:wrap}.listrow:hover{background:var(--card2)}.ptitle{font-size:1.15rem}.empty-state{text-align:center;padding:30px 10px;display:flex;flex-direction:column;align-items:center;gap:6px}.score{font-size:1.4rem;color:var(--gold2)}.progress{height:4px;background:var(--line);border-radius:9px;overflow:hidden}.progress div{height:100%;background:var(--gold);transition:width .3s}.qprompt{font-size:1.1rem;font-weight:600;flex:1}.options{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 620px){.options{grid-template-columns:1fr}}.options.letters4{grid-template-columns:repeat(4,1fr)}.options.letters4 .opt{font-size:2.2rem;font-family:var(--kufi);padding:14px 0}.opt{padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-family:var(--vfont);font-size:calc(1.12rem * var(--vscale));line-height:1.6}.opt:hover:not(:disabled){border-color:var(--gold)}.opt.right{border-color:var(--green);background:color-mix(in srgb,var(--green) 18%,var(--card))}.opt.wrong{border-color:var(--red);background:color-mix(in srgb,var(--red) 18%,var(--card))}.search{flex:1;min-width:220px;font-family:var(--vfont);font-size:1.1rem}.poets{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}.poetrow{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}.poetrow:hover{border-color:var(--gold)}.pname{font-size:1.2rem}.star{color:var(--gold);font-size:.8rem;margin-inline-start:5px}.poem{display:flex;flex-direction:column}.pline{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;padding:4px 8px;border-radius:10px;cursor:pointer;scroll-margin:80px}.pline:hover{background:var(--card)}.pline.sel{background:var(--goldbg)}.pline>.verse{flex:1}.pline-actions{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 0 8px 30px}.poem.free .verse{grid-template-columns:1fr;text-align:right}.matrix{display:grid;grid-template-columns:repeat(29,1fr);gap:2px;font-family:var(--vfont);font-size:.8rem}.mx-h{text-align:center;color:var(--muted)}.mx-c{--fill: 0;aspect-ratio:1;border-radius:3px;background:color-mix(in srgb,var(--gold) calc(var(--fill) * 100%),var(--card2))}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(760px,100%);max-height:80vh;overflow:auto;background:var(--bg2);border:1px solid var(--line);border-radius:20px 20px 0 0;padding:14px 16px 30px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.spin{display:flex;align-items:center;justify-content:center;gap:5px;padding:14px}.spin .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:bounce 1s infinite}.spin .dot:nth-child(2){animation-delay:.15s}.spin .dot:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-6px);opacity:.5}}