/*
 * JLPT180 Daily Board Rank List CSS owner.
 * P4.43: moved list/row/table selectors from daily-board-rank.css.
 */
#tdb-rank-board .tdb-row .tdb-score,
#tdb-rank-board .tdb-row .tdb-score-power,
#tdb-rank-board .tdb-row .tdb-score-streak{
            justify-self: end;
            margin: 0;
          }


          #tdb-rank-board .tdb-row-main .tdb-realm-pill{
            margin: 4px 0 0;
          }


          #tdb-rank-board .tdb-list-title{
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin: 2px 0 10px;
            color: #0f53b9;
            font-family: Georgia, serif;
            font-size: 20px;
            font-weight: 900;
            letter-spacing: .13em;
            text-transform: uppercase;
            text-shadow: 0 2px 0 rgba(255,255,255,.96);
          }


          #tdb-rank-board .tdb-list-title::before,
#tdb-rank-board .tdb-list-title::after{
            content: "";
            width: 86px;
            height: 2px;
            background: linear-gradient(90deg, transparent, rgba(210,138,0,.78), rgba(33,119,219,.55), transparent);
          }


          #tdb-rank-board .tdb-list-head{
            display: grid;
            grid-template-columns: 64px minmax(0, 1fr) auto;
            align-items: center;
            gap: 10px;
            min-height: 34px;
            margin: 0 0 8px;
            padding: 0 14px;
            border-radius: 999px;
            color: #194f86;
            font-size: 12px;
            font-weight: 1000;
            letter-spacing: .05em;
            background: linear-gradient(90deg, rgba(255,246,220,.9), rgba(229,246,255,.92));
            border: 2px solid rgba(214,143,14,.34);
          }


          #tdb-rank-board .tdb-list-head span:last-child{ text-align: right; }


          #tdb-rank-board .tdb-rank-list{
            display: grid;
            gap: 9px;
          }


          #tdb-rank-board .tdb-row{
            display: grid;
            grid-template-columns: 46px 46px minmax(0, 1fr) auto;
            align-items: center;
            gap: 10px;
            min-height: 62px;
            padding: 9px 13px;
            border-radius: 18px;
            border: 2px solid rgba(111, 184, 242, .74);
            background:
              linear-gradient(90deg, rgba(255,255,255,.98), rgba(233,247,255,.91)),
              radial-gradient(circle at 0% 50%, rgba(255,220,141,.16), transparent 34%);
            box-shadow: 0 12px 22px rgba(20,82,130,.14), inset 0 0 0 1px rgba(255,255,255,.82);
          }


          #tdb-rank-board .tdb-row:nth-child(-n+2){
            border-color: rgba(214,143,14,.52);
            background: linear-gradient(90deg, rgba(255,251,236,.98), rgba(235,248,255,.94));
          }


          #tdb-rank-board .tdb-row .tdb-row-rank{
            color: #0c5c93;
            font-size: 23px;
            font-family: Georgia, serif;
            font-weight: 900;
            text-align: center;
          }


          #tdb-rank-board .tdb-row-avatar{
            width: 44px;
            height: 44px;
            border-radius: 14px;
            position: relative;
            overflow: hidden;
            background: rgba(255,255,255,.86);
            border: 2px solid rgba(100, 181, 234, .7);
            box-shadow: 0 8px 14px rgba(19,86,155,.1);
          }


          #tdb-rank-board .tdb-row-main{ min-width: 0; }


          #tdb-rank-board .tdb-row-name{
            color: #075ea8;
            font-size: 15px;
            font-weight: 1000;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }


          #tdb-rank-board .tdb-row-avatar.tdb-npc-avatar span{ font-size: 20px; }


          #tdb-rank-board .tdb-row-realm{
            background: linear-gradient(180deg,#f8fdff 0%,#dbeafe 100%);
            border: 2px solid rgba(96,165,250,.62);
            box-shadow: 0 10px 20px rgba(59,130,246,.12), inset 0 1px 0 rgba(255,255,255,.95);
            color: #1d4ed8;
            font-weight: 1000;
          }


          #tdb-rank-board .tdb-row-score b{
            color: #0b4d8b;
            text-shadow: 0 0 14px rgba(96,190,255,.18);
          }


          #tdb-rank-board .tdb-row-score small{
            color: #64748b;
            font-weight: 900;
          }


          #tdb-rank-board .tdb-rank-table tbody tr{
            box-shadow: 0 12px 26px rgba(14,72,122,.06);
          }


          #tdb-rank-board .tdb-rank-table tbody tr:hover{
            transform: translateY(-1px);
            box-shadow: 0 18px 28px rgba(14,72,122,.10);
          }


          #tdb-rank-board .tdb-rank-table tbody tr:nth-child(odd){
            background: linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.92));
          }


          #tdb-rank-board .tdb-rank-table tbody tr:nth-child(even){
            background: linear-gradient(180deg,rgba(255,250,240,.96),rgba(255,255,255,.92));
          }


          #tdb-rank-board .tdb-row-name{
            color:#0b4d8b;
            background:none;
            -webkit-text-fill-color:#0b4d8b;
            font-weight:1000;
            text-shadow:0 1px 0 rgba(255,255,255,.86);
          }


          #tdb-rank-board .tdb-row-realm{
            font-weight:1000;
            border-width:2px;
            box-shadow:
              0 8px 16px rgba(15,23,42,.07),
              inset 0 1px 0 rgba(255,255,255,.94);
          }


          #tdb-rank-board .tdb-row-score{
            color:#0b4d8b;
            font-weight:900;
          }


          #tdb-rank-board .tdb-row-score b{
            color:#075985;
            -webkit-text-fill-color:#075985;
            font-weight:1000;
            text-shadow:
              0 1px 0 rgba(255,255,255,.90),
              0 0 10px rgba(14,165,233,.18);
          }


          #tdb-rank-board .tdb-row-score small{
            color:#475569;
            font-weight:900;
          }