/* ============================================================
   SMALL RO V9 — OFFICIAL PORTAL INFORMATION ARCHITECTURE
   Smart feature grouping, reduced repetition, premium hierarchy.
   ============================================================ */
.ro-v9-home{max-width:1500px;margin:0 auto;padding:1.2rem 1rem 0!important}
.ro-v9-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.ro-v9-section-intro>div{min-width:0}.ro-v9-section-intro span{display:block;color:#e6bd6d;font-size:.56rem;font-weight:900;letter-spacing:.16em}.ro-v9-section-intro h2{margin:.22rem 0 0;color:#fff;font:800 1.72rem/1.08 'Cinzel',serif}.ro-v9-section-intro p{max-width:620px;margin:0;color:#8797af;font-size:.7rem;line-height:1.55}.ro-v9-section-intro--split{padding:0 .1rem}.ro-v9-inline-link{white-space:nowrap;color:#9fb7e8!important;font-size:.68rem;font-weight:800}.ro-v9-inline-link i{margin-left:.35rem}

/* Live command center */
.ro-v9-live-command{padding:1rem;border-radius:20px;background:linear-gradient(180deg,rgba(10,15,28,.88),rgba(7,12,23,.80));border:1px solid rgba(157,176,212,.10);box-shadow:0 22px 44px rgba(0,0,0,.18)}
.ro-v9-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem}
.ro-v9-command-card{position:relative;min-width:0;min-height:385px;overflow:hidden;border-radius:17px;background:linear-gradient(180deg,rgba(16,24,41,.98),rgba(11,17,31,.98));border:1px solid rgba(157,176,212,.12);box-shadow:0 16px 30px rgba(0,0,0,.18)}
.ro-v9-command-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(230,189,109,.035),transparent 25%,transparent 78%,rgba(125,168,255,.04))}
.ro-v9-command-art{position:absolute;right:-20px;top:-20px;width:108px;height:108px;object-fit:contain;opacity:.14;filter:saturate(.9);pointer-events:none;z-index:0}
.ro-v9-command-card>.ep-side-card{position:relative;z-index:1;height:100%;margin:0!important;padding:1rem!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ro-v9-command-card .ep-card-heading,.ro-v9-command-card .ep-mvp-head{position:relative;z-index:2}.ro-v9-command-card .ep-card-heading span,.ro-v9-command-card .ep-mvp-head__title span{color:#7f8da4!important;font-size:.54rem!important;letter-spacing:.14em}.ro-v9-command-card .ep-card-heading strong,.ro-v9-command-card .ep-mvp-head__title strong{color:#fff!important;font:800 1.18rem/1.05 'Cinzel',serif!important}
.ro-v9-command-card--status .ep-status-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.45rem!important}.ro-v9-command-card--status .ep-status-stats>div{padding:.7rem!important;border-radius:12px!important;background:rgba(255,255,255,.026)!important}.ro-v9-command-card--status .ep-service-lines{margin-top:.55rem}.ro-v9-command-card--status .ep-service-lines>div{padding:.48rem .55rem!important}
.ro-v9-command-card--account .ep-login-form label{margin-bottom:.58rem}.ro-v9-command-card--account .ep-login-form input{min-height:42px}.ro-v9-command-card--account .ep-login-links{margin-top:.55rem}
.ro-v9-command-card--events .ep-ev-list,.ro-v9-command-card--mvp .ep-mvp-list{max-height:245px;overflow:auto;padding-right:.15rem;scrollbar-width:thin;scrollbar-color:rgba(230,189,109,.32) transparent}.ro-v9-command-card--events .ep-ev-row,.ro-v9-command-card--mvp .ep-mvp-row{border-radius:12px!important;background:rgba(255,255,255,.025)!important}.ro-v9-command-card--mvp .ep-mvp-podium{grid-template-columns:repeat(3,1fr)!important}.ro-v9-command-card--mvp .ep-mvp-stats{margin-top:.5rem}

/* Home content stack */
.ro-v9-home-content{margin-top:1rem}.ro-v9-content-stack{display:grid;gap:1rem}
.ro-v9-roadmap,.ro-v9-signature-section,.ro-v9-battlefront-section,.ro-v9-hall-section,.ro-v9-endgame-section{padding:1rem;border-radius:20px;background:linear-gradient(180deg,rgba(12,19,34,.96),rgba(9,14,27,.96));border:1px solid rgba(157,176,212,.10);box-shadow:0 20px 38px rgba(0,0,0,.18)}

/* Roadmap */
.ro-v9-roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem}
.ro-v9-roadmap-step{position:relative;display:grid;grid-template-columns:auto 58px minmax(0,1fr);gap:.7rem;align-items:center;padding:.85rem;border-radius:15px;background:linear-gradient(180deg,rgba(18,27,46,.98),rgba(13,20,35,.98));border:1px solid rgba(157,176,212,.11);color:#dce5f4!important;transition:.22s ease}.ro-v9-roadmap-step:hover{transform:translateY(-3px);border-color:rgba(230,189,109,.24);box-shadow:0 18px 30px rgba(0,0,0,.24)}.ro-v9-roadmap-step>b{align-self:start;color:#4e607c;font:900 .64rem 'Inter',sans-serif}.ro-v9-roadmap-step>img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}.ro-v9-roadmap-step>span{display:flex;flex-direction:column;min-width:0}.ro-v9-roadmap-step small{color:#8a99b0;font-size:.5rem;font-weight:900;letter-spacing:.14em}.ro-v9-roadmap-step strong{margin:.18rem 0;color:#fff;font-size:.82rem}.ro-v9-roadmap-step em{color:#8292aa;font-size:.61rem;line-height:1.48;font-style:normal}

/* Signature */
.ro-v9-signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem}.ro-v9-signature-grid>a{position:relative;min-height:260px;overflow:hidden;border-radius:15px;background-size:cover;background-position:center;border:1px solid rgba(157,176,212,.10);box-shadow:0 16px 30px rgba(0,0,0,.2);transition:.24s ease}.ro-v9-signature-grid>a:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,17,.97) 0%,rgba(5,8,17,.48) 56%,rgba(5,8,17,.08))}.ro-v9-signature-grid>a:hover{transform:translateY(-4px);border-color:rgba(230,189,109,.28)}.ro-v9-signature-grid>a>span{position:absolute;left:0;right:0;bottom:0;padding:1rem;z-index:2}.ro-v9-signature-grid small{display:block;color:#e6bd6d;font-size:.51rem;font-weight:900;letter-spacing:.14em}.ro-v9-signature-grid strong{display:block;margin:.25rem 0;color:#fff;font:800 1.1rem 'Cinzel',serif}.ro-v9-signature-grid em{display:block;color:#9aa8bd;font-size:.64rem;line-height:1.5;font-style:normal}

/* Battlefront */
.ro-v9-battlefront-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:.72rem}.ro-v9-battlefront-card{position:relative;min-height:315px;overflow:hidden;border-radius:16px;background-size:cover;background-position:center;border:1px solid rgba(157,176,212,.10);box-shadow:0 18px 34px rgba(0,0,0,.22);transition:.24s ease}.ro-v9-battlefront-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,17,.96),rgba(5,8,17,.18) 64%)}.ro-v9-battlefront-card:hover{transform:translateY(-4px);border-color:rgba(230,189,109,.28)}.ro-v9-battlefront-card>img{position:absolute;top:.9rem;right:.9rem;width:76px;height:76px;object-fit:contain;z-index:2;filter:drop-shadow(0 12px 20px rgba(0,0,0,.3))}.ro-v9-battlefront-card>span{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1rem}.ro-v9-battlefront-card small{display:block;color:#e6bd6d;font-size:.5rem;font-weight:900;letter-spacing:.14em}.ro-v9-battlefront-card strong{display:block;margin:.25rem 0;color:#fff;font:800 1.22rem 'Cinzel',serif}.ro-v9-battlefront-card em{display:block;color:#a4b0c2;font-size:.65rem;line-height:1.5;font-style:normal}

/* Rankings */
.ro-v9-rankings-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.ro-v9-rankings-stage>.ep-ranking-panel{margin:0!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(17,25,42,.98),rgba(12,19,33,.98))!important;border:1px solid rgba(157,176,212,.10)!important;box-shadow:none!important}.ro-v9-rankings-stage .ep-bl-podium{margin-top:.55rem}.ro-v9-rankings-stage .ep-bl-list{max-height:260px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(230,189,109,.28) transparent}

/* Endgame */
.ro-v9-endgame-section{padding:.7rem}.ro-v9-endgame-art{position:relative;min-height:470px;overflow:hidden;border-radius:16px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.07)}.ro-v9-endgame-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,15,.98),rgba(4,7,15,.62) 48%,rgba(4,7,15,.14)),linear-gradient(0deg,rgba(4,7,15,.82),transparent 45%)}.ro-v9-endgame-copy{position:absolute;left:1.5rem;bottom:1.5rem;max-width:670px;z-index:2}.ro-v9-endgame-copy>span{color:#e6bd6d;font-size:.56rem;font-weight:900;letter-spacing:.16em}.ro-v9-endgame-copy h2{margin:.3rem 0 .5rem;color:#fff;font:800 2.45rem/1 'Cinzel',serif}.ro-v9-endgame-copy p{margin:0;color:#b7c2d3!important;line-height:1.65}.ro-v9-endgame-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.ro-v9-endgame-actions a{padding:.64rem .8rem;border-radius:10px;color:#fff!important;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-size:.68rem;font-weight:800}.ro-v9-endgame-actions a:first-child{background:linear-gradient(135deg,rgba(230,189,109,.22),rgba(230,189,109,.08));border-color:rgba(230,189,109,.22)}.ro-v9-endgame-actions i{margin-right:.35rem}

/* Footer */
.ro-v9-footer{max-width:1500px;margin:1rem auto 0;padding:0 1rem 1rem}.ro-v9-footer__main{display:grid;grid-template-columns:1.4fr .8fr .8fr .55fr;gap:1rem;align-items:center;padding:1rem;border-radius:20px 20px 0 0;background:linear-gradient(180deg,#0c1323,#09101d);border:1px solid rgba(157,176,212,.10);border-bottom:0}.ro-v9-footer__brand{display:flex;align-items:center;gap:.85rem}.ro-v9-footer__brand img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}.ro-v9-footer__brand div{display:flex;flex-direction:column}.ro-v9-footer__brand strong{color:#fff;font:800 1.12rem 'Cinzel',serif}.ro-v9-footer__brand span{margin-top:.12rem;color:#e6bd6d;font-size:.5rem;font-weight:900;letter-spacing:.13em}.ro-v9-footer__brand p{margin:.3rem 0 0;color:#7989a1!important;font-size:.62rem}.ro-v9-footer__links>span,.ro-v9-footer__manager>span{display:block;color:#77879f;font-size:.51rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.ro-v9-footer__links>div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem}.ro-v9-footer__links a{color:#c5d0e0!important;font-size:.65rem}.ro-v9-footer__manager strong{display:block;margin-top:.4rem;color:#fff;font:800 .9rem 'Cinzel',serif}.ro-v9-footer__manager em{display:block;margin-top:.2rem;color:#7888a0;font-size:.58rem;font-style:normal}.ro-v9-footer__bottom{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 1rem;border-radius:0 0 20px 20px;background:#070d18;border:1px solid rgba(157,176,212,.10);color:#66768e;font-size:.54rem}.ro-v9-footer__language .ep-language{margin:0!important}

/* Navigation polish */
.ep-nav__links{gap:.3rem}.ep-nav__link{padding:.48rem .7rem}.ep-nav__dropdown{min-width:250px}

@media(max-width:1280px){.ro-v9-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ro-v9-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ro-v9-signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ro-v9-battlefront-grid{grid-template-columns:1fr 1fr}.ro-v9-battlefront-card--wide{grid-column:1/-1}.ro-v9-footer__main{grid-template-columns:1fr 1fr}.ro-v9-footer__language{justify-self:start}}
@media(max-width:820px){.ro-v9-section-intro,.ro-v9-section-intro--split{display:grid;align-items:start}.ro-v9-command-grid,.ro-v9-roadmap-grid,.ro-v9-signature-grid,.ro-v9-battlefront-grid,.ro-v9-rankings-stage,.ro-v9-footer__main{grid-template-columns:1fr}.ro-v9-command-card{min-height:0}.ro-v9-battlefront-card--wide{grid-column:auto}.ro-v9-endgame-art{min-height:430px}.ro-v9-endgame-copy{left:1rem;right:1rem;bottom:1rem}.ro-v9-endgame-copy h2{font-size:1.8rem}.ro-v9-footer__bottom{display:grid}.ro-v9-roadmap-step{grid-template-columns:auto 52px 1fr}.ro-v9-roadmap-step>img{width:52px;height:52px}}

/* ============================================================
   SMALL RO V13.3 — HORIZONTAL RANK SCROLL IN COMMAND CENTER
   ============================================================ */
.ro-v13-rank-scroll{margin-top:.9rem;padding:.95rem;border-radius:18px;background:linear-gradient(180deg,rgba(10,16,30,.96),rgba(8,13,25,.96));border:1px solid rgba(157,176,212,.10);box-shadow:0 18px 34px rgba(0,0,0,.18)}
.ro-v13-rank-scroll__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.8rem}.ro-v13-rank-scroll__head span{display:block;color:#e6bd6d;font-size:.53rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ro-v13-rank-scroll__head strong{display:block;margin-top:.22rem;color:#fff;font:800 1.28rem/1.02 'Cinzel',serif}.ro-v13-rank-scroll__head a{color:#c6d2e4!important;font-size:.66rem;font-weight:800;white-space:nowrap}
.ro-v13-rank-scroll{display:grid;gap:.85rem}.ro-v13-rank-lane{display:grid;gap:.48rem}.ro-v13-rank-lane__title{display:flex;justify-content:space-between;align-items:end;gap:1rem}.ro-v13-rank-lane__title span{color:#7e8ea8;font-size:.49rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ro-v13-rank-lane__title strong{color:#fff;font-size:.98rem;font-weight:800}
.ro-v13-rank-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,220px);gap:.62rem;overflow-x:auto;overflow-y:hidden;padding:.1rem .05rem .45rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(230,189,109,.35) transparent}
.ro-v13-rank-track::-webkit-scrollbar{height:10px}.ro-v13-rank-track::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(230,189,109,.36),rgba(125,168,255,.28));border-radius:999px}.ro-v13-rank-track::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:999px}
.ro-v13-rank-card{position:relative;display:flex;flex-direction:column;gap:.38rem;min-height:148px;padding:.78rem .82rem;border-radius:15px;background:linear-gradient(180deg,rgba(17,25,42,.98),rgba(11,18,31,.98));border:1px solid rgba(157,176,212,.10);box-shadow:0 14px 24px rgba(0,0,0,.18);scroll-snap-align:start;overflow:hidden}
.ro-v13-rank-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(230,189,109,.08),transparent 42%);pointer-events:none}
.ro-v13-rank-card.is-level:after,.ro-v13-rank-card.is-zeny:after{content:"";position:absolute;right:.55rem;bottom:.4rem;width:64px;height:64px;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.14;pointer-events:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.2))}
.ro-v13-rank-card.is-level:after{background-image:url('../img/v8-official/icon-ranking.png')}
.ro-v13-rank-card.is-zeny:after{background-image:url('../img/v8-official/icon-server-seal.png')}
.ro-v13-rank-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ro-v13-rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:24px;padding:0 .48rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#e8eef8;font-size:.66rem;font-weight:900}.ro-v13-rank-card__top img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.25))}
.ro-v13-rank-card strong{display:block;color:#fff;font-size:.92rem;line-height:1.22;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ro-v13-rank-card small{display:block;color:#8394ad;font-size:.56rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ro-v13-rank-meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-top:auto}.ro-v13-rank-meta span{display:inline-flex;align-items:center;height:24px;padding:0 .54rem;border-radius:999px;font-size:.63rem;font-weight:900;letter-spacing:.02em;white-space:nowrap}
.ro-v13-rank-meta .is-rb{color:#ffe0a3;background:rgba(241,198,111,.12);border:1px solid rgba(241,198,111,.26)}.ro-v13-rank-meta .is-lv{color:#d7c8ef;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.ro-v13-rank-meta .is-z{color:#f7e9b5;background:rgba(241,198,111,.12);border:1px solid rgba(241,198,111,.28);font-variant-numeric:tabular-nums}
.ro-v13-rank-card.is-rank-1{border-color:rgba(241,198,111,.38);background:linear-gradient(180deg,rgba(42,30,12,.38),rgba(13,20,35,.98))}.ro-v13-rank-card.is-rank-2{border-color:rgba(198,210,224,.24)}.ro-v13-rank-card.is-rank-3{border-color:rgba(205,138,82,.24)}
.ro-v13-rank-empty{padding:.8rem;border-radius:12px;background:rgba(255,255,255,.03);border:1px dashed rgba(157,176,212,.16);color:#8ea0ba;font-size:.72rem}
@media(max-width:820px){.ro-v13-rank-scroll__head,.ro-v13-rank-lane__title{display:grid;gap:.35rem;align-items:start}.ro-v13-rank-track{grid-auto-columns:minmax(190px,190px)}}


/* ============================================================
   SMALL RO V14 — COMMAND CENTER HORIZONTAL SWIPE RAIL
   Puts all feature cards, including rankings, into one horizontal rail.
   ============================================================ */
.ro-v14-command-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,320px);gap:.72rem;overflow-x:auto;overflow-y:hidden;padding:.05rem .04rem .55rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(230,189,109,.35) transparent}
.ro-v14-command-rail::-webkit-scrollbar{height:10px}.ro-v14-command-rail::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:999px}.ro-v14-command-rail::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(230,189,109,.36),rgba(125,168,255,.26));border-radius:999px}
.ro-v14-command-rail .ro-v9-command-card{width:320px;min-width:320px;scroll-snap-align:start}
.ro-v14-command-rail .ro-v9-command-card--status .ep-status-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ro-v14-command-rail .ro-v9-command-card--events .ep-ev-list,.ro-v14-command-rail .ro-v9-command-card--mvp .ep-mvp-list{max-height:245px}
.ro-v14-ranking-card .ro-v9-command-art{opacity:.16}
.ro-v14-rank-panel{display:flex;flex-direction:column;height:100%}
.ro-v14-rank-head span{color:#7f8da4!important;font-size:.54rem!important;letter-spacing:.14em}.ro-v14-rank-head strong{color:#fff!important;font:800 1.18rem/1.05 'Cinzel',serif!important}
.ro-v14-rank-list{display:grid;gap:.5rem;margin-top:.55rem}
.ro-v14-rank-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.58rem .62rem;border-radius:12px;background:rgba(255,255,255,.028);border:1px solid rgba(157,176,212,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.ro-v14-rank-row.is-rank-1{background:linear-gradient(90deg,rgba(229,190,98,.16),rgba(255,255,255,.03));border-color:rgba(229,190,98,.24)}
.ro-v14-rank-row.is-rank-2{border-color:rgba(198,210,224,.18)}
.ro-v14-rank-row.is-rank-3{border-color:rgba(205,138,82,.18)}
.ro-v14-rank-row__left{display:flex;align-items:center;gap:.34rem}.ro-v14-rank-row__left img{width:28px;height:28px;object-fit:contain}.ro-v14-rank-place{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;padding:0 .35rem;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:#eef3fb;font-size:.62rem;font-weight:900}
.ro-v14-rank-row__mid{min-width:0}.ro-v14-rank-row__mid strong{display:block;color:#fff;font-size:.86rem;line-height:1.16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ro-v14-rank-row__mid small{display:block;margin-top:.14rem;color:#8da0ba;font-size:.56rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.ro-v14-rank-row__right b{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 .58rem;border-radius:999px;background:rgba(229,190,98,.11);border:1px solid rgba(229,190,98,.20);color:#ffd98b;font-size:.72rem;font-weight:900;white-space:nowrap}
.ro-v14-rank-link{display:flex;justify-content:flex-end;align-items:center;gap:.35rem;margin-top:auto;padding-top:.65rem;color:#c8d5e6!important;font-size:.66rem;font-weight:800}.ro-v14-rank-empty{margin-top:.65rem;padding:.8rem;border-radius:12px;background:rgba(255,255,255,.03);border:1px dashed rgba(157,176,212,.16);color:#8ea0ba;font-size:.72rem}
@media(max-width:820px){.ro-v14-command-rail{grid-auto-columns:minmax(286px,286px)}.ro-v14-command-rail .ro-v9-command-card{width:286px;min-width:286px}}


/* ============================================================
   SMALL RO V14.1 — TRUE HORIZONTAL CAROUSEL FIX
   Prevents old grid rules from shrinking/overlapping cards.
   ============================================================ */
.ro-v14-rail-shell{position:relative;min-width:0}
.ro-v14-command-rail{
  display:flex!important;
  grid-template-columns:none!important;
  grid-auto-flow:unset!important;
  grid-auto-columns:unset!important;
  align-items:stretch;
  gap:.78rem!important;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:.08rem .15rem .72rem!important;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:.15rem;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(230,189,109,.42) rgba(255,255,255,.025)
}
.ro-v14-command-rail::-webkit-scrollbar{height:9px}.ro-v14-command-rail::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:999px}.ro-v14-command-rail::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(230,189,109,.48),rgba(125,168,255,.34));border-radius:999px}
.ro-v14-command-rail>.ro-v9-command-card{
  flex:0 0 334px!important;
  width:334px!important;
  min-width:334px!important;
  max-width:334px!important;
  min-height:385px!important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  overflow:hidden!important;
  contain:layout paint;
}
.ro-v14-command-rail .ep-side-card,
.ro-v14-command-rail .ep-status-panel,
.ro-v14-command-rail .ep-account-panel,
.ro-v14-command-rail .ep-event-panel,
.ro-v14-command-rail .ep-mvp-panel{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.ro-v14-command-rail .ep-card-heading,
.ro-v14-command-rail .ep-mvp-head,
.ro-v14-command-rail .ep-login-form,
.ro-v14-command-rail .ep-login-form form,
.ro-v14-command-rail .ep-status-stats,
.ro-v14-command-rail .ep-service-lines,
.ro-v14-command-rail .ep-ev-list,
.ro-v14-command-rail .ep-mvp-list,
.ro-v14-command-rail .ep-mvp-podium,
.ro-v14-command-rail .ro-v14-rank-list{width:100%!important;max-width:100%!important;min-width:0!important}
.ro-v14-command-rail input,.ro-v14-command-rail select,.ro-v14-command-rail button,.ro-v14-command-rail .ep-btn{max-width:100%!important}
.ro-v14-command-rail .ep-status-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ro-v14-command-rail .ep-status-stats>div{min-width:0!important;overflow:hidden!important}
.ro-v14-command-rail .ep-ev-row,.ro-v14-command-rail .ep-mvp-row,.ro-v14-command-rail .ro-v14-rank-row{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.ro-v14-command-rail .ep-ev-row *, .ro-v14-command-rail .ep-mvp-row *, .ro-v14-command-rail .ro-v14-rank-row *{min-width:0}
.ro-v14-command-rail .ep-ev-row strong,.ro-v14-command-rail .ep-mvp-row strong,.ro-v14-command-rail .ro-v14-rank-row__mid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ro-v14-rail-nav{position:absolute;top:50%;z-index:20;width:40px;height:52px;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);border:1px solid rgba(230,189,109,.30);border-radius:14px;background:linear-gradient(180deg,rgba(17,25,42,.96),rgba(8,14,27,.96));color:#f1c66f;box-shadow:0 14px 28px rgba(0,0,0,.32);cursor:pointer;transition:.2s ease;backdrop-filter:blur(12px)}
.ro-v14-rail-nav:hover{color:#fff;border-color:rgba(230,189,109,.56);transform:translateY(-50%) scale(1.05);box-shadow:0 16px 34px rgba(0,0,0,.38),0 0 20px rgba(230,189,109,.10)}
.ro-v14-rail-nav--prev{left:-18px}.ro-v14-rail-nav--next{right:-18px}
.ro-v14-rail-hint{display:flex;align-items:center;justify-content:center;gap:.42rem;margin-top:.08rem;color:#697b96;font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ro-v14-rail-hint i{color:#d9b769}
@media(max-width:820px){
  .ro-v14-command-rail>.ro-v9-command-card{flex-basis:286px!important;width:286px!important;min-width:286px!important;max-width:286px!important;min-height:365px!important}
  .ro-v14-rail-nav{display:none}
  .ro-v14-rail-hint{font-size:.5rem}
}


/* ============================================================
   SMALL RO V14.2 — WHEEL-TO-HORIZONTAL COMMAND RAIL
   Mouse wheel scrolls the hovered card rail horizontally.
   ============================================================ */
.ro-v14-rail-nav,.ro-v14-rail-hint{display:none!important}
.ro-v14-command-rail{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(230,189,109,.42) rgba(255,255,255,.025)!important;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
  cursor:default;
}
.ro-v14-command-rail::-webkit-scrollbar{height:6px!important}
.ro-v14-command-rail::-webkit-scrollbar-track{background:rgba(255,255,255,.025)!important;border-radius:999px!important}
.ro-v14-command-rail::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(230,189,109,.46),rgba(125,168,255,.30))!important;border-radius:999px!important}
.ro-v14-command-rail:hover::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(244,204,118,.62),rgba(137,181,255,.42))!important}


/* ============================================================
   SMALL RO V15 — SERVER COMMANDS CAROUSEL CARD
   Config-driven from config/tranvy_settings.php
   ============================================================ */
.ro-v15-command-card .ro-v9-command-art{opacity:.14}
.ro-v15-command-panel{display:flex!important;flex-direction:column;height:100%!important;min-height:0!important}
.ro-v15-command-head span{color:#7f8da4!important;font-size:.54rem!important;letter-spacing:.14em}.ro-v15-command-head strong{color:#fff!important;font:800 1.18rem/1.05 'Cinzel',serif!important}
.ro-v15-command-list{display:grid;gap:.48rem;margin-top:.55rem;max-height:248px;overflow-y:auto;overflow-x:hidden;padding-right:.18rem;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(230,189,109,.35) transparent;outline:none}
.ro-v15-command-list::-webkit-scrollbar{width:6px}.ro-v15-command-list::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:999px}.ro-v15-command-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(230,189,109,.52),rgba(125,168,255,.30));border-radius:999px}
.ro-v15-command-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:.62rem;align-items:center;padding:.62rem .66rem;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border:1px solid rgba(157,176,212,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.ro-v15-command-row:hover{border-color:rgba(230,189,109,.20);background:linear-gradient(180deg,rgba(230,189,109,.07),rgba(255,255,255,.02))}
.ro-v15-command-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,rgba(230,189,109,.14),rgba(230,189,109,.05));border:1px solid rgba(230,189,109,.16);color:#f0c978;font-size:.92rem}
.ro-v15-command-copy{display:grid;gap:.24rem;min-width:0}.ro-v15-command-copy kbd{display:inline-flex;width:max-content;max-width:100%;align-items:center;min-height:24px;padding:0 .5rem;border-radius:7px;background:#08101e;border:1px solid rgba(125,168,255,.20);box-shadow:inset 0 -1px 0 rgba(255,255,255,.04);color:#a9c2ff;font:900 .68rem/1 'Inter',sans-serif;letter-spacing:.04em;white-space:nowrap}.ro-v15-command-copy strong{color:#fff;font-size:.78rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ro-v15-command-foot{display:flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.55rem;color:#6f819b;font-size:.53rem;line-height:1.35}.ro-v15-command-foot i{color:#8da6cb}
.ro-v15-command-empty{padding:.8rem;border-radius:12px;background:rgba(255,255,255,.025);border:1px dashed rgba(157,176,212,.15);color:#8597b1;font-size:.68rem}