:root{--bg:#10120f;--panel:#191c17;--line:#30372b;--lime:#d4f76c;--muted:#a0aa94;--purple:#cdb9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f4f5ed;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}header,main,footer{max-width:1380px;margin:auto;padding-left:48px;padding-right:48px}header{height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px}.brand img{width:134px}.brand>span{font-size:12px;color:#aeb5a6}.header-actions{display:flex;align-items:center;gap:25px}#language{background:none;border:1px solid #4e5b41;color:var(--lime);padding:9px 14px;border-radius:4px}.visit{font-size:12px;color:#d7dece}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:545px;border-bottom:1px solid var(--line);padding:55px 0}.eyebrow{font-size:10px;font-weight:600;color:var(--lime);letter-spacing:2.1px}h1{font-size:57px;line-height:1.25;letter-spacing:-2.5px;font-weight:600;margin:29px 0 20px}h1 em{font-style:normal;color:var(--lime)}.hero-copy p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px}.cta{display:inline-flex;gap:40px;align-items:center;background:var(--lime);color:#15200d;padding:15px 20px;font-size:13px;border-radius:4px;margin-top:17px}.brand-stage{border-top:1px solid #617440;border-bottom:1px solid #617440;padding:24px 0 16px;position:relative}.stage-heading{display:flex;justify-content:space-between;align-items:center;padding:0 5px 22px}.stage-heading>span{font-size:66px;letter-spacing:-4px;line-height:1;font-weight:650}.brand-period{color:var(--lime)}.stage-heading small{font-size:9px;letter-spacing:2.2px;line-height:1.8;color:var(--muted)}.stage-film{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:7px;position:relative}.stage-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ccf56a08,transparent);pointer-events:none}.stage-film img{width:100%;height:185px;object-fit:cover;filter:saturate(.8)}.stage-film img:first-child{object-position:50% 40%}.stage-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;padding-top:18px;color:#b4c598}.stage-foot>span:last-child{font-size:20px;color:var(--lime)}#leaderboard{padding-top:50px;scroll-margin-top:24px}.section-top{display:flex;justify-content:space-between;align-items:center}h2{font-size:31px;font-weight:500;letter-spacing:-1px;margin:13px 0 24px}.edition{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:10px 15px;border-radius:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:32px}.stats>div{display:flex;align-items:baseline;gap:14px;padding-left:24px;border-left:1px solid var(--line)}.stats>div:first-child{padding-left:0;border:0}.stats b{font-size:34px;font-weight:500;letter-spacing:-1px}.stats span{font-size:11px;color:var(--muted)}.view-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:25px}.view-tabs button{background:none;color:#99a48e;border:0;border-bottom:2px solid transparent;padding:0 2px 17px;font-size:19px}.view-tabs button[aria-selected=true]{color:var(--lime);border-color:var(--lime)}.controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.legend{display:flex;gap:10px}.tier{display:inline-block;border:1px solid;border-radius:20px;font-size:10px;padding:5px 10px;white-space:nowrap}.super-badge{background:#aecb4a12;color:#d9f88e;border-color:#7b963a}.featured-badge{background:#b495e617;color:#d5c4ff;border-color:#8264ae}.searches{display:flex;gap:8px}input,select,#reset{color:#e1e8d6;background:#191d16;border:1px solid #38432e;padding:11px 12px;border-radius:4px;font-size:12px}input{width:225px}#reset{color:var(--muted)}.list-meta{display:flex;justify-content:space-between;margin:22px 0 16px;color:#929f84;font-size:11px;gap:15px}.works-grid,.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:20px}.cover{display:block;position:relative;aspect-ratio:16/9;background:#1c2117;border-radius:7px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.cover:hover img{transform:scale(1.035)}.play{position:absolute;bottom:12px;right:12px;border:1px solid #fff6;border-radius:50%;background:#10120f88;width:34px;height:34px;display:grid;place-items:center;font-size:20px}.work-body{padding-top:16px}.work-body h3{font-size:16px;line-height:1.5;font-weight:500;margin:12px 0 15px;min-height:48px;overflow-wrap:anywhere}.work-bottom{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.text-action{border:0;padding:0;background:transparent;color:#d2e9ac;font-size:11px}.text-action:hover{text-decoration:underline}.unavailable{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#7e8b70;border:1px dashed #4b563f}.unavailable>span{font-size:25px;letter-spacing:5px}.unavailable small{font-size:11px}.creator-card{padding:23px;border:1px solid var(--line);background:var(--panel);border-radius:7px;min-width:0}.creator-heading{display:flex;gap:14px;align-items:center}.avatar{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:50%;background:#2d3623;color:#d1e5b4;font-size:20px}.creator-heading h3{font-size:18px;margin:10px 0 0;font-weight:500;overflow-wrap:anywhere}.creator-amount{display:flex;align-items:baseline;justify-content:space-between;margin:26px 0 18px;border-bottom:1px solid var(--line);padding-bottom:18px;gap:8px}.creator-amount>span{font-size:11px;color:var(--muted)}.creator-amount b{font-size:30px;font-weight:500;color:var(--lime);white-space:nowrap}.creator-amount small{font-size:11px;margin-right:5px}.breakdown{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:11px;color:var(--muted)}.breakdown b{font-weight:400;color:#d6decb}.creator-thumbs{display:flex;gap:8px;margin-top:20px}.creator-thumbs a{width:90px;aspect-ratio:16/9;overflow:hidden;border-radius:3px}.creator-thumbs img{width:100%;height:100%;object-fit:cover}.creator-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:11px;color:#d2e9ac}.note{font-size:11px;line-height:1.9;color:#8d9981;max-width:920px;margin:24px 0 55px}#empty{text-align:center;padding:50px;color:var(--muted)}.closing{border-top:1px solid #5b743a;border-bottom:1px solid #5b743a;display:flex;justify-content:space-between;align-items:center;padding:32px 0;margin-bottom:30px}.closing h2{font-size:34px;line-height:1.2;color:var(--lime);letter-spacing:-1px;margin-bottom:0}.closing>a{font-size:12px}footer{display:flex;justify-content:space-between;padding-top:15px;padding-bottom:40px;font-size:18px}footer small,footer>span:last-child{font-size:11px;color:var(--muted)}footer small{margin-left:12px}html[lang=en] h1{font-size:62px;line-height:1.12}html[lang=en] .stats span{font-size:10px}html[lang=en] h2{font-size:29px}@media(max-width:1050px){.hero{gap:30px}h1{font-size:45px}html[lang=en] h1{font-size:50px}.stage-heading>span{font-size:55px}.stage-film img{height:155px}.stats>div{display:block}.stats span{display:block;margin-top:7px}.works-grid,.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{align-items:start;flex-direction:column}.searches{width:100%}.searches input{flex:1}}
@media(max-width:640px){header,main,footer{padding-left:20px;padding-right:20px}header{height:76px}.brand{gap:8px}.brand img{width:105px}.brand>span{font-size:9px}.header-actions{gap:0}.visit{display:none}#language{font-size:11px;padding:8px 10px}.hero{grid-template-columns:1fr;padding:35px 0;gap:35px}.hero-copy p{font-size:12px}h1{font-size:42px;margin-top:22px}.hero-copy .eyebrow{font-size:9px}.cta{margin-top:10px}.brand-stage{padding-top:19px}.stage-heading>span{font-size:52px}.stage-film img{height:140px}.stage-foot{font-size:7px;letter-spacing:1px}#leaderboard{padding-top:35px}h2,html[lang=en] h2{font-size:24px}.edition{font-size:9px;padding:8px}.stats{padding:18px 0}.stats b{font-size:27px}.stats>div{padding-left:12px}.stats span,html[lang=en] .stats span{font-size:8px;line-height:1.4}.view-tabs button{font-size:17px}.legend{gap:8px}.tier{font-size:9px;padding:5px 9px}.searches{flex-wrap:wrap}.searches select{max-width:140px}.searches input{width:150px;min-width:0}.list-meta{font-size:9px;line-height:1.6}.works-grid,.creator-grid{grid-template-columns:1fr;gap:24px}.work-body h3{min-height:0}.work-bottom{font-size:12px}.creator-amount b{font-size:32px}.closing{gap:20px}.closing h2{font-size:26px}.closing>a{font-size:10px}.closing .eyebrow{font-size:8px}.note{margin-bottom:35px}.creator-thumbs a{width:110px}footer>span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img{transition:none}}

/* Award-first layout */
header{height:76px}#leaderboard{padding-top:26px;scroll-margin-top:10px}.section-top h2{margin:8px 0 20px;font-size:32px}.section-top .eyebrow{font-size:9px}.social-highlights{border:1px solid #3a4730;background:linear-gradient(110deg,#20271a,#151a13);border-radius:8px;padding:18px 20px;margin:0 0 24px}.social-title{display:flex;align-items:baseline;gap:14px;margin-bottom:13px}.social-title h2{font-size:17px!important;letter-spacing:0;margin:0}.social-title>span{font-size:11px;color:var(--muted)}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.social-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#10150e;border:1px solid #35412c;border-radius:6px}.social-card:hover{border-color:var(--lime)}.platform-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#262f20;font-size:25px;flex-shrink:0}.social-person{flex:1;min-width:0}.social-person h3{font-size:16px;margin:0 0 6px}.social-person>span{font-size:10px;color:var(--muted)}.social-card strong{font-size:26px;white-space:nowrap;font-weight:500;color:var(--lime)}.social-card small,.work-award small{font-size:10px;font-weight:400}.social-open{font-size:11px;white-space:nowrap;color:#d5e6bf}.view-tabs{margin-bottom:16px}.view-tabs button{font-size:17px;padding-bottom:12px}.list-meta{margin:14px 0}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.work-card{display:grid;grid-template-columns:150px 1fr;gap:17px;padding:15px;border:1px solid var(--line);border-radius:7px;background:#171b14;align-items:center}.cover{width:150px;aspect-ratio:4/3}.work-body{padding:0;min-width:0}.work-award{display:flex;align-items:center;justify-content:space-between;gap:8px}.work-award strong{color:var(--lime);font-size:27px;white-space:nowrap;font-weight:500}.work-body h3{font-size:14px;line-height:1.45;min-height:0;margin:10px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-bottom{gap:7px 13px;font-size:10px;justify-content:flex-start}.work-bottom>span{width:100%}.watch-link{color:#e0f0c6;font-size:11px}.work-bottom .text-action{font-size:10px;color:#98a889}.play{width:27px;height:27px;font-size:17px;bottom:8px;right:8px}.unavailable>span{font-size:15px;letter-spacing:2px}.unavailable small{font-size:9px}.closing{margin-top:25px}@media(max-width:1050px){.social-card{flex-wrap:wrap}.social-open{margin-left:54px}.work-card{grid-template-columns:115px 1fr;gap:12px;padding:12px}.cover{width:115px}.work-award{flex-wrap:wrap}.work-award strong{font-size:23px}.controls{flex-direction:row;align-items:center}.legend{display:none}.searches{justify-content:flex-end}.searches input{flex:none;width:220px}}@media(max-width:640px){header{height:66px}#leaderboard{padding-top:20px}.section-top h2,html[lang=en] .section-top h2{font-size:25px}.social-highlights{padding:14px;margin-bottom:20px}.social-grid{grid-template-columns:1fr;gap:9px}.social-card{flex-wrap:nowrap;padding:11px;gap:10px}.social-card strong{font-size:22px}.social-open{margin-left:0;font-size:10px}.platform-icon{width:30px;height:32px;font-size:21px}.social-person h3{font-size:14px}.social-person>span{font-size:9px}.social-title>span{font-size:9px}.works-grid{grid-template-columns:1fr;gap:12px}.work-card{grid-template-columns:100px 1fr;gap:12px}.cover{width:100px;aspect-ratio:1}.work-award{flex-wrap:nowrap}.work-award strong{font-size:23px}.work-award .tier{font-size:8px;padding:4px 6px}.work-body h3{font-size:13px;margin:8px 0}.searches input{flex:1;width:120px}.list-meta{font-size:9px}.view-tabs button{font-size:16px}}

[hidden]{display:none!important}.rewards-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;margin-top:22px;padding:30px 34px;background:linear-gradient(110deg,#2c3b20,#172017 62%,#213128);border:1px solid #455b30;border-radius:9px;min-height:206px}.banner-copy{position:relative;z-index:1}.rewards-banner h1,html[lang=en] .rewards-banner h1{font-size:39px;letter-spacing:-1.5px;margin:15px 0 7px;line-height:1.12;color:#f3f9e8}.rewards-banner p{font-size:21px;color:var(--lime);letter-spacing:3px;margin:0 0 16px}.banner-caption{font-size:12px;color:#b7c6aa}.banner-art{width:270px;flex-shrink:0;position:relative;padding:12px 0 12px 60px}.beam{position:absolute;inset:-35px -70px -35px 0;clip-path:polygon(0 35%,100% 0,100% 100%,0 65%);background:linear-gradient(100deg,#e0fa5c20,#ceff612e,#6bffd524)}.banner-art>span{position:relative;font-size:24px;line-height:1.3;letter-spacing:-.6px;font-weight:600}.banner-art em{font-style:normal;color:var(--lime);font-size:19px}.period-row{display:flex;align-items:center;gap:14px;padding:0 0 22px}.period-row label{font-size:12px;color:var(--muted)}#period{border-radius:24px;min-width:158px;color:var(--lime);padding:10px 18px}.period-row>span{font-size:10px;color:var(--muted)}.board-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);margin-bottom:16px}.board-nav .view-tabs{border:0;margin:0;gap:26px}.creator-toggle{background:none;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:8px 12px;font-size:11px;margin-bottom:9px}.creator-toggle.active{color:var(--lime);border-color:var(--lime)}.social-panel{border:1px solid #3a4730;background:linear-gradient(110deg,#20271a,#151a13);border-radius:8px;padding:20px}.social-panel .social-card{min-height:118px}.social-panel .social-title{margin-bottom:18px}.social-panel .social-person h3{font-size:19px}.social-panel .social-card strong{font-size:32px}.social-panel .platform-icon{width:50px;height:50px}.social-panel .social-card{flex-wrap:wrap}.social-panel .social-open{margin-left:auto}.list-meta{margin:13px 0}#leaderboard{padding-top:20px}@media(max-width:850px){.rewards-banner h1,html[lang=en] .rewards-banner h1{font-size:32px}.banner-art{width:190px;padding-left:20px}.banner-art>span{font-size:21px}.banner-art em{font-size:15px}}@media(max-width:640px){.rewards-banner{padding:23px 20px;min-height:185px;margin-top:15px}.rewards-banner h1,html[lang=en] .rewards-banner h1{font-size:29px;max-width:280px;letter-spacing:-.8px}.rewards-banner p{font-size:17px;letter-spacing:1px}.banner-caption{font-size:10px}.banner-art{position:absolute;right:-35px;bottom:-30px;width:180px;opacity:.3;pointer-events:none}.banner-art>span{display:none}.beam{height:170px}.period-row{gap:10px;padding-bottom:18px}#period{min-width:140px}.board-nav{gap:10px}.board-nav .view-tabs{gap:18px}.board-nav .view-tabs button{font-size:14px}.creator-toggle{font-size:9px;padding:6px 8px}.social-panel{padding:14px}.social-panel .social-card strong{font-size:26px}.social-panel .social-card{min-height:100px}.social-panel .social-open{margin-left:0}.social-panel .platform-icon{width:35px;height:35px}.social-panel .social-person h3{font-size:16px}}

.social-panel .social-card{display:grid;grid-template-columns:125px 1fr auto;gap:16px;align-items:center}.social-cover{width:125px;height:125px;object-fit:cover;border-radius:5px;grid-row:span 2}.social-panel .social-person{align-self:end}.social-panel .social-card strong{align-self:end}.social-panel .social-open{grid-column:2 / 4;margin:0;align-self:start}.social-panel .social-person>span{font-size:12px}.rewards-banner .banner-caption{display:block;margin-top:18px}@media(max-width:640px){.social-panel .social-card{grid-template-columns:85px 1fr auto;gap:12px}.social-cover{width:85px;height:105px}.social-panel .social-card strong{font-size:24px}.social-panel .social-person>span{font-size:10px}}

.creator-highlight{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;width:100%;text-align:left;border:1px solid #52683c;background:linear-gradient(100deg,#30421d,#1d2919);border-radius:4px;margin-top:13px;padding:10px 11px;color:#d6e5c4}.creator-highlight>span{font-size:10px}.creator-highlight strong{font-size:18px;color:var(--lime);font-weight:600}.creator-highlight small{width:100%;font-size:10px;color:#aebb9f}.creator-highlight:hover{border-color:var(--lime)}.creator-rank{display:flex;justify-content:space-between;align-items:center;color:#a5b295;font-size:9px;letter-spacing:1px;margin-bottom:18px;gap:10px}.milestone{background:var(--lime);color:#243410;border-radius:4px;padding:6px 8px;font-weight:650;letter-spacing:.3px}.reward-details{margin-top:18px;padding-top:5px;border-top:1px solid var(--line)}.reward-details>a{display:flex;justify-content:space-between;align-items:start;gap:15px;padding-top:11px;font-size:11px;line-height:1.5}.reward-details span{color:#b9c4ac;overflow-wrap:anywhere}.reward-details b{color:#e1edce;white-space:nowrap;font-weight:500}.board-nav .view-tabs{width:100%}@media(max-width:640px){.board-nav .view-tabs{gap:16px}.board-nav .view-tabs button{font-size:13px}.creator-highlight{padding:8px}.creator-highlight strong{font-size:16px}}

/* Original Framia brand texture, using its text-free upper band. */
.rewards-banner{justify-content:center;text-align:center;min-height:245px;padding:28px 24px;border:0;border-radius:8px;background-color:#b6ed31;background-image:url('https://assets-cdn.framia.pro/upload/frontend-media/9c4b930dc17404323af11ee19fa3058641afa0a6382d33e7524d62f8711addc0/rewards-brand-background.png');background-size:100% 350%;background-position:center top;box-shadow:inset 0 0 0 1px #ffffff30}.rewards-banner .eyebrow{color:#fff;font-size:9px;letter-spacing:3px}.rewards-banner h1,html[lang=en] .rewards-banner h1{color:white;font-size:49px;font-weight:600;letter-spacing:-1.8px;margin:18px 0 12px;max-width:none}.rewards-banner .banner-brand{color:white;font-size:21px;font-weight:600;letter-spacing:-.4px;margin:0}.banner-brand span{font-weight:200;opacity:.7;margin:0 12px}.rewards-banner .banner-caption{color:white;font-size:11px;letter-spacing:.3px;margin-top:18px}.rewards-banner .banner-copy{text-shadow:0 1px 10px #527c0715}@media(max-width:640px){.rewards-banner{min-height:205px;padding:24px 16px;background-size:auto 350%}.rewards-banner h1,html[lang=en] .rewards-banner h1{font-size:33px;letter-spacing:-1px;line-height:1.15;max-width:310px;margin:16px auto 12px}.rewards-banner .banner-brand{font-size:17px}.rewards-banner .eyebrow{font-size:8px;letter-spacing:2px}.rewards-banner .banner-caption{font-size:10px;margin-top:15px}}

/* Creator rewards: typography-led cards without avatars. */
.creator-card{position:relative;padding:25px 24px;background:linear-gradient(145deg,#1c2317,#151a12);border:1px solid #35422b;border-radius:8px}.creator-heading{display:block;padding-bottom:3px}.creator-heading h3{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin-top:14px}.creator-heading>div{width:100%}.creator-rank{padding-bottom:14px;border-bottom:1px solid #35422b;margin-bottom:18px}.creator-amount{display:block;margin:23px 0 18px;padding-bottom:19px}.creator-amount>span{display:block;font-size:10px;letter-spacing:.4px;margin-bottom:7px}.creator-amount b{display:block;font-size:43px;line-height:1.15;letter-spacing:-1px}.creator-amount small{font-size:12px;letter-spacing:0;margin-right:7px}.creator-thumbs a{width:calc(50% - 4px);max-width:160px}.creator-thumbs{padding-top:1px}.creator-card:has(.milestone){border-top:3px solid var(--lime);padding-top:23px}.creator-links{padding-top:14px;border-top:1px solid #35422b}.reward-details>a:hover span{color:var(--lime)}@media(max-width:640px){.creator-card{padding:22px}.creator-heading h3{font-size:25px}.creator-amount b{font-size:43px}.creator-thumbs a{width:calc(50% - 4px);max-width:none}}

#detail-navigation{margin:0 0 18px}#detail-back{display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;background:#25331b;border:1px solid #7b963a;border-radius:5px;color:var(--lime);font-size:13px}#detail-back:hover{background:#334726}#detail-back:focus-visible{outline:2px solid var(--lime)}

.legend{display:flex;flex-wrap:wrap;gap:9px}.legend button{min-height:35px;padding:7px 13px;font-size:11px;transition:background .15s,border-color .15s;cursor:pointer}.all-badge{color:#bdc8b1;border-color:#667457;background:#20271b}.legend button[aria-pressed=true]{box-shadow:0 0 0 1px currentColor}.legend .super-badge[aria-pressed=true]{background:#d4f76c;color:#20300b;border-color:#d4f76c}.legend .featured-badge[aria-pressed=true]{background:#cdb9ff;color:#2d1b50;border-color:#cdb9ff}.legend .all-badge[aria-pressed=true]{background:#e0e8d5;color:#243019;border-color:#e0e8d5}.legend button:hover{filter:brightness(1.15)}.legend button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:1050px){.controls{flex-direction:column;align-items:stretch}.legend{display:flex}.searches{justify-content:flex-start}}@media(max-width:640px){.legend{gap:7px}.legend button{font-size:10px;padding:7px 10px}}

/* Preserve complete artwork in 16:9 frames at every breakpoint. */
.work-card{grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:center}.work-card .cover{width:100%;height:auto;aspect-ratio:16/9;background:#090c08;border-radius:4px}.work-card .cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}.work-card .cover:hover img{transform:none}.creator-thumbs{flex-wrap:wrap}.creator-thumbs a{display:block;aspect-ratio:16/9;background:#090c08;border-radius:3px}.creator-thumbs img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.social-panel .social-card{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px}.social-panel .social-cover{display:block;grid-column:1 / -1;grid-row:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#090c08;border-radius:4px}.social-panel .social-person{grid-column:1;align-self:center}.social-panel .social-card strong{grid-column:2;align-self:center}.social-panel .social-open{grid-column:1 / -1;align-self:start;margin:0}@media(max-width:1050px){.work-card{grid-template-columns:minmax(0,1fr);align-items:start}.work-card .cover{width:100%;height:auto;aspect-ratio:16/9}.work-body{padding-top:4px}.work-award{flex-wrap:nowrap}.social-panel .social-card{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:640px){.work-card{grid-template-columns:minmax(0,1fr);padding:13px;gap:12px}.work-card .cover{width:100%;height:auto;aspect-ratio:16/9}.work-body h3{font-size:15px}.social-panel .social-cover{width:100%;height:auto;aspect-ratio:16/9}.social-panel .social-card{grid-template-columns:minmax(0,1fr) auto;padding:12px}}

/* Blend the original brand texture into the surrounding page. */
.rewards-banner{isolation:isolate;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none;margin-top:0;min-height:275px;padding:42px 24px 38px}.rewards-banner::before{content:'';position:absolute;inset:0;z-index:-2;background-image:url('https://assets-cdn.framia.pro/upload/frontend-media/9c4b930dc17404323af11ee19fa3058641afa0a6382d33e7524d62f8711addc0/rewards-brand-background.png');background-size:100% 350%;background-position:center top;opacity:.68;mask-image:linear-gradient(to bottom,transparent 0%,#000 28%,#000 66%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 28%,#000 66%,transparent 100%)}.rewards-banner::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0%,#10120f45 20%,#10120f25 50%,#10120f45 80%,var(--bg) 100%);pointer-events:none}.rewards-banner .banner-copy{text-shadow:0 2px 16px #10120f55}.rewards-banner .eyebrow{color:#e2f5bd}.rewards-banner .banner-caption{color:#e5eddc}.rewards-banner .banner-brand{color:#f5faee}#leaderboard{padding-top:8px}@media(max-width:640px){.rewards-banner{min-height:235px;padding:30px 16px}.rewards-banner::before{background-size:auto 350%;opacity:.6}.rewards-banner::after{background:linear-gradient(90deg,var(--bg),#10120f30 24%,#10120f30 76%,var(--bg))}#leaderboard{padding-top:8px}}

/* Full-width original Framia brand banner. */
.rewards-banner{width:100%;max-width:none;margin:0;min-height:270px;padding:42px 24px;border:0;border-radius:0;box-shadow:none;background-color:#b6ed31;background-image:url('https://assets-cdn.framia.pro/upload/frontend-media/9c4b930dc17404323af11ee19fa3058641afa0a6382d33e7524d62f8711addc0/rewards-brand-background.png');background-size:100% 350%;background-position:center top;text-align:center;isolation:auto}.rewards-banner::before,.rewards-banner::after{content:none;display:none}.rewards-banner .banner-copy{width:100%;max-width:1284px;margin:0 auto;text-shadow:none}.rewards-banner .eyebrow,.rewards-banner .banner-caption,.rewards-banner .banner-brand{color:#fff}.rewards-banner h1,html[lang=en] .rewards-banner h1{color:#fff;font-size:49px;line-height:1.15;margin:18px 0 14px}.rewards-banner .banner-brand{font-size:21px}.rewards-banner .banner-caption{margin-top:18px;font-size:11px}header{border-bottom:0}#leaderboard{padding-top:28px}@media(max-width:640px){.rewards-banner{min-height:225px;padding:30px 20px;background-size:auto 350%;background-position:center top}.rewards-banner h1,html[lang=en] .rewards-banner h1{font-size:33px;max-width:330px;margin:16px auto 14px}.rewards-banner .banner-brand{font-size:17px}.rewards-banner .banner-caption{font-size:10px;margin-top:16px}#leaderboard{padding-top:22px}}

/* Subtle edge blending; preserve the bright center of the brand artwork. */
.rewards-banner{isolation:isolate}.rewards-banner::after{content:'';display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0,rgba(16,18,15,.45) 6px,rgba(16,18,15,.12) 15px,transparent 28px,transparent calc(100% - 28px),rgba(16,18,15,.12) calc(100% - 15px),rgba(16,18,15,.45) calc(100% - 6px),var(--bg) 100%)}.rewards-banner .banner-copy{position:relative;z-index:1}

.cover .landscape-poster{position:absolute;inset:0;display:grid;grid-template-columns:38% 62%;background:linear-gradient(120deg,#263b4c,#101c29);overflow:hidden}.cover .landscape-poster>img{width:100%;height:100%;object-fit:contain;object-position:left center}.landscape-copy{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:8%;color:#f4eee0;text-align:left}.landscape-copy small{font-size:8px;letter-spacing:1px}.landscape-copy strong{font-size:clamp(15px,1.6vw,23px);font-style:italic;letter-spacing:-.5px}.landscape-copy>span{font-size:6px;letter-spacing:1px}@media(max-width:1050px){.landscape-copy strong{font-size:clamp(22px,4vw,36px)}.landscape-copy small{font-size:10px}.landscape-copy>span{font-size:8px}}

/* Creator support policies, after all three leaderboard views. */
.creator-program{margin-top:64px;padding:34px 0;border-top:1px solid var(--line,#35402d);display:flex;justify-content:space-between;align-items:center;gap:32px}.program-copy .eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent,#d2fa64)}.program-copy h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:12px 0}.program-copy p{color:#a4ab98;font-size:14px;line-height:1.65;margin:0}.policy-links{display:flex;gap:10px;flex-wrap:wrap}.policy-links a{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:112px;padding:14px 18px;border:1px solid #465135;border-radius:8px;font-size:14px;background:#191e15;transition:background .18s,border-color .18s}.policy-links a:hover{background:#26331c;border-color:#d2fa64}.policy-links a:focus-visible{outline:2px solid #d2fa64;outline-offset:4px}.creator-program+.closing{margin-top:20px}@media(max-width:640px){.creator-program{margin-top:40px;align-items:flex-start;flex-direction:column;gap:24px}.policy-links{width:100%}.policy-links a{flex:1;min-width:84px;gap:12px;padding:13px 14px}}

.program-copy .program-subtitle{font-size:17px;color:#e5eadb;font-weight:500;line-height:1.5;margin:0 0 10px}.program-copy h2{margin-bottom:10px}@media(max-width:640px){.program-copy .program-subtitle{font-size:15px}}

#language{font:inherit;color:#d2fa64;background:#151a11;border:1px solid #465135;border-radius:6px;padding:10px 30px 10px 12px;cursor:pointer;max-width:140px}#language:focus-visible{outline:2px solid #d2fa64;outline-offset:3px}html[lang=ja] .program-subtitle{max-width:620px;line-height:1.7}html[lang=ja] .view-tabs{flex-wrap:wrap}html[lang=ja] .view-tabs button{font-size:clamp(14px,1.5vw,20px)}html[lang=ja] .work-bottom{row-gap:8px}html[lang=ja] .creator-rank{letter-spacing:.04em}@media(max-width:640px){html[lang=ja] .view-tabs button{padding:12px 8px;font-size:13px}#language{max-width:110px;padding:8px}}

.creator-program{flex-direction:column;align-items:flex-start;gap:22px}.policy-links{justify-content:flex-start}.program-copy h2 a{color:inherit;text-decoration:none}.program-copy h2 a:hover{color:#d2fa64}.program-arrow{font-size:.65em;color:#d2fa64;vertical-align:middle;display:inline-block}.program-copy h2 a:focus-visible{outline:2px solid #d2fa64;outline-offset:6px;border-radius:3px}.policy-links a{min-width:110px;padding:11px 16px}

/* Consistent select chevrons: centered, with a fixed right inset. */
#language,#period,#tier{-webkit-appearance:none;appearance:none;padding-right:40px;background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23d4f76c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#tier{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23e1e8d6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media(max-width:640px){#language,#period,#tier{padding-right:36px;background-position:right 12px center}}
@media(forced-colors:active){#language,#period,#tier{appearance:auto;background-image:none;padding-right:12px}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}#period{width:auto;max-width:100%;min-width:190px}html[lang=zh-CN] #period{min-width:226px}html[lang=ja] #period{min-width:250px}

.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:12px 18px;background:#fff;color:#111;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
#cookie-preferences{border:0;background:transparent;color:inherit;padding:8px 0;text-decoration:underline;text-underline-offset:3px;font-size:inherit}
:focus-visible{outline:2px solid #567c16;outline-offset:4px}
#leaderboard{scroll-margin-top:24px}