@charset "UTF-8";body{background:var(--c-bg)!important}.touch-enabled{background-color:var(--c-bg)}.sf-hero{position:relative;padding:120px 0 100px;overflow:hidden;color:var(--c-light);min-height:480px}.sf-hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000001a,#00000080);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sf-hero__container{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.sf-hero__eyebrow{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.25em;margin-bottom:1.5rem;color:color-mix(in srgb,var(--c-light) 80%,transparent)}.sf-hero__title{font-size:clamp(2.5rem,8vw,4.235rem);font-weight:900;line-height:.95;margin-bottom:1.5rem;letter-spacing:-.04em;text-shadow:0 4px 12px rgba(0,0,0,.2)}.sf-hero__meta{font-size:1.125rem;opacity:.9;max-width:50ch;margin:0 auto;font-weight:500;line-height:1.6}.sf-hero__link{color:inherit;opacity:.85;transition:opacity .2s}.sf-hero__link:hover{opacity:1}.sf-hero-card{background:#ffffff26;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.2);padding:clamp(2rem,5vw,4rem);border-radius:var(--r-large);max-width:600px;text-align:center;box-shadow:0 24px 64px #00000040}:root{--ranking-primary: #fc809f;--ranking-primary-alpha: rgba(252, 128, 159, .15);--c-glass: rgba(255, 255, 255, .7);--c-glass-border: rgba(255, 255, 255, .3)}@keyframes rankingFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes rankingFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rankingBarGrow{0%{width:0}to{width:var(--width)}}@keyframes rankingChoiceScaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes rankingPop{0%{transform:scale(1)}35%{transform:scale(.94)}65%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes rankingMedalDrop{0%{opacity:0;transform:translateY(-10px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}.ranking-container{min-height:calc(100vh - 102px)}.ranking-page-shell{margin-top:60px;background-color:var(--c-bg)}.ranking-game{min-height:auto;margin:70px 0;padding:2.5rem 1rem 3rem}.ranking-planner-skin{--rp-accent: var(--ranking-primary, var(--c-primary));width:100%;max-width:680px;margin-inline:auto;padding:1.5rem 1rem 2.5rem}.ranking-planner-skin__intro{max-width:40rem;margin:0 auto 1.75rem;text-align:center}.ranking-planner-skin__intro--tight{margin-bottom:1rem}.ranking-planner-skin__eyebrow{display:inline-flex;align-items:center;border-radius:var(--r-round);gap:6px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--rp-accent);background:color-mix(in srgb,var(--rp-accent) 12%,transparent);padding:4px 12px;margin:0 auto 1rem;width:fit-content}.ranking-planner-skin__eyebrow i{font-size:1em}.ranking-planner-skin__title{font-size:clamp(1.85rem,4vw + .5rem,2.75rem);font-weight:800;line-height:1.15;color:var(--rp-accent);margin:0 0 .65rem;letter-spacing:-.02em}.ranking-planner-skin__title--sm{font-size:clamp(1.15rem,2vw + .5rem,1.45rem);color:var(--c-content);margin:0}.ranking-planner-skin__lead{color:var(--c-content-secondary);line-height:1.55;margin:0;font-size:1rem}.ranking-planner-skin__card{overflow:hidden;max-width:520px;margin-inline:auto;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .25s ease}.ranking-planner-skin__cardMedia{position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--rp-accent) 42%,#fff),color-mix(in srgb,var(--rp-accent) 10%,var(--c-surface-alt, #f6f4fa)))}.ranking-planner-skin__mediaIcon{font-size:clamp(2.5rem,8vw,3.5rem);color:color-mix(in srgb,var(--c-light) 88%,var(--rp-accent));opacity:.95;filter:drop-shadow(0 6px 20px color-mix(in srgb,var(--rp-accent) 35%,transparent))}.ranking-planner-skin__badge{position:absolute;bottom:.85rem;left:.85rem;z-index:1;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-light);background:var(--rp-accent);border-radius:var(--r-round)}.ranking-planner-skin__badge i{font-size:.9em}.ranking-planner-skin__cardBody{padding:1.35rem;display:flex;color:var(--c-content);flex-direction:column;gap:.65rem}.ranking-planner-skin__desc{font-size:.8rem;line-height:1.55;color:var(--c-content-secondary);margin:0}.ranking-planner-skin__actions{display:flex;flex-wrap:wrap;flex-direction:column;max-width:450px;margin:auto;align-items:center;justify-content:center;gap:.65rem 1rem}.ranking-planner-skin__cta{display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--r-round);font-weight:700;font-size:.9rem;line-height:1.2;cursor:pointer;text-decoration:none!important;transition:all .2s ease}.ranking-planner-skin__cta:disabled{opacity:.5;cursor:not-allowed}.ranking-planner-skin__cta{width:100%;justify-content:center;color:var(--c-light)!important;border:none;padding:.65rem 1.35rem;background:var(--rp-accent);transform:none}.ranking-planner-skin__cta i{font-size:.85em;opacity:.95}.ranking-planner-skin__cta:active{transform:translateY(1px)}.ranking-planner-skin__cta:disabled{filter:none}.ranking-planner-skin__ctaGhost{display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--r-round);font-weight:700;font-size:.9rem;line-height:1.2;cursor:pointer;text-decoration:none!important;transition:all .2s ease}.ranking-planner-skin__ctaGhost:disabled{opacity:.5;cursor:not-allowed}.ranking-planner-skin__ctaGhost{width:100%;text-wrap:nowrap;justify-content:center;padding:.6rem 1.2rem;color:var(--c-content-secondary);background:var(--c-surface);border:1px solid var(--c-border)}.ranking-planner-skin__ctaGhost:hover:not(:disabled){border-color:var(--rp-accent);background:var(--rp-accent);color:var(--c-light)}.ranking-planner-skin__ctaX{display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--r-round);font-weight:700;font-size:.9rem;line-height:1.2;cursor:pointer;text-decoration:none!important;transition:all .2s ease}.ranking-planner-skin__ctaX:disabled{opacity:.5;cursor:not-allowed}.ranking-planner-skin__ctaX{width:100%;justify-content:center;padding:.6rem 1.2rem;color:#fff;background:#000;border:1px solid #000}.ranking-planner-skin__ctaX i{font-size:.95em}.ranking-planner-skin__resultBlock{max-width:800px;margin:0 auto;padding:0 1rem 2.5rem}.ranking-planner-skin__figure{border-radius:var(--r-large);overflow:hidden}.sec-result{background-color:var(--c-bg)}.ranking-progress-panel{position:sticky;z-index:19;top:92px;margin:0 -.5rem 1.25rem;padding:.5rem 0;background:color-mix(in srgb,var(--c-bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border)}.ranking-progress-panel__inner{max-width:450px;margin:0 auto}.ranking-progress-head{border-bottom:1px solid var(--c-border)}.ranking-progress-group{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ranking-progress-label,.ranking-progress-percent{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--c-content-muted, #888899);text-transform:uppercase}.ranking-progress-bar{width:100%;height:6px;background:var(--c-surface, #f4ebef);border-radius:1000px;overflow:hidden}.ranking-progress-fill{height:100%;background:var(--ranking-primary);border-radius:1000px;transition:width .4s cubic-bezier(.22,1,.36,1);animation:rankingBarGrow .5s cubic-bezier(.22,1,.36,1) both}.ranking-progress-meta,.ranking-progress-track{max-width:800px}.ranking-progress-meta{font-weight:700}.ranking-progress-track{height:6px}.ranking-game-header{margin-bottom:3rem;max-width:700px}.ranking-game-title{font-size:1.3rem;font-weight:800;color:var(--c-content, #222233);text-align:center;margin:0 0 2.5rem;letter-spacing:-.01em}.ranking-arena{display:grid;grid-template-columns:1fr auto 1fr;max-width:450px;align-items:center;margin:0 auto 2rem}.ranking-vs{font-size:1.25rem;font-weight:900;color:var(--c-light);text-align:center;letter-spacing:.05em;user-select:none;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 8px 32px #0000001a;z-index:10;margin:0 -27px}.ranking-choice-wrapper{width:100%}.ranking-choice{display:flex;flex-direction:column;background:transparent;border-radius:var(--r-large);transition:all .4s var(--anim-easing)}.ranking-choice:hover{border-color:var(--ranking-primary)}.ranking-choice:hover img{transform:scale(1.02)}.ranking-choice:active{border-color:var(--ranking-primary)}.ranking-choice__fingure{color:var(--c-light);margin-bottom:.75rem;text-shadow:0 4px 12px rgba(0,0,0,.2)}.ranking-choice__img{border-radius:var(--r-large) var(--r-large) 0 0;aspect-ratio:1/1;width:100%;overflow:hidden;background:var(--c-surface, #f4ebef);object-fit:cover;object-position:top center}.ranking-choiceimg{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .4s cubic-bezier(.22,1,.36,1)}.ranking-choice-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;color:#ffffffe6;letter-spacing:-.05em}.ranking-choice-name{font-weight:800;font-size:15px;color:var(--c-content, #222233);margin-bottom:6px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-choice-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--c-content-secondary, #55556A)}.ranking-choice-brand{border-radius:var(--r-round)!important;letter-spacing:.04em;margin-left:.4rem;flex-shrink:0}.ranking-choice .ranking-choice-info{background:var(--c-surface);border:1px solid var(--c-border);border-radius:0 0 var(--r-large) var(--r-large)!important;width:100%;display:flex;align-items:center}.ranking-menu{padding:70px 0;height:100vh}.ranking-menu-content{max-width:520px;text-align:center;animation:rankingFadeUp .5s cubic-bezier(.22,1,.36,1) both}.ranking-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:900;color:var(--c-content, #222233);margin:0 0 1rem;letter-spacing:-.02em;line-height:1.1}.ranking-subtitle{font-size:1rem;color:var(--c-content-secondary, #55556A);margin:0 0 2.5rem;line-height:1.7;max-width:45ch;margin-left:auto;margin-right:auto}.ranking-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.ranking-actions-stacked{flex-direction:column;align-items:center;gap:12px;margin-top:2rem}.ranking-results{min-height:auto;padding:70px 1rem}.ranking-results-header{text-align:center;margin-bottom:2.5rem;animation:rankingFadeUp .5s cubic-bezier(.22,1,.36,1) both}.ranking-crown{font-size:2.5rem;margin-bottom:1rem;display:block;animation:rankingMedalDrop .6s cubic-bezier(.22,1,.36,1) both}.ranking-list{display:flex;flex-direction:column;gap:12px;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.ranking-result-list{max-width:600px}.ranking-result-row--planner{transition:border-color .2s ease,box-shadow .25s ease}.ranking-date{font-size:13px;color:var(--c-content-muted, #888899);margin:.5rem 0 0;font-weight:500}.ranking-result-row{--rank-avatar-size: 65px}.ranking-result-rank{width:32px;font-size:16px}.ranking-result-avatar{width:var(--rank-avatar-size);height:var(--rank-avatar-size)}.ranking-result-name{font-size:15px}.ranking-result-meta{font-size:12px;font-weight:600}.ranking-result-dot{width:6px;height:6px}.ranking-result-subtitle{font-size:1rem}.ranking-img-top{object-position:center top;display:block}.ranking-share-btn{padding:16.75px 14.88px}.ranking-control-btn{font-size:13px;padding:10px 24px;transition:all .2s}.ranking-note-text{font-size:13px;font-weight:600}.ranking-view-all{--rp-accent: var(--ranking-primary, var(--c-primary));background:var(--c-bg);min-height:100vh;padding-top:0}.ranking-view-all__shell{max-width:400px;flex:1}.ranking-view-all__header{position:sticky;top:90px;z-index:18;padding:1rem 0 .75rem;margin-bottom:.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--rp-accent)}.ranking-view-all__title{font-size:clamp(1.1rem,2vw + .5rem,1.35rem);font-weight:800;color:var(--c-content);margin:0;letter-spacing:-.02em}.ranking-view-all__close{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--r-round);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-content-secondary);cursor:pointer;transition:border-color .2s ease,color .2s ease}.ranking-view-all__close:hover{border-color:var(--rp-accent);color:var(--rp-accent)}.ranking-view-all__list{display:flex;flex-direction:column}.ranking-view-all__footer{text-align:center;margin-top:2.5rem;font-size:13px;color:var(--c-content-secondary)}.ranking-sub-nav{position:sticky;top:60px;z-index:100;width:100%;background:var(--c-primary);animation:rankingFadeDown .5s cubic-bezier(.22,1,.36,1) both}.ranking-sub-nav-container{margin:0 auto;padding:0 1rem;max-width:1200px}.ranking-sub-nav-links{display:flex;align-items:center;gap:8px;height:100%}.ranking-sub-nav-link{display:flex;align-items:center;gap:6px;height:32px;border-radius:8px;font-size:13px;font-weight:700;color:var(--c-light);text-decoration:none;transition:all .2s ease}.ranking-sub-nav-link.active{color:var(--c-light)}.ranking-sub-nav-link:hover{text-decoration:underline}.ranking-sub-nav-back{font-weight:800;font-size:13px;color:var(--c-light);text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .2s ease}.ranking-sub-nav-back:hover{text-decoration:underline}.ranking-game-play{--rp-accent: var(--ranking-primary, var(--c-primary))}.ranking-divider{border:0;margin:4px 0;height:3px;width:100%;background:linear-gradient(90deg,#cb96c2,#3cc2b1);opacity:1}.ranking-disclaimer{max-width:450px;padding:30px;margin:40px auto;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-base)}.ranking-disclaimer__title{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;color:var(--ranking-primary, var(--c-primary));margin-bottom:8px}.ranking-disclaimer__list{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--c-content-secondary);line-height:1.6}.ranking-disclaimer__list li{font-size:12px;color:var(--c-content-muted);line-height:1.6}.ranking-disclaimer__list li a{color:var(--c-content-secondary)}.ranking-disclaimer__list li a:hover{color:var(--c-content)}.ranking-disclaimer summary{font-size:12px;font-weight:700;cursor:pointer;color:var(--c-content)}@media(max-width:640px){.ranking-container{padding:1.5rem 1rem}.ranking-arena{grid-template-columns:1fr auto 1fr}.ranking-vs{font-size:1.2rem}.ranking-actions-stacked{width:100%}.ranking-planner-skin__actions{flex-direction:column;align-items:stretch}.ranking-planner-skin__cta,.ranking-planner-skin__ctaGhost{width:100%;justify-content:center}.ranking-title{font-size:1.5rem}.ranking-subtitle{font-size:.95rem}}