.ranking-card{--thumbnail-scale: 1;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;text-decoration:none;background-color:#fff;border-radius:min(4 * var(--vw-per-px),4px);box-shadow:0 min(2 * var(--vw-per-px),2px) min(2 * var(--vw-per-px),2px) 0 #20283d1a;transition:box-shadow .3s ease}.ranking-card:hover{--thumbnail-scale: 1.04}.ranking-card-thumb{aspect-ratio:16/9;overflow:hidden}.ranking-card-thumb-img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:scale .2s ease-in-out;scale:var(--thumbnail-scale)}.ranking-card-content{display:flex;flex:1;flex-direction:column;gap:min(4 * var(--vw-per-px),4px);padding:min(8 * var(--vw-per-px),8px)}.ranking-card-text{display:-webkit-box;min-height:2.8em;margin:0;overflow:hidden;font-size:min(12 * var(--vw-per-px),12px);font-weight:700;line-height:1.4;text-overflow:ellipsis;-webkit-line-clamp:2;letter-spacing:.04em;-webkit-box-orient:vertical}.ranking-card-username{display:-webkit-box;margin:0;margin-block:auto 0;overflow:hidden;font-size:min(10 * var(--vw-per-px),10px);line-height:1.4;text-overflow:ellipsis;-webkit-line-clamp:1;letter-spacing:.04em;-webkit-box-orient:vertical}.ranking-skeleton-card{display:flex;flex-direction:column;width:100%;overflow:hidden;background:#eff0f0;border-radius:min(4 * var(--vw-per-px),4px);box-shadow:0 min(2 * var(--vw-per-px),2px) min(2 * var(--vw-per-px),2px) 0 #20283d1a}.ranking-skeleton-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#c5ccce}.ranking-skeleton-body{display:flex;flex-direction:column;gap:min(4 * var(--vw-per-px),4px);padding:min(8 * var(--vw-per-px),8px);min-height:min(68 * var(--vw-per-px),68px)}.ranking-skeleton-line{position:relative;display:block;width:100%;height:min(34 * var(--vw-per-px),34px);overflow:hidden;background:#d2d7d9;border-radius:min(2 * var(--vw-per-px),2px)}.ranking-skeleton-line.short{width:37%;height:min(14 * var(--vw-per-px),14px);margin-top:auto}.ranking-skeleton-thumb:after,.ranking-skeleton-line:after{position:absolute;inset:0;content:"";background:linear-gradient(100deg,#fff0 25%,#ffffff73,#fff0 75%);transform:translate(-100%);animation:ranking-skeleton-shimmer 1.4s ease-in-out infinite}@keyframes ranking-skeleton-shimmer{to{transform:translate(100%)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--default-white: #fff;--default-black: #191919;--default-gray: #d7dede;--default-pink: #f0206e;--default-light-pink: #ffe0eb;--default-yellow: #fff500;--default-light-gray: #f8f8f8;--default-attention: #ff0004;--text-white: #fff;--text-black: #191919;--text-gray: #d7dede;--text-pink: #f0206e;--text-yellow: #f7ff00;--button-black: #191919;--button-primary-active: var(--button-black);--button-hover: var(--default-white);--button-yellow: #fff500;--button-pink: #f0206e;--button-secondary-active: #fff;--button-disabled: #d7dede;--border-white: #fff;--border-black: #191919;--border-gray: #d7dede;--border-pink: #f0206e;--background-beige: #f9f9f3;--background-yellow: #fff37a;--background-black100: #191919;--background-black80: #191919cc;--background-white100: #fff;--background-white80: #fffc;--background-light-pink: #ffe0eb;--background-yellow-gradient: linear-gradient( 0deg, #fff37a 0%, #fff378 30%, #ffd642 70%, #ffbd42 100% );--other-black: #191919;--other-white: #fff;--other-pink: #f0206e;--other-red: #ff0004;--other-ranking-gold: linear-gradient( 93.41deg, #ffd000 0%, #fff538 40%, #ffd000 80%, #ffd000 100% );--other-ranking-brown: linear-gradient(180deg, #e09d00 0%, #604300 79.81%);--uta-red: #f14631;--uta-light-red: #fcdad6;--odo-blue: #2e68f6;--odo-light-blue: #bbf2fc;--utaodo-green: #02b03e;--utaodo-light-green: #cdffe8;--exhibition-orange: #ff8c00;--exhibition-light-orange: #ffe8cc;--z-index-sticky: 1;--z-index-header: 100;--z-index-modal: 200;--z-index-page-menu-backdrop: 50;--z-index-page-menu-content: 51;--z-index-page-menu-button: 52;--z-index-global-navigation: 200;--z-index-hamburger-button: 201;--shadow-button: 0 2px 0 0 rgb(25 25 25 / 20%);--shadow-content: 0 0 10px 0 rgb(25 25 25 / 10%)}.coming-soon[data-astro-cid-6afy7uav]{display:flex;flex-direction:column;gap:min(4 * var(--vw-per-px),4px);align-items:center;width:100%;max-width:min(512 * var(--vw-per-px),512px);padding-block:min(61 * var(--vw-per-px),61px);background:#cecece33;backdrop-filter:blur(6px);border:min(2 * var(--vw-per-px),2px) solid var(--text-white);border-radius:min(8 * var(--vw-per-px),8px)}@media (width >= 1024px){.coming-soon[data-astro-cid-6afy7uav]{max-width:none}}.coming-soon-inner[data-astro-cid-6afy7uav]{display:flex;flex-direction:column;gap:min(4 * var(--vw-per-px),4px);align-items:center}.coming-soon-image[data-astro-cid-6afy7uav]{width:min(120 * var(--vw-per-px),120px)}@media (width >= 1024px){.coming-soon-image[data-astro-cid-6afy7uav]{width:min(160 * var(--vw-per-px),160px)}}.coming-soon-text[data-astro-cid-6afy7uav]{margin-top:min(4 * var(--vw-per-px),4px);font-size:min(12 * var(--vw-per-px),12px);font-weight:700;line-height:1.4;text-align:center;letter-spacing:.04em}