:root{--hw-bg:#06161c;--hw-surface:rgba(6,22,27,.9);--hw-gold:#e8bd55;--hw-gold-soft:#ffe7a0;--hw-teal:#66d3c3;--hw-text:#fff4d8;--hw-muted:#a9c0bd;--hw-border:rgba(232,189,85,.42);--hw-shadow:0 24px 70px rgba(0,0,0,.48)}
html{min-height:100%;background:var(--hw-bg)}
body.bs-hokm-world-page{min-height:100%;margin:0;overflow:hidden;color:var(--hw-text);background:var(--hw-bg);font-family:Vazirmatn,Vazir,Tahoma,Arial,sans-serif;-webkit-tap-highlight-color:transparent}
body.bs-hokm-world-page *{box-sizing:border-box}
.bs-hokm-world{position:fixed;z-index:1;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:100svh;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));isolation:isolate;overflow:hidden;background:#06161c}
.admin-bar .bs-hokm-world{top:32px;min-height:calc(100svh - 32px)}
.bs-hokm-world__backdrop{position:absolute;z-index:-2;inset:-34px;background-image:linear-gradient(180deg,rgba(2,10,14,.48),rgba(3,14,18,.78)),var(--hokm-world-map);background-size:cover;background-position:center;filter:blur(22px) saturate(1.15);transform:scale(1.09)}
.bs-hokm-world::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(38,111,104,.2),transparent 47%),linear-gradient(180deg,rgba(3,13,17,.24),rgba(3,12,17,.7))}
.bs-hokm-world__topbar{position:relative;z-index:20;display:grid;grid-template-columns:minmax(112px,auto) minmax(0,1fr) minmax(92px,auto);align-items:center;gap:14px;width:min(1420px,100%);min-height:64px;margin:0 auto;padding:8px 10px;border:1px solid rgba(236,197,94,.25);border-radius:18px;background:rgba(3,15,20,.78);box-shadow:0 12px 34px rgba(0,0,0,.24);backdrop-filter:blur(14px)}
.bs-hokm-world__back,.bs-hokm-world__enter{color:inherit!important;text-decoration:none!important}
.bs-hokm-world__back{display:inline-flex;min-height:44px;padding:8px 12px;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(242,210,123,.3);border-radius:13px;color:#ffe8ab!important;background:rgba(232,189,85,.08);font-size:11px;font-weight:900;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.bs-hokm-world__back:hover{border-color:rgba(242,210,123,.7);background:rgba(232,189,85,.14);transform:translateY(-1px)}
.bs-hokm-world__back:focus-visible,.bs-hokm-world__enter:focus-visible,.bs-hokm-world-node:focus-visible,.bs-hokm-world__map-link:focus-visible{outline:3px solid var(--hw-teal);outline-offset:3px}
.bs-hokm-world__back svg{width:17px;height:17px}
.bs-hokm-world__brand{min-width:0;text-align:center}
.bs-hokm-world__brand small{display:block;color:var(--hw-teal);font-size:9px;font-weight:850;line-height:1.5}
.bs-hokm-world__brand h1{overflow:hidden;margin:0;color:var(--hw-text);font-size:clamp(18px,2.1vw,29px);font-weight:950;line-height:1.45;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 3px 15px rgba(0,0,0,.38)}
.bs-hokm-world__progress{display:grid;min-height:46px;padding:5px 11px;place-content:center;border:1px solid rgba(232,189,85,.3);border-radius:13px;text-align:center;background:rgba(232,189,85,.08)}
.bs-hokm-world__progress b{color:var(--hw-gold-soft);font-size:17px;line-height:1}.bs-hokm-world__progress small{margin-top:4px;color:var(--hw-muted);font-size:8px;font-weight:750}
.bs-hokm-world__stage{display:grid;min-height:0;place-items:center;overflow:hidden}
.bs-hokm-world__frame{position:relative;width:min(96vw,calc((100svh - 180px)*1.7768),1672px);max-width:100%;aspect-ratio:1672/941;overflow:hidden;border:1px solid rgba(239,203,107,.58);border-radius:clamp(14px,2vw,24px);background:#0a2b31;box-shadow:var(--hw-shadow),0 0 0 5px rgba(102,211,195,.06);isolation:isolate}
.bs-hokm-world__frame::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 55px rgba(2,9,12,.34)}
.bs-hokm-world__frame>img{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#0b2930}
.bs-hokm-world__map-link{position:absolute;z-index:3;inset:0;border-radius:inherit}
.bs-hokm-world__corrections{position:absolute;z-index:4;inset:0;pointer-events:none}
.bs-hokm-world__corrections span{position:absolute;display:grid;min-width:clamp(38px,4.7vw,66px);min-height:clamp(15px,1.9vw,27px);padding:2px clamp(4px,.7vw,10px) 3px;place-items:center;border:1px solid #6e4520;border-radius:4px;color:#29190e;background:linear-gradient(180deg,#dfc98f,#c7a765 52%,#ae884d);box-shadow:0 2px 0 #4d3018,0 5px 13px rgba(0,0,0,.45);font-size:clamp(5px,.72vw,10px);font-weight:950;line-height:1;transform:translate(-50%,-50%)}
.bs-hokm-world__corrections span::before,.bs-hokm-world__corrections span::after{content:"";position:absolute;top:50%;width:5px;height:5px;border:1px solid #714820;background:#c29c59;transform:translateY(-50%) rotate(45deg)}
.bs-hokm-world__corrections span::before{right:-3px}.bs-hokm-world__corrections span::after{left:-3px}
.bs-hokm-world__corrections .is-ecbatana{left:30.55%;top:21.25%}.bs-hokm-world__corrections .is-hecatompylos{left:81.7%;top:25.9%}
.bs-hokm-world__nodes{position:absolute;z-index:6;inset:0;pointer-events:none}
.bs-hokm-world-node{position:absolute;left:var(--map-x);top:var(--map-y);display:flex;align-items:center;gap:7px;color:var(--hw-text)!important;text-decoration:none!important;transform:translate(-50%,-50%);filter:drop-shadow(0 7px 12px rgba(0,0,0,.58));pointer-events:none}
a.bs-hokm-world-node{pointer-events:auto}
.bs-hokm-world-node__pin{position:relative;display:grid;width:clamp(27px,3.3vw,44px);height:clamp(27px,3.3vw,44px);flex:0 0 auto;place-items:center;border:1px solid #ffdc73;border-radius:50%;color:#122e35;background:radial-gradient(circle at 32% 24%,#fff0a9,#d7a432 44%,#8a4d0e);box-shadow:0 0 0 4px rgba(244,199,72,.14),0 9px 20px rgba(0,0,0,.48);font-style:normal;transition:transform .18s ease,box-shadow .18s ease}
.bs-hokm-world-node.is-locked .bs-hokm-world-node__pin{border-radius:31%;border-color:#e3bb58;color:#f6d675;background:radial-gradient(circle at 32% 24%,#315a60,#142d34 52%,#08181e);transform:rotate(45deg)}
.bs-hokm-world-node.is-coming .bs-hokm-world-node__pin{border-color:#8de5d9;background:radial-gradient(circle at 35% 24%,#c2fff4,#55bdb0 46%,#164e54)}
.bs-hokm-world-node__label{display:grid;min-width:max-content;padding:5px 8px;border:1px solid rgba(240,208,121,.42);border-radius:9px;background:rgba(4,17,22,.92);box-shadow:0 8px 20px rgba(0,0,0,.42);opacity:0;transform:translateX(5px);transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(8px)}
.bs-hokm-world-node__label b{font-size:clamp(7px,.75vw,10px);line-height:1.35}.bs-hokm-world-node__label small{color:#9fc9c1;font-size:clamp(5px,.55vw,7px);line-height:1.4}
.bs-hokm-world-node.is-locked .bs-hokm-world-node__label,.bs-hokm-world-node.is-coming .bs-hokm-world-node__label,.bs-hokm-world-node:hover .bs-hokm-world-node__label,.bs-hokm-world-node:focus-visible .bs-hokm-world-node__label{opacity:1;transform:none}
.bs-hokm-world-node:hover .bs-hokm-world-node__pin,.bs-hokm-world-node:focus-visible .bs-hokm-world-node__pin{transform:scale(1.1);box-shadow:0 0 0 6px rgba(244,199,72,.16),0 12px 26px rgba(0,0,0,.52)}
.bs-hokm-map-icon{display:block;width:66%!important;height:66%!important;overflow:visible;transform:none!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}
.bs-hokm-map-icon--open .bs-hokm-map-icon__halo{fill:#1a3940;stroke:#ffe38a;stroke-width:1.2;stroke-linejoin:round}.bs-hokm-map-icon--open .bs-hokm-map-icon__gate{fill:#e5b447;stroke:#fff0a5;stroke-width:1.4}.bs-hokm-map-icon--open .bs-hokm-map-icon__door{fill:#12323b;stroke:#6fd3c5;stroke-width:1}.bs-hokm-map-icon--open .bs-hokm-map-icon__line{fill:none;stroke:#263437;stroke-width:2;stroke-linecap:round}.bs-hokm-map-icon--open .bs-hokm-map-icon__spark{fill:#fff3b1}
.bs-hokm-world-node.is-locked .bs-hokm-map-icon--locked{width:72%!important;height:72%!important;transform:rotate(-45deg)!important}.bs-hokm-map-icon--locked .bs-hokm-map-icon__shackle{fill:none;stroke:#ffe6a0;stroke-width:4;stroke-linecap:round}.bs-hokm-map-icon--locked .bs-hokm-map-icon__steps{fill:none;stroke:#d4a445;stroke-width:2.4;stroke-linecap:round}.bs-hokm-map-icon--locked .bs-hokm-map-icon__lockbody{fill:#d8a743;stroke:#fff0a7;stroke-width:1.5}.bs-hokm-map-icon--locked .bs-hokm-map-icon__lockface{fill:#11343e;stroke:#67cbbd;stroke-width:1.2}.bs-hokm-map-icon--locked .bs-hokm-map-icon__key{fill:#07191f;stroke:#ffe39a;stroke-width:.8}
.bs-hokm-map-icon--coming .bs-hokm-map-icon__hourglass-frame{fill:none;stroke:#073036;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.bs-hokm-map-icon--coming .bs-hokm-map-icon__sand{fill:#e7b94d;stroke:#fff0a5;stroke-width:.8}.bs-hokm-map-icon--coming .bs-hokm-map-icon__spark{fill:#fff0a4}
.bs-hokm-world__footer{position:relative;z-index:20;display:flex;width:min(1420px,100%);min-height:62px;margin:0 auto;align-items:center;justify-content:space-between;gap:14px}
.bs-hokm-world__legend{display:flex;align-items:center;gap:12px;color:var(--hw-muted);font-size:9px;font-weight:750}.bs-hokm-world__legend span{display:inline-flex;align-items:center;gap:5px}.bs-hokm-world__legend i{width:8px;height:8px;border-radius:50%;background:var(--hw-gold);box-shadow:0 0 9px currentColor}.bs-hokm-world__legend .is-locked i{color:#8fa1a1;background:#8fa1a1}.bs-hokm-world__legend .is-coming i{color:var(--hw-teal);background:var(--hw-teal)}
.bs-hokm-world__enter{display:flex;min-width:min(330px,100%);min-height:54px;padding:8px 15px;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,225,137,.62);border-radius:15px;color:#102027!important;background:linear-gradient(135deg,#f7d978,#dba73d 68%,#6ad4c3);box-shadow:0 13px 32px rgba(0,0,0,.36);transition:transform .2s ease,box-shadow .2s ease}
.bs-hokm-world__enter:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(0,0,0,.44)}.bs-hokm-world__enter span{display:grid}.bs-hokm-world__enter small{font-size:8px;font-weight:750}.bs-hokm-world__enter b{font-size:13px;font-weight:950}.bs-hokm-world__enter svg{width:20px;height:20px}
.bs-hokm-world-loader{position:fixed;z-index:99999;inset:0;display:grid;place-content:center;place-items:center;gap:8px;color:var(--hw-text);background:#041217;transition:opacity .35s ease,visibility .35s ease}.bs-hokm-world-loader.is-ready{visibility:hidden;opacity:0;pointer-events:none}.bs-hokm-world-loader__seal{display:grid;width:74px;height:74px;place-items:center;border:1px solid rgba(240,204,113,.58);border-radius:50%;color:var(--hw-gold-soft);background:radial-gradient(circle,#21494c,#091c22 68%);box-shadow:0 0 0 8px rgba(102,211,195,.06),0 20px 50px rgba(0,0,0,.42)}.bs-hokm-world-loader__seal svg{width:34px;height:34px}.bs-hokm-world-loader strong{font-size:21px}.bs-hokm-world-loader small{color:var(--hw-muted);font-size:10px}.bs-hokm-world-loader>i{position:relative;width:180px;height:4px;overflow:hidden;border-radius:8px;background:rgba(255,255,255,.09)}.bs-hokm-world-loader>i b{position:absolute;inset:0 auto 0 0;width:25%;border-radius:inherit;background:linear-gradient(90deg,var(--hw-gold),var(--hw-teal));animation:bsHokmWorldLoad 1.1s ease-in-out infinite}
@keyframes bsHokmWorldLoad{0%{width:12%;transform:translateX(0)}55%{width:58%}100%{width:20%;transform:translateX(400%)}}
@media(max-width:782px){.admin-bar .bs-hokm-world{top:46px;min-height:calc(100svh - 46px)}}
@media(max-width:760px){
  .bs-hokm-world{gap:6px;padding:max(7px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .bs-hokm-world__topbar{grid-template-columns:46px minmax(0,1fr) 52px;gap:7px;min-height:54px;padding:5px 6px;border-radius:14px}
  .bs-hokm-world__back{width:42px;min-height:42px;padding:0;border-radius:11px}.bs-hokm-world__back span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.bs-hokm-world__back svg{width:19px;height:19px}
  .bs-hokm-world__brand small{font-size:7px}.bs-hokm-world__brand h1{font-size:16px}
  .bs-hokm-world__progress{min-height:42px;padding:4px;border-radius:11px}.bs-hokm-world__progress b{font-size:15px}.bs-hokm-world__progress small{font-size:6px}
  .bs-hokm-world__frame{width:calc(100vw - 12px);max-width:none;border-radius:13px;box-shadow:0 18px 45px rgba(0,0,0,.46),0 0 0 3px rgba(102,211,195,.05)}
  .bs-hokm-world-node__label{display:none}.bs-hokm-world-node__pin{width:27px;height:27px;box-shadow:0 0 0 2px rgba(244,199,72,.13),0 5px 12px rgba(0,0,0,.5)}
  .bs-hokm-world__corrections span{min-width:32px;min-height:12px;padding:1px 3px 2px;font-size:5px}.bs-hokm-world__corrections span::before,.bs-hokm-world__corrections span::after{width:3px;height:3px}.bs-hokm-world__corrections span::before{right:-2px}.bs-hokm-world__corrections span::after{left:-2px}
  .bs-hokm-world__footer{display:grid;min-height:58px;place-items:center}.bs-hokm-world__legend{display:none}.bs-hokm-world__enter{width:min(100%,360px);min-height:52px}.bs-hokm-world__enter small{font-size:7px}.bs-hokm-world__enter b{font-size:12px}
}
@media(max-height:560px) and (orientation:landscape){.bs-hokm-world{grid-template-rows:48px minmax(0,1fr);gap:5px}.bs-hokm-world__topbar{min-height:48px}.bs-hokm-world__brand h1{font-size:17px}.bs-hokm-world__frame{width:min(93vw,calc((100svh - 68px)*1.7768))}.bs-hokm-world__footer{position:absolute;right:18px;bottom:12px;min-height:0;width:auto}.bs-hokm-world__legend{display:none}.bs-hokm-world__enter{min-width:230px;min-height:46px}}
@media(prefers-reduced-motion:reduce){.bs-hokm-world-loader,.bs-hokm-world-loader>i b,.bs-hokm-world__back,.bs-hokm-world__enter,.bs-hokm-world-node__pin,.bs-hokm-world-node__label{animation:none!important;transition:none!important}}

/* نقشهٔ کمپین — ستون‌های تخت‌جمشید و چیدمان پیوستهٔ موبایل */
.bs-hokm-world__stage{position:relative;overflow:visible;padding-block:clamp(10px,2.4vh,28px)}
.bs-hokm-world__frame{position:relative;z-index:2}
.bs-hokm-world__columns{position:absolute;z-index:1;inset:7% 0;pointer-events:none}
.bs-hokm-world__column{position:absolute;top:0;bottom:0;width:clamp(26px,4.2vw,74px);border:1px solid rgba(255,224,137,.7);border-radius:10px 10px 6px 6px;opacity:.92;background:linear-gradient(90deg,#5d3a0d 0%,#b77b1d 12%,#ffe6a0 31%,#c99537 48%,#fff0b4 63%,#a86c16 84%,#4b2c0a 100%);box-shadow:inset 0 0 0 3px rgba(255,241,177,.17),0 18px 30px rgba(0,0,0,.42),0 0 22px rgba(233,187,72,.18)}
.bs-hokm-world__column::before{content:"";position:absolute;top:-10px;left:-10%;width:120%;height:14px;border:1px solid rgba(255,229,158,.78);border-radius:5px;background:linear-gradient(180deg,#fff0b1,#b7771d 58%,#51300a);box-shadow:0 4px 0 rgba(60,35,5,.65)}
.bs-hokm-world__column::after{content:"";position:absolute;right:-12%;bottom:-10px;left:-12%;height:13px;border:1px solid rgba(255,229,158,.72);border-radius:4px;background:linear-gradient(180deg,#52300b,#c79232 55%,#ffe8a4);box-shadow:0 4px 0 rgba(42,24,3,.7)}
.bs-hokm-world__column{background-image:repeating-linear-gradient(90deg,transparent 0 7px,rgba(73,39,4,.26) 8px 10px),linear-gradient(90deg,#5d3a0d 0%,#b77b1d 12%,#ffe6a0 31%,#c99537 48%,#fff0b4 63%,#a86c16 84%,#4b2c0a 100%)}
.bs-hokm-world__column--left{left:max(2px,calc(50% - min(48vw,calc((100svh - 180px)*.8884)) - clamp(32px,5vw,88px)))}
.bs-hokm-world__column--right{right:max(2px,calc(50% - min(48vw,calc((100svh - 180px)*.8884)) - clamp(32px,5vw,88px)))}
@media(max-width:760px){
  .bs-hokm-world{position:relative;inset:auto;display:flex;min-height:100svh;padding-bottom:max(18px,env(safe-area-inset-bottom));flex-direction:column;overflow:visible}
  .bs-hokm-world__topbar{flex:0 0 auto}
  .bs-hokm-world__stage{display:block;flex:0 0 auto;min-height:0;padding-block:clamp(16px,4vh,42px)}
  .bs-hokm-world__frame{width:calc(100vw - 12px);margin:0 auto}
  .bs-hokm-world__columns{inset:12% 0}
  .bs-hokm-world__column{width:clamp(12px,4vw,22px);opacity:.82}
  .bs-hokm-world__column::before{top:-6px;height:8px}
  .bs-hokm-world__column::after{bottom:-6px;height:8px}
  .bs-hokm-world__column--left{left:1px}
  .bs-hokm-world__column--right{right:1px}
  .bs-hokm-world__footer{display:flex;flex:0 0 auto;min-height:0;margin:0 auto;padding:0 0 4px;align-items:center;justify-content:center}
  .bs-hokm-world__enter{width:min(calc(100vw - 28px),360px);margin:0 auto}
}
@media(max-width:420px){.bs-hokm-world__columns{inset:16% 0}.bs-hokm-world__column{width:12px}}

/* اصلاح نهایی چیدمان نقشه: حفظ grid تمام‌صفحه و نمایش واقعی ستون‌ها */
@media(max-width:760px){
  .bs-hokm-world{position:fixed;inset:0;display:grid;grid-template-rows:auto auto auto;align-content:start;min-height:100svh;overflow-x:hidden;overflow-y:auto}
  .admin-bar .bs-hokm-world{top:46px;right:0;bottom:0;left:0;min-height:calc(100svh - 46px)}
  .bs-hokm-world__stage{position:relative;display:grid;min-height:0;padding-block:clamp(16px,4vh,42px);place-items:center;overflow:visible}
  .bs-hokm-world__frame{position:relative;z-index:2;width:calc(100vw - 12px);margin:0 auto}
  .bs-hokm-world__columns{z-index:4;inset:12% 0;overflow:visible}
  .bs-hokm-world__column{z-index:4;width:clamp(12px,4vw,22px);opacity:.9;pointer-events:none}
  .bs-hokm-world__column--left{left:4px}
  .bs-hokm-world__column--right{right:4px}
  .bs-hokm-world__footer{display:flex;position:relative;z-index:5;min-height:0;margin:0 auto;padding:0 0 8px;align-items:center;justify-content:center}
  .bs-hokm-world__enter{width:min(calc(100vw - 28px),360px);margin:0 auto}
}
@media(max-width:420px){.bs-hokm-world__column{width:12px}.bs-hokm-world__columns{inset:16% 0}}


/* v3 map layout: fixed viewport, no mobile page scroll, architectural columns */
.bs-hokm-world__columns{position:absolute;z-index:4;inset:5% 0;pointer-events:none;overflow:visible}
.bs-hokm-world__column{position:absolute;top:0;bottom:0;width:clamp(42px,8vw,130px);height:100%;margin:0;display:block;object-fit:contain;object-position:center;opacity:.97;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 10px 14px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(224,179,72,.18));}
.bs-hokm-world__column::before,.bs-hokm-world__column::after{display:none!important}
.bs-hokm-world__column--left{left:max(0px,calc(50% - min(48vw,calc((100svh - 180px)*.8884)) - clamp(36px,6vw,98px)))}
.bs-hokm-world__column--right{right:max(0px,calc(50% - min(48vw,calc((100svh - 180px)*.8884)) - clamp(36px,6vw,98px)));transform:scaleX(-1)}

@media(max-width:760px){
  .bs-hokm-world{position:fixed;inset:0;display:grid;grid-template-rows:auto auto auto;align-content:start;gap:6px;min-height:100svh;overflow:hidden}
  .admin-bar .bs-hokm-world{top:46px;right:0;bottom:0;left:0;min-height:calc(100svh - 46px)}
  .bs-hokm-world__topbar{flex:none}
  .bs-hokm-world__stage{position:relative;display:grid;min-height:0;padding:clamp(12px,3vh,26px) 0;place-items:center;overflow:visible}
  .bs-hokm-world__frame{position:relative;z-index:2;width:calc(100vw - 12px);height:auto;margin:0 auto}
  .bs-hokm-world__columns{inset:8% 0;z-index:4;overflow:visible}
  .bs-hokm-world__column{width:clamp(24px,9vw,46px);height:100%;opacity:.98}
  .bs-hokm-world__column--left{left:0}
  .bs-hokm-world__column--right{right:0}
  .bs-hokm-world__footer{position:relative;z-index:5;display:flex;min-height:0;margin:0 auto;padding:0 0 6px;align-items:center;justify-content:center}
  .bs-hokm-world__enter{width:min(calc(100vw - 28px),360px);margin:0 auto}
}
@media(max-width:420px){
  .bs-hokm-world__columns{inset:10% 0}
  .bs-hokm-world__column{width:clamp(20px,8vw,34px)}
}
@media(max-height:560px) and (orientation:landscape){
  .bs-hokm-world{grid-template-rows:48px auto auto;overflow:hidden}
  .bs-hokm-world__stage{padding-block:8px}
  .bs-hokm-world__columns{inset:4% 0}
}

/* v3.1 responsive correction: center the map group without creating a scroll container */
@media(max-width:760px){
  .bs-hokm-world{align-content:center;overflow:hidden}
  .bs-hokm-world__stage{padding-block:clamp(10px,2.5vh,22px)}
  .bs-hokm-world__columns{inset:7% 0}
  .bs-hokm-world__column{width:clamp(34px,10vw,60px)}
  .bs-hokm-world__column--left{left:2px}
  .bs-hokm-world__column--right{right:2px}
}

/* v10 exact composition: columns frame the page; map, CTA and three reference cards stay aligned */
.bs-hokm-world__columns{position:absolute;z-index:5;inset:72px 0 74px;pointer-events:none;overflow:visible}
.bs-hokm-world__column{position:absolute;top:0;bottom:0;width:clamp(54px,13vw,190px);height:100%;margin:0;display:block;object-fit:contain;object-position:center;opacity:.98;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(224,179,72,.2))}
.bs-hokm-world__column--left{left:0}.bs-hokm-world__column--right{right:0;transform:scaleX(-1)}
.bs-hokm-world__feature-cards{position:absolute;z-index:8;inset:0;pointer-events:none}
.bs-hokm-world__feature-card{position:absolute;display:grid;place-items:center;width:clamp(46px,5.2vw,84px);aspect-ratio:2.5/3.5;margin:0;overflow:hidden;border:2px solid #e7b64d;border-radius:clamp(7px,1vw,14px);background:linear-gradient(145deg,#fffdf5,#f2dfaf 57%,#bb7923);box-shadow:0 8px 18px rgba(0,0,0,.58),inset 0 0 0 2px rgba(255,249,207,.75),0 0 0 2px rgba(255,212,87,.16);transform:translate(-50%,-50%) rotate(var(--card-rotate));font-family:Georgia,'Times New Roman',serif}
.bs-hokm-world__feature-card::after{content:"";position:absolute;inset:5px;border:1px solid rgba(159,103,19,.5);border-radius:5px;pointer-events:none}
.bs-hokm-world__feature-card--ace{left:17%;top:51%;--card-rotate:-8deg;color:#bd1f2e}.bs-hokm-world__feature-card--king{left:50%;top:45%;--card-rotate:0deg}.bs-hokm-world__feature-card--queen{left:83%;top:51%;--card-rotate:8deg}
.bs-hokm-world__feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.bs-hokm-world__feature-rank,.bs-hokm-world__feature-suit{position:absolute;z-index:3;line-height:1}.bs-hokm-world__feature-rank{top:8%;left:10%;font-size:clamp(13px,1.7vw,27px);font-weight:900;text-shadow:0 1px 1px #fff}.bs-hokm-world__feature-suit{top:20%;left:13%;font-size:clamp(12px,1.5vw,24px)}.bs-hokm-world__feature-ornament{z-index:2;color:#c38a29;font-size:clamp(18px,2.4vw,38px);text-shadow:0 1px 0 #fff,0 2px 5px rgba(101,58,5,.25)}.bs-hokm-world__feature-caption{position:absolute;z-index:4;right:3px;bottom:3px;left:3px;padding:2px 1px;border-radius:4px;color:#fff3c4;background:rgba(15,20,27,.78);font-family:Vazirmatn,Vazir,Tahoma,sans-serif;font-size:clamp(5px,.6vw,9px);font-weight:900;text-align:center;white-space:nowrap}
@media(max-width:760px){
  .bs-hokm-world{position:fixed;inset:0;display:grid;grid-template-rows:auto auto auto;align-content:center;gap:7px;overflow:hidden}
  .admin-bar .bs-hokm-world{top:46px;min-height:calc(100svh - 46px)}
  .bs-hokm-world__stage{display:grid;min-height:0;padding:clamp(8px,2.4vh,18px) 0;place-items:center;overflow:visible}
  .bs-hokm-world__frame{width:calc(100vw - 12px);max-width:none;margin:0 auto}
  .bs-hokm-world__columns{inset:62px 0 65px;z-index:5}
  .bs-hokm-world__column{width:clamp(25px,9vw,52px);height:100%}
  .bs-hokm-world__column--left{left:0}.bs-hokm-world__column--right{right:0}
  .bs-hokm-world__feature-card{width:clamp(34px,12vw,64px);border-width:1px}
  .bs-hokm-world__feature-card::after{inset:3px}
  .bs-hokm-world__feature-card--ace{left:16%;top:52%}.bs-hokm-world__feature-card--king{left:50%;top:45%}.bs-hokm-world__feature-card--queen{left:84%;top:52%}
  .bs-hokm-world__feature-rank{font-size:clamp(11px,4vw,19px)}.bs-hokm-world__feature-suit{font-size:clamp(10px,3.5vw,17px)}
  .bs-hokm-world__feature-caption{font-size:clamp(4px,1.5vw,7px)}
  .bs-hokm-world__footer{position:relative;z-index:20;min-height:0;margin:0 auto;padding:0 0 4px}
  .bs-hokm-world__enter{width:min(calc(100vw - 28px),360px);min-height:50px}
}
@media(max-width:420px){.bs-hokm-world__columns{inset:60px 0 62px}.bs-hokm-world__column{width:clamp(22px,8vw,38px)}}


/* v11 screenshot alignment: full-height columns and map-first mobile composition */
.bs-hokm-world__columns{inset:68px 0 72px;z-index:12;overflow:visible}
.bs-hokm-world__column{width:clamp(64px,9vw,150px);height:100%;object-fit:fill;object-position:center;opacity:1}
.bs-hokm-world__column--left{left:0}.bs-hokm-world__column--right{right:0}
@media(max-width:760px){
  .bs-hokm-world{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:8px;overflow:hidden}
  .bs-hokm-world__topbar{display:none}
  .bs-hokm-world__stage{display:grid;align-items:start;min-height:0;padding:8px 0 12px;place-items:start center;overflow:visible}
  .bs-hokm-world__frame{width:calc(100vw - 12px);margin:0 auto}
  .bs-hokm-world__columns{inset:8px 0 64px;z-index:12}
  .bs-hokm-world__column{width:clamp(34px,12vw,88px);height:100%;object-fit:fill}
  .bs-hokm-world__feature-card{width:clamp(68px,12vw,145px);border-width:2px}
  .bs-hokm-world__feature-card--ace{left:16%;top:56%}.bs-hokm-world__feature-card--king{left:50%;top:47%}.bs-hokm-world__feature-card--queen{left:84%;top:56%}
  .bs-hokm-world__feature-caption{font-size:clamp(6px,1.15vw,10px);padding:3px 2px}
  .bs-hokm-world__footer{padding:0 0 8px}
}


/* v12 symmetric columns: outside the map frame, natural aspect ratio preserved */
.bs-hokm-world__stage{position:relative;overflow:visible}
.bs-hokm-world__columns{position:absolute;z-index:12;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;overflow:visible}
.bs-hokm-world__column{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;height:min(100%,620px);max-width:20vw;margin:0;display:block;object-fit:contain;object-position:center;opacity:1;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(224,179,72,.2))}
.bs-hokm-world__column--left{order:1}.bs-hokm-world__column--right{order:2;transform:scaleX(-1)}
@media(max-width:760px){
  .bs-hokm-world__stage{display:grid;align-items:start;min-height:0;padding:8px 0 12px;place-items:start center;overflow:visible}
  .bs-hokm-world__columns{inset:0;align-items:center}
  .bs-hokm-world__column{height:min(100%,540px);max-width:none}
  .bs-hokm-world__column--left{margin-left:0}.bs-hokm-world__column--right{margin-right:0}
}


/* v14 cards above map: clear reading order and no overlap with the map */
.bs-hokm-world__stage{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.3vh,16px);overflow:visible}
.bs-hokm-world__feature-cards{position:relative;z-index:20;inset:auto;display:flex;width:min(920px,calc(100% - 180px));min-height:clamp(112px,16vw,210px);margin:0 auto;align-items:center;justify-content:space-between;gap:clamp(10px,2vw,28px);pointer-events:none}
.bs-hokm-world__feature-card{position:relative;left:auto!important;top:auto!important;flex:0 0 auto;width:clamp(72px,9vw,140px);transform:rotate(var(--card-rotate));}
.bs-hokm-world__frame{z-index:2}
@media(max-width:760px){
 .bs-hokm-world__stage{display:flex;min-height:0;padding:8px 0 12px;gap:7px;align-items:center;justify-content:flex-start}
 .bs-hokm-world__feature-cards{width:calc(100vw - 90px);min-height:clamp(88px,25vw,150px);gap:5px;justify-content:space-between}
 .bs-hokm-world__feature-card{width:clamp(58px,20vw,92px);border-width:2px}
 .bs-hokm-world__frame{width:calc(100vw - 90px);margin:0 auto}
 .bs-hokm-world__columns{z-index:4;inset:0;align-items:center}
}


/* v15 exact supplied cards: use the user's approved artwork as one undistorted image */
.bs-hokm-world__feature-cards{position:relative;z-index:20;inset:auto;display:flex;width:min(920px,calc(100% - 180px));margin:0 auto;align-items:center;justify-content:center;pointer-events:none}
.bs-hokm-world__feature-cards-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:clamp(12px,1.8vw,24px);box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 0 1px rgba(229,189,91,.5)}
@media(max-width:760px){.bs-hokm-world__feature-cards{width:calc(100vw - 24px);margin:0 auto}.bs-hokm-world__feature-cards-image{width:100%;height:auto;border-radius:12px}}