:root{--bg:#020711;--bg2:#071426;--panel:#0a1729;--panel2:#0e2037;--line:#21496f;--text:#f4f8ff;--muted:#9db1c9;--cyan:#3fc4ff;--blue:#278bff;--gold:#ffc94d;--pink:#ff62be;--green:#68e0a4;--danger:#ff6e7a;--shadow:0 24px 70px #0009}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#123f78 0,transparent 38%),linear-gradient(180deg,#02060e,#071528 52%,#02060e);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(circle,#fff 1px,transparent 1px),radial-gradient(circle,#66c9ff 1px,transparent 1px);background-size:111px 111px,173px 173px;background-position:12px 19px,71px 94px;z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}header{position:sticky;top:0;z-index:100;min-height:76px;padding:10px clamp(14px,4vw,64px);display:flex;align-items:center;gap:22px;background:#020711e8;backdrop-filter:blur(20px);border-bottom:1px solid #21496f99}.header-logo{width:168px;height:auto;display:block}.header-nav{display:flex;gap:17px;align-items:center;margin-left:auto;color:#cbd9e9;font-size:12px;font-weight:800}.header-nav a:hover{color:#fff}.top-actions{display:flex;gap:8px}.icon-btn,.btn{border:1px solid #3b6d99;border-radius:999px;padding:10px 15px;background:#ffffff08;color:#eef6ff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn.primary{background:linear-gradient(135deg,#176bd6,#29baff);border-color:#66d4ff}.btn.gold{background:linear-gradient(135deg,#d99a24,#ffe08a);color:#131a25;border-color:#ffe6a0}.btn:hover,.icon-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0008}.section{max-width:1240px;margin:auto;padding:82px 22px}.eyebrow{font-size:11px;letter-spacing:.25em;color:#6fd2ff;font-weight:950;margin-bottom:12px}.title{font-size:clamp(38px,5.3vw,66px);line-height:.98;letter-spacing:-.055em;margin:0}.lead{max-width:720px;color:var(--muted);line-height:1.75}.hero{min-height:790px;display:grid;place-items:center;text-align:center;padding-top:90px}.hero-logo{width:min(720px,92vw);margin:auto;filter:drop-shadow(0 0 28px #36bdff44)}.hero-earth{width:88px;height:88px;vertical-align:middle;display:inline-block;filter:drop-shadow(0 0 18px #4dcfff88)}.hero h1{margin:0;font-size:clamp(60px,12vw,150px);font-weight:950;letter-spacing:-.08em;line-height:.82;display:flex;justify-content:center;align-items:center}.hero h1 .word{background:linear-gradient(#fff,#a8b7c8,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-tag{font-weight:900;letter-spacing:.18em;margin:22px 0 8px;color:#d7e7fa}.hero-sub{font-size:clamp(17px,2.2vw,24px);line-height:1.5;color:#bdcde1}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-cards{width:min(1080px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:45px auto 0}.hero-cards img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:17px;border:1px solid #5bc9ff77;box-shadow:var(--shadow);transition:.25s}.hero-cards img:nth-child(2),.hero-cards img:nth-child(4){transform:translateY(18px)}.hero-cards img:nth-child(1),.hero-cards img:nth-child(5){transform:translateY(36px)}.hero-cards img:hover{transform:translateY(-8px) scale(1.03);z-index:2}.statsbar{max-width:1180px;margin:0 auto;padding:15px;border:1px solid var(--line);border-radius:22px;background:#071426d9;display:grid;grid-template-columns:repeat(6,1fr);box-shadow:var(--shadow)}.stat{text-align:center;padding:12px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:21px;color:#fff}.stat span{color:#8fa7c1;font-size:11px}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.theme-card{border:1px solid var(--line);border-radius:21px;overflow:hidden;background:linear-gradient(180deg,#0d213a,#060c16);box-shadow:0 16px 45px #0007;transition:.22s;display:flex;flex-direction:column}.theme-card:hover{transform:translateY(-5px);border-color:#5ccaff99}.theme-card img{display:block;width:100%;height:270px;object-fit:cover}.theme-info{padding:16px}.theme-info b{display:block;font-size:14px}.theme-info span{display:block;color:#8fa7c1;font-size:12px;line-height:1.5;margin-top:5px}.theme-action{margin-top:auto;padding:0 16px 16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#081426;box-shadow:var(--shadow)}.panel img{width:100%;display:block}.panel-body{padding:24px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.feature-item{padding:14px;border:1px solid var(--line);border-radius:15px;background:#ffffff05}.feature-item b{display:block;margin-bottom:4px}.feature-item span{font-size:12px;color:var(--muted);line-height:1.5}.section-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.section-nav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff05;font-size:12px;font-weight:900}.socials{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.socials a{padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:#ffffff06;font-weight:900;font-size:12px}.socials a:hover{border-color:#63d2ff}.support-grid,.community-grid,.album-grid,.qr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.account-box{padding:24px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,#0d2038,#071120)}.account-number{font-size:clamp(24px,4vw,40px);font-weight:950;letter-spacing:.03em;margin:12px 0}.qr{width:230px;max-width:100%;background:white;padding:12px;border-radius:18px}.chat{display:flex;flex-direction:column;height:470px}.chat-log{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.msg{max-width:82%;padding:11px 14px;border-radius:15px;background:#102640;color:#dce8f5}.msg.me{align-self:flex-end;background:#1467a4}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-form input{flex:1;min-width:0;background:#050d18;border:1px solid var(--line);border-radius:12px;color:#fff;padding:12px}.trade{border:1px solid var(--line);border-radius:20px;padding:18px;background:#071426}.trade-cards{display:flex;gap:8px}.trade-cards img{width:72px;height:102px;object-fit:cover;border-radius:8px;border:1px solid #4ebcff66}.album-grid{grid-template-columns:repeat(4,1fr)}.album-card{border:1px solid var(--line);border-radius:18px;padding:12px;background:#081426}.album-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:11px}.album-card b{display:block;margin-top:9px}.album-card span{font-size:11px;color:#8ea4be}.interactive{perspective:1200px;max-width:340px;margin:auto}.flip-card{position:relative;width:100%;aspect-ratio:2/3;transform-style:preserve-3d;transition:transform .7s;cursor:pointer}.flip-card.flipped{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;border-radius:22px;overflow:hidden;border:1px solid #65cfff99;box-shadow:var(--shadow);background:#071426}.face img{width:100%;height:100%;object-fit:cover}.back{transform:rotateY(180deg);padding:22px;background:radial-gradient(circle at 50% 25%,#173e68,#050b15)}.back h3{font-size:27px;margin:0 0 12px}.back p{color:#afc1d6;line-height:1.6}.qr-demo{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.qr-card{border:1px solid var(--line);border-radius:22px;padding:22px;background:#081426}.login-box{max-width:470px;margin:30px auto;border:1px solid var(--line);border-radius:25px;background:#081426;padding:28px;box-shadow:var(--shadow)}.form-grid{display:grid;gap:12px}.form-grid input,.form-grid textarea{width:100%;padding:13px;border-radius:12px;border:1px solid var(--line);background:#040b15;color:#fff}.faq{display:grid;gap:10px;margin-top:25px}.faq details{border:1px solid var(--line);border-radius:15px;background:#081426;padding:15px}.faq summary{font-weight:900;cursor:pointer}.faq p{color:var(--muted);line-height:1.65}.topic-hero{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.topic-hero img{width:100%;border-radius:25px;border:1px solid var(--line);box-shadow:var(--shadow)}.topic-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-cards img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:16px;border:1px solid #4bbdff66}.topic-cards b{display:block;margin-top:8px}.topic-cards span{color:#8fa5bf;font-size:11px}.mini-cta{margin-top:22px;display:flex;gap:8px;flex-wrap:wrap}.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;padding:18px;z-index:200}.modal.open{display:grid}.modal-box{width:min(560px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:24px;background:#071426;padding:24px;box-shadow:var(--shadow)}.modal-close{float:right}.toast{position:fixed;right:18px;bottom:18px;z-index:300;background:#102844;border:1px solid #4abfff;color:#fff;padding:13px 16px;border-radius:14px;display:none}.toast.show{display:block}footer{border-top:1px solid var(--line);background:#02060d;padding:32px max(22px,5vw);display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#879bb5;font-size:12px}.footer-logo{width:145px}.footer-socials{margin-left:auto}
@media(max-width:1000px){.header-nav{display:none}.themes{grid-template-columns:repeat(2,1fr)}.topic-cards{grid-template-columns:repeat(2,1fr)}.album-grid{grid-template-columns:repeat(2,1fr)}.support-grid,.community-grid,.qr-grid,.split,.topic-hero{grid-template-columns:1fr}.statsbar{grid-template-columns:repeat(3,1fr)}.stat:nth-child(3){border-right:0}.stat:nth-child(-n+3){border-bottom:1px solid var(--line)}.hero{min-height:auto}.hero-cards{margin-top:32px}}
@media(max-width:600px){header{min-height:64px}.header-logo{width:135px}.top-actions .icon-btn{padding:8px 11px;font-size:11px}.section{padding:62px 16px}.hero{padding-top:52px}.hero h1{font-size:clamp(51px,18vw,86px)}.hero-earth{width:52px;height:52px}.hero-tag{font-size:10px;letter-spacing:.1em;line-height:1.7}.hero-cards{grid-template-columns:repeat(3,1fr);gap:7px}.hero-cards img:nth-child(1),.hero-cards img:nth-child(5){display:none}.hero-cards img:nth-child(2),.hero-cards img:nth-child(4){transform:none}.statsbar{grid-template-columns:repeat(2,1fr)}.stat{border:0!important;border-bottom:1px solid var(--line)!important}.stat:nth-last-child(-n+2){border-bottom:0!important}.themes{grid-template-columns:1fr}.theme-card img{height:300px}.feature-list{grid-template-columns:1fr}.album-grid,.topic-cards{grid-template-columns:repeat(2,1fr)}.qr-demo{grid-template-columns:1fr}.actions .btn{width:100%}.title{font-size:43px}.account-number{font-size:28px}}

.header-logo{width:190px;height:auto;max-height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px #49caff44)}
.hero-brand-image{margin:0 auto 8px;display:flex;justify-content:center;align-items:center}.hero-brand-image img{width:min(760px,94vw);height:auto;display:block;filter:drop-shadow(0 0 30px #35bfff55)}
.topic-card-link{display:block;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:10px;background:#071426;transition:.2s}.topic-card-link:hover{transform:translateY(-4px);border-color:#5ccaffaa;box-shadow:0 12px 30px #0008}.topic-card-link img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:11px}.topic-card-link b{display:block;margin-top:9px}.topic-card-link span{display:block;color:#8fa5bf;font-size:11px;margin-top:4px;line-height:1.4}.topic-cards{grid-template-columns:repeat(4,1fr)}
.copyright{margin-left:auto;color:#d9e8f8;font-weight:800;white-space:nowrap}.footer-logo{width:180px;max-height:55px;object-fit:contain}
.flip-card .face img{width:100%;height:100%;object-fit:cover}.flip-card .back{padding:0;background:#050b15}.flip-card .back img{object-fit:cover}
@media(max-width:980px){.header-logo{width:160px}.topic-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.header-logo{width:145px}.hero-brand-image img{width:min(680px,96vw)}.topic-cards{grid-template-columns:repeat(2,1fr)}.copyright{width:100%;margin-left:0}}

.v6-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:18px;margin-top:28px}
.v6-card{min-width:0;border:1px solid #35628b;border-radius:17px;background:#09182c;overflow:hidden}
.v6-open{border:0;background:transparent;padding:0;width:100%;cursor:pointer;display:block}
.v6-open img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;display:block;background:#040b15}
.v6-card-actions{padding:12px;display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:12px}
.v6-card-actions button,.v6-modal button{background:#163f67;color:white;border:1px solid #4b9cd2;padding:9px;border-radius:9px;cursor:pointer}
.v6-modal{border:1px solid #5ab7e5;background:#061326;color:white;border-radius:18px;max-width:min(95vw,650px);max-height:94vh;padding:12px;box-shadow:0 20px 80px #000}
.v6-modal::backdrop{background:#000c}.v6-modal-head,.v6-modal-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px}
.v6-modal img{display:block;max-width:100%;max-height:70vh;margin:auto;object-fit:contain}
@media(max-width:600px){.v6-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v6-card-actions{font-size:11px}.v6-modal-actions{flex-wrap:wrap}}

/* v6.1: show entire theme artwork on desktop and mobile */
.themes .theme-card img{height:270px;object-fit:contain;object-position:center;background:radial-gradient(circle at center,#173452,#06101e);padding:9px}
@media(max-width:600px){.themes .theme-card img{height:280px;object-fit:contain;padding:10px}}

/* Full, uncropped card thumbnails across all home category tiles. */
.theme-card > img{object-fit:contain!important;object-position:center!important;background:#08182b;padding:10px;box-sizing:border-box}

/* Collecto v7 visual refinements */
.header-logo{width:66px!important;max-height:66px!important;border-radius:50%;object-fit:contain}
.hero-brand-image img{width:clamp(180px,28vw,360px)!important;mix-blend-mode:multiply;filter:drop-shadow(0 0 20px #28bfff55)!important}
.hero-brand-image{background:transparent!important}
.themes{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.theme-card>img,.themes .theme-card img{height:200px!important;width:100%;object-fit:contain!important;padding:8px!important}
.theme-info{padding:11px 12px}.theme-info b{font-size:13px}.theme-info span{font-size:11px}.theme-action{padding:0 12px 12px}.theme-action .btn{font-size:11px;padding:8px 11px}
.topic-hero{grid-template-columns:1fr 220px;gap:24px}.topic-hero img{width:100%;max-height:190px;object-fit:contain;background:#0a192c;padding:8px}
.v7-banner{display:block;width:100%;max-height:320px;object-fit:cover;border:1px solid #34668c;border-radius:18px;margin:22px 0}
.v7-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.v7-pack{background:#091c33;border:1px solid #3a638b;border-radius:18px;padding:14px;text-align:center}
.v7-pack img{width:100%;height:225px;object-fit:contain;border-radius:10px}
.v7-pack h3{margin:12px 0 4px}.v7-pack p{color:#a9c5df}
#pollForm label{display:block;padding:10px;border:1px solid #284e72;border-radius:10px}
#pollForm input{margin-right:9px}
@media(max-width:1000px){.themes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.theme-card>img,.themes .theme-card img{height:175px!important}.topic-hero{grid-template-columns:1fr}.topic-hero img{max-height:140px}.v7-packs{grid-template-columns:repeat(2,minmax(0,1fr))}.v7-pack img{height:160px}}

/* v7.1: restore the v6.1 center wordmark, without its dark rectangular backing. */
.hero-brand-image img{width:min(760px,94vw)!important;max-width:100%;height:auto;mix-blend-mode:normal!important;filter:drop-shadow(0 0 22px #35bfff55)!important}
@media(max-width:600px){.hero-brand-image img{width:min(680px,96vw)!important}}

/* v7.2 official-colour social icon buttons in the footer */
.footer-socials{align-items:center;gap:10px}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;padding:9px;border-radius:13px;transition:transform .2s,border-color .2s}.footer-socials a:hover{transform:translateY(-3px);border-color:#63d2ff}.footer-socials a img{display:block;width:27px;height:27px;object-fit:contain}

/* v7.3: thematic art replaces collectible-card previews on the homepage */
.themes .theme-card{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.themes .theme-card>img,.theme-card>img{width:100%!important;height:clamp(112px,13vw,172px)!important;max-height:172px!important;object-fit:contain!important;object-position:center!important;padding:10px 12px 2px!important;box-sizing:border-box;background:transparent!important}
.themes .theme-card .theme-info{flex:1;text-align:center;padding:7px 10px 5px!important;display:flex;flex-direction:column;align-items:center;gap:5px}
.themes .theme-card .theme-heading{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:clamp(11px,1.15vw,15px);line-height:1.25;white-space:normal}
.themes .theme-card .theme-symbol{width:20px;height:20px;flex:0 0 20px;filter:drop-shadow(0 0 3px currentColor)}
.themes .theme-card .theme-info>span{font-size:11px;line-height:1.35;text-align:center}
.themes .theme-card .theme-action{margin-top:auto;text-align:center;padding:5px 8px 11px!important}
@media(max-width:600px){.themes .theme-card>img,.theme-card>img{height:130px!important;padding:7px 8px 2px!important}.themes .theme-card .theme-heading{font-size:12px}.themes .theme-card .theme-info>span{font-size:10px}.themes .theme-card .theme-symbol{width:18px;height:18px;flex-basis:18px}}

/* v7.4: Larger thematic illustrations and a new all-worlds hero fan. */
.themes .theme-card>img,.theme-card>img{width:100%!important;height:clamp(140px,17.33vw,229px)!important;max-height:229px!important;object-fit:contain!important;object-position:center!important;padding:5px 5px 0!important;box-sizing:border-box;background:transparent!important}
.btn.btn-turquoise{background:linear-gradient(135deg,#00b7bb,#38eedb)!important;border-color:#78fff0!important;color:#032d35!important;box-shadow:0 0 20px #21dec544}
.btn.btn-turquoise:hover{box-shadow:0 0 28px #2ef9e080,0 10px 28px #0008}
.hero-worlds-fan{position:relative;width:min(1080px,100%);height:350px;margin:38px auto 5px;isolation:isolate;overflow:visible}
.hero-worlds-fan img{position:absolute;left:50%;bottom:8px;width:clamp(105px,13.4vw,155px);height:235px;object-fit:contain;transform-origin:50% 92%;transform:translateX(calc(-50% + var(--fan-x))) translateY(var(--fan-y)) rotate(var(--fan-r));filter:drop-shadow(0 10px 10px #000a);transition:transform .25s ease,filter .25s ease;z-index:var(--fan-order)}
.hero-worlds-fan img:hover{transform:translateX(calc(-50% + var(--fan-x))) translateY(calc(var(--fan-y) - 20px)) rotate(var(--fan-r)) scale(1.13);filter:drop-shadow(0 12px 18px #37dfff8a);z-index:30}
@media(max-width:1000px){.hero-worlds-fan{height:290px}.hero-worlds-fan img{width:clamp(78px,12.6vw,125px);height:190px}}
@media(max-width:600px){.themes .theme-card>img,.theme-card>img{height:clamp(145px,39vw,190px)!important;max-height:190px!important;padding:3px!important}.hero-worlds-fan{height:200px;margin-top:22px}.hero-worlds-fan img{width:clamp(44px,10.8vw,75px);height:120px;bottom:10px}}

/* v7.5 definitive home-world thumbnails and full-width, non-overlapping fan */
.hero.section{max-width:1480px;width:100%;display:block;text-align:center}
.hero-worlds-fan{position:relative!important;display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:5px 2px!important;align-items:end!important;justify-items:center!important;width:100%!important;max-width:1400px!important;height:auto!important;margin:32px auto 0!important;padding:14px 6px 18px!important;overflow:visible!important}
.hero-worlds-fan img{position:relative!important;left:auto!important;bottom:auto!important;display:block!important;width:100%!important;max-width:126px!important;height:170px!important;object-fit:contain!important;transform:rotate(var(--angle))!important;transform-origin:50% 90%!important;z-index:auto!important;filter:drop-shadow(0 8px 8px #0009)!important}
.hero-worlds-fan img:hover{transform:translateY(-9px) rotate(0deg) scale(1.08)!important;z-index:2!important}
.hero-worlds-fan img:nth-child(n+11){margin-top:-20px}
.themes .theme-card>img{width:100%!important;height:clamp(150px,18vw,225px)!important;max-height:225px!important;object-fit:contain!important;padding:4px!important;background:transparent!important}
.themes .theme-heading{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important}
.themes .theme-heading .theme-symbol{font-size:19px;line-height:1;flex:0 0 auto}
@media(max-width:700px){.hero-worlds-fan{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important}.hero-worlds-fan img{height:115px!important;max-width:100%!important}.hero-worlds-fan img:nth-child(n+11){margin-top:0}.themes .theme-card>img{height:170px!important}}

/* v7.6: two symmetric overlapping fans, also on mobile */
.hero-worlds-fan{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;width:100%!important;max-width:1400px!important;height:auto!important;margin:24px auto 12px!important;padding:8px 0 16px!important;overflow:visible!important}
.hero-worlds-fan .fan-row{display:flex!important;align-items:flex-end!important;justify-content:center!important;width:100%!important;min-width:0!important;height:clamp(125px,17vw,215px)!important;padding:0 3%!important;isolation:isolate}
.hero-worlds-fan .fan-row+.fan-row{margin-top:-23px!important}
.hero-worlds-fan .fan-row img{position:relative!important;left:auto!important;bottom:auto!important;flex:0 0 auto!important;display:block!important;width:clamp(70px,10.5vw,148px)!important;max-width:none!important;height:clamp(122px,16vw,207px)!important;object-fit:contain!important;margin:0!important;transform:rotate(var(--fan-rotation))!important;transform-origin:50% 92%!important;z-index:var(--fan-depth)!important;filter:drop-shadow(0 7px 9px #000a)!important;transition:transform .2s ease!important}
.hero-worlds-fan .fan-row img+img{margin-left:clamp(-35px,-2.7vw,-17px)!important}
.hero-worlds-fan .fan-row img:hover{transform:translateY(-10px) rotate(0deg) scale(1.07)!important;z-index:30!important}
.personal-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:22px!important}
.personal-hero-figure{margin:0!important;width:100%!important;text-align:center!important}
.personal-hero-figure img{display:block!important;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;object-fit:contain!important;padding:0!important;border-radius:18px!important;background:transparent!important}
.personal-hero-figure figcaption{font-size:clamp(18px,2.5vw,30px);font-weight:800;color:#d9f8ff;text-align:center;padding:16px 10px 3px}
@media(max-width:700px){.hero-worlds-fan{gap:0!important;padding:4px 0 12px!important}.hero-worlds-fan .fan-row{height:clamp(80px,24vw,145px)!important;padding:0!important}.hero-worlds-fan .fan-row+.fan-row{margin-top:-9px!important}.hero-worlds-fan .fan-row img{width:clamp(37px,11.5vw,77px)!important;height:clamp(78px,24vw,143px)!important}.hero-worlds-fan .fan-row img+img{margin-left:clamp(-19px,-3vw,-8px)!important}.personal-hero-figure figcaption{font-size:19px}}

/* v7.7 album cover, reveal 19 theme collections on click */
.album-entry{text-align:center;margin:22px auto 24px}
.album-cover-button{display:block;width:min(280px,62vw);aspect-ratio:1;margin:auto;padding:0;background:transparent;border:1px solid #d5b478;border-radius:15px;overflow:hidden;cursor:pointer;box-shadow:0 18px 45px #0008;transition:transform .2s,box-shadow .2s}
.album-cover-button:hover,.album-cover-button:focus-visible{transform:translateY(-5px);box-shadow:0 20px 50px #cda45d55}
.album-cover-button img{display:block;width:100%;height:100%;object-fit:cover}
.album-cover-hint{color:#d9cba8;font-size:14px;margin:14px 0 0}
#albumLibrary[hidden]{display:none!important}
.album-collections-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:20px auto 0}
.album-collection{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center;padding:12px 8px;border:1px solid #c8a96b77;border-radius:15px;background:linear-gradient(155deg,#142943,#091522);text-decoration:none;color:#f8f1df}
.album-collection img{display:block;width:100%;height:135px;object-fit:contain;margin:0 auto 9px}
.album-collection span{font-size:12px;color:#dbbd7a}.album-collection b{font-size:15px;margin-top:4px}
@media(max-width:620px){.album-collections-grid{gap:7px!important}.album-collection{padding:6px 3px;border-radius:9px}.album-collection img{height:78px}.album-collection span{font-size:9px}.album-collection b{font-size:10px;line-height:1.25}}
#komunita .panel>img[src*="community-clean"]{display:block;width:100%;height:clamp(210px,30vw,390px);object-fit:cover;object-position:center}
.v7-banner[src*="community-clean"]{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:16px}
.trade-cards img{object-fit:contain}

/* v7.8 Store package art and independent offer destinations */
.v7-pack{overflow:hidden;display:flex;flex-direction:column;align-items:center}
.v7-pack .pack-art{width:100%;height:230px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px}
.v7-pack .pack-art img{width:108%;max-width:none;height:100%;object-fit:contain;object-position:center}
.v7-pack h3{font-size:22px}.v7-pack .pack-offer{display:block;width:100%;margin-top:auto;text-align:center}
.pack-mini{--pack-color:#c58b35;--pack-light:#f5c36c}.pack-classic{--pack-color:#00bdbb;--pack-light:#7bf4eb}.pack-premium{--pack-color:#aa163c;--pack-light:#ff6d90}.pack-maxi{--pack-color:#175bb5;--pack-light:#e3b954}
.v7-pack,.offer-theme{border:2px solid var(--pack-color)!important;box-shadow:inset 0 0 18px color-mix(in srgb,var(--pack-color),transparent 80%)}
.v7-pack h3{color:var(--pack-light)}
.v7-pack .pack-offer{background:linear-gradient(120deg,var(--pack-color),var(--pack-light));border-color:var(--pack-light);color:#071221;font-weight:800}
.poll-art{width:100%;height:145px;object-fit:cover;object-position:center;border-radius:12px;margin:4px 0 14px}
.offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0}
.offer-theme{background:#081b30;border-radius:16px;padding:14px;text-align:center;min-width:0}
.offer-preview{height:235px;position:relative;display:flex;align-items:center;justify-content:center}
.offer-preview>img:first-child{width:100%;height:100%;object-fit:contain}
.offer-theme-badge{position:absolute;right:0;bottom:0;width:85px;height:75px;object-fit:contain;background:#06172ce8;border:1px solid var(--pack-light);border-radius:10px}
.offer-theme h3{color:var(--pack-light)}.offer-demo{font-size:12px;color:#aac6dd}
@media(max-width:700px){.v7-pack .pack-art{height:160px}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.offer-preview{height:160px}.offer-theme-badge{width:53px;height:50px}.offer-theme{padding:7px}.offer-theme h3{font-size:14px}}

/* v7.9: inclusive Collecto membership explanation and honest activation demo */
.how-intro{max-width:850px;margin:17px auto;color:#dce9ef;font-size:14px;line-height:1.55}.how-intro a{color:#69e4dd;text-decoration:underline}
.activation-status{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:15px 0 25px;padding:15px;border:1px solid #50d6cb88;border-radius:14px;background:#0c2936}.activation-status span{font-size:13px;color:#c9e9ed}
.theme-card .theme-action{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.theme-card .theme-action .btn{font-size:12px;padding:8px 10px}.activate-theme{background:#087c7b;color:white;border:1px solid #4be2d5;cursor:pointer}.activate-theme:disabled{opacity:.52;cursor:not-allowed}
.how-page{max-width:1160px}.how-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px;text-align:center;margin:30px auto;padding:22px;background:#0a3040;border:1px solid #48dfd0;border-radius:17px}.how-highlight strong{font-size:30px;color:#72eee3}.how-highlight span{grid-row:2;font-size:13px;color:#d7ecf0}
.how-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.how-steps article,.how-registration,.how-note{border:1px solid #c5a96c77;background:#0c2033;border-radius:15px;padding:20px}.how-steps b{color:#e6c77f}.how-steps p{line-height:1.6}.how-registration,.how-note{margin-top:20px}.how-form{display:grid;gap:14px;max-width:480px}.how-form input:not([type=checkbox]){width:100%;display:block;margin-top:7px;padding:12px;background:#071521;color:white;border:1px solid #76bbb9;border-radius:8px}.how-form label{line-height:1.5}.how-form button{justify-self:start}
@media(max-width:650px){.how-highlight{grid-template-columns:1fr;display:flex;flex-direction:column}.how-highlight strong{margin-top:10px}.how-steps{grid-template-columns:1fr}}

/* v8.0: supplied hero and app overview, new survey visual */
.hero-feature-art{width:100%;max-width:1320px;margin:24px auto 4px;display:block;padding:0}.hero-feature-art img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #59bce477;border-radius:15px;box-shadow:0 12px 38px #0008}#app .collecto-app-preview{display:block;width:100%;height:auto!important;max-height:680px;object-fit:contain!important;object-position:center;background:#071729}.topic-hero .collecto-app-preview{width:min(100%,520px);height:auto!important;max-height:760px;object-fit:contain!important;object-position:center}#ankety .poll-art{display:block;width:100%;height:clamp(160px,22vw,240px);object-fit:cover;object-position:center;border-radius:12px}@media(max-width:620px){.hero-feature-art{margin:16px auto 2px}.hero-feature-art img{border-radius:9px}#app .collecto-app-preview{max-height:none}}

.app-module-image{width:100%!important;height:190px!important;object-fit:contain!important}.interactive-feature{max-width:1050px;margin:0 auto 25px}.interactive-feature img{width:100%;height:auto;display:block;object-fit:contain}.hero .btn-crimson{background:linear-gradient(120deg,#83102d,#c51d4c)!important;color:white!important}.hero .btn-navy{background:linear-gradient(120deg,#091c42,#1b478d)!important;color:white!important}.faq-question-icon{display:inline-flex;align-items:center;justify-content:center;background:#168df3;color:white;border-radius:50%;font-size:.8em;width:1.2em;height:1.2em;margin-right:9px}.chat-icon{color:#ffda4d;font-size:1em;margin-right:8px}.language-picker{border:1px solid #69b5dc;border-radius:9px;padding:5px;color:white}.language-picker select{background:#102744;color:white;border:0;max-width:145px}.collecto-counter-strip{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px auto}.collecto-counter-strip span{padding:8px 12px;border:1px solid #3a82ad;background:#102844;border-radius:8px;font-size:12px}.collecto-counter-strip button{background:#174b79;color:white;border:1px solid #6ad5f4;border-radius:5px;cursor:pointer}

/* v8.3 homepage preview and community chat heading */
.interactive-home-preview{display:block;width:100%!important;height:auto!important;max-height:650px!important;object-fit:contain!important;object-position:center!important;background:#061629}
.community-chat-title{display:flex;align-items:center;gap:.45em}.chat-yellow-icon{width:1em;height:1em;flex:0 0 1em;color:#ffcf43;filter:drop-shadow(0 0 4px #ffc83c66)}

/* v8.5 Karel Gott card QR journey */
.gott-preview{display:block;width:min(100%,420px)!important;height:auto!important;max-height:560px;object-fit:contain!important;margin:14px auto;border-radius:10px}.gott-qr-slot{text-align:center;margin:14px auto}.gott-qr-slot .qr{display:block;margin:0 auto;width:150px;height:150px}.gott-qr-slot .qr[hidden]{display:none}.qr-notice{font-size:12px;color:#b9d5e8}.gott-landing{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:28px;align-items:center;max-width:1050px;margin:25px auto}.gott-landing>img{width:100%;max-height:580px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 10px 18px #0008)}.gott-tabs{display:flex;gap:12px;flex-wrap:wrap}.gott-tabs p{flex-basis:100%;color:#a8d9ed}.gott-content{max-width:1050px;margin:24px auto;padding:24px;border:1px solid #d6ae5e;border-radius:16px;background:linear-gradient(135deg,#0c2440,#06172d)}.gott-content[hidden]{display:none}.gott-content h2,.gott-content h3{color:#f4d48d}.gott-discography{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gott-discography article{padding:15px;border:1px solid #4476a5;border-radius:12px;background:#0b3051}.gott-discography b{color:#f6c765}.gott-discography p{line-height:1.55}.gott-links,.gott-platforms{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.gott-links a,.gott-platforms a{padding:12px 15px;border:1px solid #67a8da;border-radius:10px;background:#153956;color:white;text-decoration:none}.gott-platforms a{font-weight:800}.gott-platforms span{font-size:24px;vertical-align:middle;margin-right:7px}.gott-spotify{border-color:#1ed760!important}.gott-amazon{border-color:#36d2ef!important}.gott-youtube{border-color:#ff4545!important}.gott-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gott-gallery a{display:flex;align-items:center;justify-content:center;background:#07192d;border:1px solid #527a9c;border-radius:10px;padding:5px}.gott-gallery img{display:block;width:100%;height:210px;object-fit:contain}.gott-fine{font-size:12px;color:#b7d2e3}@media(max-width:700px){.gott-landing,.gott-discography{grid-template-columns:1fr}.gott-landing>img{max-height:560px}.gott-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gott-gallery img{height:170px}.gott-content{padding:14px}}
\n/* v8.6: inner thematic world hero only, homepage untouched */\n.topic-hero > img.world-hero-image,.topic-hero > img.kids-hero-image{display:block;width:100%;height:clamp(240px,30vw,410px);max-height:none;object-fit:contain;object-position:center;background:#091b30;border-radius:14px}\n@media(max-width:700px){.topic-hero > img.world-hero-image,.topic-hero > img.kids-hero-image{height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain}}\n
/* v8.7 - only internal thematic hero panels; homepage unchanged */
.topic-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center}
.topic-hero>img.world-hero-new{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1200/440;object-fit:contain!important;object-position:center!important;border-radius:14px;filter:none!important}
.topic-hero>img.kids-hero-full{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:14px;filter:none!important}
@media(max-width:700px){.topic-hero{grid-template-columns:1fr!important}.topic-hero>img.world-hero-new,.topic-hero>img.kids-hero-full{width:100%!important;height:auto!important;max-height:none!important}}

/* v8.8: full, uncropped interior hero panels only */
.topic-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important}
.topic-hero>img.world-hero-complete{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;filter:none!important;border-radius:14px!important;background:#091b30!important}
@media(max-width:700px){.topic-hero{grid-template-columns:minmax(0,1fr)!important}.topic-hero>img.world-hero-complete{width:100%!important;max-height:none!important;height:auto!important}}



/* Collecto 2026 — approved support section */
#podpora .account-box, .support-grid .account-box{border:1px solid #c4a66b;background:#09182d;box-shadow:inset 0 0 0 1px #9f86502a}
#podpora .title,.support-grid .title,.support-grid h3,.section:has(.support-payment-details) .title{background:linear-gradient(115deg,#779cba 0%,#e7eff6 35%,#85b4d6 60%,#c6d7e4 83%,#628eaf 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#b8cfe0}
.collecto-support-btn,.support-grid .btn.collecto-support-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;white-space:normal;text-align:center;border:1px solid #c8ab72!important;background:#0b1b32!important;color:#d5b980!important;box-shadow:none!important;text-shadow:none!important;font-weight:650}
.collecto-support-btn:hover{background:#112744!important;border-color:#e4c991!important}
.fourfund-brand{font-size:.72em;font-weight:800;line-height:1;letter-spacing:-.03em;color:#fff;background:#e64164;border-radius:6px;padding:7px 5px;flex-shrink:0}
.support-payment-details{margin:20px 0 24px;max-width:100%;line-height:1.55}
.support-payment-details p{margin:8px 0;overflow-wrap:anywhere}
.support-payment-details strong{color:#cbdce9;font-weight:750}
.support-payment-value{font-weight:750;background:linear-gradient(110deg,#ae642f,#f2b06c,#b87841);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.support-payment-qr{display:block!important;margin:26px auto!important;max-width:min(100%,420px);height:auto}