/*
 * JLPT180 Daily Board Rank Podium CSS owner.
 * P4.43: moved podium/medal/rank tier selectors from daily-board-rank.css.
 */
#tdb-rank-board .tdb-podium{
            display: grid;
            grid-template-columns: 1fr 1.23fr 1fr;
            align-items: end;
            gap: 16px;
            min-height: 318px;
            margin: 0 0 20px;
            padding: 10px 6px 0;
          }


          #tdb-rank-board .tdb-podium-card{
            position: relative;
            min-width: 0;
            border-radius: 28px;
            padding: 24px 16px 18px;
            text-align: center;
            border: 4px solid rgba(75, 151, 224, .94);
            background:
              radial-gradient(circle at 50% 4%, rgba(255,255,255,.96), transparent 33%),
              linear-gradient(180deg, rgba(255,255,255,.94), rgba(232,246,255,.78));
            box-shadow:
              0 22px 34px rgba(30, 93, 148, .20),
              0 0 0 2px rgba(255,255,255,.86) inset,
              inset 0 -8px 0 rgba(27,106,184,.05);
            overflow: hidden;
          }


          #tdb-rank-board .tdb-podium-card::before{
            content: "";
            position: absolute;
            inset: 11px;
            border-radius: 22px;
            border: 2px solid rgba(255,255,255,.74);
            pointer-events: none;
          }


          #tdb-rank-board .tdb-podium-card::after{
            content: "✦ 玄 ✦";
            position: absolute;
            top: 12px;
            right: 16px;
            color: rgba(207,133,0,.58);
            font-family: Georgia, serif;
            font-size: 17px;
            letter-spacing: .12em;
            text-shadow: 0 0 12px rgba(255,198,76,.54);
          }


          #tdb-rank-board .tdb-podium-card.rank-1{
            min-height: 300px;
            order: 2;
            background:
              radial-gradient(circle at 50% 15%, rgba(255,224,96,.75), transparent 35%),
              linear-gradient(180deg, rgba(255,251,229,.98), rgba(255,235,166,.86));
            border-color: rgba(211, 137, 0, 1);
            box-shadow:
              0 26px 45px rgba(205, 136, 4, .24),
              0 0 34px rgba(255,211,72,.30),
              0 0 0 3px rgba(255,255,255,.9) inset,
              inset 0 -10px 0 rgba(180,115,0,.06);
          }


          #tdb-rank-board .tdb-podium-card.rank-2{
            min-height: 250px;
            order: 1;
            background:
              radial-gradient(circle at 50% 7%, rgba(212,235,255,.95), transparent 36%),
              linear-gradient(180deg, rgba(255,255,255,.96), rgba(224,243,255,.82));
            border-color: rgba(84, 158, 226, .98);
          }


          #tdb-rank-board .tdb-podium-card.rank-3{
            min-height: 235px;
            order: 3;
            background:
              radial-gradient(circle at 50% 7%, rgba(255,210,180,.88), transparent 36%),
              linear-gradient(180deg, rgba(255,249,244,.96), rgba(255,228,211,.82));
            border-color: rgba(204, 103, 36, .98);
          }


          #tdb-rank-board .tdb-medal{
            width: 50px;
            height: 50px;
            margin: 0 auto 10px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            color: #fff;
            font-family: Georgia, serif;
            font-size: 24px;
            font-weight: 900;
            background: linear-gradient(180deg, #ffdc64, #d1900d);
            box-shadow: 0 11px 18px rgba(207,139,16,.24), inset 0 0 0 3px rgba(255,255,255,.76), 0 0 0 8px rgba(255,229,140,.18);
          }


          #tdb-rank-board .rank-1 .tdb-medal{
            width: 60px;
            height: 60px;
            font-size: 29px;
            box-shadow: 0 15px 24px rgba(207,139,16,.32), 0 0 0 10px rgba(255,222,112,.26), inset 0 0 0 3px rgba(255,255,255,.9);
          }


          #tdb-rank-board .rank-2 .tdb-medal{ background: linear-gradient(180deg, #eaf4ff, #7195c0); }


          #tdb-rank-board .rank-3 .tdb-medal{ background: linear-gradient(180deg, #ffc28d, #ae5d25); }


          #tdb-rank-board .tdb-podium-avatar{
            width: 98px;
            height: 98px;
            margin: 0 auto 11px;
            border-radius: 50%;
            position: relative;
            background: radial-gradient(circle, #fff 0 52%, #e1f4ff 53% 100%);
            border: 3px solid rgba(84, 169, 241, .55);
            box-shadow: 0 14px 26px rgba(20,82,130,.22), 0 0 0 9px rgba(255,255,255,.38);
            overflow: hidden;
            cursor: pointer;
          }


          #tdb-rank-board .rank-1 .tdb-podium-avatar{
            width: 116px;
            height: 116px;
            border-color: rgba(221, 153, 21, .95);
            box-shadow: 0 16px 30px rgba(207,139,16,.25), 0 0 0 12px rgba(255,229,140,.36);
          }


          #tdb-rank-board .rank-3 .tdb-podium-avatar{ border-color: rgba(216, 117, 50, .62); }


          #tdb-rank-board .tdb-podium-name{
            color: #174b86;
            font-family: Georgia, serif;
            font-size: 21px;
            font-weight: 900;
            line-height: 1.12;
            text-shadow: 0 2px 0 rgba(255,255,255,.96);
          }


          #tdb-rank-board .rank-1 .tdb-podium-name{
            font-size: 25px;
            color: #7d4512;
            text-shadow: 0 2px 0 rgba(255,255,255,.96), 0 0 14px rgba(255,209,89,.30);
          }


          #tdb-rank-board .rank-3 .tdb-podium-name{ color: #8f461c; }


          #tdb-rank-board .tdb-podium-card .tdb-score-power{
            display: grid;
            grid-template-columns: auto auto;
            justify-items: center;
            align-items: center;
            row-gap: 3px;
          }


          #tdb-rank-board .tdb-podium-card .tdb-score-power small{
            grid-column: 1 / -1;
          }


          #tdb-rank-board .tdb-podium-card{
            transition: transform .18s ease, box-shadow .18s ease;
          }


          #tdb-rank-board .tdb-podium-card:hover{ transform: translateY(-4px); }


          #tdb-rank-board .tdb-podium-card.rank-1{
            box-shadow:
              0 30px 55px rgba(205, 136, 4, .28),
              0 0 50px rgba(255,211,72,.42),
              0 0 24px rgba(255,238,170,.36),
              0 0 0 3px rgba(255,255,255,.9) inset,
              inset 0 -10px 0 rgba(180,115,0,.06);
          }


          #tdb-rank-board .tdb-podium-card.rank-1::before{
            border-color: rgba(255,244,184,.85);
            box-shadow: inset 0 0 18px rgba(255,255,255,.34), 0 0 26px rgba(255,212,75,.24);
          }


          #tdb-rank-board .tdb-podium-card.rank-1 .tdb-podium-name{
            background: linear-gradient(135deg,#8b4513 0%,#b45309 35%,#f59e0b 100%);
            -webkit-background-clip:text; background-clip:text; color:transparent;
            text-shadow: none;
          }


          #tdb-rank-board .tdb-podium-card.rank-2{
            box-shadow: 0 24px 46px rgba(59,130,246,.24), 0 0 38px rgba(147,197,253,.28), 0 0 0 3px rgba(255,255,255,.9) inset;
          }


          #tdb-rank-board .tdb-podium-card.rank-2 .tdb-podium-name{
            background: linear-gradient(135deg,#1d4ed8 0%,#0ea5e9 100%);
            -webkit-background-clip:text; background-clip:text; color:transparent;
          }


          #tdb-rank-board .tdb-podium-card.rank-3{
            box-shadow: 0 24px 46px rgba(217,119,6,.20), 0 0 34px rgba(251,191,36,.24), 0 0 0 3px rgba(255,255,255,.9) inset;
          }


          #tdb-rank-board .tdb-podium-card.rank-3 .tdb-podium-name{
            background: linear-gradient(135deg,#92400e 0%,#fb923c 100%);
            -webkit-background-clip:text; background-clip:text; color:transparent;
          }


          #tdb-rank-board .tdb-podium-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-podium-score b{
            color: #0b4d8b;
            text-shadow: 0 0 14px rgba(96,190,255,.18);
          }


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


          #tdb-rank-board .tdb-podium-avatar{ filter: drop-shadow(0 0 12px rgba(255,210,104,.36)) drop-shadow(0 12px 18px rgba(37,99,235,.15)); }


          


        
          no layout rewrite */
          #tdb-rank-board .tdb-podium-card.rank-1 .tdb-podium-name{
            color:#a34f00;
            background:none;
            -webkit-text-fill-color:#a34f00;
            text-shadow:
              0 1px 0 rgba(255,255,255,.92),
              0 0 10px rgba(245,158,11,.24),
              0 2px 8px rgba(120,53,15,.12);
            filter:none;
          }


          #tdb-rank-board .tdb-podium-card.rank-2 .tdb-podium-name{
            color:#1759b8;
            background:none;
            -webkit-text-fill-color:#1759b8;
            text-shadow:
              0 1px 0 rgba(255,255,255,.92),
              0 0 10px rgba(96,165,250,.24),
              0 2px 8px rgba(30,64,175,.10);
            filter:none;
          }


          #tdb-rank-board .tdb-podium-card.rank-3 .tdb-podium-name{
            color:#b45309;
            background:none;
            -webkit-text-fill-color:#b45309;
            text-shadow:
              0 1px 0 rgba(255,255,255,.92),
              0 0 10px rgba(251,146,60,.24),
              0 2px 8px rgba(124,45,18,.10);
            filter:none;
          }


          #tdb-rank-board .tdb-podium-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-podium-score{
            color:#0b4d8b;
            font-weight:900;
          }


          #tdb-rank-board .tdb-podium-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-podium-score small{
            color:#475569;
            font-weight:900;
          }


          #tdb-rank-board .tdb-podium-card.rank-1 .tdb-score b,
#tdb-rank-board .tdb-podium-card.rank-1 .tdb-podium-score b{
            color:#b45309;
            -webkit-text-fill-color:#b45309;
          }


          #tdb-rank-board .tdb-podium-card.rank-2 .tdb-score b,
#tdb-rank-board .tdb-podium-card.rank-2 .tdb-podium-score b{
            color:#1d4ed8;
            -webkit-text-fill-color:#1d4ed8;
          }


          #tdb-rank-board .tdb-podium-card.rank-3 .tdb-score b,
#tdb-rank-board .tdb-podium-card.rank-3 .tdb-podium-score b{
            color:#c2410c;
            -webkit-text-fill-color:#c2410c;
          }