/* MMK77 Slot Database · jade + champagne gold · mobile-first */
:root{--bg:#f6f4ec;--paper:#fffdf7;--ink:#11231f;--ink2:#3d524c;--mute:#6c7c77;--line:#e3dccb;--line2:#d3c7ac;
--jade:#0d4a40;--jade2:#136052;--jade3:#1c7a68;--deep:#072e28;--gold:#c79a2b;--gold2:#e3c26b;--gold3:#f4e3b0;--rose:#9b2c3b;
--font:'Noto Sans Myanmar','Pyidaungsu','Padauk','Noto Sans',system-ui,sans-serif;--r:18px;--gold-ink:#072e28;--sh:0 10px 30px -18px rgba(7,46,40,.45)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.9 var(--font)}
img{max-width:100%;height:auto;display:block}a{color:var(--jade2);text-underline-offset:3px}a:hover{color:var(--rose)}
h1,h2,h3{line-height:1.5;color:var(--deep)}h1{font-size:clamp(1.5rem,4.6vw,2.35rem);margin:.4em 0 .5em}
h2{font-size:clamp(1.22rem,3.4vw,1.6rem);margin:2.1em 0 .7em;padding-top:.2em}h3{font-size:1.08rem;margin:1.4em 0 .4em}
p{margin:.6em 0 1em}ul,ol{padding-left:1.25em}li{margin:.3em 0}
.wrap{max-width:1160px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}
/* header */
.top{background:linear-gradient(180deg,var(--deep),var(--jade));border-bottom:2px solid var(--gold);position:sticky;top:0;z-index:40}
.top .wrap{display:flex;align-items:center;gap:14px;min-height:64px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.logo svg{width:42px;height:42px;flex:none}
.logo b{display:block;font:800 1.18rem/1 'Noto Sans',sans-serif;letter-spacing:1.5px;color:var(--gold3)}
.logo small{display:block;font:600 .64rem/1.4 'Noto Sans',sans-serif;letter-spacing:2.4px;color:#bfe0d6}
.menu-btn{margin-left:auto;background:transparent;border:1px solid var(--gold2);color:var(--gold3);border-radius:10px;padding:6px 14px;font:inherit;font-size:.9rem}
.nav{display:none;width:100%;padding:6px 0 14px}.nav.open{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.nav a{color:#e9f4f0;text-decoration:none;padding:9px 12px;border-radius:10px;font-size:.93rem;background:rgba(255,255,255,.05)}
.nav a[aria-current]{background:var(--gold);color:var(--deep);font-weight:700}
@media(min-width:960px){.menu-btn{display:none}.nav{display:flex;width:auto;margin-left:auto;padding:0;gap:4px}.nav a{background:none}.nav a:hover{background:rgba(255,255,255,.1)}}
.crumbs{font-size:.84rem;color:var(--mute);padding-top:14px}.crumbs a{color:var(--mute)}
/* hero */
.hero,.ghead{overflow:hidden}.hero-grid>div,.gtop>div{min-width:0}.hero{background:radial-gradient(900px 420px at 85% -10%,rgba(227,194,107,.28),transparent 60%),linear-gradient(160deg,var(--deep),var(--jade) 60%,var(--jade2));color:#eef7f3;padding:34px 0 30px;overflow:hidden}
.hero h1{color:#fff;margin-top:.1em}.hero p{color:#d5e9e2;max-width:640px}.hero .eyebrow{color:var(--gold2)}
.hero-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.hero-art{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-self:center}
.hero-art img{border-radius:12px;border:1px solid rgba(227,194,107,.5);aspect-ratio:16/10;object-fit:cover;width:100%;box-shadow:0 10px 24px -12px #000}
.hero-art img:nth-child(1){grid-column:span 2;grid-row:span 2}
@media(min-width:900px){.hero{padding:52px 0 46px}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center}}
.eyebrow{font:700 .74rem/1.4 'Noto Sans',sans-serif;letter-spacing:2.6px;text-transform:uppercase;color:var(--gold)}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 6px}
.kpi{background:rgba(255,255,255,.07);border:1px solid rgba(227,194,107,.35);border-radius:14px;padding:10px 14px}
.kpi b{display:block;font:800 1.45rem/1.2 'Noto Sans',sans-serif;color:var(--gold3)}.kpi span{font-size:.8rem;color:#cfe4dc}
@media(min-width:600px){.kpis{grid-template-columns:repeat(4,1fr)}}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.btn{display:inline-block;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.92rem;border:1px solid var(--gold2)}
.btn.g{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--deep);border-color:var(--gold)}.btn.o{color:var(--gold3)}
.btn.j{background:var(--jade);color:#fff;border-color:var(--jade)}
/* cards */
.lede{font-size:1.05rem;color:var(--ink2)}
.grid{display:grid;gap:14px}.g2{grid-template-columns:1fr}.g3,.g4{grid-template-columns:1fr 1fr}
@media(min-width:720px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh)}
.card h3{margin-top:.2em}
.gc{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--sh);display:flex;flex-direction:column}
.gc img{aspect-ratio:16/10;object-fit:cover;width:100%;background:#dfe9e4}.gc div{padding:9px 12px 12px}
.gc b{display:block;font-size:.95rem;line-height:1.35}.gc i{font-style:normal;font-size:.76rem;color:var(--mute)}
.gc .chips{margin-top:6px}.gc:hover{border-color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font:600 .72rem/1.5 'Noto Sans',sans-serif;background:#eef3ef;border:1px solid #d6e3dc;color:var(--jade);border-radius:999px;padding:1px 8px}
.chip.gd{background:#fbf2d9;border-color:#ecd9a0;color:#7a5a0e}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(min-width:760px){.tiles{grid-template-columns:repeat(3,1fr)}}
.tile{display:block;text-decoration:none;background:linear-gradient(160deg,var(--jade),var(--deep));color:#fff;border-radius:16px;padding:14px 16px;border:1px solid var(--jade3);position:relative;overflow:hidden}
.tile b{display:block;color:var(--gold3);font-size:1rem}.tile span{font-size:.82rem;color:#cfe4dc}.tile em{position:absolute;right:12px;top:10px;font:800 1.3rem 'Noto Sans';color:rgba(227,194,107,.55);font-style:normal}
/* rank table */
.rt{width:100%;border-collapse:separate;border-spacing:0 8px}.rt th{font-size:.78rem;color:var(--mute);text-align:left;font-weight:600;padding:0 8px}
.rt td{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;vertical-align:middle;font-size:.9rem}
.rt td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px;width:44px;text-align:center}.rt td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}
.no{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--jade);color:var(--gold3);font:800 .9rem 'Noto Sans'}
tr:nth-child(-n+3) .no{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--deep)}
.gn{display:flex;align-items:center;gap:10px;min-width:0}.gn img{width:72px;height:45px;object-fit:cover;border-radius:8px;flex:none}
.gn a{text-decoration:none;color:var(--ink)}.gn b{display:block;line-height:1.3;font-size:.93rem}.gn i{display:block;font-style:normal;font-size:.74rem;color:var(--mute)}
.hl{font:800 1rem 'Noto Sans';color:var(--jade)}
@media(max-width:700px){.rt thead{display:none}.rt tr{display:grid;grid-template-columns:44px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-bottom:8px;padding:6px}
.rt td{border:0!important;background:none;padding:4px 6px;border-radius:0!important}.rt td:first-child{grid-row:span 6;width:auto}
.rt td[data-l]{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.84rem;white-space:nowrap}.rt td[data-l]::before{content:attr(data-l);color:var(--mute);font-size:.76rem}
.rt td.xm{display:none}}
.cf{display:inline-block;min-width:18px;text-align:center;font:800 .66rem/16px 'Noto Sans';border-radius:5px;margin-left:4px;vertical-align:1px;padding:0 3px}
.cf.A{background:#0d4a40;color:#f4e3b0}.cf.B{background:#1c7a68;color:#fff}.cf.C{background:#e9dfc4;color:#5f4b12}.cf.X{background:#9b2c3b;color:#fff}.cf.Q{background:#dde2e0;color:#44514d}
.cfl{text-decoration:none}
/* data table */
.dt{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:.9rem}
.dt th,.dt td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.dt th{background:#eef3ef;color:var(--jade);font-weight:700;width:36%}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0}.tw .dt th{width:auto}
/* figure */
figure{margin:1.4em 0}figure img{border-radius:16px;border:1px solid var(--line);width:100%}figcaption{font-size:.82rem;color:var(--mute);margin-top:6px}
.fig2{display:grid;gap:12px}@media(min-width:760px){.fig2{grid-template-columns:1fr 1fr}}
/* profile */
.ghead{background:linear-gradient(160deg,var(--deep),var(--jade));color:#fff;padding:18px 0 22px}
.ghead h1{color:#fff;font-size:clamp(1.35rem,4.2vw,2rem)}.ghead .crumbs,.ghead .crumbs a{color:#bcd9cf}
.gtop{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}@media(min-width:880px){.gtop{grid-template-columns:1.25fr 1fr;align-items:start}}
.gtop>img{border-radius:16px;border:1px solid rgba(227,194,107,.55);aspect-ratio:16/9;object-fit:cover;width:100%}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.facts div{background:rgba(255,255,255,.07);border:1px solid rgba(227,194,107,.3);border-radius:12px;padding:8px 12px}
.facts b{display:block;color:var(--gold3);font:800 1.05rem/1.4 'Noto Sans'}.facts span{font-size:.76rem;color:#cfe4dc}
.ghead .sum{color:#dcece6;font-size:.95rem}
.shots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shots img{border-radius:12px;border:1px solid var(--line);aspect-ratio:16/9;object-fit:cover;width:100%}
.obs{background:#fbf6e6;border-left:4px solid var(--gold);border-radius:0 14px 14px 0;padding:12px 16px;color:#4a3b12}
.unv{background:#f1f3f2;border:1px dashed #b9c4c0;border-radius:14px;padding:12px 16px}.unv li{font-size:.9rem}
.ev{font-size:.84rem}.ev td{word-break:break-word}.ev q{color:var(--ink2)}
.toc{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 18px;margin:1.4em 0}.toc b{color:var(--jade)}
.toc ol{margin:.4em 0;columns:1}@media(min-width:760px){.toc ol{columns:2}}.toc a{text-decoration:none}
.note{font-size:.86rem;color:var(--mute)}
.rg{margin:2.4em 0 1em;background:linear-gradient(160deg,#fff7f7,#fff);border:1px solid #efd3d6;border-radius:16px;padding:14px 18px;font-size:.9rem;color:#5a2a31}
.age{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rose);color:#fff;font:800 .78rem 'Noto Sans';margin-right:8px;vertical-align:middle}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin:8px 0;padding:4px 16px}
.faq summary{cursor:pointer;font-weight:700;padding:8px 0;color:var(--deep)}.faq details p{margin-top:0}
.bar{height:10px;background:#e6ece9;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--jade3),var(--gold))}
.steps{counter-reset:s;list-style:none;padding:0}.steps li{counter-increment:s;position:relative;padding:10px 12px 10px 52px;background:var(--paper);border:1px solid var(--line);border-radius:14px;margin:8px 0}
.steps li::before{content:counter(s);position:absolute;left:12px;top:10px;width:28px;height:28px;border-radius:50%;background:var(--jade);color:var(--gold3);display:grid;place-items:center;font:800 .85rem 'Noto Sans'}
.filter{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.filter button{font:inherit;font-size:.84rem;border:1px solid var(--line2);background:var(--paper);border-radius:999px;padding:4px 12px;cursor:pointer}
.filter button[aria-pressed=true]{background:var(--jade);color:#fff;border-color:var(--jade)}
.dash{color:var(--mute)}
/* footer */
.foot{background:var(--deep);color:#cfe4dc;margin-top:48px;padding:34px 0 20px;font-size:.88rem;border-top:2px solid var(--gold)}
.foot .wrap{display:grid;gap:22px}@media(min-width:860px){.foot .wrap{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.foot h4{color:var(--gold2);margin:0 0 6px;font:700 .8rem 'Noto Sans';letter-spacing:2px}.foot ul{list-style:none;padding:0;margin:0}
.foot a{color:#e5f1ec;text-decoration:none}.foot a:hover{color:var(--gold3)}.fine{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:.78rem;color:#9fbdb3}

/* support widget */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sp-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(115deg,var(--jade),var(--rose));color:#f8ecd6}
.sp-av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--gold2),var(--gold));color:var(--gold-ink);font-weight:800;flex:0 0 auto}
.sp-head b{display:block;font-size:16px}
.sp-head small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#f0d9c8}
.sp-head small i{width:8px;height:8px;border-radius:50%;background:#5ee39a;box-shadow:0 0 0 3px #5ee39a33}
.sp-reset{margin-left:auto;background:#ffffff14;border:1px solid #ffffff33;color:#fff;border-radius:10px;width:38px;height:38px;font-size:18px;cursor:pointer}
.sp-box{height:360px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(#fbf4e8,var(--paper))}
.sp-msg{max-width:82%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.7}
.sp-msg p{margin:0;white-space:pre-wrap;word-break:break-word}
.sp-msg time{display:block;margin-top:4px;font-size:11px;opacity:.7}
.sp-msg.agent{align-self:flex-start;background:#f3e6d3;color:var(--ink);border-bottom-left-radius:4px}
.sp-msg.me{align-self:flex-end;background:var(--rose);color:#fff;border-bottom-right-radius:4px}
.sp-msg.pending{opacity:.6}
.sp form{padding:14px 16px 16px;border-top:1px solid var(--line)}
.sp-id{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.sp-id label{font-size:13px;color:var(--ink2);display:grid;gap:4px}
.sp input,.sp textarea{font:inherit;font-size:15px;border:1px solid var(--line2);border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink);width:100%}
.sp input:focus,.sp textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.sp-comp{display:flex;gap:10px;align-items:flex-end}
.sp textarea{resize:none;min-height:46px}
.sp-send{flex:0 0 auto;min-height:46px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(105deg,var(--gold2),var(--gold));color:var(--gold-ink);font-weight:800;cursor:pointer}
.sp-send:disabled{opacity:.55}
.sp-status{margin:8px 2px 0;font-size:12.5px;color:var(--mute)}
.sp-status.err{color:#b3261e}
@media(max-width:640px){.sp-id{grid-template-columns:1fr}.sp-box{height:320px}.sp-msg{max-width:90%}}
h1,h2,h3,p,li{overflow-wrap:break-word}.dt td{overflow-wrap:anywhere}.dt th{overflow-wrap:normal;word-break:keep-all;min-width:6.5em}