/* iOne Game - support button, board, moving bar, donate dialog */
[hidden]{display:none!important}
a.b{text-decoration:none}
.b.love{background:linear-gradient(rgba(255,255,255,.5) 0 46%,rgba(255,255,255,0) 48%),linear-gradient(#ff9ec7,#ff4f93 60%,#e0286f);color:#fff;text-shadow:0 2px 0 rgba(120,0,50,.55)}
.b.love::before{animation:dnhb 1.8s ease-in-out infinite}
@keyframes dnhb{0%,55%,100%{scale:1}15%{scale:1.2}30%{scale:1}42%{scale:1.12}}

/* board: top donor + latest two */
.dn{margin:2px 0 12px;border:3px solid var(--out);border-radius:22px;background:linear-gradient(#fff,#eaf5ff);box-shadow:0 5px 0 var(--out),0 12px 18px rgba(25,15,80,.3);overflow:hidden;text-align:right;color:var(--ink)}
.dntop{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(#fff0a0,#ffc83a);border-bottom:3px solid var(--out)}
.dncr{font-size:30px;line-height:1;filter:drop-shadow(0 2px 0 rgba(29,45,80,.5))}
.dnw{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.dnw small{font:700 12px Vazirmatn,Tahoma,sans-serif;opacity:.75}
.dnw b{font:400 20px Lalezar,"Baloo 2",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnam{flex:none;font:400 18px Lalezar,"Baloo 2",sans-serif;background:#fff;border:3px solid var(--out);border-radius:99px;padding:1px 12px;box-shadow:0 3px 0 var(--out)}
.dnl{padding:8px 14px 10px}
.dnh{display:block;font:700 12px Vazirmatn,Tahoma,sans-serif;color:#2b7be0;margin-bottom:2px}
.dnr{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:2px dashed #cfe5fb}
.dnh+.dnr{border-top:0}
.dnn{flex:1;min-width:0;font:400 17px Lalezar,"Baloo 2",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dna{flex:none;font:700 13px Vazirmatn,Tahoma,sans-serif;color:#1b8a2e;background:#e6f9d9;border-radius:99px;padding:0 10px}
.dnt{flex:none;font:400 12px Vazirmatn,Tahoma,sans-serif;color:#6b7fa6}
.dne{font:700 14px Vazirmatn,Tahoma,sans-serif;color:#6b7fa6;padding:8px 0 2px;text-align:center}

/* moving bar (LTR box so the loop math is simple; items themselves are RTL) */
#dntk{margin:0 0 12px}
.tk{position:relative;height:40px;overflow:hidden;direction:ltr;border:3px solid var(--out);border-radius:99px;background:linear-gradient(#fff6c2,#ffe27a);box-shadow:0 4px 0 var(--out),0 10px 16px rgba(25,15,80,.25);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.tkt{display:flex;width:max-content;height:100%;align-items:center;animation:tkm var(--d,20s) linear infinite;will-change:transform}
.tk:hover .tkt,.tk:active .tkt{animation-play-state:paused}
@keyframes tkm{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.tks{display:flex;flex:none;align-items:center}
.tki{display:inline-flex;align-items:center;gap:7px;padding:0 10px;white-space:nowrap;direction:rtl;color:var(--ink);font:700 14px Vazirmatn,Tahoma,sans-serif}
.tki::after{content:"✦";margin-inline-start:12px;color:#ff4f93}
.tkn{font:400 16px Lalezar,"Baloo 2",sans-serif}
.tka{background:#ff4f93;color:#fff;border:2px solid var(--out);border-radius:99px;padding:0 9px;font:400 14px Lalezar,"Baloo 2",sans-serif;line-height:1.5}
.tkm{font-weight:700}
.tk.one{display:flex;align-items:center;justify-content:center;-webkit-mask-image:none;mask-image:none}
.tk.one .tki{max-width:100%;overflow:hidden;text-overflow:ellipsis}.tk.one .tki::after{content:none}

/* dialog */
.dm{position:fixed;inset:0;z-index:10;display:none;align-items:center;justify-content:center;background:#000a;padding:12px}
.dm.on{display:flex}
.dmc{position:relative;width:min(100%,390px);max-height:94vh;overflow:auto;background:linear-gradient(#fff,#e9f5ff);color:var(--ink);border:3px solid var(--out);box-shadow:0 8px 0 var(--out);border-radius:24px;padding:20px 16px 16px;text-align:center;animation:pop .4s cubic-bezier(.2,1.7,.4,1);outline:0}
.dmx{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;border:3px solid var(--out);background:#fff;color:var(--ink);font-size:15px;cursor:pointer;box-shadow:0 3px 0 var(--out)}
.dmx:active{transform:translateY(2px);box-shadow:0 1px 0 var(--out)}
.dm h2{margin:0 0 4px;font:400 24px Lalezar,"Baloo 2",sans-serif}
.dmp{margin:0 0 12px;font:700 13px/1.9 Vazirmatn,Tahoma,sans-serif;color:#4a5f8a}
.dm label{display:block;text-align:right;font:700 13px Vazirmatn,Tahoma,sans-serif;margin:2px 4px 6px}
.dm input,.dm textarea{-webkit-user-select:text;user-select:text}
.dm textarea{width:100%;padding:12px;margin:0 0 6px;border-radius:18px;border:3px solid var(--out);box-shadow:0 5px 0 var(--out),inset 0 2px 4px rgba(43,123,224,.15);background:linear-gradient(#fff,#f0f8ff);color:var(--ink);font:500 16px/1.7 Vazirmatn,Tahoma,sans-serif;resize:none;direction:rtl;text-align:right}
.dm textarea:focus{outline:0;box-shadow:0 5px 0 var(--out),0 0 0 4px rgba(255,225,74,.8)}
.dmq{margin-bottom:8px}.dmq .opt{font-size:15px;padding:9px 2px}
.dmv{min-height:22px;margin:0 0 8px;font:700 13px Vazirmatn,Tahoma,sans-serif;color:#1b8a2e}
.dmhint{margin:0 0 12px;padding:8px 12px;border:2px dashed #b9d4f5;border-radius:14px;font:700 12.5px/1.9 Vazirmatn,Tahoma,sans-serif;color:#4a5f8a}
.dmcn{display:flex;justify-content:space-between;gap:8px;margin:0 4px 12px;font:700 12px Vazirmatn,Tahoma,sans-serif;color:#6b7fa6}
.dme{min-height:20px;margin:0 0 8px;font:700 13px/1.7 Vazirmatn,Tahoma,sans-serif;color:#d1204a}
.dmok{font-size:46px;line-height:1.1}
.dmcode{direction:ltr;user-select:all;-webkit-user-select:all;display:inline-block;margin:4px 0 8px;padding:2px 18px;border:3px dashed #2b7be0;border-radius:16px;background:#fff;color:var(--ink);font:800 34px "Baloo 2",sans-serif;letter-spacing:6px}
.dmst{list-style-type:persian;margin:0 0 14px;padding:0 20px 0 0;text-align:right;font:700 13.5px/2 Vazirmatn,Tahoma,sans-serif;color:#33466f}
.dmst li{margin-bottom:4px}
.dm .b{margin-bottom:10px}.dm .b:last-child{margin-bottom:0}