:root{--paper:#f2f1ed;--cream:#fbfaf6;--ink:#15191d;--muted:#777b7c;--hot:#ff6548;--line:#d5d4ce;--violet:#c7b4ff;--radius:18px;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:has(.brand-intro:not([hidden])),body:has(.game-shell:not([hidden])){overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--hot);outline-offset:4px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.grain{pointer-events:none;position:fixed;inset:0;z-index:250;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 130 130' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.17' filter='url(%23n)'/%3E%3C/svg%3E")}.site-shell{overflow:clip}.view{display:none;min-height:70vh;animation:viewCome .55s var(--ease) both}.view.active{display:block}@keyframes viewCome{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.content-inner{max-width:1488px;padding:0 5.6vw;margin:0 auto}.overline,.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.14em;font-weight:700}.overline{color:#898e8d}.period{color:var(--hot)}em{font-style:normal;color:var(--hot)}.site-header{height:90px;position:sticky;top:0;z-index:50;background:rgba(242,241,237,.87);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(27,28,30,.10);transition:height .35s var(--ease),box-shadow .35s}.site-header.scrolled{height:72px;box-shadow:0 10px 40px #15191d0a}.nav-frame{height:100%;display:flex;align-items:center;gap:48px;padding:0 5.6vw;max-width:1640px;margin:auto}.brand{flex-shrink:0;width:171px;display:flex;align-items:center}.brand-inner{position:relative;display:block;overflow:hidden;isolation:isolate}.brand-original{width:100%}.brand-glint{position:absolute;inset:-10% auto -10% -40%;width:26%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-24deg);mix-blend-mode:screen;animation:brandShine 9s ease-in-out infinite}.brand:hover .brand-original{transform:scale(1.035)}.brand-original{transition:transform .45s var(--ease)}@keyframes brandShine{0%,67%{left:-50%;opacity:0}71%{opacity:.75}86%{left:140%;opacity:0}100%{left:140%}}.top-nav{display:flex;gap:38px;align-items:center;margin:auto}.nav-link{border:0;background:none;padding:12px 0;position:relative;font-size:13px;font-weight:750;letter-spacing:-.01em;color:#6d7172;white-space:nowrap;transition:color .2s}.nav-link:after{content:"";position:absolute;height:2px;width:0;bottom:1px;left:0;background:var(--hot);transition:width .35s var(--ease)}.nav-link.active,.nav-link:hover{color:var(--ink)}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-count{font-size:9px;vertical-align:top;margin-left:4px;color:var(--hot)}.nav-right{display:flex;align-items:center;gap:10px}.intro-replay{height:45px;min-width:45px;display:flex;align-items:center;gap:8px;color:var(--ink);border:1px solid #d3d3cd;padding:0 15px;border-radius:999px;background:transparent;font-weight:700;font-size:11px;white-space:nowrap;transition:background .25s,color .25s,transform .25s}.intro-replay:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.intro-replay:hover svg{transform:rotate(50deg)}.intro-replay svg{transition:transform .55s var(--ease)}.profile-short{height:46px;border:0;background:var(--ink);color:#fff;border-radius:999px;display:flex;gap:10px;align-items:center;padding:5px 16px 5px 5px;font-weight:750;font-size:12px;white-space:nowrap;transition:transform .22s,background .22s}.profile-short:hover{background:#34343b;transform:translateY(-2px)}.top-avatar{width:36px;height:36px;background:#ff7156;color:#1c1c1b;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900}.menu-button{display:none;border:0;background:transparent;width:42px;height:42px;padding:12px}.menu-button i{height:2px;background:var(--ink);display:block;margin:6px 0;width:100%}.mobile-menu{display:none}.shade{position:fixed;inset:0;background:#15191d99;z-index:58;backdrop-filter:blur(6px)}
/* A different world from the former dashboards: spacious editorial hero */
.hero-stage{min-height:calc(100svh - 90px);max-height:1050px;max-width:1640px;padding:72px 5.6vw 58px;margin:auto;position:relative;display:grid;grid-template-columns:57% 43%;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:13px;color:#555b5e;font-size:10px;margin-bottom:34px}.eyebrow-dot{height:7px;width:7px;background:var(--hot);border-radius:50%;box-shadow:0 0 0 5px #ff654823}.eyebrow-line{width:24px;height:1px;background:#c1c4c1}.hero-copy h1{margin:0;font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-.095em;line-height:.93;font-size:clamp(62px,8.3vw,143px);font-weight:700;white-space:nowrap}.hero-outline{color:transparent;-webkit-text-stroke:1.8px #1a2022;text-stroke:1.8px #1a2022}.hero-copy h1 em{letter-spacing:-.09em}.hero-description{font-size:17px;line-height:1.75;color:#62686a;max-width:440px;margin:31px 0 33px;letter-spacing:-.018em}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.btn{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:8px 8px 8px 26px;border-radius:999px;min-height:62px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;transition:transform .38s var(--ease),box-shadow .35s var(--ease),background .25s;position:relative;overflow:hidden}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 14px 30px #10111625;background:#2d3439}.btn-disc{width:46px;height:46px;flex-shrink:0;background:var(--hot);border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:500;color:#191a1c;transition:transform .35s var(--ease)}.btn:hover .btn-disc{transform:rotate(45deg) scale(1.04)}.btn-under{min-height:auto;padding:12px 0;background:none;border-radius:0;border-bottom:1px solid #8b8f8e;gap:27px;color:var(--ink)}.btn-under:hover{transform:translateY(-2px);border-color:var(--hot)}.btn-under span{font-size:22px}.hero-footnote{display:flex;gap:16px;align-items:center;margin-top:76px;font-size:9px;letter-spacing:.12em;font-weight:800;color:#777d7c}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#54c593;box-shadow:0 0 0 4px #54c59321;animation:pulseDot 2.5s infinite}.hero-footnote-line{height:1px;width:26px;background:#bcbfbd}@keyframes pulseDot{50%{box-shadow:0 0 0 10px transparent}}.hero-sculpture{position:relative;width:100%;aspect-ratio:1;min-height:370px;transform:translateX(1%)}.sculpture-glow{position:absolute;inset:11%;border-radius:50%;background:radial-gradient(circle,#d2c6f5aa,transparent 70%);filter:blur(60px)}.sculpture-disc{position:absolute;aspect-ratio:1;border-radius:50%}.disc-back{inset:6%;background:#e6e5df;border:2px solid #dadbd6;box-shadow:inset 15px 20px 22px #fff9,14px 20px 0 #00000006;transform:scale(.92)}.disc-main{inset:14%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 35% 22%,#f3d7fe 0%,#ceb3ff 24%,#af93ed 47%,#7566c3 70%,#433d78 100%);box-shadow:inset -28px -35px 46px #272a7455,inset 15px 18px 42px #ffffff91,23px 32px 35px #2b284827;animation:floatSphere 7s ease-in-out infinite}.disc-main:before{content:"";inset:-60%;position:absolute;opacity:.4;transform:rotate(22deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 23px,#fff 24px,#fff 26px,transparent 27px,transparent 46px)}.disc-main:after{content:"";position:absolute;inset:7%;border:1px solid #ffffff65;border-radius:50%}.disc-highlight{position:absolute;left:12%;top:5%;width:65%;height:30%;transform:rotate(-31deg);border-radius:50%;filter:blur(16px);background:#ffffff66}.hero-num{font-family:'Space Grotesk',sans-serif;font-weight:700;color:#201e35;letter-spacing:-.13em;font-size:clamp(130px,18vw,295px);text-shadow:9px 10px 0 #ffffff42,0 2px 8px #12112235;transform:rotate(-10deg);animation:numberBreath 7s ease-in-out infinite}.disc-fingerprint{position:absolute;bottom:13%;font-size:9px;font-weight:800;letter-spacing:.14em;color:#e2d8ff;white-space:nowrap}.sculpture-orbit{position:absolute;border-radius:50%;border:1px solid #4e536230;inset:-1%;transform:rotate(-24deg) scaleY(.76);animation:orbitSpin 32s linear infinite}.orbit-one:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--hot);top:7%;left:18%;box-shadow:0 5px 12px #ea52274d}.orbit-two{inset:-9%;transform:rotate(42deg) scaleY(.82);border-style:dashed;border-color:#69707320;animation-direction:reverse;animation-duration:40s}@keyframes floatSphere{50%{transform:translateY(-15px) rotate(3deg)}}@keyframes numberBreath{50%{transform:rotate(-7deg) scale(1.04)}}@keyframes orbitSpin{to{transform:rotate(336deg) scaleY(.76)}}.sculpture-float{position:absolute;z-index:2;background:#fff;border:1px solid #dedfd9;box-shadow:0 18px 40px #222a3220;animation:floatTag 5s ease-in-out infinite}.float-top{top:5%;right:-3%;width:153px;border-radius:16px;padding:15px 15px 14px;transform:rotate(8deg);display:grid;gap:2px}.float-top>span{color:#ff7554;font-size:33px;line-height:1}.float-top strong{font-family:'Space Grotesk';font-size:28px;letter-spacing:-.07em}.float-top small{font-size:8px;font-weight:800;letter-spacing:.1em;color:#808381}.float-bottom{bottom:12%;left:-3%;border-radius:70px;padding:10px 16px 10px 10px;display:flex;align-items:center;gap:11px;font-size:11px;font-weight:900;letter-spacing:.05em;transform:rotate(-9deg);animation-delay:-2s}.float-bottom i{display:block;border-radius:50%;width:34px;height:34px;background:#baf2a1;position:relative}.float-bottom i:after{content:"✳";color:#324035;position:absolute;inset:0;display:grid;place-items:center;font-size:21px;font-style:normal}.float-bottom b{margin-left:9px;color:#ff6548;font-size:18px}.corner-star{position:absolute;color:#ff6248;font-size:47px}.star-one{top:17%;left:3%}.star-two{bottom:10%;right:2%;font-size:27px;color:#373546}@keyframes floatTag{50%{translate:0 -12px}}.hero-border-note{position:absolute;right:5.6vw;bottom:26px;font-size:9px;letter-spacing:.15em;font-weight:800;color:#a5a9a7}.hero-border-note span{font-size:16px;color:#ff6145;margin-left:12px}.marquee{background:#15191d;color:#f4f3ef;height:91px;display:flex;align-items:center;overflow:hidden}.marquee-track{display:flex;white-space:nowrap;animation:moveMarquee 28s linear infinite;font-family:'Space Grotesk';font-size:21px;font-weight:700;letter-spacing:.05em}.marquee-track span{padding-right:0}.marquee-track b{font-weight:400;color:#ff6b52;margin:0 48px}@keyframes moveMarquee{to{transform:translateX(-50%)}}
.intro-pick{display:flex;align-items:end;justify-content:space-between;gap:90px;padding:125px 0 132px;border-bottom:1px solid #cecec9}.intro-pick h2{font-family:'Space Grotesk';font-size:clamp(40px,6.2vw,94px);letter-spacing:-.085em;line-height:1.02;margin:20px 0 0}.intro-pick p{max-width:290px;color:#737877;font-size:15px;line-height:1.85}.home-section-head{display:flex;justify-content:space-between;align-items:end;margin:104px 0 34px}.home-section-head h2{font-family:'Space Grotesk';font-size:clamp(41px,5.8vw,75px);letter-spacing:-.085em;line-height:1;margin:15px 0 0}.link-arrow{border:0;background:none;padding:12px 0;border-bottom:1px solid #161a1c;display:flex;align-items:center;gap:30px;font-weight:750;font-size:13px;transition:gap .25s}.link-arrow:hover{gap:41px}.link-arrow span{font-size:23px;color:var(--hot)}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.game-card{display:flex;flex-direction:column;width:100%;border:0;background:none;text-align:left;padding:0;min-width:0;color:inherit;position:relative;animation:cardPop .4s var(--ease) both}.game-cover{height:auto;aspect-ratio:1.26;position:relative;overflow:hidden;background:#ddd;border-radius:11px}.game-cover img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .6s;will-change:transform}.game-card:hover .game-cover img{transform:scale(1.075) rotate(-1deg);filter:saturate(1.11)}.card-index{position:absolute;top:18px;left:18px;border:1px solid #ffffff70;color:#161b1d;border-radius:99px;padding:7px 10px;background:#fff9;font:700 10px 'Space Grotesk';backdrop-filter:blur(10px)}.card-play{position:absolute;right:17px;bottom:17px;border-radius:50%;background:#f7f5ee;color:#1a1d20;width:48px;height:48px;display:grid;place-items:center;font-size:23px;transform:rotate(-45deg);transition:transform .45s var(--ease),background .3s,color .3s;box-shadow:0 5px 17px #17191b18}.game-card:hover .card-play{background:#15191d;color:#fff;transform:rotate(0deg)}.card-info{display:flex;justify-content:space-between;gap:18px;padding:18px 1px 25px;border-bottom:1px solid #d2d3cd}.card-category{font-size:9px;font-family:'Space Grotesk';letter-spacing:.12em;font-weight:800;color:#8b908e}.card-info h3{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:-.055em;line-height:1.07;margin:9px 0 6px;transition:color .25s}.game-card:hover h3{color:#ed654c}.card-info p{font-size:12px;color:#878b89;line-height:1.4;margin:0}.card-best{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;justify-content:end;align-items:end;gap:5px}.card-best small{font-size:9px;font-weight:700;letter-spacing:.07em;color:#9b9f9d}.card-best strong{font:700 13px 'Space Grotesk',sans-serif;max-width:115px;white-space:nowrap}.game-card:active{transform:scale(.988)}@keyframes cardPop{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
.feature-banner{background:#171b1e;color:#fff;position:relative;min-height:390px;overflow:hidden;padding:39px 58px;margin-top:132px;border-radius:12px;isolation:isolate}.feature-banner:before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;border:1px solid #f4f6ff33;right:-250px;bottom:-460px;box-shadow:0 0 0 100px #ffffff06,0 0 0 210px #ffffff06}.feature-banner-label{font:700 10px 'Space Grotesk';letter-spacing:.17em;color:#a4a5a2}.feature-banner-body{display:flex;gap:40px;align-items:end;justify-content:space-between;position:relative;z-index:1;margin-top:42px}.feature-banner h2{font:700 clamp(45px,5vw,85px)/1.01 'Space Grotesk';letter-spacing:-.075em;margin:0}.feature-banner-body>div{max-width:225px;padding-bottom:7px}.feature-banner p{font-size:13px;line-height:1.8;color:#abb0ad}.banner-action{font-weight:700;font-size:13px;color:#fff;background:transparent;border:0;border-bottom:1px solid #ccc;padding:14px 0;display:flex;align-items:center;gap:40px;white-space:nowrap}.banner-action span{font-size:21px;color:#ff7860}.banner-monogram{position:absolute;font:700 530px 'Space Grotesk';letter-spacing:-.14em;line-height:1;color:#ffffff08;right:-60px;top:-120px;pointer-events:none}.banner-monogram span{color:#ff60420d}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:120px 0;gap:0;border-top:1px solid #d4d5ce;border-bottom:1px solid #d4d5ce}.stat-box{display:flex;flex-direction:column;gap:11px;padding:31px 24px 29px 0}.stat-box:not(:first-child){border-left:1px solid #d4d5ce;padding-left:29px}.stat-box small{font-size:9px;letter-spacing:.13em;font-weight:850;color:#8d9290}.stat-box strong{font:700 clamp(37px,5vw,65px) 'Space Grotesk';letter-spacing:-.1em}.stat-box strong .out-of{font-size:.42em;color:var(--hot);letter-spacing:-.04em}.stat-box>span{font-size:12px;color:#8e9491}.surprise-block{min-height:240px;border:1px solid #caccc5;border-radius:10px;display:flex;align-items:center;gap:40px;padding:30px 44px;margin-bottom:135px;position:relative;overflow:hidden;background:linear-gradient(111deg,#e8e3fa,#f1edec 65%,#f4eddf)}.surprise-symbol{font-size:130px;line-height:1;color:#ff795c;animation:starSpinning 24s linear infinite}.surprise-block>div:nth-child(2){flex:1}.surprise-block h2{font:700 clamp(38px,4.5vw,64px)/.99 'Space Grotesk';letter-spacing:-.075em;margin:7px 0 0}.btn-white{background:#fff;color:#15191d;box-shadow:0 9px 30px #2523291a}.btn-white:hover{transform:translateY(-4px)}@keyframes starSpinning{to{transform:rotate(360deg)}}
/* collection / records / leaders */
.sub-hero{height:480px;background:#181c21;color:#f8f8f3;position:relative;padding:66px 5.6vw;overflow:hidden}.sub-hero:after{content:"";position:absolute;width:630px;height:630px;right:3%;top:-330px;border-radius:50%;border:110px solid #ffffff04;box-shadow:0 0 0 110px #ffffff02}.sub-hero h1{font:700 clamp(70px,8.5vw,128px)/.83 'Space Grotesk';letter-spacing:-.095em;margin:30px 0 22px;position:relative;z-index:1}.sub-hero h1 em{color:#ff6b51}.sub-hero p{color:#989da0;font-size:16px;position:relative;z-index:1}.sub-hero .overline{color:#b3b7b3}.ghost-number{position:absolute;right:5%;bottom:-145px;font:700 clamp(210px,35vw,520px)/1 'Space Grotesk';letter-spacing:-.13em;color:#ffffff08}.collection-inner{padding-top:64px;padding-bottom:145px}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:42px}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid #d5d6d0;border-radius:99px;padding:12px 17px;font:700 12px 'Space Grotesk';background:transparent;color:#7e8381;transition:all .25s}.chip span{font-size:10px;color:#ff6b54}.chip:hover,.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.search-field{display:flex;align-items:center;gap:10px;border-bottom:1px solid #b7bcb7;padding:10px 0;width:230px}.search-field span{font-size:22px;color:#848a87}.search-field input{border:0;outline:none;background:transparent;width:100%;font-size:13px}.collection-grid{row-gap:47px}.empty-state{padding:35px;color:#8b8e8f;font-size:13px;line-height:1.9;text-align:center}.personal-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:35px}.record-big{padding:31px 35px;background:#fff;border:1px solid #dbdad5;display:flex;flex-direction:column;gap:10px;min-height:158px}.record-big small{color:#8a8d8b;font-size:10px;font-weight:850;letter-spacing:.12em}.record-big strong{font:700 39px 'Space Grotesk';letter-spacing:-.075em}.record-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel{background:#fff;padding:26px 30px;border:1px solid #deded9;min-width:0}.panel-head{display:flex;gap:10px;align-items:baseline;justify-content:space-between;border-bottom:1px solid #e3e2dc;padding-bottom:20px}.panel-head h3{font:700 21px 'Space Grotesk';letter-spacing:-.03em;margin:0}.panel-head .overline{font-size:9px;white-space:nowrap}.best-row,.history-row{display:flex;align-items:center;gap:15px;min-height:77px;border-bottom:1px solid #eae9e5}.small-art{width:44px;height:44px;display:grid;place-items:center;background:#eee;border-radius:8px;font-size:21px;font-weight:750;color:#17191d;flex-shrink:0}.theme-rose{background:#ffcebf}.theme-green{background:#d9f5a3}.theme-purple{background:#e1d4ff}.theme-blue{background:#cde7ff}.theme-yellow{background:#fce3a1}.theme-peach{background:#ffdccd}.theme-teal{background:#bcece2}.theme-lilac{background:#d6cdf5}.theme-neutral{background:#efefec}.theme-dark{background:#c9e6ef}.record-row-text{min-width:0;flex:1;display:grid;gap:5px}.record-row-text strong{font-size:13px}.record-row-text small{font-size:10px;color:#919390}.record-metric{font:700 14px 'Space Grotesk';white-space:nowrap;text-align:right}.record-metric small{font-size:9px;color:#a0a2a0;display:block;margin-top:5px;letter-spacing:.06em}.backup-details{margin:40px 0;border:1px solid #cacdc7;border-radius:10px;background:#e9eae5}.backup-details summary{list-style:none;padding:23px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;cursor:pointer}.backup-details summary::-webkit-details-marker{display:none}.backup-details summary span{font-size:22px}.backup-inside{padding:0 23px 25px;color:#686f6c;font-size:13px;line-height:1.6}.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-light{border:1px solid #cfd1cd;background:#fff;color:#15191d}.rank-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.rank-top h2{font:700 clamp(34px,5vw,64px) 'Space Grotesk';letter-spacing:-.06em;margin:10px 0}.rank-top select{min-width:225px;padding:14px 20px;background:#fff;border:1px solid #d1d3ce;font-weight:700;border-radius:6px}.ranking-head{display:flex;justify-content:space-between;background:#181b1e;color:#fff;padding:22px 29px;font-size:12px;font-weight:800;letter-spacing:.1em}.ranking-row{display:flex;align-items:center;gap:18px;background:#fff;border-bottom:1px solid #eee;padding:18px 27px;min-height:80px}.ranking-rank{font:700 26px 'Space Grotesk';letter-spacing:-.04em;min-width:40px;color:#8e9490}.ranking-row:first-child .ranking-rank{color:#ff624a}.ranking-row .avatar{width:37px;height:37px;background:#e2e6e4;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.ranking-name{flex:1;font-weight:750}.ranking-value{font:700 17px 'Space Grotesk'}.subtle-note{font-size:11px;color:#999e9a;line-height:1.6}
/* cinematic, purpose-built opening */
.brand-intro{position:fixed;inset:0;z-index:200;background:#0e1014;color:#fff;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;isolation:isolate}.brand-intro:before{content:"";position:absolute;inset:-50%;pointer-events:none;background:radial-gradient(circle at 50% 45%,#a180e626 0,transparent 30%),radial-gradient(circle at 68% 69%,#ff715013 0,transparent 28%);animation:introGlow 6s ease-in-out infinite}.intro-top,.intro-footer{display:flex;justify-content:space-between;align-items:center;padding:31px 5.6vw;font:700 10px 'Space Grotesk';letter-spacing:.15em;position:relative;z-index:3;color:#a4a8a7}.intro-top button{border:1px solid #ffffff40;border-radius:40px;padding:12px 18px;color:#fff;background:none;letter-spacing:.04em;font-size:11px;transition:background .3s}.intro-top button:hover{background:#fff;color:#111}.intro-top button span{margin-left:12px}.intro-stage{position:relative;display:grid;place-items:center;min-height:0}.intro-grid{position:absolute;inset:-40% -10%;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:80px 80px;transform:perspective(650px) rotateX(67deg) scale(1.5);transform-origin:center bottom;mask-image:linear-gradient(transparent,#0008,transparent)}.intro-glow{width:600px;height:600px;border-radius:50%;background:#bd87ff26;filter:blur(115px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.intro-logo{position:relative;width:min(830px,84vw);aspect-ratio:1800/310;filter:drop-shadow(0 25px 65px #b692ff26);overflow:visible}.intro-logo>img{position:absolute;top:0;height:100%;object-fit:contain}.intro-word{left:0;width:100%;opacity:0;clip-path:inset(0 100% 0 0)}.intro-gun{right:0;width:32.2222%;transform-origin:50% 50%;opacity:0}.intro-stroke{right:0;width:32.2222%;transform-origin:12% 67%;opacity:0}.brand-intro.is-playing .intro-gun{animation:gunReveal 2.45s cubic-bezier(.2,.68,.2,1) forwards}.brand-intro.is-playing .intro-word{animation:wordReveal 1.05s var(--ease) 1.55s forwards}.brand-intro.is-playing .intro-stroke{animation:strokeReveal .46s var(--ease) 2.48s forwards}.intro-sentence{position:absolute;top:calc(50% + min(8vw,116px));left:50%;transform:translateX(-50%);color:#a8afb0;letter-spacing:.23em;font:600 clamp(9px,1.05vw,12px) 'Space Grotesk';white-space:nowrap;opacity:0}.brand-intro.is-playing .intro-sentence{animation:sentenceReveal .6s ease 2.35s forwards}.intro-meter{height:2px;width:150px;background:#53585c;overflow:hidden}.intro-meter span{display:block;height:100%;width:100%;background:#ff6048;transform:scaleX(0);transform-origin:left}.brand-intro.is-playing .intro-meter span{animation:meterProgress 3.45s linear forwards}.brand-intro.outro{animation:curtainOut .8s var(--ease) forwards}@keyframes gunReveal{0%{opacity:0;transform:translateX(-106%) scale(.15) rotate(-210deg);filter:blur(18px)}13%{opacity:1;filter:blur(0)}48%{opacity:1;transform:translateX(-106%) scale(1.15) rotate(570deg)}72%{transform:translateX(-20%) scale(1.05) rotate(716deg)}100%{opacity:1;transform:translateX(0) scale(1) rotate(720deg)}}@keyframes wordReveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-20px)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}@keyframes strokeReveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes sentenceReveal{to{opacity:1}}@keyframes meterProgress{to{transform:scaleX(1)}}@keyframes curtainOut{to{opacity:0;filter:blur(12px);transform:scale(1.03)}}@keyframes introGlow{50%{transform:rotate(15deg)}}
/* immersive game overlay, profile */
.modal-shell,.game-shell{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:16px}.game-shell{z-index:145}.modal-backdrop,.game-backdrop{position:absolute;inset:0;background:#11171cbf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.profile-dialog{width:min(920px,100%);display:grid;grid-template-columns:.9fr 1.1fr;position:relative;z-index:1;background:#f5f4ef;box-shadow:0 30px 160px #0008;min-height:560px;animation:modalIn .48s var(--ease) both;overflow:hidden}.dialog-art{position:relative;background:#1a2024;display:flex;align-items:center;padding:36px;overflow:hidden}.dialog-art:before{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,#ff6f5299,transparent 65%);filter:blur(24px);left:-20%;top:10%;opacity:.8}.dialog-art>span{position:relative;z-index:2;font:700 clamp(56px,6vw,86px)/.91 'Space Grotesk';letter-spacing:-.09em;color:#fff}.dialog-art img{position:absolute;width:320px;bottom:-13px;right:-100px;opacity:.38;transform:rotate(-17deg)}.dialog-body{padding:67px 62px 44px;position:relative}.profile-exit{position:absolute;right:23px;top:17px;border:0;font-size:30px;background:transparent}.dialog-body h2{font:700 clamp(46px,5vw,67px)/.94 'Space Grotesk';letter-spacing:-.08em;margin:17px 0 20px}.dialog-body>p{font-size:14px;line-height:1.6;color:#808682;margin-bottom:33px}.dialog-body label{display:block;font:700 10px 'Space Grotesk';letter-spacing:.12em;margin-bottom:9px}.dialog-body input{width:100%;border:0;border-bottom:2px solid #b8bbb8;background:transparent;font-size:20px;font-weight:700;padding:14px 0;outline:none;border-radius:0}.dialog-body input:focus{border-color:#ff6749}.dialog-body form .btn{margin-top:25px;width:100%;justify-content:space-between}.login-error{font-size:11px;color:#cd3042;min-height:16px;padding-top:7px}.known-players{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.known-players>span{width:100%;font-size:10px;font-weight:700;letter-spacing:.1em;color:#919693}.known-player{background:#fff;border:1px solid #d1d5d0;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:700}.known-player:hover{background:#15191d;color:#fff}.game-dialog{max-width:760px;width:100%;max-height:calc(100dvh - 34px);display:flex;flex-direction:column;position:relative;z-index:1;background:#fbfaf6;box-shadow:0 26px 100px #0009;animation:modalIn .48s var(--ease) both;overflow:hidden;border-radius:12px}.game-dialog-header{background:#171c21;color:#fff;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.game-dialog-header .overline{color:#a5aaa9;font-size:9px}.game-dialog-header h2{font:700 36px 'Space Grotesk';letter-spacing:-.055em;margin:8px 0 0}.close-game{color:#fff;background:#ffffff1b;border:1px solid #ffffff24;border-radius:50%;width:48px;height:48px;font-size:28px;line-height:1;transition:transform .3s,background .3s}.close-game:hover{background:#ff6b50;transform:rotate(90deg)}.game-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 36px;border-bottom:1px solid #e1e2df;font-size:11px;color:#7a7e7b;flex-shrink:0}.game-meta strong{font-size:10px;color:#ff6247;white-space:nowrap}.game-main{overflow:auto;min-height:310px;padding:34px 36px 39px;overscroll-behavior:contain}.game-footer{padding:18px 36px;border-top:1px solid #e1e3df;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;color:#8d9290;font-size:10px;letter-spacing:.1em;font-weight:800}.game-footer .btn{min-height:40px;padding:10px 17px;font-size:11px}.game-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;padding:25px 0}.game-intro-icon{width:100px;height:100px;display:grid;place-items:center;background:#e7dafa;color:#241e37;font-size:48px;border-radius:24px;margin-bottom:10px;box-shadow:7px 7px 0 #cabbeb}.game-intro h3{font:700 44px 'Space Grotesk';letter-spacing:-.07em;margin:5px 0}.game-intro p{font-size:14px;line-height:1.7;color:#858c89;max-width:440px}.game-start{border:0;border-radius:100px;background:#191c20;color:#fff;font:700 13px 'Space Grotesk';padding:18px 29px;margin-top:16px;transition:transform .25s,background .25s}.game-start:hover{transform:translateY(-3px);background:#ff6a4e}.game-finish{min-height:350px}.game-finish h3{font:700 35px 'Space Grotesk';letter-spacing:-.06em}.finish-score{color:#ff694d!important;font:700 56px 'Space Grotesk';letter-spacing:-.08em}.toast{position:fixed;right:24px;bottom:24px;padding:18px 22px;background:#171c21;color:white;box-shadow:0 15px 50px #0004;z-index:180;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .3s,transform .3s}.toast.show{opacity:1;transform:none}@keyframes modalIn{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
/* footer */
.site-footer{background:#161a1e;color:#fff;padding:68px 5.6vw 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:75px}.footer-top img{width:min(520px,54vw)}.footer-top div{display:flex;flex-direction:column;gap:10px;text-align:right;font-size:10px;letter-spacing:.13em;color:#999e9e}.footer-top strong{color:#fff;font:700 21px 'Space Grotesk';letter-spacing:-.025em}.footer-bottom{border-top:1px solid #ffffff25;padding-top:22px;display:flex;justify-content:space-between;gap:10px;color:#929a9e;font-size:10px;font-weight:700;letter-spacing:.08em}.footer-bottom a{color:#fff}.reveal{opacity:0;transform:translateY(45px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1450px){.hero-stage{min-height:780px}.hero-copy h1{font-size:132px}}@media(max-width:1150px){.nav-frame{gap:26px}.top-nav{gap:21px}.intro-replay span{display:none}.hero-stage{grid-template-columns:59% 41%}.hero-copy h1{font-size:clamp(66px,8.6vw,100px)}.hero-sculpture{transform:translateX(5%)}.game-grid{gap:18px}.card-info h3{font-size:21px}.feature-banner{padding:35px}}
@media(max-width:800px){.site-header{height:72px}.nav-frame{padding:0 20px;gap:15px}.brand{width:137px}.top-nav{display:none}.nav-right{margin-left:auto}.intro-replay{display:none}.profile-short{height:39px;padding:4px 12px 4px 4px}.top-avatar{width:30px;height:30px}.menu-button{display:block}.mobile-menu{display:flex;flex-direction:column;gap:5px;position:fixed;right:0;top:0;bottom:0;width:min(340px,90vw);transform:translateX(105%);z-index:61;background:#f2f1ed;padding:90px 28px 30px;box-shadow:-20px 0 80px #1115;transition:transform .42s var(--ease)}.mobile-menu.open{transform:translateX(0)}.mobile-menu-label{font-size:10px;letter-spacing:.17em;color:#999e99;font-weight:700;margin-bottom:24px}.mobile-menu .nav-link{text-align:left;font:700 27px 'Space Grotesk';padding:17px 0;display:flex;justify-content:space-between;color:#15191d;border-bottom:1px solid #dadbd6}.mobile-menu .nav-link:after{display:none}.mobile-menu .nav-link span{font-size:12px;color:#ff6548}.mobile-login{display:flex;align-items:center;gap:10px;margin-top:auto}.mobile-login>span:first-child{width:42px;height:42px;border-radius:50%;background:#ff7054;display:grid;place-items:center;font-size:11px;font-weight:850}.mobile-login>span:nth-child(2){flex:1;font-weight:800}.mobile-login button{border:1px solid #c5c9c5;background:none;width:42px;height:42px;border-radius:50%;font-size:20px}.hero-stage{display:flex;flex-direction:column;min-height:0;max-height:none;padding:75px 22px 76px;gap:0;overflow:hidden}.hero-copy{width:100%}.eyebrow{font-size:9px;margin-bottom:27px}.hero-copy h1{font-size:clamp(64px,10.8vw,96px)}.hero-description{font-size:15px;margin:27px 0}.hero-footnote{margin-top:37px}.hero-sculpture{width:min(590px,100%);min-height:0;margin:30px auto 0;transform:none}.hero-border-note{right:22px;bottom:28px}.content-inner{padding:0 22px}.intro-pick{padding:81px 0;flex-direction:column;align-items:start;gap:20px}.intro-pick h2{font-size:clamp(50px,8.9vw,75px)}.intro-pick p{max-width:490px}.home-section-head{margin-top:76px}.home-section-head h2{font-size:clamp(42px,7vw,69px)}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.game-cover{aspect-ratio:1.18}.card-info h3{font-size:22px}.feature-banner{margin-top:90px}.feature-banner-body{align-items:start;flex-direction:column;gap:25px}.feature-banner h2{font-size:clamp(43px,6.8vw,70px)}.mini-stats{margin:80px 0;grid-template-columns:repeat(2,1fr)}.stat-box{border-bottom:1px solid #d4d5ce}.stat-box:nth-child(3){border-left:0;padding-left:0;border-bottom:0}.stat-box:nth-child(4){border-bottom:0}.surprise-block{margin-bottom:100px;gap:23px;padding:27px}.surprise-symbol{font-size:96px}.surprise-block h2{font-size:40px}.sub-hero{height:400px;padding:67px 22px}.sub-hero h1{font-size:clamp(73px,12vw,110px)}.collection-inner{padding-top:40px;padding-bottom:110px}.filters-row{flex-wrap:wrap}.personal-strip{gap:10px}.record-big{padding:20px}.record-layout{grid-template-columns:1fr}.footer-top img{width:44vw}.brand-intro .intro-top,.brand-intro .intro-footer{padding:24px}.intro-logo{width:92vw}.intro-sentence{top:calc(50% + 55px)}.profile-dialog{grid-template-columns:1fr;max-width:525px;min-height:0}.dialog-art{min-height:150px;padding:25px}.dialog-art>span{font-size:46px}.dialog-art img{width:235px;right:-20px;bottom:-50px}.dialog-body{padding:37px 40px}.dialog-body h2{font-size:49px}.game-main{padding:26px}}
@media(max-width:550px){.site-header{height:65px}.nav-frame{padding:0 16px}.brand{width:119px}.profile-short{font-size:11px}.profile-short>span:last-child{display:none}.hero-stage{padding:65px 20px 56px}.hero-copy h1{font-size:clamp(52px,11.1vw,70px)}.hero-copy h1 .hero-outline{-webkit-text-stroke:1.2px #15191d}.hero-description{font-size:14px;max-width:330px;margin:26px 0}.hero-actions{gap:21px}.btn{min-height:55px;font-size:12px;padding-left:19px}.btn-disc{width:40px;height:40px}.btn-under{font-size:12px;gap:12px}.hero-footnote{font-size:7px;letter-spacing:.08em;gap:8px}.hero-sculpture{width:105%;margin-left:-2.5%}.float-top{right:5%;top:4%;width:115px;padding:10px}.float-top>span{font-size:22px}.float-top strong{font-size:22px}.float-top small{font-size:7px}.float-bottom{left:3%;bottom:8%;font-size:9px;padding:6px 11px 6px 6px}.float-bottom i{width:25px;height:25px}.hero-num{font-size:clamp(130px,36vw,190px)}.hero-border-note{font-size:8px}.marquee{height:69px}.marquee-track{font-size:16px}.marquee-track b{margin:0 26px}.content-inner{padding:0 19px}.intro-pick{padding:73px 0}.intro-pick h2{font-size:clamp(46px,10vw,56px)}.intro-pick p{font-size:13px}.home-section-head{margin-top:70px;align-items:end;gap:6px}.home-section-head h2{font-size:clamp(38px,8.5vw,48px)}.link-arrow{font-size:10px;gap:6px;max-width:124px;text-align:right}.link-arrow span{font-size:17px}.game-grid{gap:13px}.game-cover{border-radius:8px;aspect-ratio:1/.9}.card-index{top:9px;left:9px;padding:5px 7px;font-size:8px}.card-play{right:9px;bottom:9px;width:36px;height:36px;font-size:19px}.card-info{padding:13px 0 15px;gap:3px;flex-direction:column}.card-category{font-size:8px}.card-info h3{font-size:17px;letter-spacing:-.05em;margin:6px 0 5px}.card-info p{font-size:10px;min-height:30px}.card-best{align-self:start;text-align:left;align-items:start;flex-direction:row;gap:5px;margin-top:6px}.card-best small{font-size:8px}.card-best strong{font-size:10px}.feature-banner{margin-top:75px;padding:29px 24px;min-height:370px}.feature-banner h2{font-size:clamp(42px,9.3vw,52px)}.feature-banner-body{margin-top:35px}.banner-monogram{font-size:340px;right:-45px;top:0}.mini-stats{margin:65px 0}.stat-box{padding:23px 10px 20px 0}.stat-box:not(:first-child){padding-left:18px}.stat-box:nth-child(3){padding-left:0}.stat-box strong{font-size:43px}.stat-box small{font-size:8px}.stat-box>span{font-size:10px}.surprise-block{min-height:0;display:grid;grid-template-columns:auto 1fr;gap:8px 20px;padding:25px 20px;margin-bottom:85px}.surprise-symbol{font-size:75px}.surprise-block h2{font-size:37px}.surprise-block button{grid-column:1/-1;justify-self:start;margin-top:8px}.sub-hero{height:350px;padding:70px 20px 40px}.sub-hero h1{font-size:clamp(60px,14vw,81px)}.sub-hero p{font-size:13px}.ghost-number{bottom:-90px}.filters-row{gap:17px;margin-bottom:30px}.filter-chips{gap:5px}.chip{padding:10px 12px;font-size:10px}.search-field{width:100%}.collection-grid{row-gap:20px}.personal-strip{grid-template-columns:1fr 1fr}.record-big{padding:18px;min-height:120px}.record-big:nth-child(3){grid-column:1/-1}.record-big strong{font-size:29px}.panel{padding:17px}.panel-head h3{font-size:17px}.panel-head .overline{font-size:8px}.best-row,.history-row{gap:9px}.small-art{width:35px;height:35px;font-size:15px}.record-row-text strong{font-size:11px}.record-metric{font-size:12px}.rank-top{align-items:start;flex-direction:column}.rank-top h2{font-size:34px}.rank-top select{width:100%}.ranking-row{padding:14px;gap:10px}.ranking-value{font-size:13px}.footer-top{align-items:start;flex-direction:column;padding-bottom:43px}.footer-top img{width:240px;max-width:80vw}.footer-top div{text-align:left}.footer-bottom{flex-wrap:wrap;font-size:8px}.brand-intro .intro-top,.brand-intro .intro-footer{padding:21px 18px;font-size:8px}.intro-top button{padding:9px 12px;font-size:9px}.intro-sentence{top:calc(50% + 55px);font-size:8px}.intro-meter{width:55px}.dialog-art{min-height:110px;padding:20px}.dialog-art>span{font-size:37px}.dialog-body{padding:29px 25px}.dialog-body h2{font-size:43px;margin:10px 0}.dialog-body>p{font-size:12px;margin-bottom:20px}.dialog-body input{font-size:17px}.game-dialog{max-height:calc(100dvh - 12px)}.game-dialog-header{padding:17px}.game-dialog-header h2{font-size:28px}.close-game{height:38px;width:38px;font-size:24px}.game-meta{padding:13px 17px;align-items:start;flex-wrap:wrap;font-size:10px}.game-main{padding:18px 14px;min-height:240px}.game-footer{padding:13px 17px}.game-intro h3{font-size:32px}.memory-card{height:56px}.simon-pad button{height:108px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Original-Logo als drei exakt ausgerichtete Ebenen: Schrift, Pistole, rote Linie. */
.brand{width:210px}.brand-inner{width:100%;aspect-ratio:1800/310;isolation:isolate;overflow:hidden}.brand-inner img{position:absolute;top:0;height:100%;max-width:none;display:block}.brand-word{left:0;width:100%}.brand-gun,.brand-stroke{right:0;width:32.22222%}.brand-gun{transform-origin:55% 45%;animation:navPistol 13s cubic-bezier(.3,.7,.2,1) infinite;backface-visibility:visible}.brand-stroke{pointer-events:none;z-index:2}.brand:hover .brand-gun{animation-play-state:paused;transform:rotateY(360deg);transition:transform .85s var(--ease)}
@keyframes navPistol{0%,81%,100%{transform:translateY(0) rotateY(0)}83%{transform:translateY(-2px) rotateY(50deg)}87%{transform:translateY(-3px) rotateY(180deg)}91%{transform:translateY(-1px) rotateY(320deg)}94%{transform:translateY(0) rotateY(360deg)}}
@media(max-width:1150px){.brand{width:171px}}
@media(max-width:800px){.brand{width:137px}}
@media(max-width:550px){.brand{width:120px}}

/* Intro motion direction: orbit, contraction and word reveal in one choreography. */
.intro-orbit{position:absolute;top:50%;left:50%;width:min(720px,80vw);height:min(720px,80vw);border:1px solid #c3abe32b;border-radius:50%;pointer-events:none;opacity:0}.intro-orbit-one{transform:translate(-50%,-50%) rotate(-24deg) scaleY(.55)}.intro-orbit-two{transform:translate(-50%,-50%) rotate(22deg) scaleY(.88);border-style:dashed;border-color:#ff886a22}.intro-orbit-one:before{content:"";position:absolute;top:4%;left:20%;width:9px;height:9px;background:#ff7657;border-radius:50%;box-shadow:0 0 20px #fa684c}.intro-spark{position:absolute;color:#ff644b;font-size:29px;opacity:0;filter:drop-shadow(0 0 22px #ff644b5c);pointer-events:none}.intro-spark-one{left:14%;top:37%}.intro-spark-two{right:17%;bottom:29%;color:#d2bcff;font-size:21px}.brand-intro.is-playing .intro-orbit-one{animation:introRingA 2.7s ease-out .08s both}.brand-intro.is-playing .intro-orbit-two{animation:introRingB 2.8s ease-out .1s both}.brand-intro.is-playing .intro-spark-one{animation:introSpark 1.5s ease-out .8s both}.brand-intro.is-playing .intro-spark-two{animation:introSpark 1.6s ease-out 1.12s both}@keyframes introRingA{0%{opacity:0;transform:translate(-50%,-50%) rotate(-50deg) scale(.25,.15)}25%{opacity:1}82%{opacity:.5}100%{opacity:0;transform:translate(-50%,-50%) rotate(190deg) scale(1.45,.6)}}@keyframes introRingB{0%{opacity:0;transform:translate(-50%,-50%) rotate(20deg) scale(.25)}36%{opacity:.7}100%{opacity:0;transform:translate(-50%,-50%) rotate(-190deg) scale(1.25,.95)}}@keyframes introSpark{0%{opacity:0;transform:translateY(20px) rotate(-90deg) scale(.5)}20%{opacity:.9}70%{opacity:.6}100%{opacity:0;transform:translateY(-20px) rotate(85deg) scale(1.1)}}

/* ORIGINAL BRAND ONLY — no fictional 07/D7 monograms. */
.hero-sculpture { perspective: 1200px; }
.hero-sculpture .disc-back { inset: 6%; opacity: .7; background: radial-gradient(circle at 38% 30%, #ebe8ed, #dadce0 70%, #ced4d6); }
.hero-sculpture .disc-main {
  inset: 25% -4% 26% 3%; width: auto; height: auto;
  aspect-ratio: auto; border-radius: 25px; overflow:hidden;
  display: grid; place-items:center; padding: 22px;
  background: linear-gradient(145deg,#252b30 0%,#101419 52%,#1c2429 100%);
  border: 1px solid #343d43; box-shadow: inset 0 1px 0 #ffffff28,
    inset 0 -20px 50px #0006, 0 34px 60px #12171835;
  transform: rotate(-5deg); animation: logoPlaqueFloat 7s ease-in-out infinite;
}
.hero-sculpture .disc-main::before { z-index:0; inset:-80%; opacity:.11; transform:rotate(-16deg);
 background:linear-gradient(90deg,transparent 35%,#fff 49%,transparent 64%); animation: logoPlaqueGleam 10s ease-in-out infinite; }
.hero-sculpture .disc-main::after { display:none; }
.hero-sculpture .disc-highlight { opacity:.33; z-index:0; }
.hero-original-logo { display:block; position:relative; width:96%; max-width:100%; object-fit:contain; height:auto; z-index:2;
 filter:drop-shadow(0 4px 16px #0008); transform:translateZ(1px); }
@keyframes logoPlaqueFloat { 0%,100% {transform:translateY(0) rotate(-5deg)} 50% {transform:translateY(-13px) rotate(-3deg)} }
@keyframes logoPlaqueGleam {0%,22%,100% {transform:translateX(-40%) rotate(-16deg)} 45%,65% {transform:translateX(46%) rotate(-16deg)} }
.banner-original-logo { position:absolute; z-index:0; right:-7%; bottom:8%; width:min(600px,66%);
 max-height:75%; height:auto; object-fit:contain; pointer-events:none; opacity:.075;
 transform:rotate(-8deg); }
@media(max-width:800px) { .hero-sculpture .disc-main {inset:28% 3% 27% 3%;padding:14px;border-radius:18px;} }
@media(max-width:550px) { .hero-sculpture .disc-main {inset:30% 2% 29% 2%;border-radius:15px;} .banner-original-logo{width:90%;right:-14%;bottom:15%;} }
@media(prefers-reduced-motion:reduce) { .hero-sculpture .disc-main, .hero-sculpture .disc-main::before{animation:none;} }