/* ================= مۆنۆپۆلی کوردستان ================= */
@font-face{font-family:Vazirmatn;src:url(fonts/vazirmatn-arabic-400-normal.woff2) format('woff2');font-weight:400;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(fonts/vazirmatn-arabic-500-normal.woff2) format('woff2');font-weight:500;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(fonts/vazirmatn-arabic-700-normal.woff2) format('woff2');font-weight:700 800;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(fonts/vazirmatn-arabic-900-normal.woff2) format('woff2');font-weight:900;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(fonts/vazirmatn-latin-400-normal.woff2) format('woff2');font-weight:400 500;unicode-range:U+0000-00FF;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(fonts/vazirmatn-latin-700-normal.woff2) format('woff2');font-weight:700 900;unicode-range:U+0000-00FF;font-display:swap}
@font-face{font-family:Kufi;src:url(fonts/noto-kufi-arabic-arabic-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Kufi;src:url(fonts/noto-kufi-arabic-arabic-900-normal.woff2) format('woff2');font-weight:900;font-display:swap}

:root{
  --bg1:#5a1a14;--bg2:#1c0806;--ink:#fbf3e4;--mut:#d6b99a;
  --gold:#f3b33d;--gold2:#c9861a;--red:#d7262b;--green:#1f9d55;--blue:#2f80ed;
  --card:rgba(42,14,10,.78);--card2:rgba(255,236,200,.07);--line:rgba(255,220,170,.14);
  --tile:#f8eedb;--tile2:#f4e6cb;--tline:#6b4a2f;--center:#f3e4c6;
  --kilim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M32 4 60 32 32 60 4 32Z' fill='none' stroke='%23f3b33d' stroke-width='3'/%3E%3Cpath d='M32 14 50 32 32 50 14 32Z' fill='%23d7262b'/%3E%3Cpath d='M32 22 42 32 32 42 22 32Z' fill='%23f8eedb'/%3E%3Cpath d='M32 28 36 32 32 36 28 32Z' fill='%231f9d55'/%3E%3Cpath d='M0 0h8L0 8zM64 0h-8l8 8zM0 64h8l-8-8zM64 64h-8l8-8z' fill='%231f9d55'/%3E%3Cpath d='M32 0v6M32 58v6M0 32h6M58 32h6' stroke='%23f8eedb' stroke-width='3'/%3E%3C/svg%3E");
  --zig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Crect width='28' height='28' fill='%23a51d22'/%3E%3Cpath d='M0 28 14 10 28 28Z' fill='%23f3b33d'/%3E%3Cpath d='M7 28 14 19 21 28Z' fill='%231c6b40'/%3E%3Cpath d='M0 0 14 10 28 0Z' fill='%23f8eedb'/%3E%3Cpath d='M9 0 14 4 19 0Z' fill='%23a51d22'/%3E%3C/svg%3E");
  --r:16px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
html,body{margin:0;height:100%;overflow:hidden}
body{font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);direction:rtl;
  background:radial-gradient(1200px 760px at 50% 40%,#7a2419 0%,var(--bg1) 38%,var(--bg2) 100%);
  -webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:manipulation}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:var(--kilim);background-size:64px 64px}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 40%,rgba(0,0,0,.55) 100%)}
button,input,select{font-family:inherit;color:inherit}
#app{position:fixed;inset:0}

/* ---------------- دوگمەکان ---------------- */
.btn{--b:#5a2a1c;--bt:#7a3c27;--bd:#2a0f08;border:0;cursor:pointer;font-weight:800;font-size:15px;padding:11px 18px;border-radius:14px;
  background:linear-gradient(180deg,var(--bt),var(--b));box-shadow:0 4px 0 var(--bd),0 8px 18px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .08s,box-shadow .08s,filter .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.btn:hover{filter:brightness(1.08)}
.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--bd),0 3px 8px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.18)}
.btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.5)}
.btn small{font-weight:600;opacity:.8;font-size:.8em}
.btn-gold{--bt:#ffd863;--b:#f0b22a;--bd:#9a6a05;color:#3a2600}
.btn-buy,.btn-green{--bt:#3ddc7a;--b:#16a352;--bd:#0b5c2d;color:#fff}
.btn-roll{--bt:#ff5a5f;--b:#e5232c;--bd:#8a0d13;color:#fff;font-size:20px;padding:15px 26px;border-radius:18px;width:100%}
.btn-end{--bt:#4c9bff;--b:#2f80ed;--bd:#174a8f;color:#fff;font-size:18px;padding:14px 22px;width:100%}
.btn-blue{--bt:#4c9bff;--b:#2f80ed;--bd:#174a8f;color:#fff}
.btn-danger{--bt:#ff5a5f;--b:#d4202a;--bd:#7a0d12;color:#fff}
.btn-warn{--bt:#ffb35c;--b:#f6911e;--bd:#8f4f06;color:#3a1d00}
.btn-ghost{--bt:rgba(255,226,180,.16);--b:rgba(255,226,180,.07);--bd:rgba(0,0,0,.4);color:var(--ink)}
.btn-link{background:none;box-shadow:none;color:var(--mut);padding:8px 10px;font-weight:600}
.btn-link:active{transform:none!important;box-shadow:none!important}
.btn.xs{font-size:12px;padding:6px 9px;border-radius:10px;box-shadow:0 3px 0 var(--bd)}
.btn-play{--bt:#ff5a5f;--b:#e5232c;--bd:#8a0d13;color:#fff;font-size:22px;padding:16px 40px;border-radius:20px;font-family:Kufi,Vazirmatn;letter-spacing:0}
.btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.btn-roll .dice-ico{font-size:1.2em;display:inline-block;animation:wob 1.6s ease-in-out infinite}
@keyframes wob{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}

/* ---------------- لۆگۆ ---------------- */
.logo{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:4px}
.logo-plate{position:relative;background:linear-gradient(180deg,#f2343c,#c2151e);border:4px solid #fff;outline:3px solid #c2151e;border-radius:6px;
  padding:4px 26px 10px;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 -6px 0 rgba(0,0,0,.18)}
.logo-plate span{font-family:Kufi,Vazirmatn;font-weight:900;color:#fff;font-size:44px;line-height:1.5;text-shadow:0 3px 0 #8a0d13,0 0 1px #000;letter-spacing:0}
.logo-sub{font-family:Kufi,Vazirmatn;font-weight:900;font-size:20px;color:var(--gold);background:#1b1b1b;padding:0 16px;border-radius:999px;margin-top:-14px;z-index:1;
  border:2px solid var(--gold);box-shadow:0 4px 10px rgba(0,0,0,.3);line-height:1.6}
.logo-sun{position:absolute;inset:-30% -12%;z-index:-1;border-radius:50%;opacity:.55;
  background:repeating-conic-gradient(from 0deg,rgba(245,197,66,.55) 0 4deg,transparent 4deg 17.14deg);
  -webkit-mask:radial-gradient(circle,#000 30%,transparent 68%);mask:radial-gradient(circle,#000 30%,transparent 68%);animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.logo-sm .logo-plate{padding:0 12px 3px;border-width:2px;outline-width:2px}
.logo-sm .logo-plate span{font-size:18px}
.logo-sm .logo-sub{font-size:10px;margin-top:-7px;padding:0 8px;border-width:1px}
.logo-sm .logo-sun{display:none}

/* ---------------- لۆبی ---------------- */
.lobby{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.lobby-bg{position:fixed;inset:0;background:url(img/erbil.jpg) center/cover;opacity:.16;filter:blur(3px) saturate(1.2);transform:scale(1.05)}
.lobby-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,10,6,.35),rgba(28,8,6,.96) 70%)}
.lobby-inner{position:relative;max-width:760px;margin:0 auto;padding:30px 16px 60px;display:flex;flex-direction:column;gap:18px}
.hero{text-align:center;padding:26px 0 6px}
.hero .logo-plate span{font-size:min(64px,13vw)}
.hero .logo-sub{font-size:min(28px,6vw)}
.tag{color:var(--mut);margin:16px 0 0;font-size:15px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;border-top:6px solid transparent;border-image:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.panel-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;gap:10px}
.panel-h h3{margin:0;font-size:18px;font-family:Kufi,Vazirmatn}
.hint{color:var(--mut);font-size:12px}
.resume{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,rgba(245,197,66,.18),rgba(245,197,66,.05));border:1px solid rgba(245,197,66,.4);border-radius:18px;padding:12px 16px}
.resume b{display:block}.resume small{color:var(--mut)}
.slots{display:flex;flex-direction:column;gap:10px}
.slot{position:relative;display:flex;align-items:center;gap:12px;background:var(--card2);border:1px solid var(--line);border-radius:18px;padding:10px 12px;border-inline-start:5px solid var(--pc)}
.slot-tok{width:58px;height:58px;flex:none;background:none;border:0;padding:0;cursor:pointer}
.slot-tok .pawn{width:58px;height:58px}
.slot-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.slot-name{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:15px;font-weight:700;width:100%;outline:none}
.slot-name:focus{border-color:var(--gold)}
.slot-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.seg{display:inline-flex;background:rgba(0,0,0,.3);border-radius:10px;padding:3px}
.seg button{background:none;border:0;padding:5px 10px;border-radius:8px;font-size:13px;font-weight:700;color:var(--mut);cursor:pointer}
.seg button.on{background:var(--pc);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.slot select,.opt select{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:9px;padding:6px 8px;font-weight:700;font-size:13px}
.slot select option,.opt select option{background:#3a120c;color:#fff}
.slot-colors{display:grid;grid-template-columns:repeat(3,18px);gap:5px}
.sc{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:var(--c);cursor:pointer;padding:0}
.sc.on{border-color:#fff;box-shadow:0 0 0 2px var(--c)}
.slot-x{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;border:0;background:#3a1416;color:#ff8a8f;cursor:pointer;font-size:12px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.add-slot{margin-top:12px;width:100%}
.opts{display:flex;flex-direction:column;gap:4px}
.opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line);font-weight:600;cursor:pointer}
.opt:last-child{border-bottom:0}
.opt.sw input{display:none}
.opt.sw i{width:46px;height:26px;border-radius:99px;background:rgba(255,255,255,.15);position:relative;flex:none;transition:.2s}
.opt.sw i::after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 4px rgba(0,0,0,.3)}
.opt.sw input:checked+i{background:var(--green)}
.opt.sw input:checked+i::after{right:23px}
.lobby-cta{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px}
.lobby-links{display:flex;flex-wrap:wrap;justify-content:center}
.tok-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tok-opt{background:var(--card2);border:2px solid transparent;border-radius:16px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-weight:700;font-size:13px}
.tok-opt.on{border-color:var(--gold);background:rgba(245,197,66,.12)}
.tok-opt.taken{opacity:.55}
.tok-opt .pawn{width:60px;height:60px}

/* ---------------- پارچە (Pawn) ---------------- */
.pawn{position:relative;width:100%;height:100%}
.pawn-base{position:absolute;left:8%;right:8%;bottom:0;height:42%;border-radius:50%;
  background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--pc) 60%,#fff),var(--pc) 55%,color-mix(in srgb,var(--pc) 55%,#000));
  box-shadow:0 2px 0 color-mix(in srgb,var(--pc) 40%,#000),0 4px 6px rgba(0,0,0,.45),inset 0 -2px 3px rgba(0,0,0,.3)}
.pawn-ico{position:absolute;left:10%;right:10%;top:0;bottom:16%;filter:drop-shadow(0 2px 1.5px rgba(0,0,0,.55))}
.tok-svg{width:100%;height:100%;display:block}
.pawn.mini{width:34px;height:34px;flex:none}
.pawn.big{width:78px;height:78px;flex:none}

/* ---------------- ڕووکاری یاری ---------------- */
.gamewrap{position:absolute;inset:0;display:grid;
  grid-template-columns:minmax(250px,300px) 1fr minmax(280px,340px);
  grid-template-rows:56px 1fr;grid-template-areas:"top top top" "a stage b";gap:0}
.topbar{grid-area:top;display:flex;align-items:center;gap:8px;padding:0 12px;background:linear-gradient(180deg,rgba(20,5,3,.7),rgba(20,5,3,.35));border-bottom:3px solid transparent;border-image:var(--zig) 0 0 14 0 repeat;z-index:5}
.tb{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.07);font-size:18px;cursor:pointer;flex:none;display:grid;place-items:center}
.tb.off{opacity:.4}
.tb-view{width:auto!important;padding:0 10px;font-weight:900;font-size:14px!important;color:var(--gold);font-family:Vazirmatn}
.tb-logo{padding:0 4px;transform:translateY(3px)}
.tb-round{color:var(--mut);font-size:13px;font-weight:700}
.tb-right{margin-inline-start:auto;display:flex;gap:6px}
.tb[data-t=log]{display:none}
.side{min-height:0;min-width:0;padding:12px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.side-a{grid-area:a}.side-b{grid-area:b}
.stage{grid-area:stage;min-width:0;min-height:0;display:grid;place-items:center;position:relative;padding:6px}

/* یاریزانەکان */
.players{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:2px}
.pcard{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"tok main" "props props" "flags flags";gap:4px 10px;align-items:center;
  background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px 12px;cursor:pointer;transition:.25s;border-inline-start:4px solid var(--pc)}
.pcard.turn{background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 30%,transparent),rgba(9,28,22,.8));border-color:var(--pc);box-shadow:0 0 0 2px color-mix(in srgb,var(--pc) 50%,transparent),0 10px 30px rgba(0,0,0,.35);transform:scale(1.02)}
.pcard.broke{opacity:.4;filter:grayscale(1)}
.pc-tok{grid-area:tok}
.pc-main{grid-area:main;min-width:0}
.pc-name{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bot-badge{font-style:normal;font-size:10px;background:rgba(255,255,255,.12);padding:1px 6px;border-radius:6px;vertical-align:middle;color:var(--mut)}
.pc-cash{font-size:20px;font-weight:900;color:var(--gold);line-height:1.2}
.pc-cash small{font-size:11px;color:var(--mut);font-weight:600}
.pc-props{grid-area:props;display:flex;flex-wrap:wrap;gap:3px;min-height:0}
.pc-props i{width:12px;height:16px;border-radius:3px;background:var(--c);box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3)}
.pc-props i.m{opacity:.35}
.pc-flags{grid-area:flags;display:flex;gap:4px;flex-wrap:wrap}
.pc-flags:empty,.pc-props:empty{display:none}
.flag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.1)}
.flag.jail{background:#f6911e;color:#2a1500}.flag.out{background:#5a1013;color:#ff9da1}
.cash-delta{position:absolute;top:6px;left:12px;font-weight:900;font-size:16px;animation:delta 1.6s ease-out forwards;pointer-events:none}
.cash-delta.up{color:#4be37f}.cash-delta.down{color:#ff6b70}
@keyframes delta{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-22px)}}

/* دۆک */
.dock{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.dock:empty{display:none}
.dock-who{display:flex;align-items:center;gap:10px}
.dock-who b{display:block;font-size:16px}.dock-who small{color:var(--mut);font-size:12px}
.dock-cash{margin-inline-start:auto;font-weight:900;color:var(--gold);font-size:18px;white-space:nowrap}
.dock-main{display:flex;flex-direction:column;gap:8px}
.dock-tools{display:flex;gap:8px}.dock-tools .btn{flex:1;font-size:14px;padding:10px 8px}
.jail-opts{display:flex;flex-direction:column;gap:8px}
.jail-opts .btn{width:100%}
.btn-roll.sm{font-size:17px;padding:12px}
.debt-box{background:rgba(229,35,44,.15);border:1px solid rgba(229,35,44,.5);border-radius:12px;padding:10px;font-size:14px;line-height:1.7}
.thinking{display:flex;gap:6px;justify-content:center;padding:14px}
.thinking i{width:10px;height:10px;border-radius:50%;background:var(--gold);animation:th 1s infinite}
.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}
@keyframes th{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}
.phase-pre .btn-roll{animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{box-shadow:0 4px 0 var(--bd),0 8px 18px rgba(0,0,0,.25),0 0 0 0 rgba(229,35,44,.5)}50%{box-shadow:0 4px 0 var(--bd),0 8px 18px rgba(0,0,0,.25),0 0 0 10px rgba(229,35,44,0)}}

/* تۆمار */
.log-wrap{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.log-h{padding:10px 14px;font-weight:800;font-size:14px;border-bottom:1px solid var(--line);color:var(--mut);display:flex;align-items:center;gap:6px}
.log-x{display:none!important;margin-inline-start:auto;width:30px!important;height:30px!important}
body.show-log .log-x{display:grid!important}
.log{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px}
.log-e{display:flex;gap:8px;font-size:13px;line-height:1.6;padding:4px 6px;border-radius:8px;animation:logIn .3s ease}
.log-e:first-child{background:rgba(255,255,255,.06)}
.log-e i{width:8px;height:8px;border-radius:50%;flex:none;margin-top:7px}
@keyframes logIn{from{opacity:0;transform:translateX(-10px)}}

/* ================= بۆرد ================= */
#board-root{position:relative;container-type:size;width:600px;height:600px}
.board-view{position:absolute;inset:0;perspective:230cqw;perspective-origin:50% 25%}
.frame{position:absolute;inset:0;border-radius:2.6cqw;padding:2.3cqw;background:var(--zig) 0 0/3.4cqw 3.4cqw;
  box-shadow:0 0 0 .5cqw #2a0d09,0 0 0 .9cqw var(--gold),0 0 0 1.3cqw #2a0d09,0 4cqw 7cqw rgba(0,0,0,.65),inset 0 0 0 .5cqw rgba(0,0,0,.25);
  transition:transform .8s cubic-bezier(.3,.8,.3,1);transform-origin:50% 55%}
.clip{position:absolute;inset:2.3cqw;overflow:hidden;border-radius:1cqw;background:var(--tline);box-shadow:0 0 0 .35cqw #2a0d09}
.cam{position:absolute;inset:0;transform-origin:0 0;transition:transform .55s cubic-bezier(.3,.7,.3,1)}
.board{position:absolute;inset:0;background:var(--tline)}
/* سێ ڕەهەندی */
.tilt .frame{transform:translateY(-7%) rotateX(34deg) scale(.9);transform-style:preserve-3d}
.tilt .clip{overflow:visible;transform-style:preserve-3d}
.tilt .cam,.tilt .board,.tilt .pawns,.tilt .fx,.tilt .center,.tilt .dice-area,.tilt .dice,.tilt .die-wrap,.tilt .pawn-pos{transform-style:preserve-3d}
.tilt .pawn-pos{transform:translate(-50%,-96%) rotateX(-34deg);transform-origin:50% 100%;width:6.4cqw;height:6.4cqw}
.tilt .center{overflow:visible}
.tilt .logo-sun{display:none}
.tilt .dice{transform:translateZ(3.8cqw)}
.tilt .die-wrap{perspective:none}
.tilt .die-shadow{transform:translateZ(-3.75cqw);bottom:-5%;height:100%;left:-8%;right:-8%;background:radial-gradient(rgba(0,0,0,.45),transparent 65%)}
.tilt .center-msg{transform:translate(-50%,-50%) translateZ(4cqw) rotateX(-36deg) scale(.9)}
.tilt .center-msg.show{transform:translate(-50%,-50%) translateZ(4cqw) rotateX(-36deg) scale(1.1)}
.tilt .float{rotate:x -36deg}
.tilt .bld{transform:rotateX(-50deg);transform-origin:50% 90%}
.tilt .side-l .bld.hotel,.tilt .side-r .bld.hotel{transform:rotate(90deg)}

.tile{position:absolute;background:var(--tile);box-shadow:inset 0 0 0 .12cqw var(--tline);overflow:hidden;cursor:pointer;color:#2a160c}
.tile:nth-child(odd){background:var(--tile2)}
.tile:hover{filter:brightness(1.05)}
.tphoto{position:absolute;inset:0;background:var(--img) center/cover;opacity:.95}
.tile.has-img .tphoto::after{content:"";position:absolute;inset:0}
.side-b .tphoto{top:23%}.side-t .tphoto{bottom:23%}.side-l .tphoto{right:23%}.side-r .tphoto{left:23%}
.side-b .tphoto::after{background:linear-gradient(to bottom,var(--tile) 0,var(--tile) 34%,rgba(248,238,219,.55) 60%,rgba(248,238,219,0) 100%)}
.side-t .tphoto::after{background:linear-gradient(to top,var(--tile) 0,var(--tile) 34%,rgba(248,238,219,.55) 60%,rgba(248,238,219,0) 100%)}
.side-l .tphoto::after{background:linear-gradient(to left,var(--tile) 0,var(--tile) 38%,rgba(248,238,219,.55) 66%,rgba(248,238,219,0) 100%)}
.side-r .tphoto::after{background:linear-gradient(to right,var(--tile) 0,var(--tile) 38%,rgba(248,238,219,.55) 66%,rgba(248,238,219,0) 100%)}
.band{position:absolute;background:var(--gc);box-shadow:inset 0 0 0 .12cqw var(--tline),inset 0 -.5cqw 0 rgba(0,0,0,.14),inset 0 .4cqw 0 rgba(255,255,255,.25);z-index:2}
.side-b .band{left:0;right:0;top:0;height:23%}
.side-t .band{left:0;right:0;bottom:0;height:23%}
.side-l .band{top:0;bottom:0;right:0;width:23%}
.side-r .band{top:0;bottom:0;left:0;width:23%}
.blds{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.1cqw;padding:.2cqw}
.side-l .blds,.side-r .blds{flex-direction:column}
.bld{width:1.75cqw;height:1.75cqw;filter:drop-shadow(0 .15cqw .1cqw rgba(0,0,0,.45));animation:bldIn .45s cubic-bezier(.3,1.6,.5,1)}
.bld.hotel{width:3.2cqw;height:1.9cqw}
.side-l .bld.hotel,.side-r .bld.hotel{transform:rotate(90deg)}
@keyframes bldIn{from{scale:0}}
.tbody{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:.45cqw .2cqw .5cqw;z-index:1}
.side-b .tbody{top:23%}.side-t .tbody{bottom:23%;flex-direction:column-reverse}.side-l .tbody{right:23%}.side-r .tbody{left:23%}
.tname{font-weight:900;font-size:1.72cqw;line-height:1.18;overflow-wrap:normal;letter-spacing:-.01em;text-shadow:0 0 .4cqw var(--tile),0 0 .2cqw var(--tile)}
.tprice{font-weight:900;font-size:1.5cqw;color:#2a160c;background:rgba(255,248,232,.92);border-radius:.6cqw;padding:0 .55cqw;line-height:1.45;box-shadow:0 .15cqw .4cqw rgba(0,0,0,.25)}
.ticon{width:4.3cqw;height:4.3cqw;flex:none}
.ticon svg{width:100%;height:100%;filter:drop-shadow(0 .2cqw .2cqw rgba(0,0,0,.25))}
.t-chance .tbody,.t-chest .tbody,.t-tax .tbody{justify-content:center;gap:.3cqw}
.side-l .tbody,.side-r .tbody{flex-direction:column;justify-content:center;gap:.35cqw;padding:.3cqw .5cqw}
.side-l.has-img .tbody{align-items:flex-end;padding-right:.9cqw}
.side-r.has-img .tbody{align-items:flex-start;padding-left:.9cqw}
.side-l .ticon,.side-r .ticon{width:3cqw;height:3cqw}
.side-l .tname,.side-r .tname{font-size:1.6cqw;line-height:1.15}
.t-station .tname,.t-utility .tname{font-size:1.5cqw}
.owner-mark{position:absolute;background:var(--oc);opacity:0;transition:opacity .4s;pointer-events:none;z-index:3}
.side-b .owner-mark{left:6%;right:6%;bottom:0;height:7.5%;border-radius:1cqw 1cqw 0 0}
.side-t .owner-mark{left:6%;right:6%;top:0;height:7.5%;border-radius:0 0 1cqw 1cqw}
.side-l .owner-mark{top:6%;bottom:6%;left:0;width:7.5%;border-radius:0 1cqw 1cqw 0}
.side-r .owner-mark{top:6%;bottom:6%;right:0;width:7.5%;border-radius:1cqw 0 0 1cqw}
.tile.owned .owner-mark{opacity:1;box-shadow:0 0 1.2cqw var(--oc),inset 0 .2cqw 0 rgba(255,255,255,.35)}
.tile.owned{box-shadow:inset 0 0 0 .12cqw var(--tline),inset 0 0 0 .45cqw color-mix(in srgb,var(--oc) 55%,transparent)}
.mort-mark{display:none;position:absolute;inset:0;align-items:center;justify-content:center;z-index:4;font-size:0;
  background:repeating-linear-gradient(45deg,rgba(40,15,8,.6) 0 .8cqw,rgba(40,15,8,.38) .8cqw 1.6cqw)}
.mort-mark::before{content:"ڕەهن";font-weight:900;font-size:1.5cqw;color:#fff;background:#b51f24;padding:.1cqw .7cqw;border-radius:.6cqw;transform:rotate(-30deg);box-shadow:0 .2cqw .6cqw rgba(0,0,0,.4)}
.tile.mortgaged .mort-mark{display:flex}
.hl{position:absolute;inset:0;pointer-events:none;z-index:5}
.hl.flash-step{animation:fStep .45s ease-out}
.hl.flash-land{animation:fLand 1.4s ease-out}
.hl.flash-pass{animation:fPass 1.2s ease-out}
@keyframes fStep{from{background:rgba(255,236,170,.65)}to{background:transparent}}
@keyframes fLand{0%{box-shadow:inset 0 0 0 .55cqw #fff,inset 0 0 3cqw rgba(243,179,61,.95)}100%{box-shadow:inset 0 0 0 0 transparent}}
@keyframes fPass{0%{background:rgba(243,179,61,.75)}100%{background:transparent}}

/* گۆشەکان */
.corner{background:var(--tile)!important}
.c-go{background:radial-gradient(circle at 70% 70%,#fff6df,#f8eedb 70%)!important}
.c-go .go-txt{position:absolute;top:8%;left:6%;right:6%;text-align:center;font-weight:800;font-size:1.3cqw;line-height:1.35}
.c-go .go-txt b{color:var(--red);font-size:1.7cqw}
.c-go .go-word{position:absolute;top:36%;left:0;right:0;text-align:center;font-family:Kufi,Vazirmatn;font-weight:900;font-size:3.1cqw;color:var(--red);text-shadow:0 .25cqw 0 rgba(0,0,0,.15)}
.c-go .go-arrow{position:absolute;bottom:7%;left:8%;right:8%;height:28%;transform:scaleX(-1)}
.c-go .go-arrow svg{width:100%;height:100%}
.c-jail .jail-cell{position:absolute;top:0;right:0;width:68%;height:68%;background:#f6911e;box-shadow:inset 0 0 0 .2cqw var(--tline);display:flex;flex-direction:column;align-items:center;justify-content:center}
.c-jail .jail-cell svg{position:absolute;inset:6%;width:88%;height:88%;opacity:.95}
.c-jail .jail-cell span{position:relative;font-weight:900;font-size:1.6cqw;background:#fff;padding:0 .6cqw;border-radius:.5cqw;transform:rotate(45deg);margin-top:-1cqw;box-shadow:0 .2cqw .5cqw rgba(0,0,0,.3)}
.c-jail .jail-visit{position:absolute;left:5%;bottom:5%;right:72%;top:5%;font-weight:900;font-size:1.25cqw;line-height:1.3;display:flex;align-items:center;justify-content:center;text-align:center}
.c-jail .jail-visit::after{content:"";position:absolute;left:30%;right:-260%;bottom:0;height:0}
.c-parking,.c-gotojail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2cqw;text-align:center}
.cw{font-weight:900;font-size:1.7cqw;line-height:1.25;font-family:Kufi,Vazirmatn}
.cw.sm{font-size:1.15cqw;font-family:Vazirmatn;font-weight:700}
.cico{width:6.2cqw;height:6.2cqw}.cico svg{width:100%;height:100%;filter:drop-shadow(0 .3cqw .3cqw rgba(0,0,0,.25))}
.pot{position:absolute;bottom:4%;background:var(--gold);color:#3a2600;font-weight:900;font-size:1.3cqw;padding:0 .7cqw;border-radius:.6cqw}

/* ناوەڕاست */
.center{position:absolute;inset:12.81%;overflow:hidden;
  background:radial-gradient(circle at 50% 50%,rgba(255,250,236,.9) 0%,rgba(243,228,198,.6) 55%,rgba(225,200,160,.9) 100%),var(--kilim) center/14cqw 14cqw,var(--center);
  box-shadow:inset 0 0 0 .14cqw var(--tline),inset 0 0 5cqw rgba(90,40,10,.18)}
.center::before{content:"";position:absolute;left:50%;top:50%;width:62%;height:62%;transform:translate(-50%,-50%) rotate(45deg);
  border:1.2cqw solid transparent;border-image:var(--zig) 30 round;opacity:.55}
.center-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}
.center-logo .logo-plate{padding:.5cqw 3.6cqw 1.2cqw;border-width:.6cqw;outline-width:.45cqw;border-radius:.8cqw}
.center-logo .logo-plate span{font-size:6.6cqw}
.center-logo .logo-sub{font-size:2.8cqw;padding:0 2.4cqw;margin-top:-2cqw;border-width:.3cqw}
.center-logo .logo-sun{inset:-55% -6%}
.deck{position:absolute;width:19cqw;height:12.5cqw;cursor:pointer}
.deck-chance{top:12%;left:7%;transform:rotate(-45deg)}
.deck-chest{bottom:12%;right:7%;transform:rotate(-45deg)}
.deck-card{position:absolute;inset:0;border-radius:1.2cqw;display:flex;align-items:center;justify-content:center;gap:1cqw;border:.35cqw dashed rgba(255,255,255,.85);font-family:Kufi,Vazirmatn;font-weight:900;font-size:2.2cqw;color:#fff;text-shadow:0 .2cqw 0 rgba(0,0,0,.3)}
.deck-chance .deck-card{background:linear-gradient(135deg,#ffad42,#f6911e);box-shadow:0 .3cqw 0 #c56c06,0 .6cqw 0 #ffad42,0 .9cqw 0 #c56c06,0 1.4cqw 2cqw rgba(0,0,0,.3)}
.deck-chest .deck-card{background:linear-gradient(135deg,#6db1ff,#2f80ed);box-shadow:0 .3cqw 0 #174a8f,0 .6cqw 0 #6db1ff,0 .9cqw 0 #174a8f,0 1.4cqw 2cqw rgba(0,0,0,.3)}
.deck-ico{width:5.2cqw;height:5.2cqw;background:#fff;border-radius:50%;padding:.4cqw;box-shadow:0 .2cqw .5cqw rgba(0,0,0,.25)}
.deck-ico svg{width:100%;height:100%}
.deck.draw .deck-card{animation:deckDraw .7s ease}
@keyframes deckDraw{40%{translate:0 -1.5cqw;scale:1.06}}

/* زار */
.dice-area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:4cqw;pointer-events:none;z-index:6}
.die-wrap{position:relative;width:7.6cqw;height:7.6cqw;perspective:60cqw}
.die{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(25deg)}
.face{position:absolute;inset:0;border-radius:1.3cqw;background:radial-gradient(circle at 30% 25%,#fff,#f6f1e6 55%,#ddd3c0);
  box-shadow:inset 0 0 .6cqw rgba(0,0,0,.2);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:1cqw;backface-visibility:hidden}
.face i{display:block;margin:auto;width:1.45cqw;height:1.45cqw;border-radius:50%;background:transparent}
.face i.on{background:radial-gradient(circle at 35% 35%,#4a2a1a,#140805);box-shadow:inset 0 .15cqw .2cqw rgba(255,255,255,.2)}
.f1 i.on{background:radial-gradient(circle at 35% 35%,#ff5a5f,#a50d14);width:1.9cqw;height:1.9cqw}
.f1{transform:translateZ(3.8cqw)}
.f6{transform:rotateY(180deg) translateZ(3.8cqw)}
.f2{transform:rotateY(90deg) translateZ(3.8cqw)}
.f5{transform:rotateY(-90deg) translateZ(3.8cqw)}
.f3{transform:rotateX(90deg) translateZ(3.8cqw)}
.f4{transform:rotateX(-90deg) translateZ(3.8cqw)}
.die-shadow{position:absolute;left:5%;right:5%;bottom:-18%;height:30%;border-radius:50%;background:radial-gradient(rgba(0,0,0,.45),transparent 70%)}
.dice-area.doubles .die-wrap{filter:drop-shadow(0 0 1.4cqw rgba(243,179,61,.95))}
.tilt .dice-area.doubles .die-wrap{filter:none}
.center-msg{position:absolute;left:50%;top:73%;transform:translate(-50%,-50%) scale(.9);opacity:0;transition:opacity .3s,transform .3s;z-index:7;pointer-events:none;white-space:nowrap}
.center-msg.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cm-turn{display:flex;align-items:center;gap:1.2cqw;background:rgba(42,12,8,.92);color:#fff;padding:.8cqw 2.4cqw .8cqw 1.4cqw;border-radius:99px;font-size:2.4cqw;font-weight:700;box-shadow:0 1cqw 3cqw rgba(0,0,0,.35);border:.3cqw solid var(--pc)}
.cm-turn .pawn.mini{width:5cqw;height:5cqw}
.cm-roll{display:flex;align-items:center;gap:1.2cqw;background:rgba(42,12,8,.92);color:#fff;padding:.4cqw 2.6cqw;border-radius:99px;box-shadow:0 1cqw 3cqw rgba(0,0,0,.35);border:.3cqw solid var(--gold)}
.cm-roll b{font-size:5cqw;font-weight:900;color:var(--gold);line-height:1.3}
.cm-roll span{font-size:2.4cqw;font-weight:800;color:#ffd863}
.cm-dbl{background:linear-gradient(90deg,#f0b22a,#ffd863);color:#3a2600;font-weight:900;font-size:2.8cqw;padding:.8cqw 3cqw;border-radius:99px;box-shadow:0 1cqw 3cqw rgba(0,0,0,.35)}

/* پارچەکان لەسەر بۆرد */
.pawns,.fx{position:absolute;inset:0;pointer-events:none;z-index:8}
.pawn-pos{position:absolute;width:5.6cqw;height:5.6cqw;transform:translate(-50%,-62%);z-index:2}
.pawn-pos.active{z-index:5}
.pawn-pos.active::before{content:"";position:absolute;left:-5%;right:-5%;bottom:-14%;height:50%;border-radius:50%;border:.35cqw solid #fff;box-shadow:0 0 1.2cqw var(--gold);animation:ring 1.3s ease-out infinite}
.tilt .pawn-pos.active::before{transform:rotateX(70deg)}
@keyframes ring{0%{scale:.8;opacity:1}100%{scale:1.7;opacity:0}}
.pawn-pos.moving{z-index:6}
.float{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:3cqw;padding:.2cqw 1.2cqw;border-radius:99px;animation:floatUp 1.8s ease-out forwards;z-index:9;white-space:nowrap;text-shadow:0 .2cqw 0 rgba(0,0,0,.3)}
.float.up{background:#1f9d55;color:#fff;box-shadow:0 .5cqw 1.4cqw rgba(31,157,85,.6)}
.float.down{background:#d7262b;color:#fff;box-shadow:0 .5cqw 1.4cqw rgba(215,38,43,.6)}
@keyframes floatUp{0%{opacity:0;translate:0 20%;scale:.6}15%{opacity:1;translate:0 -30%;scale:1.15}30%{translate:0 -40%;scale:1}100%{opacity:0;translate:0 -210%}}

/* ================= پەنجەرەکان ================= */
#modals{position:fixed;inset:0;pointer-events:none;z-index:50}
.modal-wrap{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:rgba(3,10,8,0);pointer-events:auto;transition:background .25s;overflow-y:auto}
.modal-wrap.in{background:rgba(20,5,3,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.modal{position:relative;width:min(420px,100%);background:linear-gradient(180deg,#4a1a12,#2a0d09);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(30px) scale(.94);opacity:0;transition:transform .32s cubic-bezier(.3,1.4,.5,1),opacity .2s;max-height:calc(100% - 10px);overflow-y:auto}
.modal-wrap.in .modal{transform:none;opacity:1}
.modal-wrap.out .modal{transform:translateY(20px) scale(.96);opacity:0}
.modal.m-wide{width:min(760px,100%)}
.mclose{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.1);cursor:pointer;font-size:14px;z-index:3}
.mtitle{margin:0 0 14px;font-family:Kufi,Vazirmatn;font-size:20px;text-align:center}
.mtext{color:var(--mut);text-align:center;line-height:1.8;margin:0 0 6px}
.empty{color:var(--mut);text-align:center;padding:14px;margin:0;font-size:14px;grid-column:1/-1}
.menu{display:flex;flex-direction:column;gap:10px}

/* کارتی خاوەندارێتی */
.m-deed{width:min(360px,100%);padding:14px}
.deed{background:#fbfaf3;color:#1b1f1d;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.4);border:3px solid #fff;outline:1px solid #ccc}
.deed-photo{height:118px;background:#ccc center/cover}
.deed-illus{display:grid;place-items:center;background:linear-gradient(135deg,#e7efe8,#cfe2d2)}
.deed-illus svg{width:80px;height:80px}
.deed-illus.big{height:140px}.deed-illus.big svg{width:110px;height:110px}
.deed-head{background:var(--gc);color:#fff;text-align:center;padding:10px 12px 12px;border-bottom:2px solid #1b1f1d;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.deed[style*="#fde021"] .deed-head,.deed[style*="#9fd8f4"] .deed-head{color:#1b1f1d;text-shadow:none}
.deed-head small{font-size:11px;font-weight:700;opacity:.9;letter-spacing:0}
.deed-head h2{margin:2px 0 0;font-family:Kufi,Vazirmatn;font-size:24px;line-height:1.5}
.deed-head span{font-size:12px;opacity:.9}
.deed-body{padding:10px 16px 12px}
.drow{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;font-size:14px;border-radius:7px}
.drow span{display:flex;align-items:center;gap:3px}
.drow .bld{width:14px;height:14px;animation:none}.drow .bld.hotel{width:24px;height:14px}
.drow b{font-weight:900}
.drow.big{font-size:17px;font-weight:800}
.drow.cur{background:#fff1b8;outline:1px solid #e3c34d}
.drow.sm{font-size:13px;color:#4a524e}
.dsep{height:1px;background:#d8d8cf;margin:6px 0}
.dnote{font-size:14px;line-height:1.8;margin:6px 0;text-align:center}
.deed-owner{display:flex;align-items:center;gap:8px;padding:8px 14px;background:color-mix(in srgb,var(--pc) 18%,#fff);border-top:1px solid #ddd;font-size:14px}
.deed-owner svg{width:24px;height:24px}
.deed-owner em{margin-inline-start:auto;font-style:normal;background:#c2151e;color:#fff;font-size:11px;padding:1px 8px;border-radius:99px}
.deed-owner.free{justify-content:center;color:#16a352;font-weight:800;background:#effaf2}
.deed.compact .deed-photo{height:70px}.deed.compact .deed-body{padding:6px 10px}.deed.compact .drow{font-size:12px;padding:1px 4px}.deed.compact .deed-head h2{font-size:18px}
.buy-q{text-align:center;margin-top:14px;line-height:1.8;font-size:15px}
.buy-q small{display:block;color:var(--mut)}
.m-buy .btn-row .btn{flex:1}

/* کارتی شانس */
.m-card{background:none;border:0;box-shadow:none;width:min(340px,100%);overflow:visible;padding:0}
.flip{perspective:1200px;height:420px}
.flip-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.2,.4,1);transform:rotateY(180deg) scale(.8)}
.flip.on .flip-in{transform:rotateY(0) scale(1)}
.card-back,.card-front{position:absolute;inset:0;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.card-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-family:Kufi,Vazirmatn;font-size:30px;color:#fff;border:8px solid #fff}
.ch .card-back{background:linear-gradient(135deg,#ffad42,#f6911e)}.cs .card-back{background:linear-gradient(135deg,#6db1ff,#2f80ed)}
.cb-ico{width:110px;height:110px;background:#fff;border-radius:50%;padding:10px}.cb-ico svg{width:100%;height:100%}
.card-front{background:#fffdf5;color:#1b1f1d;display:flex;flex-direction:column;align-items:center;padding:0 22px 22px;text-align:center;overflow:hidden;border:6px solid #fff;outline:2px solid #ddd}
.cf-head{align-self:stretch;margin:0 -22px;padding:12px;font-family:Kufi,Vazirmatn;font-weight:900;font-size:22px;color:#fff}
.ch .cf-head{background:#f6911e}.cs .cf-head{background:#2f80ed}
.cf-ico{width:90px;height:90px;margin:18px 0 6px}.cf-ico svg{width:100%;height:100%}
.card-front h3{font-family:Kufi,Vazirmatn;margin:6px 0;font-size:21px;line-height:1.6}
.card-front p{font-size:16px;line-height:1.9;margin:0 0 auto;color:#3a423e}
.card-front .btn{margin-top:12px;min-width:140px}

/* مەزاد */
.m-auction{width:min(640px,100%)}
.auc-title{text-align:center;font-family:Kufi,Vazirmatn;font-size:22px;margin-bottom:12px}
.auc-grid{display:grid;grid-template-columns:220px 1fr;gap:16px}
.auc-side{display:flex;flex-direction:column;gap:12px}
.auc-bid{text-align:center;background:rgba(0,0,0,.25);border-radius:16px;padding:12px}
.auc-bid small{display:block;color:var(--mut)}
.auc-amt{display:block;font-size:44px;font-weight:900;color:var(--gold);line-height:1.3}
.auc-amt.pop{animation:pop .35s}
@keyframes pop{50%{transform:scale(1.25)}}
.auc-players{display:flex;flex-wrap:wrap;gap:6px}
.auc-p{display:flex;align-items:center;gap:6px;background:var(--card2);border:2px solid transparent;border-radius:99px;padding:3px 10px 3px 4px;font-size:13px;font-weight:700;transition:.2s}
.auc-p .pawn.mini{width:26px;height:26px}
.auc-p.cur{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 25%,transparent)}
.auc-p.lead::after{content:"👑"}
.auc-p.out{opacity:.35;text-decoration:line-through}
.auc-turn{text-align:center;font-size:14px;margin-bottom:8px;color:var(--pc)}
.auc-turn b{color:#fff}
.auc-btns{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.auc-btns .btn{flex-direction:column;gap:0;padding:8px}
.auc-btns .btn small{font-size:11px}
.auc-btns .btn-ghost{grid-column:1/-1}
.auc-note{text-align:center;padding:14px;font-size:15px}

/* بەڕێوەبردن */
.mg-sum{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;background:rgba(0,0,0,.2);border-radius:14px;padding:10px;margin-bottom:12px;font-size:14px}
.mg-sum b{color:var(--gold)}.mg-debt b{color:#ff6b70!important}
.mg-list{display:flex;flex-direction:column;gap:8px}
.mg-row{display:grid;grid-template-columns:8px 1fr auto;grid-template-areas:"c n h" "c b b";gap:6px 10px;align-items:center;background:var(--card2);border-radius:14px;padding:10px;border:1px solid var(--line)}
.mg-row.m{background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 8px,transparent 8px 16px)}
.mg-c{grid-area:c;align-self:stretch;border-radius:4px;background:var(--gc)}
.mg-n{grid-area:n}.mg-n b{display:block}.mg-n small{color:var(--mut);font-size:12px}
.mg-h{grid-area:h;display:flex;gap:2px}.mg-h .bld{width:18px;height:18px;animation:none}.mg-h .bld.hotel{width:32px;height:18px}
.mg-b{grid-area:b;display:flex;gap:6px;flex-wrap:wrap}

/* بچووکە-کارت */
.mini-deeds{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:14px}
.mini-deed{position:relative;background:#fbfaf3;color:#1b1f1d;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.35);text-align:center;border:2px solid #fff;transition:transform .15s}
.mini-deed:hover{transform:translateY(-2px)}
.md-band{height:20px;background:var(--gc);display:flex;justify-content:center;align-items:center;gap:1px}
.md-band .bld{width:12px;height:12px;animation:none}.md-band .bld.hotel{width:20px;height:12px}
.md-name{font-weight:800;font-size:12px;padding:5px 3px 0;line-height:1.4}
.md-price{font-size:11px;color:#5a625e;padding-bottom:5px}
.md-m{position:absolute;inset:0;background:rgba(20,30,25,.55);color:#fff;font-weight:900;display:grid;place-items:center;font-size:13px}
.mini-deed.sel{outline:3px solid var(--gold);transform:translateY(-3px);box-shadow:0 0 0 5px rgba(245,197,66,.3),0 6px 14px rgba(0,0,0,.4)}
.pl-head{display:flex;align-items:center;gap:14px;padding-inline-end:30px}
.pl-head h3{margin:0 0 6px;font-family:Kufi,Vazirmatn;color:var(--pc)}
.pl-stats{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--mut);align-items:center}
.pl-stats b{color:var(--gold)}.pl-stats .bld{width:16px;height:16px;vertical-align:middle;animation:none}.pl-stats .bld.hotel{width:26px}

/* ئاڵوگۆڕ */
.tr-to{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.tr-pick{display:flex;align-items:center;gap:6px;background:var(--card2);border:2px solid transparent;border-radius:99px;padding:4px 12px 4px 6px;cursor:pointer;font-weight:700}
.tr-pick.on{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 22%,transparent)}
.tr-pick .pawn.mini{width:28px;height:28px}
.tr-cols{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}
.tr-col{background:rgba(0,0,0,.2);border-radius:16px;padding:10px;min-width:0}
.tr-col h4{margin:0 0 8px;text-align:center;font-size:15px}
.tr-props{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;max-height:240px;overflow-y:auto;padding:4px}
.tr-swap{align-self:center;font-size:26px;color:var(--gold)}
.tr-money{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px}
.tr-money input{flex:1;accent-color:var(--gold)}
.tr-money b{min-width:48px;color:var(--gold)}
.tr-card{display:flex;gap:6px;align-items:center;font-size:13px;margin-top:6px}
.tr-cash{grid-column:1/-1;text-align:center;background:rgba(245,197,66,.15);border-radius:10px;padding:6px;font-weight:800}
.tr-cols.ro .tr-props{max-height:none}

/* بردنەوە */
.m-win{text-align:center;overflow:visible;width:min(440px,100%)}
.win-crown{font-size:56px;margin-top:-56px;animation:bob 1.6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px) rotate(6deg)}}
.win-tok{display:flex;justify-content:center}
.win h2{font-family:Kufi,Vazirmatn;font-size:28px;margin:10px 0 0;color:var(--gold)}
.win p{color:var(--mut);margin:4px 0 14px}
.win-rank{display:flex;flex-direction:column;gap:6px;text-align:start}
.win-rank>div{display:flex;align-items:center;gap:10px;background:var(--card2);border-radius:12px;padding:6px 10px;border-inline-start:4px solid var(--pc)}
.win-rank span{font-weight:900;color:var(--gold);width:20px;text-align:center}
.win-rank em{margin-inline-start:auto;font-style:normal;color:var(--mut);font-size:13px}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:100}

/* سەرچاوە و یاسا */
.credits{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.cr{display:flex;gap:10px;align-items:center;background:var(--card2);border-radius:12px;padding:6px}
.cr img{width:64px;height:48px;object-fit:cover;border-radius:8px;flex:none}
.cr b{display:block;font-size:14px}.cr small{display:block;color:var(--mut);font-size:11px;direction:ltr;text-align:right}
.cr a{font-size:11px;color:#7fb6ff}
.rules details{background:var(--card2);border-radius:14px;margin-bottom:8px;padding:2px 14px}
.rules summary{cursor:pointer;font-weight:800;padding:10px 0;font-size:15px}
.rules p{margin:0 0 12px;line-height:1.95;color:#d5e2dc;font-size:14.5px}

/* ئاگادارکردنەوە */
#toasts{position:fixed;top:66px;left:50%;transform:translateX(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(92vw,460px)}
.toast{background:rgba(42,12,8,.95);border:1px solid var(--line);color:#fff;padding:10px 18px;border-radius:14px;font-weight:700;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:tin .35s cubic-bezier(.3,1.5,.5,1);text-align:center;transition:.35s}
.toast.good{border-color:rgba(75,227,127,.6);background:linear-gradient(90deg,rgba(22,163,82,.9),rgba(10,60,35,.94))}
.toast.bad{border-color:rgba(255,107,112,.6);background:linear-gradient(90deg,rgba(180,20,28,.92),rgba(70,10,14,.94))}
.toast.out{opacity:0;transform:translateY(-10px)}
@keyframes tin{from{opacity:0;transform:translateY(-16px) scale(.9)}}

/* ================= تابلێت / مۆبایل ================= */
@media (max-width:1180px){
  .gamewrap{grid-template-columns:minmax(220px,260px) 1fr minmax(250px,300px)}
  .pc-cash{font-size:17px}
}
/* ئاڕاستەی ستوونی (مۆبایل و تابلێت) */
@media (orientation:portrait),(max-width:860px) and (min-height:521px){
  .gamewrap{grid-template-columns:minmax(0,1fr);grid-template-rows:52px auto minmax(0,1fr) auto;grid-template-areas:"top" "a" "stage" "b"}
  .topbar{padding:0 8px;gap:6px}.tb{width:36px;height:36px;font-size:16px;border-radius:10px}
  .tb[data-t=log]{display:grid}
  .tb-round{display:none}
  .side{padding:6px 8px;gap:8px;overflow:visible}
  .side-a{padding-bottom:0}
  .players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:2px;overflow:visible}
  .players:has(.pcard:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
  .players::-webkit-scrollbar{display:none}
  .pcard{min-width:0;grid-template-areas:"tok main" "props props";padding:8px 10px;gap:4px 8px;border-radius:16px}
  .pcard.turn{transform:none}
  .pc-name{font-size:13px}
  .pc-cash{font-size:15px}.pc-cash small{display:none}
  .pc-props i{width:7px;height:9px;border-radius:2px}
  .pc-flags{position:absolute;top:-6px;left:4px}.flag{font-size:9px;padding:0 5px}
  .pc-tok .pawn.mini{width:28px;height:28px}
  .bot-badge{display:none}
  .cash-delta{font-size:13px;top:2px;left:6px}
  .stage{padding:4px}
  .side-b{padding-top:0;padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .dock{flex-direction:column;gap:8px;padding:10px;border-radius:18px}
  .dock-who .pawn.mini{width:30px;height:30px}
  .dock-who b{font-size:14px}
  .dock-main{flex:1}
  .btn-roll{font-size:18px;padding:13px}
  .btn-end{font-size:16px;padding:12px}
  .dock-tools .btn{font-size:13px;padding:9px 6px}
  .jail-opts{flex-direction:row;flex-wrap:wrap}.jail-opts .btn{flex:1;width:auto;font-size:14px;padding:10px 8px}
  .log-wrap{display:none}
  body.show-log .log-wrap{display:flex;position:fixed;inset:60px 10px auto;height:55vh;z-index:40;box-shadow:0 20px 60px rgba(0,0,0,.6);background:#2a0d09}
  .auc-grid{grid-template-columns:1fr}.auc-deed{display:none}
  .tr-cols{grid-template-columns:1fr}.tr-swap{transform:rotate(90deg);justify-self:center}
  .modal{padding:16px;border-radius:20px}
  .flip{height:400px}
  #toasts{top:56px}
}
/* تابلێتی ستوونی: دۆک لە تەنیشت یەکتر */
@media (orientation:portrait) and (min-width:600px){
  .dock{flex-direction:row;align-items:stretch}
  .dock-who{display:flex;flex-direction:column;justify-content:center;min-width:120px}
  .dock-who .dock-cash{margin:0}
  .dock-main{justify-content:center}
  .dock-tools{flex-direction:column;min-width:150px}
  .pc-name{font-size:15px}.pc-cash{font-size:19px}
  .pc-props i{width:9px;height:12px}
}
/* شاشەی پانی کورت (مۆبایلی ئاسۆیی) */
@media (orientation:landscape) and (max-height:520px){
  .gamewrap{grid-template-columns:minmax(170px,210px) 1fr minmax(190px,240px);grid-template-rows:44px 1fr;grid-template-areas:"top top top" "a stage b"}
  .topbar{padding:0 8px}.tb{width:32px;height:32px;font-size:14px}
  .tb-logo{display:none}
  .side{padding:6px;gap:6px}
  .players{gap:5px}
  .pcard{padding:5px 8px;gap:2px 6px;border-radius:12px}
  .pc-tok .pawn.mini{width:26px;height:26px}
  .pc-name{font-size:12px}.pc-cash{font-size:14px}.pc-props i{width:7px;height:9px}
  .dock{padding:8px;gap:6px;border-radius:14px}
  .dock-who{display:none}
  .btn-roll{font-size:16px;padding:10px}.btn-end{font-size:15px;padding:10px}
  .dock-tools .btn{font-size:12px;padding:7px 4px}
  .log-h{padding:6px 10px;font-size:12px}.log-e{font-size:11px}
  .flip{height:330px}.card-front p{font-size:14px}.cf-ico{width:60px;height:60px;margin:10px 0 0}
  .modal{max-height:calc(100% - 4px);padding:12px}
  .deed-photo{height:70px}
}
@media (prefers-reduced-motion:reduce){.logo-sun,.btn-roll .dice-ico{animation:none}}
.lobby-cta{position:sticky;bottom:0;z-index:3;margin:0 -16px;padding:14px 16px max(14px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(28,8,6,.92) 30%)}
.panel{border-top:0;position:relative;overflow:hidden}
.panel::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--zig) 0 0/14px 14px;opacity:.9}
.panel-h{margin-top:4px}
.hero .logo-plate{transform:rotate(-3deg)}
@media (max-width:600px){.slot{flex-wrap:wrap}.slot-colors{grid-template-columns:repeat(6,18px);width:100%;justify-content:center;order:5}}
.lobby-links .btn{font-size:13px;padding:6px 8px}.btn-play{width:min(100%,420px)}

/* =====================================================================
   v3 — ئایکۆن، پەڕەی سەرەکی، هەژمار، ژوور، چات، هاوڕێیان، کاتژمێر
   ===================================================================== */
.ic{width:1.25em;height:1.25em;flex:none;display:inline-block;vertical-align:middle}
.ic.inl{width:1.05em;height:1.05em;margin:0 .1em;vertical-align:-.18em}
.btn .ic{width:1.2em;height:1.2em}
.tb .ic{width:21px;height:21px}
.tb{position:relative;color:var(--ink)}
.tb:hover{background:rgba(255,226,180,.14)}
.tb.on{background:linear-gradient(180deg,#3ddc7a,#16a352);color:#fff;border-color:transparent}
.tb.off{opacity:.5}
.tb-view{display:inline-flex!important;align-items:center;gap:4px;width:auto!important;padding:0 10px}
.tb-view span{font-weight:900;font-size:13px;color:var(--gold)}
.chat-badge,.fr-badge{position:absolute;top:-5px;left:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#d7262b;color:#fff;font-style:normal;font-size:11px;font-weight:900;display:grid;place-items:center;box-shadow:0 0 0 2px #2a0d09;animation:popIn .35s cubic-bezier(.3,1.6,.5,1)}
.chat-badge[hidden],.fr-badge[hidden]{display:none}
@keyframes popIn{from{transform:scale(0)}}
.empty{grid-column:1/-1}

/* ---------- ئاگادارکردنەوە ---------- */
.toast{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-align:start;pointer-events:auto;max-width:100%}
.toast .t-ic{width:30px;height:30px;border-radius:50%;background:rgba(255,236,200,.12);display:grid;place-items:center;flex:none;color:var(--gold)}
.toast.good .t-ic{color:#b7ffcf}.toast.bad .t-ic{color:#ffc2c4}
.toast .t-ic .ic{width:18px;height:18px}
.toast .t-tx{flex:1;min-width:0;line-height:1.6}
.toast .pn{color:var(--pc);filter:brightness(1.35)}
.toast.has-act{flex-direction:row}
.toast .t-act{display:flex;gap:6px;width:100%;justify-content:flex-end}
.pn{color:var(--pc)}
.log .pn{filter:brightness(1.25)}
.mn{color:var(--gold)}
.tn{color:#fff}

/* ---------- پەڕەی سەرەکی ---------- */
.home{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden}
.home-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:linear-gradient(180deg,rgba(28,8,6,.85),transparent)}
.ht-r{display:flex;gap:8px}
.me-chip{display:flex;align-items:center;gap:10px;background:rgba(255,236,200,.08);border:1px solid var(--line);border-radius:99px;padding:4px 14px 4px 6px;cursor:pointer;color:var(--ink);text-align:start;border-inline-start:3px solid var(--pc)}
.me-chip b{display:block;font-size:14px}.me-chip small{color:var(--mut);font-size:11px}
.me-chip .pawn.mini{width:34px;height:34px}
.home-inner{position:relative;max-width:720px;margin:0 auto;padding:6px 16px 40px;display:flex;flex-direction:column;gap:18px}
.home .hero{padding:10px 0 4px}
.resume{display:flex;align-items:center;justify-content:space-between;gap:12px}
.resume>div{display:flex;align-items:center;gap:10px}
.resume>div>.ic{width:34px;height:34px;color:var(--gold)}
.home-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hc{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;padding:20px 18px 18px;border-radius:24px;border:0;cursor:pointer;color:#fff;overflow:hidden;min-height:170px;transition:transform .15s, box-shadow .15s;box-shadow:0 18px 40px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25)}
.hc::before{content:"";position:absolute;inset:0;background:var(--kilim) 0 0/80px 80px;opacity:.13;mix-blend-mode:overlay}
.hc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--zig) 0 0/16px 16px;opacity:.85}
.hc:hover{transform:translateY(-3px)}
.hc:active{transform:translateY(1px)}
.hc:disabled{filter:grayscale(.8);opacity:.6;cursor:not-allowed;transform:none}
.hc-on{background:linear-gradient(140deg,#e2403f,#a51d22 60%,#6e1010)}
.hc-bot{background:linear-gradient(140deg,#2a9d62,#16683f 60%,#0d3f27)}
.hc-ic{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.16);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.3);position:relative}
.hc-ic .ic{width:34px;height:34px}
.hc b{font-family:Kufi,Vazirmatn;font-size:21px;position:relative}
.hc small{color:rgba(255,255,255,.82);font-size:13px;line-height:1.5;position:relative}
.hc-go{position:absolute;left:16px;top:20px;opacity:.7}
.home-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.home-row:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}
.home-row button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:var(--ink);font-weight:800;cursor:pointer;font-size:14px}
.home-row button .ic{width:26px;height:26px;color:var(--gold)}
.home-row button:hover{background:rgba(255,236,200,.1)}
.home-online{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--mut);font-size:13px}
.home-online i,.on-dot{width:9px;height:9px;border-radius:50%;background:#3ddc7a;box-shadow:0 0 0 3px rgba(61,220,122,.25);display:inline-block;animation:blink 2s infinite}
@keyframes blink{50%{box-shadow:0 0 0 6px rgba(61,220,122,0)}}
.ls-top{display:flex;align-items:center;gap:12px;padding-top:6px}
.ls-top h2{margin:0;font-family:Kufi,Vazirmatn;font-size:22px;display:flex;align-items:center;gap:8px}
.ls-top h2 .ic{color:var(--gold)}
.opt span{display:flex;align-items:center;gap:8px}
.opt span .ic{color:var(--gold);width:19px;height:19px}
.opt.rng input{flex:1;max-width:180px;accent-color:var(--gold)}

/* ---------- هەژمار ---------- */
.m-auth{width:min(430px,100%)}
.auth-head{text-align:center;margin-bottom:12px}
.auth-head>.ic{width:46px;height:46px;color:var(--gold);background:rgba(243,179,61,.12);border-radius:50%;padding:9px}
.auth-head h3{margin:6px 0 0;font-family:Kufi,Vazirmatn;font-size:20px}
.auth-head p{margin:6px 0 0;color:var(--mut);font-size:13px;line-height:1.7}
.auth-tabs{display:flex;width:100%;margin-bottom:14px}
.auth-tabs button{flex:1;padding:9px;font-size:14px}
.auth-tabs button small{display:block;font-size:10px;opacity:.75;letter-spacing:.5px}
.auth-tabs button.on{background:linear-gradient(180deg,#ffd863,#f0b22a);color:#3a2600}
.auth-f{display:flex;flex-direction:column;gap:10px}
.fld{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--mut)}
.fld>span{display:flex;align-items:center;gap:6px}
.fld>span .ic{width:16px;height:16px;color:var(--gold)}
.fld small{font-weight:500;opacity:.8}
.fld input{background:rgba(0,0,0,.28);border:1.5px solid var(--line);border-radius:12px;padding:11px 12px;font-size:16px;font-weight:700;color:var(--ink);outline:none;width:100%;transition:border-color .15s}
.fld input:focus{border-color:var(--gold);background:rgba(0,0,0,.36)}
.fld.bad input{border-color:#ff6b70;animation:shake .35s}
@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.pw{position:relative}
.pw input{padding-left:44px}
.pw-eye{position:absolute;left:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--mut);cursor:pointer;padding:6px;border-radius:8px}
.pw-eye.on{color:var(--gold)}
.auth-err{background:rgba(215,38,43,.18);border:1px solid rgba(255,107,112,.5);color:#ffd0d2;border-radius:12px;padding:9px 12px;font-size:13px;line-height:1.6}
.auth-go{width:100%;margin-top:4px;font-size:18px!important;padding:13px!important}
.auth-note{color:var(--mut);font-size:12px;text-align:center;margin:2px 0 0}
.btn.loading{position:relative;color:transparent!important}
.btn.loading::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.5);border-top-color:#fff;animation:spin .7s linear infinite}

/* ---------- پرۆفایل ---------- */
.m-prof{width:min(480px,100%)}
.prof-top{display:flex;align-items:center;gap:14px;padding:6px 2px 14px;padding-inline-end:34px}
.prof-top h3{margin:0 0 6px;font-family:Kufi,Vazirmatn;font-size:22px;color:var(--pc);filter:brightness(1.3)}
.prof-ids{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--mut);font-size:13px}
.idchip{display:inline-flex;align-items:center;gap:6px;background:rgba(243,179,61,.12);border:1px dashed rgba(243,179,61,.6);color:var(--gold);border-radius:99px;padding:4px 10px;font-size:12px;cursor:pointer;font-weight:700}
.idchip b{color:#fff;font-size:13px;letter-spacing:1px}
.idchip .ic{width:15px;height:15px}
.prof-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.prof-stats div{background:rgba(0,0,0,.22);border-radius:14px;padding:10px 4px;text-align:center}
.prof-stats b{display:block;font-size:20px;color:var(--gold);font-weight:900}
.prof-stats small{color:var(--mut);font-size:11px}
.m-prof h4{margin:14px 0 8px;font-size:14px;color:var(--mut)}
.pf-toks{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:10px 0}
.pf-tok{background:rgba(0,0,0,.2);border:2px solid transparent;border-radius:12px;padding:4px;cursor:pointer;aspect-ratio:1}
.pf-tok .pawn{width:100%;height:100%}
.pf-tok.on{border-color:var(--gold);background:rgba(243,179,61,.14)}
.pf-cols{display:flex;gap:10px;justify-content:center;margin:12px 0}
.pf-cols .sc{width:30px;height:30px}
.sc.taken{opacity:.25;cursor:not-allowed}
.pf-games{display:flex;flex-direction:column;gap:6px}
.pf-g{display:flex;align-items:center;gap:10px;background:var(--card2);border-radius:10px;padding:7px 10px;font-size:13px}
.pf-g span{width:24px;text-align:center;font-weight:900;color:var(--mut)}
.pf-g.win span{color:var(--gold)}
.pf-g em{margin-inline-start:auto;font-style:normal;color:var(--mut);font-size:12px}
.pf-pw{margin-top:12px;background:var(--card2);border-radius:14px;padding:4px 12px 12px}
.pf-pw summary{cursor:pointer;padding:8px 0;font-weight:800;display:flex;align-items:center;gap:6px}
.pf-pw .fld{margin-bottom:8px}

/* ---------- پەنجەرەی ئۆنلاین ---------- */
.m-hub{width:min(460px,100%)}
.hub{display:flex;flex-direction:column;gap:14px}
.hub-big{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border-radius:20px;border:0;cursor:pointer;color:#fff;text-align:start;background:linear-gradient(140deg,#e2403f,#a51d22);box-shadow:0 10px 26px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.hub-big>.ic:first-child{width:42px;height:42px;background:rgba(255,255,255,.16);border-radius:14px;padding:8px}
.hub-big b{display:block;font-family:Kufi,Vazirmatn;font-size:18px}
.hub-big small{color:rgba(255,255,255,.8);font-size:12.5px}
.hub-big div{flex:1}
.hub-join{background:var(--card2);border:1px solid var(--line);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:12px;align-items:center}
.hub-join>b{display:flex;align-items:center;gap:8px;align-self:flex-start}
.hub-join>b .ic{color:var(--gold)}
.hub-join .btn{width:100%}
.code-in{display:flex;gap:8px;direction:ltr}
.code-in input{width:52px;height:62px;border-radius:14px;border:2px solid var(--line);background:rgba(0,0,0,.35);color:#fff;text-align:center;font-size:28px;font-weight:900;font-family:Vazirmatn,monospace;text-transform:uppercase;outline:none;transition:.15s;caret-color:var(--gold)}
.code-in input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(243,179,61,.18);transform:translateY(-2px)}
.code-in input:not(:placeholder-shown),.code-in input:valid{border-color:rgba(243,179,61,.55)}
.hub-pub-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.hub-pub-h b{display:flex;align-items:center;gap:6px}
.hub-pub-h .tb{width:34px;height:34px}
.pub-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}
.pub{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--card2);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:start}
.pub b{font-size:17px;letter-spacing:2px;color:var(--gold);font-family:Vazirmatn,monospace}
.pub span{flex:1;font-size:13px}
.pub em{font-style:normal;color:var(--mut);font-size:12px}

/* ---------- لۆبی ژوور ---------- */
.room{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}
.room-top{display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(180deg,rgba(20,5,3,.75),rgba(20,5,3,.35));border-bottom:3px solid transparent;border-image:var(--zig) 0 0 14 0 repeat;flex-wrap:wrap}
.room-code{display:flex;flex-direction:column;align-items:center;line-height:1.2}
.room-code small{color:var(--mut);font-size:11px;font-weight:700}
.rc-code{display:flex;gap:4px;direction:ltr}
.rc-code i{font-style:normal;width:34px;height:42px;display:grid;place-items:center;font-size:24px;font-weight:900;color:#3a2600;background:linear-gradient(180deg,#ffe28a,#f0b22a);border-radius:9px;box-shadow:0 3px 0 #9a6a05,inset 0 1px 0 rgba(255,255,255,.6);font-family:Vazirmatn,monospace}
.room-share{display:flex;gap:6px;flex-wrap:wrap}
.room-tools{margin-inline-start:auto;display:flex;gap:6px}
.room-main{flex:1;min-height:0;display:grid;grid-template-columns:1fr minmax(300px,380px);gap:14px;padding:14px;overflow:hidden}
.room-left{overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:2px}
.room-right{display:flex;flex-direction:column;min-height:0;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.rr-tabs{padding:12px 14px;border-bottom:1px solid var(--line);font-weight:800}
.rr-tabs b{display:flex;align-items:center;gap:8px}
.rr-tabs .ic{color:var(--gold)}
.lobby-chat{flex:1;min-height:0;display:flex}
.seats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 14px;border-radius:22px;background:var(--card);border:2px solid var(--line);text-align:center;min-height:168px;justify-content:center;transition:.2s;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.seat:not(.vacant){border-color:color-mix(in srgb,var(--pc) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 20%,transparent),var(--card) 70%)}
.seat.me{cursor:pointer;box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 45%,transparent),0 12px 30px rgba(0,0,0,.35)}
.seat.me:hover{transform:translateY(-2px)}
.seat.off{opacity:.55}
.seat-tok{position:relative}
.seat-tok .pawn.big{width:70px;height:70px}
.seat-name{font-weight:900;font-size:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seat-host{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:900;color:#3a2600;background:linear-gradient(180deg,#ffe28a,#f0b22a);padding:2px 10px;border-radius:99px;box-shadow:0 2px 0 #9a6a05}
.seat-host .ic{width:15px;height:15px}
.seat-bot{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--mut)}
.seat-bot .ic{width:15px;height:15px}
.seat-off{position:absolute;top:10px;right:12px;color:#ff9da1}
.seat-x{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:#ffb3b6;cursor:pointer;display:grid;place-items:center}
.seat-x .ic{width:15px;height:15px}
.seat-edit{position:absolute;top:10px;right:10px;color:var(--gold);opacity:.8}
.seat-edit .ic{width:16px;height:16px}
.seat.vacant{border-style:dashed;cursor:pointer;color:var(--mut);background:rgba(255,236,200,.03);box-shadow:none}
.seat.vacant:hover{border-color:var(--gold);color:var(--gold)}
.seat-plus{width:54px;height:54px;border-radius:50%;border:2px dashed currentColor;display:grid;place-items:center;animation:breathe 2.4s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.08);opacity:.7}}
.seat.vacant span{font-size:13px}
.seat-mic{position:absolute;bottom:-4px;left:-6px;width:24px;height:24px;border-radius:50%;background:#1f9d55;color:#fff;display:none;place-items:center;box-shadow:0 0 0 2px #2a0d09}
.seat-mic .ic{width:14px;height:14px}
.seat.mic-on .seat-mic{display:grid}
.seat.speaking .seat-tok::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:3px solid #3ddc7a;animation:speak .6s ease-out infinite}
@keyframes speak{from{transform:scale(.9);opacity:1}to{transform:scale(1.25);opacity:0}}
.seat-bub{position:absolute;left:50%;top:-10px;transform:translate(-50%,-100%);z-index:5;pointer-events:none;width:max-content;max-width:220px}
.specs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--mut);font-size:13px}
.specs:empty{display:none}
.specs b{display:flex;align-items:center;gap:5px}
.spec{background:var(--card2);padding:3px 10px;border-radius:99px;color:var(--ink)}
.spec.off{opacity:.5}
.room-ctl{display:flex;flex-direction:column;gap:12px;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:14px}
.rs-sum{color:var(--mut);font-size:13px;text-align:center}
.rc-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.rc-row .btn{flex:1;min-width:140px;font-size:14px}
.room-ctl .btn-play{width:100%}
.rc-hint{margin:0;text-align:center;color:var(--mut);font-size:12.5px}
.rc-wait{display:flex;flex-direction:column;align-items:center;color:var(--mut);font-size:14px;padding:6px}
.m-inv{width:min(460px,100%)}
.inv-share{display:flex;gap:8px;margin-bottom:12px}
.inv-share .btn{flex:1;font-size:13px}
.inv-list{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}
em.ok{color:#7dffa9;font-style:normal}

/* ---------- بلقی چات ---------- */
.bub{position:relative;background:#fffaf0;color:#2a160c;font-weight:700;font-size:13px;line-height:1.55;padding:7px 12px;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.4);animation:bubIn .35s cubic-bezier(.3,1.5,.5,1);word-break:break-word;max-width:220px}
.bub::after{content:"";position:absolute;bottom:-7px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#fffaf0;border-bottom:0}
.bub.emo{background:none;box-shadow:none;padding:0}
.bub.emo::after{display:none}
.bub.emo .emote{width:72px;height:72px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));animation:emoBounce 1s ease-in-out infinite}
.bub.out{animation:bubOut .35s forwards}
@keyframes bubIn{from{transform:scale(.3) translateY(10px);opacity:0}}
@keyframes bubOut{to{transform:scale(.6) translateY(-6px);opacity:0}}
@keyframes emoBounce{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}
.pc-bub{position:absolute;right:10px;left:10px;top:calc(100% - 12px);z-index:20;display:flex;justify-content:center;pointer-events:none}
.pc-bub .bub::after{top:-7px;bottom:auto;border-top:0;border-bottom:7px solid #fffaf0}
.pc-bub .bub.emo{margin-top:-60px}
.pawn-emote{position:absolute;left:50%;bottom:105%;width:170%;transform:translateX(-50%);animation:pawnEmo 2.6s ease forwards;pointer-events:none;z-index:9}
.pawn-emote .emote{width:100%;height:auto;filter:drop-shadow(0 .5cqw .8cqw rgba(0,0,0,.5))}
@keyframes pawnEmo{0%{opacity:0;transform:translateX(-50%) scale(.2)}12%{opacity:1;transform:translateX(-50%) scale(1.15)}22%{transform:translateX(-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(-40%) scale(.9)}}
.tilt .pawn-emote{transform-origin:50% 100%}

/* ---------- کارتی یاریزان: کات، مایک، پەیوەندی ---------- */
.pc-name{display:flex;align-items:center;gap:6px}
.pc-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pc-badge{font-style:normal;display:inline-flex}
.bdg{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgba(255,236,200,.12);color:var(--mut)}
.bdg .ic{width:14px;height:14px}
.bdg.off{background:rgba(215,38,43,.25);color:#ffb3b6}
.pcard.me{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 60%,transparent)}
.pcard.away .pc-tok{opacity:.55;filter:grayscale(.6)}
.pc-tok{position:relative}
.pc-mic{position:absolute;bottom:-3px;left:-5px;width:18px;height:18px;border-radius:50%;background:#1f9d55;color:#fff;display:none;place-items:center;box-shadow:0 0 0 2px #2a0d09;font-style:normal}
.pc-mic .ic{width:11px;height:11px}
.pcard.mic-on .pc-mic{display:grid}
.pcard.speaking .pc-tok::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #3ddc7a;animation:speak .6s ease-out infinite}
.pc-timer{position:absolute;left:10px;right:10px;bottom:4px;height:4px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;opacity:0;transition:opacity .2s}
.pc-timer.on{opacity:1}
.pc-timer i{display:block;height:100%;background:linear-gradient(90deg,#3ddc7a,#f3b33d);transform-origin:right;border-radius:inherit}
.pc-timer.low i{background:linear-gradient(90deg,#ff3b40,#ff8a5c);animation:lowPulse .5s ease-in-out infinite alternate}
@keyframes lowPulse{to{filter:brightness(1.6)}}
.flag{display:inline-flex;align-items:center;gap:3px}
.flag .ic{width:12px;height:12px}

/* ---------- دۆک ---------- */
.dock-who{position:relative}
.dw-t{min-width:0}
.dock-timer{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:17px;color:#fff;flex:none;margin-inline-start:auto;
  background:conic-gradient(var(--gold) calc(var(--f,1)*360deg),rgba(255,255,255,.1) 0);transition:color .2s}
.dock-timer::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#2a0d09;z-index:-1}
.dock-timer{isolation:isolate}
.dock-timer.low{background:conic-gradient(#ff3b40 calc(var(--f,1)*360deg),rgba(255,255,255,.1) 0);color:#ff8a8d;animation:timerShake .5s infinite}
@keyframes timerShake{25%{transform:rotate(-6deg) scale(1.06)}75%{transform:rotate(6deg) scale(1.06)}}
.dock-timer[hidden]{display:none}
.dock-timer+.dock-cash{margin-inline-start:8px}
.dock.mine{border-color:rgba(243,179,61,.55);box-shadow:0 0 0 2px rgba(243,179,61,.25),0 20px 50px rgba(0,0,0,.3)}
.btn-roll .dice-ico{width:1.35em;height:1.35em}
.spec-box{display:flex;align-items:center;gap:12px;padding:4px}
.spec-box>.ic{width:34px;height:34px;color:var(--gold)}
.spec-box b{display:block}.spec-box small{color:var(--mut);font-size:12px}
.phase-spec .btn{width:100%}
.m-timer{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin:12px 0 0}
.m-timer i{display:block;height:100%;background:linear-gradient(90deg,#3ddc7a,#f3b33d);transform-origin:right}
.m-timer.low i{background:linear-gradient(90deg,#ff3b40,#ff8a5c)}
.m-timer[hidden]{display:none}

/* ---------- لێدانی دڵ: سووربوونی لێوارەکان ---------- */
#vignette{position:fixed;inset:0;pointer-events:none;z-index:45;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(200,0,10,.55) 100%);transition:opacity .4s}
body.danger #vignette{opacity:.35}
#vignette.beat{animation:beat .45s ease-out}
@keyframes beat{0%{opacity:.95}100%{opacity:.35}}

#netbar{position:fixed;top:0;left:0;right:0;z-index:70;background:linear-gradient(90deg,#a51d22,#d7262b);color:#fff;text-align:center;font-weight:800;font-size:13px;padding:7px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 18px rgba(0,0,0,.4)}
#netbar[hidden]{display:none}

/* ---------- چات ---------- */
.ch{display:flex;flex-direction:column;min-height:0;flex:1;width:100%}
.ch-list{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.ch-empty{color:var(--mut);text-align:center;font-size:13px;padding:30px 10px;line-height:1.8}
.ch-sys{align-self:center;font-size:12px;color:var(--mut);background:rgba(255,236,200,.06);padding:3px 12px;border-radius:99px;text-align:center}
.ch-m{display:flex;gap:8px;align-items:flex-end;max-width:88%;animation:logIn .25s ease}
.ch-m.mine{align-self:flex-end;flex-direction:row-reverse}
.ch-av .pawn.mini{width:30px;height:30px}
.ch-b{background:rgba(255,236,200,.08);border:1px solid var(--line);border-radius:16px;padding:6px 12px 8px;min-width:0;border-bottom-right-radius:4px}
.ch-m.mine .ch-b{background:color-mix(in srgb,var(--pc) 28%,#3a120c);border-color:color-mix(in srgb,var(--pc) 50%,transparent);border-bottom-right-radius:16px;border-bottom-left-radius:4px}
.ch-h{display:flex;align-items:baseline;gap:8px;justify-content:space-between}
.ch-h b{font-size:12px;color:var(--pc);filter:brightness(1.35)}
.ch-h time{font-size:10.5px;color:var(--mut)}
.ch-txt{font-size:14px;line-height:1.6;word-break:break-word}
.ch-emo .emote{width:64px;height:64px;display:block}
.ch-quick{display:flex;gap:6px;overflow-x:auto;padding:8px 10px 0;scrollbar-width:none}
.ch-quick::-webkit-scrollbar{display:none}
.ch-quick button{flex:none;background:rgba(255,236,200,.08);border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:700;cursor:pointer}
.ch-quick button:hover{border-color:var(--gold);color:var(--gold)}
.ch-emos{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px 10px 0}
.ch-emos[hidden]{display:none}
.ch-emos button{background:rgba(255,236,200,.05);border:0;border-radius:12px;padding:4px;cursor:pointer;aspect-ratio:1;transition:transform .12s}
.ch-emos button:hover{transform:scale(1.15);background:rgba(255,236,200,.12)}
.ch-emos .emote{width:100%;height:100%}
.ch-in{display:flex;gap:6px;padding:10px;align-items:center}
.ch-in input{flex:1;min-width:0;background:rgba(0,0,0,.3);border:1.5px solid var(--line);border-radius:99px;padding:10px 14px;font-size:15px;color:var(--ink);outline:none}
.ch-in input:focus{border-color:var(--gold)}
.ch-send,.ch-emo-btn{width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;flex:none}
.ch-send{background:linear-gradient(180deg,#ffd863,#f0b22a);color:#3a2600;box-shadow:0 3px 0 #9a6a05}
.ch-send .ic{transform:scaleX(-1)}
.ch-emo-btn{background:rgba(255,236,200,.1);color:var(--gold)}
.ch-emo-btn.on{background:var(--gold);color:#3a2600}
#chat-drawer{position:fixed;z-index:42;top:56px;bottom:0;left:0;width:min(380px,100%);background:linear-gradient(180deg,#3d150f,#240a07);border-right:1px solid var(--line);box-shadow:20px 0 60px rgba(0,0,0,.5);display:flex;flex-direction:column;transform:translateX(-105%);transition:transform .32s cubic-bezier(.3,.9,.3,1)}
#chat-drawer.open{transform:none}
.cd-h{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);font-weight:800}
.cd-h>.ic{color:var(--gold)}
.cd-h .cd-x{margin-inline-start:auto;width:34px;height:34px}
.cd-body{flex:1;min-height:0;display:flex}

/* ---------- هاوڕێیان ---------- */
#social{position:fixed;z-index:48;top:0;bottom:0;right:0;width:min(400px,100%);background:linear-gradient(180deg,#43170f,#250a07);border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(0,0,0,.55);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .32s cubic-bezier(.3,.9,.3,1)}
#social.open{transform:none}
#social-shade{position:fixed;inset:0;z-index:47;background:rgba(10,3,2,.5);opacity:0;pointer-events:none;transition:opacity .3s}
body.social-open #social-shade{opacity:1;pointer-events:auto}
.so-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:3px solid transparent;border-image:var(--zig) 0 0 14 0 repeat}
.so-h>b{display:flex;align-items:center;gap:8px;font-size:17px;font-family:Kufi,Vazirmatn}
.so-h>b .ic{color:var(--gold)}
.so-h .so-x,.so-h .dm-more{margin-inline-start:auto;width:36px;height:36px}
.so-me{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(0,0,0,.15)}
.so-me b{display:block;font-size:14px}.so-me small{color:var(--mut);font-size:11px}
.so-me .idchip{margin-inline-start:auto}
.so-tabs{display:flex;margin:10px 12px 4px}
.so-tabs button{flex:1;font-size:13px;display:flex;align-items:center;justify-content:center;gap:5px}
.so-tabs button small{opacity:.8}
.so-tabs button.on{background:linear-gradient(180deg,#ffd863,#f0b22a);color:#3a2600}
.so-tabs .dot{font-style:normal;background:#d7262b;color:#fff;border-radius:99px;padding:0 6px;font-size:11px}
.so-body{flex:1;min-height:0;overflow-y:auto;padding:8px 10px 20px;display:flex;flex-direction:column;gap:6px}
.so-body h5{margin:10px 4px 2px;color:var(--mut);font-size:12px}
.fr{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:var(--card2);border:1px solid transparent;cursor:pointer;transition:.15s}
.fr:hover{border-color:var(--line);background:rgba(255,236,200,.1)}
.fr.dim{opacity:.7}
.fr-av{position:relative;flex:none}
.fr-av .pawn.mini{width:40px;height:40px}
.fr-av i{position:absolute;bottom:0;left:0;width:12px;height:12px;border-radius:50%;background:#7a6a60;box-shadow:0 0 0 2.5px #2a0d09}
.fr-av.on i{background:#3ddc7a}
.fr-m{flex:1;min-width:0;display:flex;flex-direction:column}
.fr-m b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-m small{font-size:11.5px;color:var(--mut)}
.fr-m em{font-style:normal;font-size:12px;color:#e7cfb4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}
.st-on{color:#7dffa9!important}.st-game{color:#ffd863!important}.st-room{color:#8fc9ff!important}
.fr-un{background:#d7262b;color:#fff;border-radius:99px;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;font-size:12px;font-weight:900}
.fr-a{display:flex;gap:4px;align-items:center}
.fr-a em{font-style:normal;font-size:12px;color:var(--mut)}
.so-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--mut);padding:40px 14px;line-height:1.8;font-size:14px}
.so-empty>.ic{width:48px;height:48px;color:var(--gold);opacity:.7}
.so-add p{color:var(--mut);font-size:13px;margin:6px 4px 10px}
.so-q{display:flex;gap:8px}
.so-q input{flex:1;min-width:0;background:rgba(0,0,0,.3);border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;font-size:17px;font-weight:800;color:var(--ink);outline:none;letter-spacing:1px}
.so-q input:focus{border-color:var(--gold)}
.so-res{margin-top:14px}
.so-err{background:rgba(215,38,43,.15);border-radius:12px;padding:10px;color:#ffc2c4;font-size:13px;display:flex;gap:6px;align-items:center}
.so-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 18%,transparent),var(--card2));border:1px solid color-mix(in srgb,var(--pc) 45%,transparent);animation:logIn .25s}
.so-card>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.so-card b{font-size:17px}
.so-card small{color:var(--mut);font-size:12px}
.so-act{width:100%;display:flex;justify-content:center}
.so-act .btn{width:100%}
.so-act em{font-style:normal;color:var(--mut)}
.dm-h .fr-av .pawn.mini{width:36px;height:36px}
.dm-t{display:flex;flex-direction:column;min-width:0}
.dm-t b{font-size:15px}.dm-t small{font-size:11.5px;color:var(--mut)}
.so-back{width:36px;height:36px}
.dm-list{flex:1;min-height:0;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.dm-day{align-self:center;margin:8px 0;font-size:11px;color:var(--mut);background:rgba(255,236,200,.07);padding:2px 12px;border-radius:99px}
.dm-m{display:flex;flex-direction:column;align-items:flex-start;max-width:80%;align-self:flex-end;animation:logIn .2s}
.dm-m.mine{align-self:flex-start;align-items:flex-end}
.dm-b{background:rgba(255,236,200,.1);border:1px solid var(--line);padding:8px 12px;border-radius:18px;border-bottom-left-radius:5px;font-size:14.5px;line-height:1.6;word-break:break-word}
.dm-m.mine .dm-b{background:linear-gradient(180deg,#d7362f,#a51d22);border-color:transparent;color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:5px}
.dm-m time{font-size:10.5px;color:var(--mut);margin:2px 6px 4px}
.dm-seen{align-self:flex-start;font-size:11.5px;color:var(--mut);display:flex;margin:-2px 6px 4px}
.dm-seen span{display:inline-flex;align-items:center;gap:4px}
.dm-seen .seen{color:#7dc4ff}
.dm-seen .ic{width:16px;height:16px}
.dm-typing{display:flex;align-items:center;gap:6px;padding:2px 16px 4px;color:var(--gold);font-size:12px}
.dm-typing[hidden]{display:none}
.dm-typing .ic{width:22px;height:14px;animation:th 1s infinite}
.dm-emos{padding:8px 10px 0}
.dm-in{border-top:1px solid var(--line)}

/* ---------- ڕیزبەندی ---------- */
.lb{display:flex;flex-direction:column;gap:6px}
.lb-r{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:var(--card2);border-inline-start:4px solid var(--pc)}
.lb-r.me{box-shadow:0 0 0 2px var(--gold)}
.lb-r.top1{background:linear-gradient(90deg,rgba(243,179,61,.28),var(--card2))}
.lb-r.top2{background:linear-gradient(90deg,rgba(200,210,220,.2),var(--card2))}
.lb-r.top3{background:linear-gradient(90deg,rgba(205,127,50,.25),var(--card2))}
.lb-n{width:26px;text-align:center;font-weight:900;color:var(--mut)}
.lb-r.top1 .lb-n{color:#ffd863}.lb-r.top2 .lb-n{color:#dfe6ee}.lb-r.top3 .lb-n{color:#e09a5a}
.lb-m{flex:1;min-width:0}.lb-m b{display:block;font-size:14px}.lb-m small{color:var(--mut);font-size:11px}
.lb-s{text-align:center;min-width:48px}.lb-s b{display:block;color:var(--gold);font-size:16px}.lb-s small{font-size:10.5px;color:var(--mut)}

/* ---------- دۆڕان / بردنەوە ---------- */
.m-elim{width:min(420px,100%);text-align:center}
.elim-ic .ic{width:70px;height:70px;color:#ff8a8d;filter:drop-shadow(0 6px 16px rgba(215,38,43,.5));animation:bob 1.6s ease-in-out infinite}
.elim h2{font-family:Kufi,Vazirmatn;margin:6px 0;font-size:26px}
.elim p{color:var(--mut);margin:0 0 16px;line-height:1.8}
.elim-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.elim-o{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border-radius:18px;border:2px solid var(--line);background:var(--card2);color:var(--ink);cursor:pointer;transition:.15s}
.elim-o .ic{width:38px;height:38px;color:var(--gold)}
.elim-o b{font-size:16px}.elim-o small{color:var(--mut);font-size:12px;line-height:1.5}
.elim-o:hover{border-color:var(--gold);transform:translateY(-2px)}
.elim-o.out .ic{color:#ff8a8d}
.elim-o.out:hover{border-color:#ff8a8d}
.win-crown .ic{width:62px;height:62px;color:#ffd863;filter:drop-shadow(0 6px 14px rgba(243,179,61,.6))}
.win-crown{margin-top:-50px}
.cbox{text-align:center}
.cbox-ic .ic{width:48px;height:48px;color:var(--gold)}
.mclose .ic{width:16px;height:16px}
.mclose{display:grid;place-items:center;color:var(--ink)}
.float.ic{background:#fffaf0;box-shadow:0 .5cqw 1.4cqw rgba(0,0,0,.4);padding:.6cqw;border-radius:50%;line-height:0}
.float.ic svg,.float.ic .bld{width:4cqw;height:4cqw;animation:none}
.float.ic .ic{color:#1f9d55}
.deed-owner.free .ic{width:16px;height:16px}
.tr-swap .ic{width:30px;height:30px}
.tr-money .ic{color:var(--gold)}
.tr-cash .ic{color:var(--gold)}
.auc-title .ic{color:var(--gold);width:26px;height:26px}
.auc-p em{font-style:normal;display:none;color:#ffd863}
.auc-p.lead em{display:inline-flex}
.auc-p em .ic{width:14px;height:14px}
.auc-p.lead::after{content:none}
.cm-dbl .ic{width:1.1em;height:1.1em}
.debt-box .ic{color:#ff8a8d}
.mg-sum .ic,.pl-stats .ic{width:16px;height:16px;color:var(--gold)}
.mg-link{width:100%;margin-top:6px}
.mtitle .ic{color:var(--gold)}
.rules summary{display:flex;align-items:center;gap:6px}
.cf-wait{height:20px}
body.spectating .phase-spec{border-color:rgba(143,201,255,.5)}

/* ---------- ڕێکخستنی شاشەی بچووک ---------- */
@media (max-width:860px){
  .home-cards{grid-template-columns:1fr}
  .home-row{grid-template-columns:repeat(2,1fr)!important}
  .hc{min-height:130px;padding:16px}
  .hc-ic{width:48px;height:48px}.hc-ic .ic{width:28px;height:28px}
  .hc b{font-size:19px}
  .room-main{grid-template-columns:1fr;grid-template-rows:auto minmax(260px,1fr);overflow-y:auto;padding:10px}
  .room-left{overflow:visible}
  .room-right{min-height:340px}
  .seats{grid-template-columns:repeat(3,1fr);gap:8px}
  .seat{min-height:132px;padding:12px 6px 10px;border-radius:18px}
  .seat-tok .pawn.big{width:52px;height:52px}
  .seat-name{font-size:13px}
  .seat-host{font-size:10.5px;padding:1px 7px}
  .room-top{padding:8px 10px;gap:8px}
  .rc-code i{width:28px;height:36px;font-size:20px}
  .room-share{order:3;width:100%;justify-content:center}
  .room-share .btn{flex:1}
  .tb-opt{display:none!important}
  #chat-drawer{top:auto;height:72vh;width:100%;border-radius:22px 22px 0 0;transform:translateY(105%);border-right:0;border-top:1px solid var(--line)}
  #chat-drawer.open{transform:none}
  #social{width:100%}
  .code-in input{width:46px;height:56px;font-size:24px}
  .prof-stats{grid-template-columns:repeat(2,1fr)}
  .pf-toks{grid-template-columns:repeat(4,1fr)}
  .elim-opts{grid-template-columns:1fr}
  .ch-emos{grid-template-columns:repeat(6,1fr)}
  .pc-bub .bub{font-size:12px;max-width:160px}
  .pc-bub .bub.emo .emote{width:56px;height:56px}
}
@media (max-width:380px){
  .tb{width:32px!important;height:32px!important}
  .tb .ic{width:18px;height:18px}
  .tb-logo{display:none}
}
@media (orientation:landscape) and (max-height:520px){
  #chat-drawer{top:44px;height:auto;width:min(360px,60vw);border-radius:0;transform:translateX(-105%)}
  .room-main{grid-template-columns:1fr minmax(260px,320px);grid-template-rows:none}
}

/* ===================== v3.1 — جوانکاری و تایبەتمەندی زیاتر ===================== */
/* پاشبنەمای جوڵاوی وێنەی شارەکان */
.home-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.home-bg i{position:absolute;inset:-6%;background:center/cover no-repeat;opacity:0;filter:saturate(1.15) blur(1.5px);animation:kenburns 35s linear infinite}
.home-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(60,14,8,.35),rgba(28,8,6,.94) 72%),linear-gradient(180deg,rgba(28,8,6,.2),rgba(28,8,6,.9))}
@keyframes kenburns{0%{opacity:0;transform:scale(1.02) translate(0,0)}4%{opacity:.34}20%{opacity:.34}24%{opacity:0;transform:scale(1.14) translate(-2%,-1%)}100%{opacity:0}}
.hero{position:relative}
.hero-toks{position:absolute;inset:-10px -20px;pointer-events:none}
.ht{position:absolute;width:54px;height:54px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));animation:floaty 6s ease-in-out infinite}
.ht .pawn{width:100%;height:100%}
.ht0{top:6%;right:4%;animation-delay:-1s}.ht1{top:52%;right:-1%;animation-delay:-3s;width:44px;height:44px}
.ht2{bottom:-4%;right:16%;animation-delay:-5s;width:40px;height:40px}.ht3{top:4%;left:5%;animation-delay:-2s}
.ht4{top:50%;left:-1%;animation-delay:-4s;width:44px;height:44px}.ht5{bottom:-4%;left:16%;animation-delay:-.5s;width:40px;height:40px}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(6deg)}}
@media (max-width:600px){.ht{width:38px;height:38px}.ht1,.ht4{width:32px;height:32px}.ht2,.ht5{display:none}}
/* ناوی دروستکەر */
.credit{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px;padding:16px 12px 6px;border-top:1px solid var(--line);text-align:center}
.cr-by{color:var(--mut);font-size:13px}
.cr-by b{color:var(--gold);font-size:15px;letter-spacing:.5px}
.cr-wa{display:inline-flex;align-items:center;gap:8px;color:#d9ffe6;text-decoration:none;font-weight:800;font-size:13.5px;background:rgba(37,211,102,.14);border:1px solid rgba(37,211,102,.45);padding:7px 14px;border-radius:99px}
.cr-wa:hover{background:rgba(37,211,102,.24)}
.cr-wa .ic{color:#4be38a}
.btn-wa{--bt:#3ddc84;--b:#1fa855;--bd:#0d6b33;color:#fff;text-decoration:none}
/* دەربارە */
.m-about{width:min(440px,100%);text-align:center}
.ab-logo{transform:scale(1.5);margin:22px 0 18px}
.ab-tag{color:var(--mut);margin:0 0 14px;font-size:13px}
.ab-card{display:flex;align-items:center;gap:12px;justify-content:center;background:linear-gradient(135deg,rgba(243,179,61,.18),rgba(243,179,61,.04));border:1px solid rgba(243,179,61,.45);border-radius:18px;padding:12px 16px;margin-bottom:12px;text-align:start}
.ab-av{width:48px;height:48px;border-radius:50%;background:linear-gradient(180deg,#ffd863,#f0b22a);display:grid;place-items:center;color:#7a4b00;box-shadow:0 4px 0 #9a6a05}
.ab-av .ic{width:28px;height:28px}
.ab-card small{display:block;color:var(--mut);font-size:12px}
.ab-card b{font-size:22px;color:#fff;letter-spacing:1px}
.m-about .btn-wa{width:100%;font-size:15px}
.m-about .btn-wa span{opacity:.9;font-weight:700}
.ab-row{display:flex;gap:8px;margin-top:10px}
.ab-row .btn{flex:1;font-size:13px;text-decoration:none}
.ab-feat{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:14px 0 6px}
.ab-feat span{display:flex;align-items:center;gap:6px;background:var(--card2);border-radius:10px;padding:7px 9px;font-size:12.5px;font-weight:700;text-align:start}
.ab-feat .ic{color:var(--gold);width:17px;height:17px}
.ab-copy{color:var(--mut);font-size:11px;margin:8px 0 0}
/* هەڵبژێری ستیکەر */
.ep{border-top:1px solid var(--line);background:rgba(0,0,0,.18)}
.ep[hidden]{display:none}
.ep-tabs{display:flex;gap:4px;padding:6px 8px 0}
.ep-tabs button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;color:var(--mut);font-weight:800;font-size:12px;padding:6px 10px;border-radius:10px 10px 0 0;cursor:pointer}
.ep-tabs button .ic{width:17px;height:17px}
.ep-tabs button.on{background:rgba(243,179,61,.16);color:var(--gold)}
.ep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:4px;padding:8px;max-height:min(230px,32vh);overflow-y:auto}
.ep-grid button{display:flex;flex-direction:column;align-items:center;gap:1px;background:rgba(255,236,200,.05);border:0;border-radius:12px;padding:5px 2px 3px;cursor:pointer;transition:transform .12s,background .12s;color:var(--mut)}
.ep-grid button:hover{transform:scale(1.1);background:rgba(255,236,200,.13)}
.ep-grid .emote{width:42px;height:42px}
.ep-grid small{font-size:9.5px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ep-empty{grid-column:1/-1;color:var(--mut);text-align:center;font-size:12px;padding:16px;margin:0}
.ch-quick button.mine{border-color:rgba(243,179,61,.5);color:#ffe3a3}
.ch-quick button.qadd{border-style:dashed;color:var(--gold)}
.dm-pick .ep{border-top:1px solid var(--line)}
.m-quick{width:min(420px,100%)}
.qm-add{display:flex;gap:8px;margin-bottom:12px}
.qm-add input{flex:1;min-width:0;background:rgba(0,0,0,.3);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font-size:15px;color:var(--ink);outline:none}
.qm-add input:focus{border-color:var(--gold)}
.qm-list{display:flex;flex-direction:column;gap:6px}
.qm-row{display:flex;align-items:center;justify-content:space-between;background:var(--card2);border-radius:12px;padding:6px 10px;font-weight:700}
/* پەنجەرەی ستیکەری خێرا */
#react-pop{position:fixed;z-index:46;width:min(340px,calc(100vw - 16px));background:linear-gradient(180deg,#4a1a12,#2a0d09);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.6);padding:10px;animation:popIn .22s cubic-bezier(.3,1.5,.5,1)}
.rp-emos{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.rp-emos button{background:rgba(255,236,200,.06);border:0;border-radius:12px;padding:4px;cursor:pointer;aspect-ratio:1;transition:transform .12s}
.rp-emos button:hover{transform:scale(1.14)}
.rp-emos .emote{width:100%;height:100%}
.rp-quick{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 8px}
.rp-quick button{background:rgba(255,236,200,.08);border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:5px 10px;font-size:12.5px;font-weight:700;cursor:pointer}
.rp-quick button:hover{border-color:var(--gold);color:var(--gold)}
.rp-more{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:0;border-top:1px solid var(--line);color:var(--mut);padding:8px 0 2px;font-weight:700;font-size:13px;cursor:pointer}
/* ئامارەکانی کۆتایی یاری */
.win-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;text-align:start}
.ws{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.22);border-radius:12px;padding:8px 10px}
.ws>span{width:30px;height:30px;border-radius:50%;background:rgba(243,179,61,.14);color:var(--gold);display:grid;place-items:center;flex:none}
.ws>span .ic{width:16px;height:16px}
.ws small{display:block;color:var(--mut);font-size:11px}
.ws b{font-size:12.5px;line-height:1.5}
.ws i{font-style:normal;filter:brightness(1.3)}
.m-win{width:min(520px,100%)}
.win-crown .ic{color:#ffd863;width:70px;height:70px}
@media (max-width:480px){.win-stats{grid-template-columns:1fr}}
/* نۆرەی من */
.cm-turn.mine{background:linear-gradient(90deg,#f0b22a,#ffd863);color:#3a2600;border-color:#fff;animation:myTurn 1.2s ease-in-out infinite}
@keyframes myTurn{50%{transform:scale(1.06);box-shadow:0 0 3cqw rgba(243,179,61,.8)}}
.tilt .cm-turn.mine{animation:none}
/* شاشەی زۆر بچووک */
@media (max-width:360px){
  .rc-code i{width:24px;height:32px;font-size:18px}
  .seats{grid-template-columns:repeat(2,1fr)}
  .code-in input{width:40px;height:50px;font-size:21px}
  .hc b{font-size:17px}
}
/* تابلێتی ئاسۆیی */
@media (min-width:861px) and (max-width:1100px) and (orientation:landscape){
  .room-main{grid-template-columns:1fr minmax(260px,320px)}
  .seats{gap:8px}.seat{min-height:146px}
}
/* شاشەی زۆر گەورە */
@media (min-width:1700px){
  .gamewrap{grid-template-columns:minmax(300px,360px) 1fr minmax(330px,400px)}
  .pc-name{font-size:17px}.pc-cash{font-size:23px}
  .home-inner{max-width:820px}
}

/* ===================== v3.2 — ڕێکخستنی وردی هەموو شاشەکان ===================== */
/* دوگمەی 2D/3D لە شاشەی زۆر بچووکدا پانییەکەی خۆی دەپارێزێت */
@media (max-width:380px){
  .tb-view{width:auto!important;padding:0 7px!important;gap:3px}
  .tb-view span{font-size:12px}
  body:not(.mode-online) .tb-logo{display:block}
  body:not(.mode-online) .tb-logo .logo-plate span{font-size:15px}
}
/* هەڵبژێری ستیکەر لە مۆبایل: بچووکتر و بێ ناو، بۆ ئەوەی چاتەکە دیار بێت */
@media (max-width:860px){
  .ep-tabs button{padding:6px 8px}
  .ep-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));max-height:150px;gap:3px;padding:6px 8px}
  .ep-grid button{padding:4px 2px}
  .ep-grid small{display:none}
  .ep-grid .emote{width:36px;height:36px}
  .room-right:has(.ep:not([hidden])){min-height:470px}
}
/* مۆبایلی ئاسۆیی — پەڕەی سەرەکی بە دوو ستوون */
@media (orientation:landscape) and (max-height:520px){
  .home-top{padding:8px 14px}
  .home-inner{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:26px;row-gap:10px;align-items:start;padding:0 24px 20px}
  .home-inner>*{grid-column:2}
  .home .hero{grid-column:1;grid-row:1 / span 4;align-self:center;padding:0}
  .hero .logo-plate span{font-size:46px}
  .hero .logo-sub{font-size:20px}
  .hero .tag{margin-top:10px;font-size:13px}
  .home-cards{grid-template-columns:1fr 1fr;gap:10px}
  .hc{min-height:104px;padding:12px}
  .hc b{font-size:16px}.hc small{font-size:11px}
  .hc-ic{width:38px;height:38px}.hc-ic .ic{width:22px;height:22px}
  .home-row{grid-template-columns:repeat(4,1fr)!important;gap:8px}
  .home-row button{padding:9px 4px;font-size:12px;gap:4px}
  .home-row button .ic{width:21px;height:21px}
  .credit{grid-column:1 / -1}
  /* ژوور (لۆبی) */
  .room-top{flex-wrap:nowrap;padding:5px 10px;gap:8px}
  .room-code small{display:none}
  .rc-code i{width:26px;height:32px;font-size:18px;border-radius:7px;box-shadow:0 2px 0 #9a6a05,inset 0 1px 0 rgba(255,255,255,.6)}
  .room-share{order:0;width:auto;flex-wrap:nowrap}
  .room-share .btn{flex:none;font-size:12px;padding:6px 9px}
  .room-tools .tb{width:34px;height:34px}
  .room-main{grid-template-columns:minmax(0,1fr) minmax(250px,300px);grid-template-rows:minmax(0,1fr);padding:8px;gap:8px;overflow:hidden}
  .room-left{overflow-y:auto;gap:8px}
  .room-right{min-height:0!important;border-radius:16px}
  .rr-tabs{padding:6px 12px;font-size:13px}
  .seats{grid-template-columns:repeat(3,1fr);gap:6px}
  .seat{min-height:92px;padding:8px 4px;gap:3px;border-radius:14px}
  .seat-tok .pawn.big{width:40px;height:40px}
  .seat-plus{width:36px;height:36px}
  .seat-name{font-size:12.5px}
  .room-ctl{padding:10px;gap:8px;border-radius:16px}
  .rc-row .btn{min-width:110px;font-size:12.5px;padding:7px 8px}
  .room-ctl .btn-play{font-size:18px;padding:10px 20px;border-radius:14px}
  .ch-list{padding:8px;gap:6px}
  .ch-quick{padding:6px 8px 0}
  .ch-in{padding:6px 8px}
  .ch-in input{padding:7px 12px;font-size:14px}
  .ch-send,.ch-emo-btn{width:36px;height:36px}
  .ep-grid{max-height:96px}
  .ep-tabs span{display:none}
}
/* تابلێت و ئایپاد (ستوونی) — کارتی گەورەتر */
@media (min-width:700px) and (max-width:1100px) and (orientation:portrait){
  .home-inner{max-width:680px}
  .seats{gap:12px}
  .seat{min-height:150px}
}
/* ژمارەی ئۆنلاین */
.home-online b{color:#7dffa9;font-weight:900}
/* لە یاری ئۆنلاین و شاشەی تەسکدا لۆگۆ لادەبرێت بۆ ئەوەی دوگمەکان جێیان ببێتەوە */
@media (max-width:440px){body.mode-online .tb-logo{display:none!important}}

/* ===================== v3.3 — پشتگیری، ڕاپۆرت، نیشانە، ئاگاداری بەڕێوەبەر ===================== */
/* نیشانەی یاریزان */
.ubadge{display:inline-grid;place-items:center;vertical-align:-.2em;margin-inline-start:4px;flex:none}
.ubadge .ic{width:1.05em;height:1.05em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.ub-verified{color:#3b9bff}.ub-vip{color:#ffc93c}.ub-mod{color:#3ddc7a}.ub-creator{color:#ff6b6b}
.pc-name .ubadge .ic{width:15px;height:15px}
.seat-name .ubadge .ic{width:16px;height:16px}
/* دوگمەی پشتگیری لە پێپەڕە */
.cr-sup{display:inline-flex;align-items:center;gap:8px;color:#ffe9b8;font-weight:800;font-size:13.5px;background:rgba(243,179,61,.12);border:1px solid rgba(243,179,61,.45);padding:7px 16px;border-radius:99px;cursor:pointer;font-family:inherit}
.cr-sup:hover{background:rgba(243,179,61,.22)}
.cr-sup .ic{color:var(--gold)}
.home-row .hr-sup .ic{color:#4be38a}
.hc-tag{position:absolute;top:12px;left:52px;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:900;background:#1b1b1b;color:var(--gold);border:1px solid var(--gold);padding:2px 10px;border-radius:99px}
.hc-tag .ic{width:14px;height:14px}
.lnk{background:none;border:0;padding:0;color:var(--gold);font:inherit;font-weight:800;cursor:pointer;text-decoration:underline}
/* بانەری ئاگاداری پەڕەی سەرەکی */
.site-ann{display:flex;flex-direction:column;gap:10px}
.site-ann:empty{display:none}
.ann{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(90deg,rgba(47,128,237,.22),rgba(47,128,237,.08));border:1px solid rgba(110,170,255,.45);box-shadow:0 10px 26px rgba(0,0,0,.25);animation:annIn .5s cubic-bezier(.3,1.4,.5,1);overflow:hidden}
.ann::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--zig) 0 0/10px 10px;opacity:.9}
.ann p{margin:0;flex:1;font-weight:700;line-height:1.75;font-size:14px}
.ann-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12);flex:none;color:#a9cdff}
.ann-ic .ic{width:24px;height:24px}
.ann-x{width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.25);color:var(--ink);cursor:pointer;display:grid;place-items:center;flex:none}
.ann-x .ic{width:15px;height:15px}
.ann-event{background:linear-gradient(90deg,rgba(155,81,224,.28),rgba(229,56,59,.12));border-color:rgba(200,150,255,.5)}
.ann-event .ann-ic{color:#e2c2ff}
.ann-warn{background:linear-gradient(90deg,rgba(243,179,61,.26),rgba(243,179,61,.08));border-color:rgba(243,179,61,.55)}
.ann-warn .ann-ic{color:var(--gold)}
.ann-gift{background:linear-gradient(90deg,rgba(39,174,96,.28),rgba(243,179,61,.12));border-color:rgba(61,220,122,.5)}
.ann-gift .ann-ic{color:#7dffa9}
.ann-maint{background:linear-gradient(90deg,rgba(229,56,59,.25),rgba(229,56,59,.08));border-color:rgba(255,120,120,.5)}
.ann-maint .ann-ic{color:#ffb3b6}
.ann.out{animation:annOut .3s forwards}
@keyframes annIn{from{transform:translateY(-10px) scale(.97);opacity:0}}
@keyframes annOut{to{transform:scale(.95);opacity:0;height:0;padding:0;margin:0}}
/* ناوەندی پشتگیری */
.modal.m-sup{width:min(480px,100%)}
.sup{display:flex;flex-direction:column;gap:14px}
.sup-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.sup-ic{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(160deg,#ffd863,#e39a12);color:#3a2600;box-shadow:0 10px 26px rgba(243,179,61,.35),inset 0 2px 0 rgba(255,255,255,.5);animation:floaty 5s ease-in-out infinite}
.sup-ic .ic{width:40px;height:40px}
.sup-hero h3{margin:8px 0 0;font-family:Kufi,Vazirmatn;font-size:21px}
.sup-hero p{margin:0;color:var(--mut);font-size:13.5px;line-height:1.7;max-width:340px}
.sup-wa{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#2fd06b,#18a050);color:#fff;text-decoration:none;box-shadow:0 5px 0 #0c6b33,0 14px 30px rgba(31,168,85,.35);transition:transform .15s}
.sup-wa:hover{transform:translateY(-2px)}
.sup-wa:active{transform:translateY(2px);box-shadow:0 2px 0 #0c6b33}
.sw-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.2);flex:none}
.sw-ic .ic{width:28px;height:28px}
.sw-t{flex:1;display:flex;flex-direction:column;min-width:0}
.sw-t b{font-size:15.5px}
.sw-t small{font-size:14px;font-weight:800;opacity:.92;letter-spacing:.5px;text-align:right}
.sw-go .ic{width:22px;height:22px;opacity:.85}
.sup-wa.sm{box-shadow:0 4px 0 #0c6b33}
.sup-wa.sm .sw-t b{font-size:14px}
.sup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sup-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border-radius:18px;background:rgba(255,236,200,.06);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:start;font-family:inherit;transition:background .15s,transform .15s}
.sup-grid button:hover{background:rgba(255,236,200,.11);transform:translateY(-2px)}
.sup-grid b{font-size:15px;margin-top:6px}
.sup-grid small{color:var(--mut);font-size:12px;line-height:1.6}
.sg-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(243,179,61,.15);color:var(--gold)}
.sg-ic .ic{width:22px;height:22px}
.sg-ic.red{background:rgba(229,56,59,.18);color:#ff8f92}
.sg-ic.blue{background:rgba(47,128,237,.2);color:#9cc4ff}
.sg-ic.green{background:rgba(39,174,96,.2);color:#7dffa9}
.sup-foot{margin:0;text-align:center;color:var(--mut);font-size:12.5px}
.sup-foot b{color:var(--gold)}
.sup-h{display:flex;align-items:center;gap:10px}
.sup-h h3{margin:0;font-size:18px;display:flex;align-items:center;gap:8px}
.sup-h h3 .ic{color:var(--gold)}
.sup-cats{display:grid!important;grid-template-columns:repeat(4,1fr)}
.sup-cats button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px!important;padding:8px 2px!important}
.sup-f{display:flex;flex-direction:column;gap:6px}
.sup-f span{font-size:13px;font-weight:800;color:var(--mut)}
.sup-f textarea,.sup-f input,.sup-find input{background:rgba(0,0,0,.3);border:1.5px solid var(--line);border-radius:14px;padding:11px 13px;color:var(--ink);font-family:inherit;font-size:15px;outline:none;resize:vertical}
.sup-f textarea{min-height:110px;line-height:1.7}
.sup-f textarea:focus,.sup-f input:focus,.sup-find input:focus{border-color:var(--gold)}
.sup-act{display:flex;gap:8px}
.sup-act .btn{flex:1}
.sup-note{margin:0;color:var(--mut);font-size:12px;line-height:1.7}
.sup-sub{font-size:12.5px;font-weight:800;color:var(--mut);margin-bottom:-6px}
.sup-people{display:flex;gap:8px;flex-wrap:wrap}
.sup-people button{display:flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:99px;background:color-mix(in srgb,var(--pc) 18%,rgba(255,236,200,.05));border:1px solid color-mix(in srgb,var(--pc) 45%,transparent);color:var(--ink);cursor:pointer;font-family:inherit;font-weight:800}
.sup-people .pawn.mini{width:26px;height:26px}
.sup-find{display:flex;gap:8px}
.sup-find input{flex:1;min-width:0}
.sup-empty{color:var(--mut);text-align:center;margin:6px 0;font-size:13px}
.sup-target{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:color-mix(in srgb,var(--pc) 16%,rgba(0,0,0,.2));border:1px solid color-mix(in srgb,var(--pc) 40%,transparent)}
.sup-target b{display:flex;align-items:center;font-size:16px}
.sup-target small{color:var(--mut);font-size:12px}
.sup-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sup-reasons button{padding:9px 4px;border-radius:12px;background:rgba(255,236,200,.05);border:1.5px solid var(--line);color:var(--ink);font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer}
.sup-reasons button.on{border-color:#ff6b70;background:rgba(229,56,59,.2);color:#ffd0d1}
.sup-list{display:flex;flex-direction:column;gap:8px}
.sup-rep{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,236,200,.05);border:1px solid var(--line)}
.sup-rep>div{flex:1;min-width:0;display:flex;flex-direction:column}
.sup-rep small{color:var(--mut);font-size:12px}
.sr-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,236,200,.08);flex:none}
.sr-ic.gold{color:var(--gold)}.sr-ic.green{color:#4be38a}
.sr-st{font-size:11.5px;font-weight:900;padding:2px 10px;border-radius:99px;background:rgba(255,236,200,.08);white-space:nowrap}
.sr-st.gold{background:rgba(243,179,61,.18);color:#ffd88a}.sr-st.green{background:rgba(39,174,96,.2);color:#8ff0b6}
.faq{display:flex;flex-direction:column;gap:8px}
.faq details{background:rgba(255,236,200,.05);border:1px solid var(--line);border-radius:14px;padding:4px 12px}
.faq summary{cursor:pointer;font-weight:800;padding:8px 0;list-style:none;display:flex;gap:6px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{color:var(--gold)}
.faq details[open] summary{color:var(--gold)}
.faq p{margin:0 0 10px;color:var(--mut);line-height:1.85;font-size:13.5px}
.sup-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 0}
.sd-ic{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#3ddc7a,#16a352);color:#fff;box-shadow:0 0 0 8px rgba(61,220,122,.15),0 14px 30px rgba(22,163,82,.4);animation:popIn .5s cubic-bezier(.3,1.6,.5,1)}
.sd-ic .ic{width:40px;height:40px;stroke-width:3}
.sup-done h3{margin:6px 0 0;font-family:Kufi,Vazirmatn;font-size:22px}
.sup-done p{margin:0 0 8px;color:var(--mut);line-height:1.8;max-width:330px}
.sup-done .btn{min-width:160px}
/* پرۆفایلی یاریزانی تر */
.modal.m-user{width:min(400px,100%)}
.usheet{display:flex;flex-direction:column;gap:14px}
.us-head{display:flex;align-items:center;gap:14px;padding:12px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 30%,transparent),rgba(0,0,0,.15));border:1px solid color-mix(in srgb,var(--pc) 45%,transparent)}
.us-head h3{margin:0;font-size:20px;display:flex;align-items:center}
.us-st{color:var(--mut);font-size:12.5px;line-height:1.8}
.us-st{display:flex;flex-direction:column;gap:2px}
.us-id{text-align:right}
.us-on.on{color:#7dffa9;font-weight:800;display:flex;align-items:center;gap:6px}
.us-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.us-stats>div{background:rgba(255,236,200,.06);border:1px solid var(--line);border-radius:14px;padding:8px 4px;text-align:center}
.us-stats b{display:block;font-size:18px;color:var(--gold);font-weight:900}
.us-stats small{color:var(--mut);font-size:11px}
.us-stats p{grid-column:1/-1;margin:0;color:var(--mut);font-size:12.5px;text-align:center}
.us-badge{color:var(--ink)!important;font-weight:800}
.us-acts{display:flex;flex-direction:column;gap:8px}
.pl-acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pl-acts .btn{flex:1;min-width:150px}
/* ئاگادارییەکانی بەڕێوەبەر */
.modal.m-notice{width:min(400px,100%)}
.notice{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.nt-ic{width:80px;height:80px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(160deg,#3b8cf0,#1d5fb8);color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.35);animation:popIn .5s cubic-bezier(.3,1.6,.5,1)}
.nt-ic .ic{width:44px;height:44px}
.notice h3{margin:6px 0 0;font-family:Kufi,Vazirmatn;font-size:20px;line-height:1.6}
.nt-txt{margin:0;line-height:1.9;font-size:15px;background:rgba(0,0,0,.2);padding:10px 14px;border-radius:14px;width:100%;white-space:pre-wrap;word-break:break-word}
.nt-sub{margin:0;color:var(--mut);font-size:12.5px;line-height:1.8}
.nt-act{display:flex;gap:8px;width:100%;margin-top:4px;flex-wrap:wrap}
.nt-act .btn{flex:1;min-width:140px}
.n-warn .nt-ic{background:linear-gradient(160deg,#ffd863,#e39a12);color:#3a2600}
.n-bad .nt-ic{background:linear-gradient(160deg,#ff5a5f,#b5151c)}
.n-bc .nt-ic{background:linear-gradient(160deg,#9b51e0,#6a2bb0)}
.n-good .nt-ic{background:linear-gradient(160deg,#3ddc7a,#16a352)}
.n-badge .nt-ic{background:linear-gradient(160deg,#ffe28a,#f0b22a);color:#3a2600}
.nt-badge .ubadge .ic{width:70px;height:70px}
.nt-badge{animation:emoBounce 1.4s ease-in-out infinite}
.banned .nt-ic{animation:popIn .5s cubic-bezier(.3,1.6,.5,1),shakeX .5s .5s}
@keyframes shakeX{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media (max-width:480px){
  .sup-grid button{padding:12px}
  .sup-cats{grid-template-columns:repeat(2,1fr)}
  .us-stats{grid-template-columns:repeat(2,1fr)}
  .hc-tag{left:auto;right:12px;top:auto;bottom:12px}
}

/* ===================== v3.4 — پشتڕاستکردنەوەی هەژمار، مەرجەکان، بەڕێوەبەر ===================== */
.ann-verify{background:linear-gradient(90deg,rgba(39,174,96,.24),rgba(39,174,96,.07));border-color:rgba(61,220,122,.5)}
.ann-verify .ann-ic{color:#7dffa9}
.ann-verify.urgent{background:linear-gradient(90deg,rgba(229,56,59,.3),rgba(243,179,61,.12));border-color:rgba(255,140,140,.6);animation:annIn .5s cubic-bezier(.3,1.4,.5,1),annPulse 2.4s 1s ease-in-out infinite}
.ann-verify.urgent .ann-ic{color:#ffb3b6}
.ann-verify .btn{flex:none;white-space:nowrap}
@keyframes annPulse{50%{box-shadow:0 0 0 4px rgba(229,56,59,.18),0 10px 26px rgba(0,0,0,.25)}}
.adm-chip{display:grid;place-items:center;color:var(--gold)!important;text-decoration:none;border-color:rgba(243,179,61,.45)!important;background:rgba(243,179,61,.12)!important}
.fld-hint{display:block;font-style:normal;font-size:12px;color:var(--mut);margin-top:4px;min-height:16px}
.fld-hint.ok{color:#7dffa9;font-weight:800}
.modal.m-verify{width:min(440px,100%)}
.vfy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.vfy-ic{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(160deg,#3ddc7a,#139447);color:#fff;box-shadow:0 14px 34px rgba(22,163,82,.4),inset 0 2px 0 rgba(255,255,255,.35);animation:popIn .5s cubic-bezier(.3,1.6,.5,1)}
.vfy-ic .ic{width:44px;height:44px}
.vfy h3{margin:4px 0 0;font-family:Kufi,Vazirmatn;font-size:21px}
.vfy-sub{margin:0;color:var(--mut);line-height:1.8;font-size:14px}
.vfy-sub b{color:var(--gold)}
.vfy-card{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vfy-card>div{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px;align-items:center}
.vfy-card small{color:var(--mut);font-size:11.5px}
.vfy-card b{font-size:18px;font-weight:900;letter-spacing:.5px}
.vfy-card em{font-style:normal;font-size:11.5px;color:#7dffa9}
.vfy-code{color:var(--gold);letter-spacing:4px!important;font-family:ui-monospace,Menlo,monospace}
.vfy-steps{margin:2px 0;padding:0 20px 0 0;text-align:start;display:flex;flex-direction:column;gap:6px;color:var(--ink);font-size:13.5px;line-height:1.7}
.vfy-steps li::marker{color:var(--gold);font-weight:900}
.vfy-steps .ic{color:var(--gold)}
.vfy .btn{width:100%}
.vfy-go{font-size:17px!important;padding:13px!important}
.prof-vf{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(243,179,61,.1);border:1px solid rgba(243,179,61,.4);margin-bottom:12px;font-size:13px;font-weight:700}
.prof-vf>.ic{color:var(--gold);width:22px;height:22px;flex:none}
.prof-vf span{flex:1;line-height:1.6}
.prof-vf small{color:var(--mut);margin-inline-start:6px}
.prof-vf.ok{background:rgba(39,174,96,.12);border-color:rgba(61,220,122,.45)}
.prof-vf.ok>.ic{color:#7dffa9}
.pf-del summary{color:#ff9da1}
.sup-act2{flex-direction:column}
.sup-act2 .btn{width:100%}
.terms h4{margin:14px 0 4px;display:flex;align-items:center;gap:6px;color:var(--gold)}
.terms p{margin:0;color:var(--ink);line-height:1.9;font-size:14px}
.terms-foot{margin-top:16px!important;color:var(--mut)!important;font-size:12.5px!important;text-align:center}
@media (max-width:600px){
  .ann-verify{flex-wrap:wrap}
  .ann-verify p{flex:1 1 calc(100% - 64px)}
  .ann-verify .btn{flex:1 1 100%;justify-content:center;padding:9px}
}

/* ================= v3.5: نیشانەی خاوەنی موڵک + گۆڕینی ئاڵوگۆڕ ================= */
/* چوارگۆشەی خاوەن لەسەر چوارچێوەی تەختە، بەرامبەر بە هەر موڵکێک: ڕەنگ و پارچەی خاوەنەکەی */
.tile .owner-mark{display:none}
.oclip{position:absolute;inset:-2.4cqw;overflow:hidden;pointer-events:none;z-index:6}
.owners{position:absolute;inset:4.7cqw;transform-origin:0 0;transition:transform .55s cubic-bezier(.3,.7,.3,1)}
.own{position:absolute;width:5cqw;height:5cqw;box-sizing:border-box;display:grid;place-items:center;border-radius:1.1cqw;
  background:var(--oc,#888);border:.36cqw solid #fff;
  box-shadow:0 0 0 .2cqw rgba(24,7,4,.85),0 .45cqw 1cqw rgba(0,0,0,.55),inset 0 .38cqw 0 rgba(255,255,255,.3),inset 0 -.38cqw 0 rgba(0,0,0,.2);
  transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .25s,filter .3s}
.own.on{transform:translate(-50%,-50%) scale(1);opacity:1}
.own-in{width:88%;height:88%;filter:drop-shadow(0 .14cqw .12cqw rgba(0,0,0,.6))}
/* ناوەڕۆکی خانەی خاوەندار کەمێک لە لێوارەکە دوور دەکەوێتەوە، بۆ ئەوەی نرخەکە بە چوارگۆشەکە دانەپۆشرێت */
.tile.owned.side-b .tbody{padding-bottom:.95cqw}
.tile.owned.side-t .tbody{padding-top:.9cqw}
.tile.owned.side-l .tbody{padding-left:.9cqw}
.tile.owned.side-r .tbody{padding-right:.9cqw}
.own-in svg{display:block;width:100%;height:100%}
.own.mort{filter:grayscale(.85) brightness(.72)}
.own.on.pop{animation:ownPop .7s cubic-bezier(.3,1.5,.5,1)}
@keyframes ownPop{0%{transform:translate(-50%,-50%) scale(.2) rotate(-25deg)}55%{transform:translate(-50%,-50%) scale(1.35) rotate(6deg)}100%{transform:translate(-50%,-50%) scale(1)}}
.tilt .oclip{overflow:visible;transform-style:preserve-3d}
.tilt .owners{transform-style:preserve-3d}
.tilt .own{transform:translate(-50%,-50%) translateZ(.3cqw) scale(0)}
.tilt .own.on{transform:translate(-50%,-50%) translateZ(.3cqw) scale(1)}
.tilt .own.on.pop{animation-name:ownPopT}
@keyframes ownPopT{0%{transform:translate(-50%,-50%) translateZ(.3cqw) scale(.2) rotate(-25deg)}55%{transform:translate(-50%,-50%) translateZ(.3cqw) scale(1.35) rotate(6deg)}100%{transform:translate(-50%,-50%) translateZ(.3cqw) scale(1)}}

/* دروستکەری ئاڵوگۆڕ: دوگمەی − / + و نووسینی بڕی پارە */
.tr-money{display:flex;align-items:center;gap:6px;margin-top:10px}
.tr-step{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:inherit;cursor:pointer}
.tr-step:active{transform:scale(.94)}
.tr-step .ic{width:16px;height:16px}
.tr-money .tr-num{flex:1;min-width:0;height:36px;text-align:center;font:inherit;font-weight:900;font-size:17px;color:var(--gold);background:rgba(0,0,0,.28);border:1px solid rgba(243,179,61,.35);border-radius:10px;padding:0 6px}
.tr-money .tr-num:focus{outline:2px solid var(--gold);outline-offset:1px}
.tr-range{width:100%;margin:8px 0 0;accent-color:var(--gold)}
.tr-note{text-align:center;margin:-4px 0 12px;color:#e6cdb2;font-size:14px}
.tr-acts .btn{flex:1 1 0;min-width:96px;padding-inline:10px}
@media (max-width:440px){.tr-acts{gap:8px}.tr-acts .btn{min-width:0;font-size:14px}}