:root{--hd:#004D37;--bg:#093631;--sf:#0d443c;--sf2:#11524a;--bd:#2a8a72;--gr:#6DDC52;--or:#FF5C00;--tx:#EAF7EE;--mu:#b6d8c9;--dk:#1a0b00}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Ubuntu,sans-serif;background:var(--bg);color:var(--tx);line-height:1.75;font-size:16px;background-image:radial-gradient(circle at 12% -10%,#136a53 0,transparent 42%),radial-gradient(circle at 100% 30%,#0d4a3e 0,transparent 38%);background-attachment:fixed}
body.fx9{overflow:hidden}
img,svg{max-width:100%}
a{color:var(--gr)}
h1,h2,h3{line-height:1.3;margin:0 0 .6em}
h2{font-size:1.6rem;display:flex;align-items:center;gap:.6rem}
h3{font-size:1.15rem}
p{margin:0 0 1em}
.ic{width:1.25em;height:1.25em;flex:none;vertical-align:-.22em;margin-right:.5em}
.ic-xl{width:2.6rem;height:2.6rem;margin:0 0 .8rem;color:var(--gr);padding:.55rem;border-radius:14px;background:rgba(109,220,82,.12)}
h2 .ic{color:var(--gr);margin:0}
.wq1a{max-width:1180px;margin:0 auto;padding:0 0 110px}
.cn7d{padding:0 16px;margin:16px 0}
.bx2k{border-radius:20px}
.hd9z{background:var(--hd);border:1px solid #0b7155;padding:12px 16px;position:sticky;top:8px;z-index:30;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.hr3m{display:flex;align-items:center;gap:12px}
.lg5p{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tx);font-weight:700;font-size:1.3rem}
.lg5p img{border-radius:12px;border:2px solid var(--gr);object-fit:cover}
.lg5p-t b{color:var(--gr)}
.on7h{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:.85rem;background:rgba(0,0,0,.22);padding:6px 12px;border-radius:99px;white-space:nowrap}
.on7h em{font-style:normal;color:var(--mu);font-size:.72rem;border:1px solid var(--bd);border-radius:99px;padding:0 7px}
.on7h-d{width:9px;height:9px;border-radius:50%;background:var(--gr);animation:pl3 1.8s infinite}
@keyframes pl3{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.5)}}
.bt6w{display:flex;gap:8px}
.bn0x{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:10px 18px;border-radius:12px;font-weight:700;text-decoration:none;font-family:inherit;font-size:1rem;line-height:1.2;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s;min-height:44px}
.bn0x .ic{margin-right:.4em}
.kg3r{background:var(--gr);color:var(--dk)}
.ko8s{background:var(--or);color:var(--dk);box-shadow:0 6px 18px rgba(255,92,0,.35)}
.kx5y{background:transparent;color:var(--mu);border:1px dashed var(--bd);cursor:not-allowed}
.bn0x:hover:not(.kx5y){transform:translateY(-2px);filter:brightness(1.08)}
.bn-l{padding:14px 26px;font-size:1.1rem}
.bg8t{display:none;width:44px;height:44px;border:1px solid var(--bd);border-radius:12px;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:0 11px}
.bg8t span{height:2px;background:var(--tx);border-radius:2px;transition:transform .25s,opacity .25s}
.bg8t.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.bg8t.on span:nth-child(2){opacity:0}
.bg8t.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mn4v{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid #0b7155;display:flex;flex-wrap:wrap;gap:6px}
.mn4v a{display:flex;align-items:center;padding:8px 14px;border-radius:10px;color:var(--tx);text-decoration:none;transition:background .2s}
.mn4v a:hover,.mn4v a:focus-visible{background:rgba(109,220,82,.16);color:var(--gr)}
.mn4v .ic{color:var(--gr)}
.hz1e{position:relative;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;border:1px solid var(--bd)}
.hz1e-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,54,49,.96) 8%,rgba(9,54,49,.55) 60%,rgba(9,54,49,.15)),url(/images/cat-banner.jpg) center/cover;transform:scale(1.04);animation:zm1 14s ease-out forwards}
@keyframes zm1{to{transform:scale(1)}}
.hz1e-in{position:relative;padding:40px;max-width:680px;animation:fu2 .8s both}
@keyframes fu2{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hz1e-k{display:inline-flex;align-items:center;background:var(--hd);padding:4px 14px;border-radius:99px;font-size:.85rem;color:var(--gr);border:1px solid var(--bd)}
.hz1e-h{font-size:2.4rem;font-weight:700;line-height:1.2;margin:.4em 0}
.hz1e-p{color:#d3efe1;font-size:1.05rem}
.hz1e-b{display:flex;flex-wrap:wrap;gap:12px;margin:1.2rem 0}
.hz1e-n{font-size:.82rem;color:var(--mu);margin:0}
.cr4b{background:var(--sf);border:1px solid var(--bd);padding:10px 20px}
.cr4b ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:.92rem}
.cr4b li+li::before{content:"/";margin-right:8px;color:var(--mu)}
.cr4b a{text-decoration:none}
.bk7a{padding:30px;border:1px solid var(--bd);animation:fu2 .7s both}
.bv1x{background:linear-gradient(145deg,var(--sf),#0b3d36);border-radius:26px}
.bv2y{background:var(--sf2);border-radius:8px 32px 8px 32px}
.bv3z{background:#0a3b34;border-radius:32px 12px 32px 12px;border-style:dashed}
.bv4w{background:linear-gradient(160deg,#0f4f45,#0a3a33);border-radius:20px;border-left:6px solid var(--gr)}
.bk-n{color:var(--mu);font-size:.9rem}
.tc6n-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.tc6n-l a{display:flex;align-items:center;gap:2px;padding:12px 14px;border:1px solid var(--bd);border-radius:12px;text-decoration:none;color:var(--tx);transition:background .2s,transform .2s}
.tc6n-l a:hover,.tc6n-l a.on{background:var(--hd);transform:translateY(-2px);border-color:var(--gr)}
.tc6n-l .ic{color:var(--gr)}
.tw9j{overflow-x:auto;margin:1rem auto;border-radius:14px;-webkit-overflow-scrolling:touch}
.tb3l{width:100%;min-width:560px;border-collapse:collapse;text-align:left;margin:0 auto}
.tb3l th,.tb3l td{padding:12px 16px;border:1px solid var(--bd);text-align:left;vertical-align:top}
.tb3l thead th{background:var(--hd);color:var(--gr)}
.tb3l tbody th{font-weight:500;white-space:nowrap;background:rgba(0,0,0,.14)}
.tb3l tbody tr:hover td{background:rgba(109,220,82,.07)}
.tb3l tbody th .ic{color:var(--gr)}
.tg2a{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tl8q{padding:22px;border:1px solid var(--bd);border-radius:18px;background:rgba(0,0,0,.18);transition:transform .25s,border-color .25s}
.tl8q:nth-child(even){border-radius:6px 26px 6px 26px}
.tl8q:hover{transform:translateY(-4px);border-color:var(--gr)}
.tl8q p{margin:0;color:#d3efe1}
.pc5d{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pc5d-a,.pc5d-b{padding:22px;border-radius:18px;border:1px solid var(--bd)}
.pc5d-a{background:rgba(109,220,82,.1)}
.pc5d-b{background:rgba(255,92,0,.1);border-color:#b8501f}
.pc5d h3{display:flex;align-items:center}
.pc5d-a .ic{color:var(--gr)}
.pc5d-b .ic{color:#ff9a5c}
.pc5d ul{margin:0;padding-left:1.2rem}
.pc5d li{margin-bottom:.5rem}
.jp7f-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:1rem 0 1.4rem}
.jp7f-c{padding:20px;border-radius:16px;background:linear-gradient(160deg,var(--hd),#06382a);border:1px solid var(--bd);text-align:center}
.jp7f-c span{display:block;color:var(--mu);font-size:.9rem}
.jp7f-c b{font-size:1.5rem;color:var(--gr);font-variant-numeric:tabular-nums}
.mr2c-t{display:flex;align-items:center}
.mr2c-t .ic{color:var(--gr)}
.ap6e-b{display:flex;flex-wrap:wrap;gap:12px;margin-top:1rem}
.sl1c{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sl1c:has(.cd-g){grid-template-columns:repeat(6,1fr)}
.cd4h{padding:22px;border-radius:18px;background:rgba(0,0,0,.2);border:1px solid var(--bd);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .25s,border-color .25s}
.cd4h:hover{transform:translateY(-4px);border-color:var(--gr)}
.cd4h p{margin:0}
.cd4h-k{color:var(--gr);font-weight:700}
.cd4h-v{font-size:2.6rem;font-weight:700;line-height:1.1}
.cd4h-s{color:var(--mu)}
.cd4h h3{margin:0;font-size:1rem}
.cd4h-lg{width:100%;max-width:140px;height:auto}
.cd-g .bn0x{padding:8px 18px;margin-top:auto}
.cd-b .bn0x{margin-top:auto}
.cp8q{display:inline-flex;align-items:center;font-family:inherit;font-size:.95rem;background:transparent;color:var(--gr);border:1px dashed var(--gr);border-radius:10px;padding:8px 12px;cursor:pointer;min-height:44px}
.cp8q.ok{background:var(--gr);color:var(--dk)}
.rv9k{background:linear-gradient(145deg,#0b3f37,#093631);border:1px solid var(--bd);padding:34px}
.tx7q{overflow-wrap:anywhere}
.tx7q h1{font-size:2rem;color:var(--gr)}
.tx7q h2{font-size:1.5rem;margin-top:1.6em;color:var(--tx)}
.tx7q h3{margin-top:1.4em}
.tx7q ul,.tx7q ol{padding-left:1.4rem;margin:0 0 1.2em}
.tx7q li{margin-bottom:.4em}
.tx7q li::marker{color:var(--gr)}
.tx7q blockquote{margin:1.2em 0;padding:12px 20px;border-left:4px solid var(--or);background:rgba(0,0,0,.2);border-radius:0 12px 12px 0}
.tx7q table{display:block;overflow-x:auto;border-collapse:collapse;margin:1.2em auto;max-width:100%;text-align:left}
.tx7q th,.tx7q td{padding:10px 14px;border:1px solid var(--bd);text-align:left}
.tx7q th{background:var(--hd);color:var(--gr)}
.tx7q img{height:auto;border-radius:12px}
.tx7q hr{border:0;border-top:1px solid var(--bd);margin:2em 0}
.tx7q code,.tx7q pre{background:rgba(0,0,0,.3);border-radius:6px;padding:2px 6px}
.tx7q pre{padding:14px;overflow-x:auto}
.fq6s details{border:1px solid var(--bd);border-radius:14px;margin-bottom:10px;background:rgba(0,0,0,.16);overflow:hidden}
.fq6s summary{cursor:pointer;padding:14px 18px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px;min-height:44px}
.fq6s summary::-webkit-details-marker{display:none}
.fq6s summary::after{content:"+";color:var(--gr);font-size:1.4rem;line-height:1}
.fq6s details[open] summary::after{content:"\2212"}
.fq6s details p{padding:0 18px;margin:0 0 14px;color:#d3efe1}
.cm9v-g{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.cm9v-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cm9v-l li{padding:14px 16px;border:1px solid var(--bd);border-radius:14px;background:rgba(0,0,0,.2)}
.cm9v-l b{display:block;color:var(--gr)}
.cm9v-l small{color:var(--mu)}
.cm9v-l p{margin:.3em 0 0}
.cm9v-l .em{text-align:center;border-style:dashed;color:var(--mu)}
.fm4n{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:18px;background:var(--hd);border:1px solid var(--bd)}
.fm4n label{font-weight:500}
.fm4n input,.fm4n textarea{font:inherit;color:var(--tx);background:#062a26;border:1px solid var(--bd);border-radius:10px;padding:10px 12px;width:100%}
.fm4n input:focus,.fm4n textarea:focus{outline:2px solid var(--gr);outline-offset:1px}
.fm4n-e{color:#ffb38a;margin:0;min-height:1.2em}
.fm4n-s{color:var(--gr);margin:0}
.au2x-g{display:grid;grid-template-columns:150px 1fr;gap:24px}
.au2x-f{margin:0;text-align:center}
.au2x-f svg{width:150px;height:150px}
.au2x-f figcaption{font-size:.8rem;color:var(--mu)}
.au2x-n{font-size:1.4rem;font-weight:700;margin:0}
.au2x-r{color:var(--gr)}
.au2x-s{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 1em}
.au2x-s a{display:inline-block;padding:6px 14px;border:1px solid var(--gr);border-radius:99px;text-decoration:none}
.au2x-d{display:flex;align-items:flex-start;color:var(--mu);font-size:.9rem}
.ft8k{background:var(--hd);border:1px solid #0b7155;padding:30px}
.ft8k-t{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #0b7155}
.ft8k-fl{width:48px;height:auto;border-radius:4px}
.ft8k-m{list-style:none;margin:0 0 0 auto;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.ft8k-m a{color:var(--tx);text-decoration:none}
.ft8k-m a:hover{color:var(--gr)}
.ft8k-r{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px 0}
.ft8k-h{font-weight:700;color:var(--gr);margin-bottom:.5em}
.ft8k-c{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ft8k-c li{border:1px solid var(--bd);border-radius:8px;padding:2px 10px;font-size:.88rem;background:rgba(0,0,0,.18)}
.ft8k-c a{color:var(--tx)}
.ft8k-l{font-size:.85rem;color:var(--mu)}
.wd3y{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px;background:linear-gradient(0deg,rgba(0,77,55,.98),rgba(0,77,55,.92));border-top:2px solid var(--gr);animation:up4 .8s .6s both}
@keyframes up4{from{transform:translateY(100%)}to{transform:none}}
.wd3y-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
.wd3y p{margin:0;line-height:1.35}
.wd3y b{display:block;font-size:1.1rem;color:#fff}
.wd3y span{font-size:.8rem;color:var(--mu)}
.wd3y a{text-decoration:none}
.xu1n{opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s}
.zq8m{margin:0;padding:0;list-style:none;display:none}
@media (max-width:1000px){
.sl1c:has(.cd-g){grid-template-columns:repeat(3,1fr)}
.jp7f-g{grid-template-columns:repeat(2,1fr)}
.tg2a{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
.bg8t{display:flex}
.on7h{display:none}
.hr3m{gap:8px}
.bt6w{margin-left:auto}
.lg5p-t{display:none}
.bn0x{padding:9px 12px}
.bt6w .ic{display:none}
.mn4v{display:none;flex-direction:column}
.mn4v.on{display:flex}
.hz1e{min-height:420px}
.hz1e-in{padding:24px}
.hz1e-h{font-size:1.75rem}
.bk7a,.rv9k{padding:20px}
.pc5d,.cm9v-g,.tg2a{grid-template-columns:1fr}
.au2x-g{grid-template-columns:1fr}
.sl1c,.sl1c:has(.cd-g){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:12px;-webkit-overflow-scrolling:touch}
.sl1c .cd4h{flex:0 0 78%;scroll-snap-align:center}
.cd-g{flex-basis:62%!important}
.wd3y span{display:none}
.ft8k-m{margin-left:0}
}
@media (max-width:420px){
.cn7d{padding:0 10px}
.hd9z{padding:10px}
.lg5p img{width:38px;height:38px}
h2{font-size:1.3rem}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.nv5r{display:block}
.ft8k-bd{gap:10px}
.ft8k-bd li{border:0;background:none;padding:0}
.ft8k-bd img{display:block;height:36px;width:auto}
.cd4h-lg{border-radius:14px}

.lg5p img{width:auto;height:48px;border:0;border-radius:0;object-fit:contain}
.ft8k .lg5p img{height:56px}
.hz1e-bg{background:linear-gradient(90deg,rgba(9,54,49,.96) 8%,rgba(9,54,49,.55) 60%,rgba(9,54,49,.15)),url(/assets/playcroco-banner.jpg) center/cover}
.cr4b ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:.92rem}
.cd4h-lg{max-width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.au2x-f img{width:150px;height:150px;object-fit:cover;border-radius:20px;border:2px solid var(--gr)}
.tx7q{border:1px solid var(--bd);border-radius:16px;padding:20px;background:rgba(0,0,0,.12)}
.tx7q h1{margin-top:0}
.hmb{display:none}
html,body{overflow-x:hidden}
@media (max-width:820px){.bt6w{display:none}.bg8t{order:3;margin-left:auto}.lg5p{order:1}.hmb{display:flex;flex-direction:column;gap:8px;padding-top:8px}.hmb a{justify-content:center}.tb3l{min-width:0}.tb3l tbody th{white-space:normal}.tb3l th,.tb3l td{padding:10px 12px;overflow-wrap:anywhere}}
@media (min-width:821px){.sl1c:has(.cd-g){display:grid}}

@media (min-width:821px){.nv5r{display:flex;align-items:center;gap:10px}.hr3m{display:contents}.lg5p{order:1}.mn4v{order:2;margin:0;padding:0;border:0;flex-wrap:nowrap;gap:0}.mn4v a{padding:8px 10px;white-space:nowrap}.bt6w{order:3;margin-left:auto}}
@media (min-width:821px) and (max-width:1150px){.mn4v .ic{display:none}.mn4v a{padding:8px 7px;font-size:.92rem}}
.jp7f-c{min-width:0}
@media (max-width:820px){.jp7f-c{padding:14px 8px}.jp7f-c b{font-size:1.1rem;overflow-wrap:anywhere}.mn4v .hmb{display:flex}}
@media (max-width:820px){.tb3l th,.tb3l td{overflow-wrap:break-word;word-break:normal;hyphens:none}.tb3l tbody th{width:42%}.tb3l tbody th .ic{display:inline-block;vertical-align:-3px;margin-right:6px}.tb3l th,.tb3l td{padding:10px}}