:root{--bg:#08090c;--panel:#111319;--text:#fff9ef;--muted:#a9a7ad;--line:#2b2d35;--coral:#ff6c73;--sand:#f4d7a1;--aqua:#48dac2;--purple:#9d7cff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#08090c,#0d0d13 65%,#101019);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.gate-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,#3b1725 0,transparent 35%),radial-gradient(circle at 20% 80%,#10352f 0,transparent 34%),#08090c}.gate-card{width:min(460px,100%);background:#111319ee;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:0 30px 80px #0009}.mini-mark{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--coral),var(--sand));display:grid;place-items:center;color:#111;font-weight:950}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--coral);font-weight:850;margin:24px 0 8px}.gate-card h1{font-size:40px;margin:0 0 8px}.muted{color:var(--muted);line-height:1.6}.gate-form{display:grid;gap:12px;margin-top:26px}.gate-form input{background:#090a0e;border:1px solid var(--line);border-radius:14px;padding:15px;color:#fff}.gate-form button,.primary{border:0;border-radius:14px;padding:14px 18px;background:linear-gradient(135deg,var(--coral),#ff9b7e);color:#111;font-weight:900;cursor:pointer}.error{color:#ff8d94}.tiny{font-size:12px;color:#74727b;margin-top:18px}.topnav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:#08090ce8;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-weight:950}.brand .mini-mark{width:38px;height:38px;border-radius:12px}.navlinks{display:flex;gap:22px;color:#cac7ce;font-size:14px}.actions{display:flex;gap:9px}.pill{padding:10px 14px;border:1px solid var(--line);border-radius:999px}.hero{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;padding:70px max(5vw,32px);background:radial-gradient(circle at 72% 28%,#351b2b 0,transparent 32%),radial-gradient(circle at 88% 80%,#123c36 0,transparent 28%)}.hero h1{font-size:clamp(48px,7vw,90px);line-height:.94;letter-spacing:-.055em;margin:10px 0 22px;max-width:760px}.hero p{font-size:18px;max-width:620px}.hero-card{min-height:390px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,#27202a,#111319);padding:24px;display:flex;align-items:end;box-shadow:0 30px 80px #0006}.creator-preview{width:100%;border-radius:23px;padding:24px;background:#090a0edb}.live{display:inline-flex;gap:7px;align-items:center;color:#ff9297;font-weight:900}.live i{width:8px;height:8px;border-radius:50%;background:var(--coral)}.section{padding:46px max(5vw,32px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section h2{font-size:32px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.creator-card{min-height:310px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(160deg,#25151d,#111319 55%);padding:18px;display:flex;flex-direction:column;justify-content:flex-end}.creator-card:nth-child(2){background:linear-gradient(160deg,#142c2a,#111319 55%)}.creator-card:nth-child(3){background:linear-gradient(160deg,#211b38,#111319 55%)}.creator-card:nth-child(4){background:linear-gradient(160deg,#302a19,#111319 55%)}.creator-card h3{margin:8px 0 3px}.meta{font-size:13px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:24px}.feature b{font-size:18px}.footer{padding:30px max(5vw,32px);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#85828a}.page{padding:42px max(5vw,32px)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;color:#ccc9d0}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.credit-pack{padding:24px;border-radius:20px;border:1px solid var(--line);background:var(--panel);display:flex;justify-content:space-between;align-items:center}.credit-pack strong{font-size:24px}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.navlinks{display:none}.feature-grid{grid-template-columns:1fr}.wallet-grid{grid-template-columns:1fr}}@media(max-width:600px){.topnav{padding:14px}.actions .pill{display:none}.hero,.section,.page{padding-left:18px;padding-right:18px}.cards{grid-template-columns:1fr}.hero h1{font-size:50px}.gate-card{padding:28px}.footer{flex-direction:column;gap:8px}}
.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.room-video-wrap{position:relative;min-height:620px;background:#030305;border:1px solid var(--line);border-radius:28px;overflow:hidden}.room-video-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.room-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;background:radial-gradient(circle at 50% 30%,#351b2b,transparent 38%),#0b0b10}.room-placeholder h1{font-size:50px;margin:12px 0 8px}.room-placeholder .primary{margin-top:14px}.room-overlay{position:absolute;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.room-side{border:1px solid var(--line);border-radius:28px;background:var(--panel);padding:24px}.room-side h2{font-size:34px;margin:0}.chat-demo{min-height:170px;margin:18px 0;border:1px solid var(--line);border-radius:18px;padding:12px}.bubble{background:#1a1c23;padding:12px 14px;border-radius:14px;margin-bottom:10px}.hidden{display:none!important}@media(max-width:950px){.room-layout{grid-template-columns:1fr}.room-video-wrap{min-height:520px}}@media(max-width:600px){.room-video-wrap{min-height:460px}.room-placeholder h1{font-size:38px}}

.chatbox{display:flex;gap:8px;margin-top:10px}.chatbox input{flex:1;background:#090a0e;border:1px solid var(--line);border-radius:12px;padding:13px;color:#fff}.chat-demo{overflow:auto}.gate-form label{font-size:13px;color:#d9d6df}
body{background:#09090c;color:#f7f4ee}.topnav{position:sticky;top:0;z-index:30;background:rgba(9,9,12,.88);backdrop-filter:blur(16px)}.primary.small{padding:10px 15px}.hero-home{max-width:1380px;margin:0 auto;padding:90px 42px 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.hero-home h1{font-size:clamp(54px,7vw,104px);line-height:.92;margin:10px 0 24px;letter-spacing:-.055em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{min-height:440px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 70% 30%,#61273d,#161016 55%,#0c0c10);padding:30px;display:flex;flex-direction:column;justify-content:space-between}.hero-art strong{font-size:64px;line-height:.88;letter-spacing:-.06em}.section{max-width:1380px;margin:0 auto;padding:50px 42px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-title h2{font-size:34px;margin:4px 0}.locked-live{padding:40px;text-align:center}.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.model-card{background:#15151b;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s transform}.model-card:hover{transform:translateY(-4px)}.model-media{height:320px;background:linear-gradient(135deg,#402233,#17171d);background-size:cover;background-position:center;padding:14px}.model-info{padding:18px}.model-info h3{margin:0;font-size:24px}.model-info p{color:var(--muted)}.model-info span{color:var(--gold);font-size:13px}.offline{display:inline-block;padding:7px 10px;background:#24242b;border-radius:999px;font-size:11px;font-weight:800}.site-footer{border-top:1px solid var(--line);max-width:100%;padding:52px max(42px,calc((100vw - 1380px)/2));display:grid;grid-template-columns:2fr repeat(3,1fr);gap:34px;background:#0d0d11}.site-footer>div{display:flex;flex-direction:column;gap:10px}.site-footer .brand{margin:0 0 8px}.site-footer a,.site-footer span{color:var(--muted)}.admin-footer{margin-top:10px;color:var(--gold)!important}.narrow{max-width:560px}.login-panel{background:#141419;border:1px solid var(--line);border-radius:26px;padding:34px}.editorial{max-width:900px;padding:50px 0}.editorial h1{font-size:54px;line-height:1.02}.public-profile{background:#15151a;border:1px solid var(--line);border-radius:26px;overflow:hidden;margin-bottom:18px}.public-cover{height:350px;background:linear-gradient(135deg,#3d2634,#121216);background-size:cover;background-position:center}.public-id{display:flex;gap:18px;align-items:end;padding:0 28px 28px;margin-top:-58px}.public-id img,.public-avatar{width:128px;height:128px;border-radius:50%;object-fit:cover;border:6px solid #15151a;background:#292931}.public-avatar{display:grid;place-items:center;font-size:28px;font-weight:900}.public-id h1{font-size:42px;margin:8px 0 0}.status-row{margin-left:0}.wide{display:block;text-align:center;width:100%;margin-top:22px}.album-public{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.album-public img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}.admin-wrap{max-width:1380px;margin:0 auto;padding:34px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.admin-wrap .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}@media(max-width:900px){.hero-home{grid-template-columns:1fr;padding:60px 22px}.hero-art{min-height:300px}.model-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr 1fr;padding:38px 22px}.section{padding:40px 22px}.album-public{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.model-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.navlinks{display:none}.hero-home h1{font-size:54px}}
/* Credits + metered live viewing */
.wallet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.credit-balance{min-width:230px;padding:20px 24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#17171d,#231923);display:grid;gap:4px}.credit-balance span,.credit-balance small{color:var(--muted);font-size:12px}.credit-balance b{font-size:27px}.credit-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.credit-package{display:grid;gap:7px;padding:22px;border-radius:20px;border:1px solid var(--line);background:#131318;transition:.18s transform,.18s border-color}.credit-package:hover{transform:translateY(-2px);border-color:var(--accent)}.credit-package span{font-weight:800}.credit-package b{font-size:27px}.credit-package small{color:var(--muted)}.info-card{margin-top:18px}.narrow{max-width:760px;margin:0 auto}.checkout-card{padding:36px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#17171d,#111116)}.checkout-price{display:flex;justify-content:space-between;align-items:end;padding:24px 0;border-bottom:1px solid var(--line)}.checkout-price b{font-size:44px}.checkout-line{display:flex;justify-content:space-between;padding:18px 0}.text-link{display:block;text-align:center;margin-top:18px;color:var(--muted)}.live-account-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 15px;background:#111116;border:1px solid var(--line);border-radius:14px}.room-video-wrap{position:relative}.credit-ended{position:absolute;inset:0;z-index:8;background:rgba(5,5,8,.91);display:grid;place-items:center;text-align:center;padding:30px}.credit-ended>div{max-width:440px}.tip-box{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.tip-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tip-actions button{border:1px solid var(--line);background:#1a1a20;color:#fff;border-radius:12px;padding:11px;cursor:pointer;font-weight:800}.tip-actions button:hover{border-color:var(--accent)}.table-wrap{overflow:auto}.error-card{border-color:#6d2734;color:#ffb3c0}@media(max-width:900px){.credit-packages{grid-template-columns:repeat(2,1fr)}.wallet-head{flex-direction:column}.credit-balance{width:100%}}@media(max-width:560px){.credit-packages{grid-template-columns:1fr}}
/* English / Dutch language control */
.language-switcher{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#111116}.language-switcher button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:900;letter-spacing:.08em;cursor:pointer;padding:3px 4px}.language-switcher button.active{color:#fff}.language-switcher span{color:#55535b;font-size:10px}@media(max-width:640px){.language-switcher{padding:4px 6px}.language-switcher button{font-size:10px}.topnav .actions{gap:6px}}

/* 2026 cam-platform interface */
:root{--cam-red:#f52f68;--cam-red2:#cf214e;--cam-bg:#070707;--cam-panel:#151515;--cam-panel2:#242424;--cam-line:#303030;--cam-text:#f6f6f6;--cam-muted:#9a9a9a}
.cam-body{margin:0;background:var(--cam-bg);color:var(--cam-text);font-family:Inter,Arial,sans-serif;padding-bottom:70px}.cam-body a{color:inherit}.cam-topbar{height:58px;display:flex;align-items:center;gap:22px;background:linear-gradient(90deg,var(--cam-red2),var(--cam-red));padding:0 20px;position:sticky;top:0;z-index:50}.cam-mobile-menu{display:none;background:none;border:0;color:#fff;font-size:25px}.cam-logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:21px}.cam-logo-mark{background:#fff;color:var(--cam-red2);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900}.cam-live-count{display:flex;align-items:center;gap:7px;font-size:13px}.cam-live-count i{width:9px;height:9px;border-radius:50%;background:#8cff18}.cam-mainnav{display:flex;align-items:center;gap:22px;flex:1}.cam-mainnav a{text-decoration:none;font-size:14px;font-weight:700}.cam-top-actions{display:flex;align-items:center;gap:10px}.cam-top-actions .language-switcher{display:flex;gap:5px;align-items:center}.cam-top-actions .language-switcher button{background:none;border:0;color:#fff;font-weight:800;cursor:pointer}.cam-signup{background:#fff;color:#333!important;padding:10px 20px;border-radius:22px;text-decoration:none;font-size:13px}.cam-login{border:1px solid #fff;padding:9px 18px;border-radius:22px;text-decoration:none;font-size:13px}.cam-tabs{height:42px;background:#292c2f;display:flex;align-items:center;gap:35px;padding:0 20px;position:sticky;top:58px;z-index:45}.cam-tabs a{text-decoration:none;font-weight:700;font-size:14px;height:42px;display:flex;align-items:center}.cam-tabs .active{border-bottom:3px solid var(--cam-red)}.cam-tabs .allcats{margin-left:auto;color:#ccc}.cam-shell{display:grid;grid-template-columns:218px 1fr;min-height:calc(100vh - 100px)}.cam-sidebar{background:#151515;border-right:1px solid #252525;position:sticky;top:100px;height:calc(100vh - 100px);overflow:auto;padding:8px 10px 90px}.sidebar-mainlinks,.sidebar-section{display:flex;flex-direction:column}.sidebar-mainlinks{padding-bottom:12px;border-bottom:1px solid #303030}.cam-sidebar a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;padding:9px 10px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:700}.cam-sidebar a:hover{background:#333}.sidebar-section{padding:14px 0;border-bottom:1px solid #303030}.sidebar-section>b{font-size:11px;color:#999;padding:7px 10px;text-transform:uppercase}.side-ico{font-size:11px;font-weight:900}.cam-sidebar em{font-style:normal;color:#ddd;font-size:12px}.all-category-btn{border:2px solid #666;border-radius:22px!important;margin-top:14px;text-align:center;display:block!important}.cam-content{min-width:0;padding:20px 18px 95px}.cam-page-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 16px}.cam-page-head h1{font-size:26px;margin:0 0 10px}.cam-page-head p{color:#969696;margin:0;max-width:900px;line-height:1.5}.filter-row{display:flex;gap:9px;align-items:center;overflow:auto;padding:0 0 14px}.filter-row button,.filter-row .chip{white-space:nowrap;background:#383838;border:0;color:#fff;padding:10px 16px;border-radius:20px;text-decoration:none;font-weight:700;font-size:13px}.filter-row .chip{background:#0d0d0d;border:2px solid #555}.filter-row .chip.active{background:#4b4b4b}.cam-model-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:7px}.cam-card{display:block;position:relative;background:#1b1b1b;aspect-ratio:1.06/1;text-decoration:none;overflow:hidden}.cam-card img{width:100%;height:100%;object-fit:cover;display:block}.cam-card-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#222,#444);font-size:42px;font-weight:900;color:#777}.cam-card:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.8));pointer-events:none}.cam-card-info{position:absolute;z-index:2;left:9px;right:7px;bottom:7px;display:flex;justify-content:space-between;align-items:end}.cam-card-name{font-weight:900;font-size:13px;text-shadow:0 1px 3px #000}.cam-flag{font-size:14px}.cam-badges{position:absolute;z-index:3;top:6px;left:6px;display:flex;gap:4px}.cam-badge{background:#161616d9;border-radius:4px;padding:3px 5px;font-size:10px;font-weight:900}.cam-badge.live{background:#ff315d}.cam-badge.new{background:#ffc400;color:#111}.cam-fav{position:absolute;z-index:4;top:6px;right:6px;border:0;background:#161616cc;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer}.cam-fav.active{background:var(--cam-red)}.cam-loading,.cam-empty{grid-column:1/-1;padding:50px;background:#111;color:#aaa;text-align:center}.history-empty{display:flex;min-height:310px;align-items:center;justify-content:center;gap:130px}.history-empty h2{font-size:24px}.history-empty p{color:#aaa;max-width:470px;line-height:1.5}.history-empty a{display:inline-block;background:#666;padding:12px 20px;border-radius:24px;text-decoration:none}.history-icon{font-size:170px;color:#333}.cam-bottom-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;background:linear-gradient(90deg,var(--cam-red2),var(--cam-red));height:56px;display:flex;justify-content:center;align-items:center;gap:18px}.cam-bottom-cta strong{background:#fff;color:var(--cam-red2);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.cam-bottom-cta span{font-weight:800}.cam-bottom-cta a{background:#fff;color:#444;padding:9px 21px;border-radius:23px;text-decoration:none}.cam-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;background:#202020;border-top:1px solid #333;padding:35px 22px 90px;color:#a5a5a5}.cam-footer>div{display:flex;flex-direction:column;gap:10px}.cam-footer strong{font-size:22px;color:#777}.cam-footer b{color:#fff;font-size:12px}.cam-footer a{text-decoration:none;color:#aaa;font-size:13px}.sidebar-scrim{display:none}
@media(max-width:1150px){.cam-model-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.cam-mainnav a:nth-child(3),.cam-mainnav a:nth-child(4){display:none}}
@media(max-width:800px){.cam-topbar{gap:10px;padding:0 12px}.cam-mobile-menu{display:block}.cam-logo strong{font-size:17px}.cam-live-count,.cam-mainnav,.cam-signup{display:none}.cam-top-actions{margin-left:auto}.cam-shell{display:block}.cam-sidebar{position:fixed;left:-260px;top:100px;z-index:80;width:230px;transition:.2s}.sidebar-open .cam-sidebar{left:0}.sidebar-open .sidebar-scrim{display:block;position:fixed;z-index:70;inset:100px 0 0;background:#0008}.cam-content{padding:16px 10px 90px}.cam-model-grid{grid-template-columns:repeat(2,minmax(130px,1fr));gap:4px}.cam-card{aspect-ratio:.86/1}.cam-page-head h1{font-size:22px}.cam-tabs{gap:22px;overflow:auto}.cam-tabs .allcats{display:none}.cam-bottom-cta span{display:none}.cam-footer{grid-template-columns:1fr 1fr}.history-empty{gap:20px;min-height:240px}.history-icon{font-size:90px}}

/* Right-side rankings and logged-in credit balance */
.cam-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:start}
.cam-content-main{min-width:0}
.cam-rankings{position:sticky;top:116px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ranking-block{background:#343f50;border:1px solid #465266;border-radius:4px;padding:9px}
.ranking-block h3{font-size:12px;margin:0 0 7px;color:#fff;font-weight:850}
.ranking-card{min-height:110px}
.ranking-person{display:block;position:relative;border-radius:5px;overflow:hidden;background:#171b21;min-height:108px}
.ranking-person>img{width:100%;height:108px;object-fit:cover;display:block}
.ranking-placeholder{height:108px;display:grid;place-items:center;background:#242a33;color:#ff5c9b;font-weight:950}
.ranking-person:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}
.ranking-person-info{position:absolute;z-index:2;left:8px;right:25px;bottom:7px;display:flex;flex-direction:column}
.ranking-person-info b{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ranking-person-info span{font-size:9px;color:#d6dce5;margin-top:2px}
.ranking-person>strong{position:absolute;z-index:3;right:7px;bottom:7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ff4f9a;color:#fff;font-size:16px}
.ranking-empty,.ranking-loading{display:grid;place-items:center;min-height:108px;color:#c8cfda;font-size:10px;text-align:center}
.cam-credit-nav{display:inline-flex;align-items:center;gap:5px;background:#708d14;color:#fff;border:1px solid #87a82a;padding:7px 10px;border-radius:12px;font-size:12px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.cam-credit-nav i{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#9ec420;color:#233000;font-style:normal;font-size:14px}
.cam-credit-nav b{font-variant-numeric:tabular-nums}
@media(max-width:1120px){.cam-content-grid{grid-template-columns:minmax(0,1fr) 185px}.ranking-person>img,.ranking-placeholder{height:95px}.ranking-person{min-height:95px}}
@media(max-width:900px){.cam-content-grid{display:block}.cam-rankings{position:static;margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.cam-rankings{grid-template-columns:1fr}.cam-credit-nav span{display:none}.cam-credit-nav{padding:7px 8px}}


/* =========================================================
   FINAL DESKTOP LAYOUT
   5 model columns + narrow right ranking rail
   ========================================================= */

@media (min-width: 981px) {

  .cam-shell{
    display:grid !important;
    grid-template-columns:218px minmax(0,1fr) !important;
    width:100% !important;
  }

  .cam-content{
    min-width:0 !important;
    width:100% !important;
    padding:20px 14px 95px !important;
    overflow:hidden !important;
  }

  .cam-content-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 128px !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    align-items:start !important;
  }

  .cam-content-main{
    min-width:0 !important;
    width:100% !important;
    overflow:hidden !important;
  }

  /* EXACTLY FIVE MODELS ACROSS */
  .cam-model-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .cam-card{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  /* GENUINELY SLIM LEADERBOARD */
  .cam-rankings{
    position:sticky !important;
    top:112px !important;
    width:128px !important;
    min-width:128px !important;
    max-width:128px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    background:transparent !important;
    z-index:2 !important;
  }

  .ranking-rail-title{
    margin:0 0 2px !important;
    padding:0 !important;
  }

  .ranking-rail-title span{
    display:block !important;
    font-size:8px !important;
    letter-spacing:.14em !important;
    color:#ff4f9a !important;
  }

  .ranking-rail-title b{
    display:block !important;
    font-size:13px !important;
    line-height:1.05 !important;
    white-space:normal !important;
  }

  .ranking-block{
    width:128px !important;
    min-width:128px !important;
    max-width:128px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .ranking-block h3{
    margin:0 0 5px !important;
    padding:0 !important;
    font-size:8px !important;
    line-height:1.15 !important;
    letter-spacing:.04em !important;
    color:#bfc0c6 !important;
  }

  .ranking-card{
    width:128px !important;
    min-width:128px !important;
    max-width:128px !important;
    min-height:0 !important;
  }

  .ranking-person{
    width:128px !important;
    min-width:128px !important;
    max-width:128px !important;
    height:78px !important;
    min-height:78px !important;
    border-radius:8px !important;
    overflow:hidden !important;
  }

  .ranking-person > img,
  .ranking-placeholder{
    width:128px !important;
    height:78px !important;
    object-fit:cover !important;
  }

  .ranking-person-info{
    left:6px !important;
    right:22px !important;
    bottom:5px !important;
  }

  .ranking-person-info b{
    font-size:8px !important;
    line-height:1.05 !important;
  }

  .ranking-person-info span{
    font-size:6.5px !important;
    margin-top:1px !important;
  }

  .ranking-person > strong{
    right:5px !important;
    bottom:5px !important;
    width:16px !important;
    height:16px !important;
    font-size:10px !important;
  }

  .filter-row{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    flex-wrap:nowrap !important;
  }
}

/* Laptop widths: still five columns. */
@media (min-width: 981px) and (max-width: 1200px) {
  .cam-content-grid{
    grid-template-columns:minmax(0,1fr) 112px !important;
    gap:9px !important;
  }

  .cam-rankings,
  .ranking-block,
  .ranking-card,
  .ranking-person,
  .ranking-person > img,
  .ranking-placeholder{
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
  }

  .ranking-person,
  .ranking-person > img,
  .ranking-placeholder{
    height:72px !important;
    min-height:72px !important;
  }

  .cam-model-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:6px !important;
  }
}

/* Tablet */
@media (min-width: 701px) and (max-width: 980px) {
  .cam-content-grid{
    display:block !important;
  }

  .cam-model-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  .cam-rankings{
    position:static !important;
    width:100% !important;
    max-width:none !important;
    margin-top:20px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .ranking-rail-title{
    grid-column:1/-1 !important;
  }
}

/* Phones */
@media (max-width:700px) {
  .cam-model-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* =========================================================
   BIGGER + PROPERLY STICKY RIGHT RANKINGS
   ========================================================= */

@media (min-width:981px){

  /* Sticky needs visible overflow on its ancestors. */
  .cam-content{
    overflow:visible !important;
  }

  .cam-content-main{
    overflow:hidden !important;
    min-width:0 !important;
  }

  .cam-content-grid{
    grid-template-columns:minmax(0,1fr) 162px !important;
    gap:14px !important;
    align-items:start !important;
    overflow:visible !important;
  }

  /* Keep exactly five model columns. */
  .cam-model-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .cam-rankings{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:92px !important;
    width:162px !important;
    min-width:162px !important;
    max-width:162px !important;
    height:max-content !important;
    align-self:start !important;
    margin:0 !important;
    z-index:10 !important;
  }

  .ranking-block,
  .ranking-card{
    width:162px !important;
    min-width:162px !important;
    max-width:162px !important;
  }

  .ranking-person{
    width:162px !important;
    min-width:162px !important;
    max-width:162px !important;
    height:100px !important;
    min-height:100px !important;
    border-radius:9px !important;
  }

  .ranking-person > img,
  .ranking-placeholder{
    width:162px !important;
    height:100px !important;
  }

  .ranking-rail-title span{
    font-size:9px !important;
  }

  .ranking-rail-title b{
    font-size:16px !important;
    line-height:1.05 !important;
  }

  .ranking-block h3{
    font-size:9px !important;
    margin-bottom:6px !important;
  }

  .ranking-person-info{
    left:7px !important;
    right:28px !important;
    bottom:7px !important;
  }

  .ranking-person-info b{
    font-size:9px !important;
  }

  .ranking-person-info span{
    font-size:7px !important;
  }

  .ranking-person > strong{
    width:19px !important;
    height:19px !important;
    right:6px !important;
    bottom:6px !important;
    font-size:12px !important;
  }
}

/* Slightly narrower laptops, but still sticky and readable. */
@media (min-width:981px) and (max-width:1180px){
  .cam-content-grid{
    grid-template-columns:minmax(0,1fr) 148px !important;
    gap:10px !important;
  }

  .cam-rankings,
  .ranking-block,
  .ranking-card,
  .ranking-person,
  .ranking-person > img,
  .ranking-placeholder{
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
  }

  .ranking-person,
  .ranking-person > img,
  .ranking-placeholder{
    height:92px !important;
    min-height:92px !important;
  }
}


/* FINAL FILTER BAR FIX */
.filter-row{
  display:flex !important;
  flex-wrap:wrap !important;
  overflow-x:visible !important;
  overflow-y:visible !important;
  max-width:100% !important;
  width:100% !important;
  gap:8px !important;
  padding-bottom:0 !important;
  scrollbar-width:none !important;
}

.filter-row::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}

.filter-row > *{
  flex:0 0 auto !important;
}

/* The old Price & show type control is intentionally removed. */


/* Space between filter buttons and first row of Bad Bunny cards */
.filter-row{
  margin-bottom:14px !important;
}