/* نمط المليون لحالك: كل شي في شاشة التلفون الوحدة */
body.solo-page{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(120% 60% at 50% 0%,#24664f 0%,var(--palm) 55%,#173f31 100%);color:var(--shell)}
.solo-bar{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 8px}
.solo-bar .logo{color:var(--shell);font-size:22px;margin-inline-end:auto}
.solo-bar .back{color:var(--shell);text-decoration:none;font-size:22px;padding:4px 8px}
.best{font-size:13px;font-weight:600;padding:4px 12px;border-radius:99px;background:rgba(255,250,240,.14)}
.solo-main{position:relative;overflow:hidden}
.fit-outer>:first-child{min-height:100%}
.solo-inner{display:flex;flex-direction:column;gap:12px;padding:8px 16px calc(16px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto;width:100%}
.steps-row{display:flex;gap:3px;direction:rtl}
.steps-row i{flex:1;height:8px;border-radius:4px;background:rgba(255,250,240,.18)}
.steps-row i.done{background:var(--saffron)}.steps-row i.now{background:var(--shell);animation:pulse 1.2s ease-in-out infinite}
.steps-row i.safe{outline:2px solid #FFE7A8;outline-offset:1px}
.stake{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.stake b{font-family:var(--display);font-size:30px;color:#FFE7A8;direction:ltr}
.stake small{opacity:.8}
.qbox{padding:16px;border-radius:20px;background:var(--shell);color:var(--ink);display:grid;gap:6px;animation:rise-up .45s var(--ease)}
.qbox .chip{justify-self:start}
.qbox p{margin:0;font-family:var(--display);font-size:22px;line-height:1.45}
.sopts{display:grid;gap:8px}
.sopt{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;background:rgba(255,250,240,.1);border:1.5px solid rgba(255,250,240,.3);color:var(--shell);font-size:17px;font-weight:600;text-align:right;transition:background .2s,transform .15s}
.sopt i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--saffron);color:var(--ink);flex:none}
.sopt:active{transform:scale(.98)}
.sopt.gone{visibility:hidden}
.sopt.locked{background:var(--saffron);color:var(--ink);border-color:var(--saffron)}
.sopt.right{background:var(--ok);border-color:var(--ok)}.sopt.wrong{background:var(--bad);border-color:var(--bad)}
.tools{display:flex;gap:8px;justify-content:center}
.tool{width:52px;height:52px;border-radius:50%;background:rgba(255,250,240,.12);border:2px solid var(--saffron);font-size:24px}
.tool:disabled{opacity:.3}
.walk{margin-inline-start:auto;padding:0 16px;border-radius:99px;background:rgba(255,250,240,.12);color:var(--shell);font-weight:600;border:1.5px solid rgba(255,250,240,.3)}
.pollbox{display:flex;gap:10px;align-items:flex-end;justify-content:center;height:110px;padding:8px;border-radius:16px;background:rgba(255,250,240,.08)}
.pollbox div{display:grid;justify-items:center;gap:2px;height:100%;grid-template-rows:auto 1fr auto;width:44px}
.pollbox span{width:100%;display:flex;align-items:flex-end;border-radius:6px;background:rgba(255,250,240,.12);overflow:hidden}
.pollbox span i{width:100%;background:var(--saffron);transition:height .8s var(--ease)}
.note{margin:0;text-align:center;font-size:13px;opacity:.85}
.fazaa-box{display:grid;gap:8px;padding:12px;border-radius:16px;background:rgba(230,165,50,.15);border:1.5px dashed var(--saffron);text-align:center}
.confirm{display:flex;gap:8px}.confirm .btn{flex:1}
.result{display:grid;justify-items:center;gap:8px;text-align:center;padding:20px 12px;border-radius:24px;background:rgba(255,250,240,.08)}
.result .big{font-family:var(--display);font-size:44px;color:#FFE7A8;direction:ltr}
.result h1{font-size:26px;color:var(--shell)}
.btn.light{background:var(--shell);color:var(--palm)}
.btn.clear{background:transparent;border:1.5px solid rgba(255,250,240,.4);color:var(--shell)}
@keyframes rise-up{from{opacity:0;transform:translateY(12px)}}
.note a{color:#FFE7A8;font-weight:600;text-decoration:none}