/* V27 — Ranking game UI */
.rank-game-body{background:#050813!important;color:#f3ead6!important;}
.rank-game-page{min-height:calc(100vh - 90px);padding:52px min(4vw,64px) 90px;background:radial-gradient(circle at 30% 15%,rgba(60,92,140,.18),transparent 34%),linear-gradient(180deg,rgba(3,5,12,.86),#050813 75%),url('../images/ranker.JPG') center top/cover no-repeat fixed;}
.rank-game-shell{max-width:1540px;margin:0 auto;}
.rank-game-window{border:3px solid #253b63;background:linear-gradient(180deg,#172b4f,#0b1730 90%);box-shadow:0 35px 120px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,255,255,.06);border-radius:6px;overflow:hidden;}
.rank-game-topbar{height:76px;background:linear-gradient(180deg,#29446f,#1c3155);border-bottom:2px solid #0f1b34;display:flex;align-items:center;justify-content:space-between;padding:0 22px;}
.rank-game-title{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:950;color:#f7d889;text-shadow:0 2px 0 #5e3b10,0 0 18px rgba(255,186,47,.35);letter-spacing:.05em;}
.rank-game-title span{font-size:40px}.rank-game-close{font-size:64px;line-height:1;color:#ffb15a;text-decoration:none;text-shadow:0 3px 0 #6d2d16,0 0 20px rgba(255,160,72,.45)}
.rank-game-content{display:grid;grid-template-columns:240px 1fr;min-height:720px;}
.rank-game-sidebar{background:linear-gradient(180deg,#213b68,#162b52);border-right:2px solid rgba(0,0,0,.45);padding:22px 14px;display:flex;flex-direction:column;gap:12px;}
.rank-game-sidebar button{height:66px;border:0;border-left:5px solid transparent;background:rgba(255,255,255,.02);color:rgba(210,225,244,.42);font-size:24px;font-weight:900;text-align:left;padding:0 14px;display:flex;align-items:center;gap:14px;border-radius:4px;cursor:pointer;transition:.18s;}
.rank-game-sidebar button span{width:30px;color:#74a0d0}.rank-game-sidebar button.active,.rank-game-sidebar button:hover{color:#eaf3ff;background:linear-gradient(90deg,rgba(91,128,190,.36),rgba(255,255,255,.04));border-left-color:#ffe07b;text-shadow:0 0 12px rgba(255,255,255,.25)}
.rank-game-main{padding:26px;min-width:0;}
.rank-game-tabs{height:58px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border:2px solid #213b63;background:#0e1a33;border-radius:28px;overflow:hidden;margin-bottom:22px;}
.rank-game-tabs button{border:0;background:transparent;color:rgba(230,238,255,.38);font-size:18px;font-weight:900;cursor:pointer;}
.rank-game-tabs button.active{background:linear-gradient(180deg,#304f7f,#1d365f);color:#ffe184;border:2px solid #d6b14c;border-radius:28px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08);}
.rank-game-board{display:grid;grid-template-columns:minmax(520px,1fr) minmax(450px,.92fr);gap:20px;align-items:stretch;}
.rank-game-podium{min-height:520px;border-radius:8px;background:linear-gradient(180deg,rgba(11,20,39,.86),rgba(5,10,20,.9)),url('../images/icarus-dragon-02.png') center bottom/cover no-repeat;border:2px solid rgba(255,255,255,.08);position:relative;display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:16px;align-items:end;padding:26px;overflow:hidden;}
.rank-card{min-height:270px;border:2px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(15,25,45,.88),rgba(8,13,24,.94));position:relative;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;box-shadow:0 18px 48px rgba(0,0,0,.45);}
.rank-card:before{content:attr(data-rank);width:92px;height:92px;border-radius:0 0 28px 28px;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:950;margin:-42px auto 16px;border:3px solid rgba(255,255,255,.15);}
.rank-first{min-height:380px;border-color:#e2ba47;background:linear-gradient(180deg,rgba(131,18,18,.88),rgba(38,8,10,.95));order:2}.rank-second{order:1}.rank-third{order:3;background:linear-gradient(180deg,rgba(94,43,12,.9),rgba(31,17,10,.95));}
.rank-first:before{background:linear-gradient(180deg,#ffd75b,#b77710);color:#5f3800}.rank-second:before{background:linear-gradient(180deg,#d8e2ef,#8694a8);color:#34445a}.rank-third:before{background:linear-gradient(180deg,#d39a68,#7f4422);color:#3c1c08}
.rank-card .avatar{width:94px;height:94px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0b1325;border:4px solid rgba(255,255,255,.16);font-size:42px;margin-bottom:14px;}.rank-first .avatar{width:116px;height:116px;border-color:#ffce47;box-shadow:0 0 30px rgba(255,196,55,.28)}
.rank-card .role{color:#63dfff;font-weight:900;margin-bottom:4px}.rank-card h3{font-size:24px;margin:0 0 10px;color:#fff}.rank-card .score{font-size:30px;font-weight:950;color:#ffe07b;background:rgba(0,0,0,.34);padding:10px 18px;border-radius:4px;min-width:150px}.rank-card small{color:rgba(255,255,255,.62);margin-top:12px;}
.rank-game-list{background:#10213d;border:2px solid rgba(255,255,255,.08);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px;}
.rank-row{height:76px;display:grid;grid-template-columns:70px 58px 1fr 150px;gap:10px;align-items:center;border-radius:4px;padding:0 14px;background:#0b172c;border:1px solid rgba(255,255,255,.06);}
.rank-row.top1{background:#b58a16;color:#fff5c7}.rank-row.top2{background:#7d8793;color:#fff}.rank-row.top3{background:#5b3419;color:#fff}.rank-row .pos{font-size:26px;font-weight:950;color:#ffe07b}.rank-row .mini{width:48px;height:48px;border-radius:50%;background:#10172a;border:2px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:22px}.rank-row h4{margin:0;font-size:20px;color:#fff}.rank-row p{margin:2px 0 0;color:#42e08d;font-weight:900}.rank-row strong{font-size:28px;color:#ffe5a2;text-align:right;background:rgba(0,0,0,.22);padding:10px 12px;border-radius:4px}.rank-game-note{margin-top:18px;display:flex;justify-content:center;align-items:center;gap:18px;color:rgba(225,237,255,.64);font-size:18px}.rank-game-note button{width:58px;height:58px;border-radius:50%;border:3px solid rgba(255,255,255,.22);background:#101d36;color:#fff;font-size:32px;cursor:pointer;}
@media(max-width:1180px){.rank-game-content{grid-template-columns:1fr}.rank-game-sidebar{display:grid;grid-template-columns:repeat(5,1fr);}.rank-game-sidebar button{font-size:14px;height:54px;justify-content:center;text-align:center}.rank-game-board{grid-template-columns:1fr}.rank-game-podium{min-height:auto}}
@media(max-width:760px){.rank-game-page{padding:24px 10px 70px}.rank-game-topbar{height:62px}.rank-game-title{font-size:22px}.rank-game-content{min-height:0}.rank-game-main{padding:14px}.rank-game-sidebar{grid-template-columns:1fr 1fr}.rank-game-podium{grid-template-columns:1fr}.rank-first,.rank-second,.rank-third{order:initial}.rank-row{height:auto;grid-template-columns:44px 44px 1fr;padding:10px}.rank-row strong{grid-column:1/-1;text-align:left;font-size:22px}.rank-game-tabs button{font-size:12px}.rank-game-tabs{height:50px}}