/* V15: Krishnochura is an oversized, half cropped botanical backdrop.
   It is clipped to the homepage hero, never fixed over the other pages. */
.hero{position:relative;isolation:isolate;overflow:clip}
.v4-tree.mb14-tree{
 position:absolute!important;
 inset:-86px -36vw auto auto!important;
 width:clamp(1000px,100vw,1450px)!important;
 height:auto!important;aspect-ratio:3/2;
 max-height:none!important;opacity:1!important;
 z-index:3;overflow:visible;pointer-events:none;
 mix-blend-mode:normal!important;
 transform:translate3d(0,var(--tree-scroll,0px),0);
 will-change:transform;
}
.mb14-tree>img{
 display:block;width:100%;height:100%;object-fit:contain;
 opacity:.94;filter:saturate(.98) contrast(1.03);
 mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 100%);
}
/* Petals are located on actual canopy branches in the same coordinate system. */
.mb14-tree #fallingPetals{position:absolute!important;inset:0;overflow:visible;pointer-events:none}
.mb14-tree .mb14-flower{
 position:absolute!important;left:var(--flower-x)!important;top:var(--flower-y)!important;
 width:15px!important;height:15px!important;opacity:0;
 background:transparent!important;box-shadow:none!important;
 animation:mb15-petal-fall var(--duration,16s) var(--delay,0s) linear infinite!important;
 transform-origin:50% 50%;
}
.mb14-flower:before{
 content:'';display:block;width:100%;height:100%;
 background:center/contain no-repeat url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"%3E%3Cg fill="%23e74e25" stroke="%23b52e1d" stroke-width=".45"%3E%3Cellipse cx="24" cy="14" rx="8" ry="12"/%3E%3Cellipse cx="33" cy="22" rx="8" ry="12" transform="rotate(72 33 22)"/%3E%3Cellipse cx="29" cy="33" rx="8" ry="12" transform="rotate(144 29 33)"/%3E%3Cellipse cx="17" cy="33" rx="8" ry="12" transform="rotate(216 17 33)"/%3E%3Cellipse cx="14" cy="22" rx="8" ry="12" transform="rotate(288 14 22)"/%3E%3C/g%3E%3Ccircle cx="24" cy="24" r="4" fill="%23f9c35b"/%3E%3C/svg%3E')
}
@keyframes mb15-petal-fall{
 0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg) scale(.72)}
 9%{opacity:.88}
 70%{opacity:.8}
 100%{opacity:0;transform:translate3d(var(--drift,100px),var(--fall,570px),0) rotate(var(--rotation,560deg)) scale(.76)}
}
.hero .hero-art{position:relative;z-index:2}
.hero .hero-copy{position:relative;z-index:5;background:linear-gradient(90deg,#fcf9f3e6 0%,#fcf9f3ba 70%,transparent 100%);border-radius:12px}
.hero .hero-actions,.hero .hero-copy p{position:relative;z-index:6}
.mb14-sound-switch{position:fixed;z-index:70;bottom:18px;right:18px;padding:11px 16px;background:#225748;color:#fff;border:1px solid #a7d0b0;border-radius:999px;box-shadow:0 8px 28px #0003;font:700 12px 'Hind Siliguri',sans-serif;min-height:44px}
.mm-sound-options{display:flex;flex-wrap:wrap;gap:9px}.mm-sound-options button{max-width:100%;white-space:normal;text-align:left}.mm-sound-panel{overflow-wrap:anywhere}

@media(max-width:1100px){
 .v4-tree.mb14-tree{width:clamp(870px,112vw,1180px)!important;right:-47vw!important;top:-42px!important}
}
@media(max-width:800px){
 .v4-tree.mb14-tree{width:clamp(700px,190vw,990px)!important;right:-90vw!important;top:auto!important;bottom:-45px!important;opacity:1!important}
 .mb14-tree>img{opacity:.88;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%)}
 .mb14-tree .mb14-flower{width:12px!important;height:12px!important}
 .hero-inner{position:relative;z-index:4}
 .hero-copy{padding-right:7px;background:linear-gradient(90deg,#fcf9f3f5,#fcf9f3bd 85%,transparent)}
 .mb14-sound-switch{right:11px;bottom:12px}
 .mm3d-shell,.mm-sound-desk{max-width:100%;min-width:0}
 body{overflow-x:clip}
}
@media(max-width:370px){
 .v4-tree.mb14-tree{width:720px!important;right:-110vw!important;bottom:-30px!important}
 .hero h1{font-size:clamp(34px,10vw,49px)!important}
 .mm3d-bottom{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 .v4-tree.mb14-tree{transform:none!important;will-change:auto}
 .mb14-flower{display:none!important}
 .mm3d-shell *{scroll-behavior:auto}
}


/* V15.1 UI repair layer: clear hierarchy and remove duplicate decorative containers */
.top-ribbon,.v8-menu,.ticker,.hero-meta,.hero-art .art-top-note,.hero-art .art-bottom,.hero-art .art-caption{display:none!important}
.site-header{height:80px;background:rgba(255,250,241,.97);border-bottom:1px solid #e9d9c4;box-shadow:0 4px 18px #5b372214}
.nav-shell{gap:15px}
.desktop-nav{gap:18px;min-width:0}
.desktop-nav a{font-size:13px!important;font-weight:700;line-height:1.4;white-space:nowrap}
.brand{gap:10px}
.brand>span:last-child b{font-size:23px!important;line-height:1.24}
.brand>span:last-child small{font-size:10px;line-height:1.4;max-width:175px}
.nav-right{flex-shrink:0}
.nav-file{min-width:150px;max-width:none;white-space:nowrap;padding-inline:12px;font-size:12px;flex-shrink:0}
.region-pick{padding:4px 8px}
.hero{min-height:590px;overflow:hidden!important;background:linear-gradient(110deg,#fbf3df 0%,#fdf7e8 43%,#e9e1cf 100%)}
.hero:before{display:none}
.hero-inner{min-height:590px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:30px;align-items:center;padding:52px 0 56px;position:relative;z-index:auto}
.hero .hero-copy{position:relative;z-index:7;max-width:580px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.hero .hero-copy h1{font:800 clamp(42px,4.25vw,64px)/1.38 var(--serif)!important;letter-spacing:-1.5px;margin:13px 0 20px;overflow-wrap:normal;word-break:normal}
.hero .hero-copy>p{font-size:16px!important;line-height:1.9;color:#4e524a;max-width:490px}
.hero .kicker{background:none;border:0;border-radius:0;padding:0;color:#8b3c2b;font-size:12px;letter-spacing:0}
.hero .hero-actions{margin-top:26px;gap:10px}
.hero .hero-actions>*{min-height:48px;font-size:14px!important;white-space:normal;text-align:center}
.hero .hero-art{position:relative;z-index:2;width:100%;max-width:none;margin:0;height:440px;transform:none;overflow:hidden;border:0;border-radius:15px;box-shadow:0 16px 43px #543b2c18;background:#e9d7b8}
.hero-art .courthouse-image{filter:saturate(.9) contrast(1.025);background-position:52% 50%}
.hero .v4-tree.mb14-tree{position:absolute!important;left:51%!important;right:auto!important;top:-82px!important;bottom:auto!important;width:1080px!important;height:720px!important;z-index:3!important;opacity:.68!important;pointer-events:none!important;transform:translate3d(0,var(--tree-scroll,0px),0);mix-blend-mode:normal!important}
.hero .mb14-tree>img{height:100%;width:100%;object-fit:contain;opacity:.84;mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 100%)}
.feature-strip{padding:23px 0 25px;gap:0;border-bottom:1px solid #e5d5c3}
.feature-cell{padding:10px 20px;gap:12px;justify-content:flex-start}
.feature-index{font-size:23px}
.feature-cell strong{font-size:14px}
.feature-cell p{font-size:12px;line-height:1.55}
/* Extra games stay functional and accessible but do not dominate homepage */
.mb15-more{border-top:1px solid #e1d3c2;border-bottom:1px solid #e1d3c2;background:#fcf8ef}
.mb15-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;width:calc(100% - 100px);max-width:1260px;margin:auto;min-height:110px;padding:19px 0}
.mb15-more>summary::-webkit-details-marker{display:none}
.mb15-more>summary strong{display:block;font:800 clamp(18px,2.1vw,27px)/1.45 var(--serif);color:#2f3f36}
.mb15-more>summary small{display:block;color:#a04733;font-size:12px;font-weight:700;margin-bottom:5px}
.mb15-expand{font-size:13px;font-weight:700;border:1px solid #cbb9a2;border-radius:20px;padding:8px 13px;white-space:nowrap}
.mb15-more[open] .mb15-expand{background:#193d35;color:#fff}
.mb15-more .playground-section{padding-top:20px;padding-bottom:56px;background:transparent}
.mb15-more .playground-section .section-top{display:none}
.play-grid{gap:15px}
.play-tile{box-shadow:none!important}
/* Prevent long Bangla text in narrow card and button components */
button,a,label,summary{overflow-wrap:break-word}
.card-row,.case-card,.play-tile,.lobby-card,.idea-card,.news-hero,.v4-news-dialog,.rule-card{min-width:0}
.section-top h2,.v4-headerline h2{word-break:normal;overflow-wrap:break-word}
.case-section{padding-top:64px;padding-bottom:75px}
.v4-lobby,.v4-press{padding-block:65px}
.v4-ideas{padding-block:58px}
@media(max-width:1220px){
 .desktop-nav{gap:10px}.desktop-nav a{font-size:11px!important}
 .nav-file{min-width:128px;font-size:11px;padding-inline:9px}
 .brand>span:last-child small{display:none}
 .hero .v4-tree.mb14-tree{left:53%!important;width:1000px!important}
}
@media(max-width:1040px){
 .desktop-nav,.nav-file{display:none!important}
 .mobile-menu{display:block!important}
 .hero .hero-inner{grid-template-columns:1fr 1fr;gap:22px}
 .hero .hero-copy h1{font-size:clamp(40px,4.8vw,54px)!important}
 .hero .hero-art{height:380px}
 .hero .v4-tree.mb14-tree{left:54%!important;width:940px!important;top:-30px!important}
}
@media(max-width:800px){
 .site-header{height:72px}
 .hero{min-height:auto}
 .hero .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:37px 0 42px;min-height:0}
 .hero .hero-copy{width:100%;max-width:100%;padding:0!important}
 .hero .hero-copy h1{font-size:clamp(38px,8vw,52px)!important;line-height:1.35;letter-spacing:-.9px;margin:13px 0 16px}
 .hero .hero-copy>p{max-width:560px;font-size:15px!important;line-height:1.77}
 .hero .hero-actions{margin-top:22px}
 .hero .hero-art{height:320px;max-width:none;width:100%;border-radius:14px}
 .hero .v4-tree.mb14-tree{left:47%!important;right:auto!important;top:auto!important;bottom:-30px!important;width:900px!important;height:600px!important;z-index:3!important;opacity:.63!important}
 .hero .mb14-tree>img{opacity:.76;mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}
 .hero .hero-copy{z-index:5}
 .mb15-more>summary{width:calc(100% - 48px)}
 .feature-strip{grid-template-columns:1fr 1fr 1fr;gap:0}
 .feature-cell{padding:10px;gap:9px}
 .feature-index{font-size:19px}
 .feature-cell strong{font-size:12px}
 .feature-cell p{font-size:11px}
}
@media(max-width:540px){
 .hero .hero-inner{padding-top:27px;padding-bottom:24px;gap:18px}
 .hero .hero-copy h1{font-size:clamp(34px,9.2vw,43px)!important;letter-spacing:-.45px}
 .hero .hero-copy>p{font-size:14px!important;line-height:1.8}
 .hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .hero .hero-actions>*{padding:10px 8px;min-height:48px;font-size:12px!important;line-height:1.45}
 .hero .hero-art{height:280px}
 .hero .v4-tree.mb14-tree{left:41%!important;width:700px!important;height:466px!important;bottom:-36px!important;opacity:.68!important}
 .hero .mb14-tree>img{opacity:.78}
 .feature-strip{grid-template-columns:1fr;gap:5px;padding:16px 0}
 .feature-cell{padding:6px 0;justify-content:flex-start;border-right:0!important}
 .feature-index{font-size:18px;min-width:28px}
 .feature-cell p{display:inline;margin-left:7px}
 .feature-cell strong{font-size:13px}
 .mb15-more>summary{width:calc(100% - 36px);min-height:96px}
 .mb15-more>summary strong{font-size:17px}
 .mb15-expand{font-size:11px;padding:8px}
 .section-top{gap:15px}
 .v4-lobby,.v4-press{padding-block:45px}
 .case-section{padding-top:46px;padding-bottom:55px}
}
@media(max-width:360px){
 .hero .hero-actions>*{font-size:11px!important}
 .hero .hero-art{height:240px}
 .hero .v4-tree.mb14-tree{left:40%!important;width:650px!important;height:433px!important}
 .nav-right .region-pick{display:none}
}
@media(prefers-reduced-motion:reduce){.mb15-flower{display:none!important}}


/* V15.2 final visual tuning */
.hero{background:linear-gradient(115deg,#fbf6ea 0%,#faf1e1 58%,#e8dfcd 100%)}
.hero .hero-art{z-index:4;max-width:510px;justify-self:start;box-shadow:0 15px 35px #352d2530}
.hero .v4-tree.mb14-tree{left:54%!important;top:-105px!important;width:1150px!important;opacity:1!important;z-index:3!important}
.hero .mb14-tree>img{opacity:.96;filter:saturate(.90) contrast(.97);mask-image:linear-gradient(90deg,transparent 0%,#000 16%)}
.hero .hero-copy{z-index:5}
.hero .hero-copy h1{font-size:clamp(42px,4.05vw,60px)!important;line-height:1.37}
.hero .hero-copy>p{font-size:15px!important;max-width:470px}
.hero .hero-inner{min-height:590px}
.hero .hero-art .courthouse-image{background-position:54% 50%}
.nav-right .region-pick{flex-shrink:0}
.site-footer .v4-footer-rule{gap:15px}
/* Parent boxes must not size themselves by unbroken long text */
.hero-inner>*,.lobby-stack>*,.news-layout>*,.play-grid>*,.cases-grid>*,.toolbar>*{min-width:0}
@media(max-width:800px){
 .hero .hero-inner{min-height:0}
 .hero .hero-art{max-width:100%;justify-self:stretch;z-index:3;box-shadow:0 11px 24px #352d2526}
 .hero .v4-tree.mb14-tree{left:57%!important;top:auto!important;bottom:-80px!important;width:780px!important;height:520px!important;z-index:4!important;opacity:1!important}
 .hero .mb14-tree>img{opacity:.92;mask-image:linear-gradient(90deg,transparent 0%,#000 15%)}
 .hero .hero-copy{z-index:5}
 .hero .hero-copy h1{font-size:clamp(38px,8vw,48px)!important}
 .hero .hero-art{height:305px}
}
@media(max-width:540px){
 .hero .hero-inner{padding-top:30px;padding-bottom:28px}
 .hero .hero-art{height:260px}
 .hero .v4-tree.mb14-tree{left:58%!important;bottom:-57px!important;width:650px!important;height:434px!important}
 .hero .hero-copy h1{font-size:clamp(37px,8.7vw,42px)!important}
 .hero .hero-actions{display:flex;flex-wrap:wrap}
 .hero .hero-actions>*{flex:1 1 150px;min-width:0;padding:10px 12px}
}
@media(max-width:360px){.hero .hero-art{height:238px}.hero .v4-tree.mb14-tree{left:58%!important;width:610px!important;height:407px!important}}

/* V15.3 compact navigation and case-first information flow */
@media(max-width:1040px){
 #mobileNav.mobile-nav:not([hidden]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 9px;padding:14px max(18px,calc((100vw - 760px)/2));max-height:min(72vh,560px);overflow:auto}
 #mobileNav.mobile-nav[hidden]{display:none!important}
 #mobileNav.mobile-nav a,#mobileNav.mobile-nav button{min-width:0;display:flex;align-items:center;justify-content:flex-start;border:1px solid #e6d9c5;border-radius:9px;padding:10px 11px;font-size:12px;font-weight:700;line-height:1.55;white-space:normal;text-align:left;background:#fffdf7;color:#34372f}
 #mobileNav.mobile-nav button{grid-column:1 / -1;justify-content:center;background:#a83c2d;color:#fff;border-color:#a83c2d}
 #mobileNav.mobile-nav a:active{background:#f7e7d6}
}
@media(max-width:390px){#mobileNav.mobile-nav:not([hidden]){gap:6px;padding:12px 14px}#mobileNav.mobile-nav a{font-size:11px}}

@media(max-width:540px){.hero .hero-actions{display:grid;grid-template-columns:1fr;gap:9px}.hero .hero-actions>*{width:100%;min-height:45px;font-size:13px!important}}

/* V15.3 topic cards: remove the large dead space between number and title */
.category-section{padding-top:60px;padding-bottom:66px}
.topic-grid{gap:12px}
.topic-card{min-height:133px;padding:15px 17px;gap:3px;border-radius:10px}
.topic-mark{font-size:27px;line-height:1.1;margin-bottom:8px}
.topic-card strong{font-size:16px;line-height:1.5;margin-top:0}
.topic-card small{font-size:12px;line-height:1.45;margin-top:0}
.topic-card:after{top:12px;right:13px;font-size:17px}
@media(max-width:540px){
 .category-section{padding-top:43px;padding-bottom:47px}
 .topic-grid{gap:9px}
 .topic-card{min-height:119px;padding:12px 13px}
 .topic-mark{font-size:24px;margin-bottom:5px}
 .topic-card strong{font-size:13px;line-height:1.5}
 .topic-card small{font-size:11px;line-height:1.45}
}