html body .rankingHead53{display:grid;grid-template-columns:44px minmax(130px,1fr) 120px 130px 110px 80px;gap:8px;padding:8px 12px;background:#10151b;border:1px solid #39414d;margin-bottom:5px}
html body .rankingHead53 button{border:0;background:none;color:#ad9e7a;font:700 10px Arial;text-align:left;cursor:pointer;padding:0}
html body .rankingHead53 button:hover{color:#f3d985}
html body #rankingBoard .kzvRatingStrip{min-height:0!important;height:60px!important;padding:9px 14px!important;margin-bottom:8px!important}html body #rankingBoard .kzvRatingStrip img{height:38px!important;width:38px!important}
html body #rankingBoard .kzvEmbeddedRow{min-height:0!important;height:clamp(36px,calc((100dvh - 370px)/10),62px)!important;grid-template-columns:44px 32px minmax(90px,1fr) 120px 130px 110px 80px!important;gap:8px!important;padding:4px 12px!important;margin:0 0 4px!important}
html body #rankingBoard .kzvEmbeddedRow>img{width:30px!important;height:30px!important}html body #rankingBoard .kzvEmbeddedRow small{font-size:9px!important}html body #rankingBoard .kzvEmbeddedRow b,html body #rankingBoard .kzvEmbeddedRow strong{font-size:11px!important}
html body #rankingBoard .kzvEmbeddedTop{max-height:none!important;overflow:visible!important}html body #rankingBoard .kzvTableTools{margin-top:8px!important}
/* The prediction page shares the lobby panel geometry. */
html body #predict{max-width:1280px!important;width:calc(100% - 36px)!important;margin:18px auto 80px!important;padding:0!important}
html body #predict .predictPageWrap{border:1px solid #39414d!important;background:#0d1015!important;padding:0!important;min-height:calc(100dvh - 214px)}
.predictSwitch53{height:76px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #282f38}
html body #predict .predictPageHead{padding:12px 22px!important;margin:0!important;min-height:0!important}html body #predict .predictPageHead .hTitle{display:none!important}
html body #predict[data-pane53=feed] .predictTopExactWrap{display:none!important}html body #predict[data-pane53=top] :is(#predictFeed,.predictPageHead){display:none!important}
html body #predictFeed{padding:14px 22px!important}html body #predict .predictTopExactWrap{margin:0!important;padding:14px 22px!important;width:100%!important;max-width:none!important}
html body #predict .predictTopExactWrap>.glass{background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible!important}
html body #predict .predictTopExactWrap>.glass>div:first-child{display:none!important}
html body #predictTopHead,html body #predictTopBody>.row>.grid{display:grid!important;grid-template-columns:48px minmax(140px,1fr) 140px 140px 140px!important;min-width:0!important;width:100%!important;align-items:center!important;font-family:Arial!important}
html body #predictTopHead{border:1px solid #39414d!important;background:#10151b!important}
html body #predictTopHead>div{padding:11px 8px!important;font:700 10px Arial!important}
html body #predictTopBody>.row{border:1px solid #39414d!important;border-left-width:3px!important;background:#10151b!important;margin-top:5px!important}
html body #predictTopBody>.rank1{border-left-color:#d4ad52!important}html body #predictTopBody>.rank2{border-left-color:#a5adb5!important}html body #predictTopBody>.rank3{border-left-color:#a77952!important}
html body #predictTopBody>.row>.grid>div{padding:7px 8px!important;min-width:0!important;font:700 12px Arial!important}
html body #predictTopBody :is(.nickname,.topNick){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #predictTopBody img{max-height:32px!important;max-width:32px!important}html body #predictTopBody .row>.grid{height:clamp(42px,calc((100dvh - 335px)/10),64px)!important}
html body #predictTopBody{overflow:visible!important;max-height:none!important}
.predictTools53{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
html body #predictTopPager{padding:0!important;margin:0!important;border:0!important}html body #predictTopPager>.muted{display:none!important}
html body #predictTopPager button{height:34px!important;min-width:34px!important;border:1px solid #39414d!important;border-radius:0!important;background:#10151b!important;color:#a5adb7!important}
html body #predictTopPager button.subTabActive{background:#302a1e!important;color:#f3d985!important;border-color:#8c7440!important}
html body #predictSearchDock53 input{height:38px!important;min-width:0!important;width:250px!important;border:1px solid #39414d!important;border-radius:6px!important;background:#10151b!important;color:#dce4ec!important;font:12px Arial!important;padding:0 12px!important}
html body #predict :is(.predictStrip,.predictMatchWrap){background-color:#10151b!important;border-color:#39414d!important;box-shadow:none!important}
html body #predict .predictGroupTitle{font:700 11px Arial!important;color:#97a1ae!important}
/* Intro occupies the center viewport; the global shell stays fixed. */
html body .intro53{position:relative;isolation:isolate;height:calc(100dvh - 174px);min-height:430px;display:grid;grid-template-rows:minmax(110px,1fr) minmax(155px,1.15fr) minmax(110px,.85fr);gap:14px;padding:22px clamp(16px,3vw,48px);overflow:hidden;box-sizing:border-box;color:#eef0f4}
.introBackdrop53{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#080a0e}.introBackdrop53:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0edb,#080a0e88),linear-gradient(0deg,#080a0ef5,transparent)}
.introBackdrop53 video,.introBackdrop53 iframe{width:100%;height:100%;object-fit:cover;border:0;pointer-events:none}
.introHero53{display:flex;align-items:center;justify-content:space-between;gap:20px}.introHero53 small,.introStepBody53 small{font:700 10px Arial;letter-spacing:.15em;color:#d4ad52}.introHero53 h1{font:800 clamp(23px,2.6vw,44px)/1.1 Arial;margin:8px 0}.introHero53 p{margin:6px 0;color:#b7bdc7;font:14px Arial}.introHero53 ul{display:flex;gap:20px;padding:0;list-style:none;font:11px Arial;color:#a1aab6}.introHero53 li:before{content:'◆ ';color:#d4ad52}
.introPlay53{padding:16px 26px;border:1px solid #8c7440;background:linear-gradient(115deg,#302a1e,#191b1d);color:#f3d985;text-decoration:none;font:700 16px Arial;white-space:nowrap}.introPlay53 span{margin-left:16px}
.introGuide53{min-height:0;border:1px solid #39414d;background:#0d1015dd;display:grid;grid-template-rows:42px minmax(0,1fr)}
#introSteps53{display:flex;align-items:center;border-bottom:1px solid #39414d;padding:3px 8px;gap:4px}#introSteps53 button{flex:1;height:32px;border:0;background:none;color:#8993a2;font:700 11px Arial;cursor:pointer}#introSteps53 button.active{background:#302a1e;color:#f3d985}#introSteps53>span{padding:0 10px}
.introStepBody53{display:grid;grid-template-columns:minmax(120px,36%) 1fr;gap:22px;min-height:0;padding:12px}.introStepBody53>div{min-height:0}.introStepBody53 h2{font:700 clamp(15px,1.3vw,22px) Arial;margin:7px 0}.introStepBody53 p{font:13px/1.5 Arial;color:#b8c0cc;margin:0;max-width:620px}#introMedia53>*{width:100%;height:100%;object-fit:cover;display:block}
.introVideos53{min-height:0;display:grid;grid-template-rows:28px minmax(0,1fr);gap:6px}.introVideos53 header{display:flex;align-items:center;justify-content:space-between;font:700 10px Arial;letter-spacing:.08em}.introVideos53 header button{border:1px solid #625436;background:#17191b;color:#d4ad52;cursor:pointer;width:28px;height:25px}.introVideos53 header button:disabled{opacity:.3}
#introVideos53{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0}#introVideos53>button{position:relative;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid #39414d;background:#10151b;cursor:pointer;color:#fff}#introVideos53 img,#introVideos53 video{height:100%;width:100%;object-fit:cover;opacity:.65}#introVideos53 span{position:absolute;left:12px;right:8px;bottom:10px;text-align:left;font:700 11px Arial;text-shadow:0 1px 3px #000}
#introPlayer53{width:min(1000px,90vw);padding:35px 12px 12px;background:#10151b;border:1px solid #625436;color:#fff}#introPlayer53>button{position:absolute;right:12px;top:6px;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}#introPlayer53>div>*{width:100%;aspect-ratio:16/9;border:0;display:block}#introPlayer53::backdrop{background:#000b}
.battlepass53{padding:40px;color:#d4ad52}.battlepass53 p{color:#8993a2}
@media(max-width:1250px){html body .rankingHead53{grid-template-columns:30px minmax(85px,1fr) 75px 80px 65px 55px;gap:5px}html body #rankingBoard .kzvEmbeddedRow{grid-template-columns:30px 25px minmax(55px,1fr) 75px 80px 65px 55px!important;gap:5px!important}html body #predictTopHead,html body #predictTopBody>.row>.grid{grid-template-columns:30px minmax(90px,1fr) 90px 80px 85px!important}}
@media(max-width:720px){html body .intro53{height:auto;min-height:calc(100dvh - 174px);grid-template-rows:auto 240px 150px;padding:14px;overflow:visible}.introHero53 ul{display:block;line-height:1.8}.introHero53{gap:8px}.introPlay53{padding:12px}.introStepBody53{gap:10px;grid-template-columns:30% 1fr}.introStepBody53 p{font-size:11px}.predictTools53{flex-wrap:wrap}html body #predictSearchDock53 input{width:200px!important}html body #predict{width:calc(100% - 16px)!important}html body #predict .predictTopExactWrap,html body #predictFeed{padding:8px!important}}
html body:has(#predict) .topPageMain,html body:has(#predict) .topPageWrap{padding-top:0!important;margin-top:0!important}
html body .rankingHead53{grid-template-columns:44px 32px minmax(90px,1fr) 120px 130px 110px 80px}
html body .rankingHead53 button:nth-child(2){grid-column:span 2}
@media(max-width:1250px){html body .rankingHead53{grid-template-columns:30px 25px minmax(55px,1fr) 75px 80px 65px 55px}}
html body:has(#predict) .topPageWrap,html body:has(#predict) .topPageMain{min-height:0!important}