/* MiliMovie — «باجهٔ بلیتِ شبانه»: har kart ye belit-e kaghazi (labe-ye gerd-e boride، khat-e chin، ته‌بلیت) */
@font-face{font-family:Vazirmatn;src:url(/mm/vazirmatn.ttf) format("truetype");font-display:swap}
:root{--bg:#1A1210;--bg2:#241915;--y:#FBCC3B;--r:#E53935;--cr:#F5E9D3;--ink:#3a2a20;--mut:#b9a58c;
  --paper:linear-gradient(135deg,#f7ecd8,#efdfc3)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{background:var(--bg)}
body{margin:0;color:var(--cr);font-family:Vazirmatn,system-ui,sans-serif;padding-bottom:92px;
  background:radial-gradient(120% 60% at 50% -10%,#3a2618 0,var(--bg) 60%)}
a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 14px;
  background:linear-gradient(var(--bg) 60%,#1a121000)}
header img{width:30px;height:30px;border-radius:7px;transform:rotate(-6deg)}
header b{font-size:17px;color:var(--cr);font-weight:800}

/* ── shekl-e belit: do nim-dayere-ye boride kenar-ha ── */
.tk{position:relative;background:var(--paper);color:var(--ink);border-radius:10px;
  -webkit-mask:radial-gradient(circle 9px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,
               radial-gradient(circle 9px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 9px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,
               radial-gradient(circle 9px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.tk::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
.perf{border-left:2px dashed #b89e7f88}
.stamp{display:inline-block;border:2px solid currentColor;border-radius:6px;padding:0 6px;font-weight:800;
  transform:rotate(-5deg);font-size:11px;letter-spacing:.5px;opacity:.85}

/* ── «بلیتِ امشب»: dastgah-e belit + belit-i ke birun miad ── */
.booth{margin:6px 14px 0}
.slot{height:14px;border-radius:8px;background:#0c0806;box-shadow:0 0 0 3px #3b2a1c,0 0 22px #fbcc3b66,inset 0 3px 6px #000;
  position:relative;z-index:2}
.slot::after{content:"";position:absolute;left:8%;right:8%;top:5px;height:3px;border-radius:2px;background:var(--y);box-shadow:0 0 12px var(--y)}
.tonight{margin:-6px 6px 0;display:flex;min-height:150px;animation:feed 1.1s cubic-bezier(.2,.8,.2,1) both;
  box-shadow:0 18px 40px #0008}
@keyframes feed{from{transform:translateY(-70%);clip-path:inset(70% 0 0 0)}to{transform:none;clip-path:inset(0)}}
.tonight .art{flex:1;margin:10px 0 10px 10px;border-radius:8px;overflow:hidden;position:relative}
.tonight .art img{width:100%;height:100%;object-fit:cover;display:block}
.tonight .art .t{position:absolute;inset:auto 0 0 0;padding:26px 10px 8px;background:linear-gradient(#0000,#000c);color:#fff}
.tonight .art h2{margin:0;font-size:18px}.tonight .art small{opacity:.8;font-size:11px}
.tonight .stub{width:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px}
.tonight .stub .lbl{font-size:11px;color:#8a6d50;font-weight:700}
.tear-btn{background:var(--r);color:#fff;border:0;border-radius:8px;padding:8px 6px;font:inherit;font-size:12px;font-weight:800;
  box-shadow:0 3px 0 #9e1f1c;cursor:pointer;line-height:1.4}

/* ── radif-ha ── */
section{margin:20px 0 0}
section h3{font-size:14.5px;margin:0 14px 9px;display:flex;align-items:center;gap:6px;font-weight:800}
section h3 .reel{display:inline-block;width:18px;height:18px;border-radius:50%;border:3px solid var(--y);
  background:radial-gradient(circle,#1a1210 2px,var(--y) 3px,var(--y) 4px,#0000 5px);transition:transform .2s}
.row{display:flex;gap:10px;overflow-x:auto;padding:2px 14px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
.row::-webkit-scrollbar{display:none}

/* kart-e poster = belit-e amoodi ba ته-belit-e paein */
.pc{flex:0 0 30%;max-width:150px;scroll-snap-align:start;transition:transform .15s}
.pc:active{transform:scale(.96)}
.pc .tk{padding:6px 6px 0}
.pc .po{aspect-ratio:2/3;border-radius:6px;overflow:hidden;position:relative;background:#2b1f17}
.pc .po img{width:100%;height:100%;object-fit:cover;display:block}
.pc .po .gt{position:absolute;inset:0;display:flex;align-items:flex-end;padding:8px;font-weight:800;font-size:14px;color:#fff;line-height:1.4}
.pc .po .ty{position:absolute;top:5px;right:5px;background:var(--r);color:#fff;font-size:10px;padding:1px 6px;border-radius:5px}
.pc .sb{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;padding:7px 4px 6px;margin-top:6px;
  border-top:2px dashed #b89e7f88;color:#6d553f}
.pc .sb .stamp{color:var(--r);font-size:10px}
.pc .nm{font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cr)}

/* «ادامهٔ تماشا»: belit-i ke daghigh rooye pishraft pare shode */
.cw{flex:0 0 58%;max-width:250px;scroll-snap-align:start}
.cw .tk{display:flex;height:86px;padding:6px}
.cw .th{flex:0 0 46%;border-radius:6px;overflow:hidden;position:relative}
.cw .th img{width:100%;height:100%;object-fit:cover;display:block}
.cw .th .pl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;text-shadow:0 2px 6px #000}
.cw .in{flex:1;padding:4px 8px;display:flex;flex-direction:column;justify-content:space-between}
.cw b{font-size:12.5px;line-height:1.5}
.cw .left{font-size:11px;color:#8a6d50}
.cw .bar{height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,#c9b394 0 4px,#0000 4px 7px);position:relative}
.cw .bar i{position:absolute;top:0;bottom:0;right:0;background:var(--r);border-radius:3px}

/* ── safhe-ye film/serial ── */
.tp{padding:0 14px}
.hero-tk{margin:4px 0 0;padding:10px;box-shadow:0 0 40px #fbcc3b33}
.hero-tk .im{aspect-ratio:16/9;border-radius:7px;overflow:hidden}
.hero-tk .im img{width:100%;height:100%;object-fit:cover;display:block}
.tp h1{font-size:22px;margin:14px 0 4px;font-weight:900}
.meta{font-size:12px;color:var(--mut)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.chips span{border:1px solid #5a4331;font-size:11px;padding:2px 9px;border-radius:20px;color:var(--mut)}
.tp p{color:#e8dac2;font-size:13.5px;line-height:1.95;margin:8px 0}
.acts{display:flex;gap:8px;margin:12px 0}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.btn.y{background:var(--y);color:#2a1a0e;box-shadow:0 3px 0 #b8901f}
.btn.g{background:#ffffff14;color:var(--cr)}

/* charkh-e fasl (mesl-e charkh-e aparat) */
.dial{display:flex;align-items:center;gap:12px;margin:18px 0 10px}
.wheel{width:62px;height:62px;border-radius:50%;flex:0 0 auto;position:relative;border:4px solid var(--y);
  box-shadow:0 0 20px #fbcc3b55;background:radial-gradient(circle,#1a1210 9px,var(--y) 10px 12px,#1a1210 13px);transition:transform .45s cubic-bezier(.3,1.4,.5,1)}
.wheel i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--y);top:50%;left:50%;margin:-6px}
.seasons{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.seasons button{flex:0 0 auto;background:none;border:2px solid #5a4331;color:var(--mut);border-radius:20px;padding:6px 14px;font:inherit;font-size:13px}
.seasons button.on{border-color:var(--y);color:var(--y)}

/* episode = ته‌بلیت-e ghermez; baraye pakhsh be chap bekesh (pare kon) */
.ep{position:relative;margin:0 0 10px;height:84px;touch-action:pan-y}
.ep .under{position:absolute;inset:0;border-radius:10px;background:var(--y);color:#2a1a0e;display:flex;align-items:center;
  justify-content:flex-start;padding:0 18px;font-weight:900;font-size:15px}
.ep .tk{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:8px 12px;
  background:linear-gradient(135deg,#e8453f,#c92f2b);color:#fff;transition:transform .25s;will-change:transform}
.ep .tk .th{flex:0 0 34%;height:100%;border-radius:6px;overflow:hidden}
.ep .tk .th img{width:100%;height:100%;object-fit:cover;display:block}
.ep .tk b{font-size:14px}.ep .tk small{display:block;opacity:.85;font-size:11.5px;margin-top:2px}
.ep .tk .go{margin-right:auto;font-size:11px;opacity:.85;border-right:2px dashed #fff8;padding-right:10px;line-height:1.5;text-align:center}
.ep.torn .tk{transform:translateX(-110%) rotate(-4deg);opacity:.0;transition:transform .35s,opacity .35s}
.hint{font-size:11.5px;color:var(--mut);margin:0 0 10px}

/* ── kif-e belit ── */
.fan{position:relative;height:250px;margin:6px 0 0;display:flex;justify-content:center}
.fan a{position:absolute;bottom:10px;width:120px;transform-origin:50% 120%;transition:transform .3s}
.fan .tk{padding:5px}
.fan img,.fan .gt{width:100%;aspect-ratio:2/3;border-radius:5px;object-fit:cover;display:flex;align-items:flex-end;padding:6px;color:#fff;font-weight:800;font-size:12px}
.coll{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px}
.coll .tk{display:flex;gap:8px;align-items:center;padding:8px 12px;min-height:70px}
.coll b{font-size:12.5px;display:block}.coll small{font-size:10.5px;color:#8a6d50}
.coll .stamp{color:var(--r);margin-right:auto}

/* ── loading: belit az chapgar birun miad + mohr-e M ── */
.printer{display:flex;flex-direction:column;align-items:center;padding:60px 0}
.printer .mouth{width:180px;height:16px;border-radius:8px;background:#0c0806;box-shadow:0 0 0 3px #3b2a1c,0 0 18px #fbcc3b55}
.printer .paper{width:150px;height:0;background:var(--paper);animation:print 1.4s steps(7) infinite;border-radius:0 0 6px 6px;
  display:flex;align-items:flex-end;justify-content:center;overflow:hidden;color:var(--r);font-weight:900}
@keyframes print{to{height:90px}}
.printer small{margin-top:14px;color:var(--mut);font-size:12px}
.skel{background:linear-gradient(90deg,#2a1e17 0,#3a2a20 50%,#2a1e17 100%);background-size:200% 100%;animation:sh 1.2s infinite}
@keyframes sh{to{background-position:-200% 0}}

/* ── search ── */
.sbox{margin:6px 14px;padding:4px 14px;display:flex}
.sbox input{flex:1;background:none;border:0;color:var(--ink);font:inherit;font-size:15px;padding:10px 0;outline:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 14px}
.grid .pc{max-width:none}
.empty{color:var(--mut);text-align:center;padding:40px 20px;font-size:13.5px;line-height:2}

/* ── navar-e paein = belit-e shenavar ba 4 ته‌بلیت ── */
.tk-nav{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:9;display:flex;
  height:62px;background:var(--paper);border-radius:14px;box-shadow:0 10px 30px #000a;
  -webkit-mask:radial-gradient(circle 11px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 11px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.tk-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#6d553f;font-weight:700;
  border-left:2px dashed #b89e7f88;position:relative;transition:background .2s,transform .2s}
.tk-nav a:last-child{border-left:0}
.tk-nav a i{font-style:normal;font-size:19px;line-height:1.25;filter:grayscale(.5)}
.tk-nav a.on{background:var(--r);color:#fff;transform:translateY(-3px)}
.tk-nav a.on i{filter:none}
.tk-nav a.punch::before{content:"";position:absolute;top:8px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;
  background:var(--bg);animation:punch .45s ease-in forwards}
@keyframes punch{to{transform:translateY(40px);opacity:0}}
.page{animation:pagein .35s ease both}
@keyframes pagein{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}

/* player-e overlay */
#pl{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:100;background:#1A1210}
body.playing{overflow:hidden}

/* search: chip-haye zhanr/noʿ + tartib */
.chips2{display:flex;gap:7px;overflow-x:auto;padding:4px 14px;scrollbar-width:none}
.chips2::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;background:#ffffff0d;border:1.5px solid #5a4331;color:var(--cr);border-radius:20px;padding:6px 13px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.chip small{color:var(--mut);font-weight:400}
.chip.on{background:var(--y);border-color:var(--y);color:#2a1a0e}.chip.on small{color:#5a4331}
.sortbar{display:flex;justify-content:space-between;align-items:center;padding:6px 14px 0;font-size:12px;color:var(--mut)}
.sortbar select{background:#ffffff0d;color:var(--cr);border:1px solid #5a4331;border-radius:8px;padding:5px 8px;font:inherit;font-size:12px}