:root{color-scheme:dark;--bg:#090b11;--surface:#11151e;--surface2:#191e29;--surface3:#242936;--line:rgba(255,255,255,.11);--text:#f7f7f9;--muted:#999fac;--dim:#727b8b;--accent:#d7f66d;--gold:#f2ce89;--radius:18px;--font:'DM Sans',-apple-system,BlinkMacSystemFont,Arial,sans-serif;--heading:'Space Grotesk',var(--font)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img{max-width:100%}p,h1,h2,h3,h4{margin:0}p{line-height:1.65}::selection{background:var(--accent);color:#141517}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{flex-shrink:0}.container{width:min(1280px,calc(100% - 96px));margin:0 auto}.content-root{min-height:75vh}.boot{min-height:100vh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;font-family:var(--heading)}.boot-mark{font-size:64px;font-weight:700;letter-spacing:-12px}.boot-mark span{color:var(--accent)}.boot p{font-size:10px;letter-spacing:.22em;color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:10px}.quiet,.muted{color:var(--muted)}.quiet{font-size:13px}.text-link{color:var(--text);font-weight:800;font-size:12px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:9px;border:0;background:none;padding:8px 0}.text-link:hover{color:var(--accent)}.gold-text{color:var(--gold)!important}.page-wrapped{padding-top:58px;padding-bottom:90px}.section-stack{display:flex;flex-direction:column;gap:92px;padding-top:92px;padding-bottom:105px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2,.profile-history h2,.account-box h2{font:700 clamp(28px,3vw,43px)/1.09 var(--heading);letter-spacing:-.055em;margin-top:12px}.section-head .muted-title{color:#626979}.section-intro{max-width:315px;color:var(--muted);font-size:14px;line-height:1.75}.page-title{font:700 clamp(35px,5vw,68px)/1.02 var(--heading);letter-spacing:-.065em;margin:14px 0 14px}.crumb{display:inline-flex;align-items:center;gap:10px;color:#b6bbc7;font-size:11px;font-weight:800;letter-spacing:.105em;min-height:35px;text-transform:uppercase}.crumb:hover{color:var(--accent)}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 21px;border-radius:10px;font-size:12px;font-weight:900;letter-spacing:.02em;transition:transform .18s,background .18s,color .18s,border-color .18s;min-height:49px;line-height:1.3}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#161c14}.btn-primary:hover{background:#ecffa1}.btn-secondary{background:rgba(255,255,255,.08);border-color:var(--line);color:white}.btn-secondary:hover,.btn-ghost:hover{background:rgba(255,255,255,.16)}.btn-ghost{border-color:rgba(255,255,255,.25);color:white;background:transparent}.btn-white{background:#fff;color:#131721}.hero-ctas{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:33px}
/* Header and navigation */
.site-header{height:78px;background:rgba(9,11,17,.9);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px);position:sticky;top:0;z-index:40}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:34px}.arena-logo{display:flex;align-items:center;gap:13px;white-space:nowrap}.symbol-a{font:700 36px/.8 var(--heading);letter-spacing:-.17em;display:inline-block;padding-right:5px}.a-glow,.logo-name span,.footer-logo span,.orb-A span{color:var(--accent)}.logo-name{font:700 20px var(--heading);letter-spacing:-.055em}.logo-name span{font-size:8px;vertical-align:top;margin-left:3px;letter-spacing:0}.desktop-nav{display:flex;align-items:center;gap:31px;flex:1;justify-content:center}.top-nav-link{font-size:11px;white-space:nowrap;font-weight:800;color:#979ca8;letter-spacing:.08em;position:relative;padding:31px 0}.top-nav-link.active,.top-nav-link:hover{color:white}.top-nav-link.active:after{content:'';height:2px;position:absolute;bottom:17px;left:0;right:0;background:var(--accent)}.header-right{display:flex;align-items:center;gap:13px}.xp-pill{height:35px;display:flex;align-items:center;gap:6px;background:#202616;color:var(--accent);border:1px solid #35442a;border-radius:100px;padding:0 12px;font-size:11px}.xp-pill b{font-size:13px}.xp-pill span{opacity:.8}.profile-control{height:35px;width:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#242936;color:#fff}.profile-control.active,.profile-control:hover{border-color:var(--accent)}.mobile-menu-btn{display:none;background:none;border:0;color:white}.mobile-nav{display:none}.site-footer{border-top:1px solid var(--line);background:#0d1119}.footer-inner{padding:44px 0;display:flex;justify-content:space-between;align-items:start;gap:45px}.footer-logo{font-family:var(--heading);font-weight:800;letter-spacing:-.05em;font-size:24px}.footer-inner p{margin-top:9px;color:var(--dim);font-size:12px}.footer-links{display:flex;gap:19px;flex-wrap:wrap}.footer-links a{font-size:12px;color:#a1a6b2}.footer-links a:hover{color:var(--accent)}.footer-note{font-size:11px;color:var(--dim);text-align:right;max-width:270px;line-height:1.7}
/* Home hero */
.home-hero{min-height:670px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 35%,#212e31 0,transparent 52%),linear-gradient(112deg,#10141b,#12161d 40%,#111720)}.home-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}.hero-beam{position:absolute;inset:auto -10% -360px 42%;height:590px;background:radial-gradient(ellipse,rgba(196,235,85,.10),transparent 60%);pointer-events:none}.home-hero-grid{min-height:670px;display:grid;grid-template-columns:54% 46%;align-items:center;position:relative}.hero-copy{padding:80px 0;position:relative;z-index:3}.hero-flag{border:1px solid rgba(215,246,109,.24);border-radius:100px;background:rgba(216,246,109,.05);padding:9px 14px}.live-dot{height:6px;width:6px;background:var(--accent);box-shadow:0 0 12px var(--accent);border-radius:50%}.hero-copy h1{font:700 clamp(58px,7.4vw,111px)/.94 var(--heading);letter-spacing:-.094em;margin:23px 0 22px}.hero-copy h1 em,.universe-hero h1 em{font-style:normal;color:var(--accent)}.hero-copy p{max-width:445px;color:#b4b9c2;font-size:16px;line-height:1.8}.hero-bottom{display:flex;gap:22px;flex-wrap:wrap;margin-top:70px;color:#8f98a6}.hero-bottom span{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:800;letter-spacing:.08em}.hero-showcase{height:580px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.showcase-top,.showcase-bottom{position:absolute;letter-spacing:.2em;font-size:9px;color:#8f9c9b;left:10px}.showcase-top{top:35px}.showcase-bottom{bottom:30px}.ring{border-radius:50%;position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid rgba(209,239,144,.17)}.ring-outer{width:540px;height:540px;box-shadow:0 0 90px rgba(206,236,101,.03) inset}.ring-inner{width:390px;height:390px;border-color:rgba(198,243,106,.27);box-shadow:0 0 90px rgba(206,236,101,.05) inset}.ring-outer:after,.ring-inner:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);top:14%;left:15%;box-shadow:0 0 25px 7px rgba(215,246,109,.2)}.ring-inner:after{top:auto;left:auto;right:13%;bottom:17%;background:#9dddec}.center-orb{width:280px;height:280px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 38% 28%,#363f34 0,#202830 42%,#10181e 73%);border:1px solid #475945;box-shadow:0 18px 100px rgba(0,0,0,.55),inset -18px -28px 80px rgba(0,0,0,.37),0 0 72px rgba(200,240,103,.11)}.orb-A{font:700 175px/.8 var(--heading);letter-spacing:-.16em;transform:translateX(-13px);color:#e3edcd;text-shadow:0 4px 40px rgba(218,244,147,.12)}.orb-A span{font-size:80px}.orbit-chip{position:absolute;background:#1b2427;border:1px solid #526256;backdrop-filter:blur(8px);padding:12px 17px;display:flex;align-items:center;gap:8px;border-radius:11px;font-weight:800;font-size:11px;letter-spacing:.08em;box-shadow:0 10px 30px #0006;z-index:5}.chip-rap{top:85px;left:30px;transform:rotate(-8deg);color:#d5a7b3;border-color:#71414e}.chip-foot{top:120px;right:5px;color:#f0ce89;border-color:#6d6048;transform:rotate(5deg)}.chip-culture{bottom:110px;left:5px;color:#f0ce9b;transform:rotate(5deg)}.chip-logic{bottom:65px;right:30px;color:#b6b5f7;transform:rotate(-6deg)}
/* World selection */
.worlds-section{padding-top:100px}.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.world-tile{min-height:347px;border:1px solid rgba(255,255,255,.1);border-radius:17px;overflow:hidden;position:relative;display:block;background:#1e222c;transition:transform .25s,border .25s;isolation:isolate}.world-tile:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.45)}.world-tile.world-wide{min-height:347px}.world-image{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.84);transition:transform .6s;z-index:-2}.world-tile:hover .world-image{transform:scale(1.05)}.world-tile:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,9,13,.9),rgba(9,9,13,.35) 68%,rgba(9,9,13,.15)),linear-gradient(0deg,rgba(0,0,0,.52),transparent 70%)}.world-rap{background:#292026}.world-football{background:#142734}.world-culture{background:#422735}.world-logic{background:#292b50}.world-logic:before{content:'?';position:absolute;font:700 360px/.7 var(--heading);color:rgba(187,169,253,.16);right:-4px;bottom:-35px;transform:rotate(14deg);pointer-events:none}.tile-no{position:absolute;top:24px;left:27px;color:#c3c1c8;font-size:10px;letter-spacing:.14em;font-weight:800}.world-content{position:absolute;bottom:29px;left:30px;right:18px;display:flex;flex-direction:column;align-items:start}.world-content .eyebrow{color:#d3d5d8}.world-title{font:700 clamp(29px,3vw,43px)/1.06 var(--heading);letter-spacing:-.065em;margin-top:11px}.world-sub{font-size:13px;color:#d0ced4;margin-top:7px}.world-open{font-size:10px;font-weight:900;letter-spacing:.05em;color:var(--accent);display:flex;gap:10px;align-items:center;margin-top:25px}.world-symbol{position:absolute;top:19px;right:23px;opacity:.72}.feature-strip{padding:42px;background:linear-gradient(110deg,#1b2229,#19231f);border:1px solid #3a4a42;border-radius:16px;display:grid;grid-template-columns:1.1fr 1.9fr;gap:50px}.feature-strip h2{font:700 33px/1.05 var(--heading);letter-spacing:-.05em;margin-top:13px}.feature-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:center}.feature-cells>div{display:flex;flex-direction:column;align-items:start;gap:9px}.feature-cells svg{color:var(--accent)}.feature-cells b{font-size:13px}.feature-cells span{font-size:11px;color:#a1aea7;line-height:1.6}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quick-card{min-height:150px;background:#171c26;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:1fr auto;gap:7px;padding:22px;transition:background .2s,transform .2s}.quick-card:hover{background:#212936;transform:translateY(-3px)}.quick-card>span{grid-column:1/-1;color:var(--accent)}.quick-card>strong{align-self:end;grid-column:1;font:700 18px var(--heading);letter-spacing:-.04em}.quick-card>small{grid-column:1;color:var(--muted)}.quick-card>svg{grid-column:2;grid-row:2/4;align-self:center}
/* World hero */
.universe-hero{min-height:525px;position:relative;overflow:hidden;display:flex;align-items:center;isolation:isolate}.universe-hero .container{padding-top:44px;padding-bottom:58px;z-index:2}.universe-hero .crumb{margin-bottom:50px}.universe-hero .hero-photo{position:absolute;inset:0;background-size:cover;background-position:center center;z-index:-2;filter:saturate(.83)}.universe-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,14,.96) 0%,rgba(8,9,14,.76) 42%,rgba(7,9,14,.2) 100%),linear-gradient(0deg,rgba(9,11,17,.6),transparent 58%);z-index:-1}.universe-hero h1{font:700 clamp(57px,7vw,91px)/.97 var(--heading);letter-spacing:-.08em;margin:15px 0 17px}.universe-hero p{max-width:500px;color:#c2c5cb;font-size:16px;line-height:1.8}.universe-hero .hero-ctas{margin-top:27px}.rap-banner{background:#23141a;--accent:#f49cb8}.football-banner{background:#111e2c;--accent:#e8cd8e}.culture-banner{background:#361d27;--accent:#f0d49f}.logic-banner{background:radial-gradient(circle at 76% 35%,#40428c,#101325 49%,#0d1020);--accent:#b9b6ff}.logic-background{position:absolute;inset:0;overflow:hidden}.logic-symbol{position:absolute;right:6%;top:-30%;font:700 800px/1 var(--heading);color:rgba(163,166,254,.11);transform:rotate(13deg)}
/* Rap hub */
.rap-root{--accent:#f1a3b6}.cup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.cup-tile{min-height:345px;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,var(--cup-bg1),var(--cup-bg2));overflow:hidden;padding:20px 20px 24px;transition:transform .2s,border-color .2s}.cup-tile:hover{transform:translateY(-5px);border-color:var(--cup-accent)}.cup-card-top{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.75)}.cup-tile-number{font-size:10px;letter-spacing:.16em;font-weight:800}.cup-card-art{height:185px;margin:6px auto 16px;width:100%;position:relative;display:flex;justify-content:center;align-items:center}.cup-card-art .artwork{height:146px;width:146px;position:absolute;box-shadow:0 13px 50px #0008;top:22px;left:22%;transform:rotate(-10deg)}.cup-card-art .artwork+.artwork{left:35%;transform:rotate(10deg);top:10px;opacity:.85}.cup-card-bottom{margin-top:auto}.cup-card-bottom>span{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--cup-accent)}.cup-card-bottom h3{font:700 25px/1.1 var(--heading);letter-spacing:-.06em;margin:7px 0}.cup-card-bottom p{font-size:12px;color:#c5c4cb}.theme-melo{--cup-bg1:#152a42;--cup-bg2:#103d55;--cup-accent:#8dcfe9;--accent:#8dcfe9}.theme-ocho{--cup-bg1:#2f2d30;--cup-bg2:#19191e;--cup-accent:#e1e2e5;--accent:#d5d5da}.theme-gragra{--cup-bg1:#4a121b;--cup-bg2:#1a080d;--cup-accent:#ff8181;--accent:#ff8181}.theme-jefe{--cup-bg1:#113f2b;--cup-bg2:#071e1a;--cup-accent:#9bdb9e;--accent:#a2daa3}.theme-ovni{--cup-bg1:#52235d;--cup-bg2:#20204e;--cup-accent:#f3a4ef;--accent:#e8a1ee}.theme-meugui{--cup-bg1:#383941;--cup-bg2:#101115;--cup-accent:#ede6db;--accent:#ddd6c7}.theme-dadj{--cup-bg1:#202d4e;--cup-bg2:#0a1228;--cup-accent:#a5c1ff;--accent:#a5c1ff}.rap-detail-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#191c26;border:1px solid var(--line);border-radius:17px;padding:50px}.rap-detail-feature h2{font:700 53px/.99 var(--heading);letter-spacing:-.07em;margin:14px 0 24px}.rap-detail-feature h2 span{color:#f6a7b8}.rap-detail-feature p{max-width:370px;color:var(--muted);font-size:14px}.rap-detail-feature .btn{margin-top:28px}.feature-example{display:flex;gap:6px;align-items:center;justify-content:center;position:relative}.example-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:185px;width:145px;background:linear-gradient(140deg,#4d2434,#b45d71);border-radius:10px;font:700 73px var(--heading);letter-spacing:-.08em;transform:rotate(-5deg)}.example-card:nth-of-type(3){transform:rotate(6deg);background:linear-gradient(140deg,#233954,#5389a8)}.example-card span{font:800 10px var(--font);letter-spacing:.16em}.example-vs{font:800 19px var(--heading);color:#fff;z-index:1;background:#0d1018;border:1px solid #4d4d5b;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;margin:0 -24px}.example-line{position:absolute;bottom:0;color:var(--muted);font-size:10px;letter-spacing:.13em;font-weight:800}
/* Cup pages */
.cup-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(117deg,var(--cup-bg2),var(--cup-bg1));min-height:440px}.cup-hero-shape{position:absolute;right:-90px;top:-220px;width:650px;height:650px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.025),0 0 0 230px rgba(255,255,255,.02)}.cup-hero-content{position:relative;padding-top:34px;padding-bottom:55px}.cup-headline{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.cup-headline h1{font:700 clamp(53px,7vw,94px)/.98 var(--heading);letter-spacing:-.09em;margin:12px 0 17px}.cup-headline p{font-size:17px;color:#d5d6dc}.cup-feature-art{position:relative;display:grid;place-items:center;min-height:280px}.art-sticker{position:absolute;bottom:9px;right:9%;font:800 11px/1.5 var(--font);letter-spacing:.2em;transform:rotate(11deg);border:1px solid rgba(255,255,255,.5);padding:12px;border-radius:50%;height:112px;width:112px;display:grid;place-items:center;text-align:center;background:rgba(0,0,0,.25)}.artwork{position:relative;aspect-ratio:1;background:linear-gradient(145deg,rgba(255,255,255,.23),rgba(0,0,0,.33));border-radius:8px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);flex-shrink:0}.artwork img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;z-index:2}.art-fallback{position:absolute;inset:0;display:grid;place-items:center}.art-large{height:260px;width:260px;transform:rotate(-8deg);box-shadow:0 20px 85px #0006}.resume-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.17);border-radius:14px;padding:29px}.resume-banner h2{font:700 29px var(--heading);letter-spacing:-.04em;margin:6px 0}.resume-banner p{color:var(--muted)}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.format-card{min-height:244px;text-align:left;background:#171c26;border:1px solid var(--line);border-radius:14px;padding:23px;color:white;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:transform .2s,background .2s}.format-card:hover{background:#242b38;transform:translateY(-3px)}.format-card.recommended{border-color:var(--cup-accent)}.format-counter{font-size:10px;font-weight:800;color:var(--cup-accent)}.format-icon{margin:8px 0}.format-card strong{font:700 23px/1.1 var(--heading);letter-spacing:-.05em}.format-card>span:not(.format-counter):not(.format-icon):not(.format-go){font-size:12px;color:var(--muted)}.format-go{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;color:var(--cup-accent);margin-top:auto}.album-scroll{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px;scrollbar-color:#656c79 transparent}.album-card{border:0;background:none;text-align:left;color:white;flex:0 0 171px;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;padding:0}.album-card .artwork{height:171px;width:171px;border-radius:9px}.album-card:hover .artwork{border-color:var(--cup-accent)}.album-name{font-weight:800;font-size:13px;line-height:1.3;max-width:171px}.album-count{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.three-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.three-stats>div{background:#171c26;padding:24px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:11px}.three-stats b{font:700 clamp(24px,3vw,38px)/1 var(--heading);letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.three-stats span{font-size:12px;color:var(--muted)}.catalog-filters{display:flex;gap:13px;align-items:stretch;flex-wrap:wrap;margin-bottom:15px}.search-field{background:#171c26;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 14px;flex:1;min-width:220px}.search-field input{height:48px;background:none;color:white;border:0;outline:0;width:100%}.catalog-filters select{color:white;background:#171c26;border:1px solid var(--line);border-radius:9px;padding:0 13px;max-width:250px}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.track-card{min-width:0;background:#171c25;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;padding:12px;gap:12px}.track-card .artwork{height:68px;width:68px;border-radius:6px}.track-text{min-width:0}.track-index{font-size:10px;color:var(--cup-accent);font-weight:800}.track-text h3{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-text p{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:90px 25px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:17px;background:#141925;border:1px solid var(--line);border-radius:16px;max-width:760px;margin:40px auto;color:var(--muted)}.empty-state h1,.empty-state h2{color:white;font:700 37px var(--heading);letter-spacing:-.05em}.archives-list{display:flex;flex-direction:column;gap:10px}.archive-row{display:flex;align-items:center;gap:17px;padding:14px 20px;background:#161b25;border:1px solid var(--line);border-radius:12px}.archive-no{font-size:12px;font-weight:800;color:var(--dim)}.tiny-art{height:56px;width:56px}.archive-main{flex:1}.archive-main strong{font:700 17px var(--heading)}.archive-main p{font-size:12px;color:var(--muted)}.archive-row>.gold-text{display:flex;gap:7px;font-size:11px;font-weight:900;align-items:center}
/* Tournament duel */
.duel-view{padding-top:35px;padding-bottom:90px;min-height:90vh;background:radial-gradient(ellipse at 50% 20%,var(--cup-bg1),transparent 55%)}.duel-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.small-pill{border:1px solid rgba(255,255,255,.17);border-radius:99px;padding:8px 13px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#ccd1d6;text-transform:uppercase}.game-header{text-align:center;max-width:680px;margin:44px auto 35px}.game-header h1{font:700 clamp(35px,5vw,61px)/1.02 var(--heading);letter-spacing:-.07em;margin:11px 0}.game-header p{color:#b5b8c1}.progress-label,.quiz-topline{display:flex;justify-content:space-between;gap:20px;margin:26px 0 10px;color:#bdc2cb;font-size:11px;letter-spacing:.08em;font-weight:800}.progress-track{height:5px;background:rgba(255,255,255,.12);border-radius:5px;overflow:hidden}.progress-track>div{height:100%;background:var(--accent);border-radius:5px;transition:width .3s}.versus-grid{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);max-width:880px;margin:0 auto;gap:0;align-items:center}.versus-card{color:white;text-align:center;background:linear-gradient(150deg,rgba(25,48,72,.95),rgba(15,23,37,.95));border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:22px;min-height:410px;display:flex;flex-direction:column;align-items:center;transition:transform .2s,border-color .2s}.versus-card.side-two{background:linear-gradient(145deg,rgba(89,33,44,.94),rgba(37,19,29,.94))}.versus-card:hover{transform:translateY(-5px);border-color:var(--cup-accent)}.versus-cover{width:min(100%,206px);margin:0 auto 15px}.versus-cover .artwork{width:100%;box-shadow:0 10px 35px #0005}.versus-choice-label{font-size:9px;letter-spacing:.18em;color:#bbb9c0;font-weight:900}.versus-card h2{font:700 24px/1.13 var(--heading);letter-spacing:-.055em;margin:7px 0}.versus-card p{font-size:11px;color:#c8c9d0;margin-bottom:21px}.duel-pick{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;font-size:11px;font-weight:900;letter-spacing:.03em;background:white;border-radius:7px;color:#161c25;padding:12px 8px;margin-top:auto}.side-two .duel-pick{background:#f1a2aa}.duel-votes{font-size:10px;color:#bbc1cb;margin-top:12px}.versus-or{position:relative;z-index:1;background:#11151d;height:49px;width:49px;display:grid;place-items:center;border:1px solid #777d86;border-radius:50%;font:900 14px var(--heading);margin:0 3px}.game-under{max-width:880px;display:flex;justify-content:space-between;margin:22px auto;gap:15px}.game-under>span{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.result-page,.result-hero{padding-top:65px;padding-bottom:80px}.result-hero{max-width:850px;margin:25px auto;text-align:center;border-radius:18px;padding:65px 28px;background:radial-gradient(ellipse at 50% 15%,rgba(220,239,118,.12),transparent 60%),#191f27;border:1px solid var(--line)}.result-hero h1{font:700 clamp(38px,6vw,72px)/1.02 var(--heading);letter-spacing:-.075em;margin:10px 0 20px}.winner-big{display:flex;align-items:center;text-align:left;gap:35px;justify-content:center;margin:35px auto}.winner-art{width:150px;height:150px;box-shadow:0 10px 50px #0005}.winner-big h2{font:700 clamp(29px,4vw,50px)/1.1 var(--heading);letter-spacing:-.06em;margin:6px 0}.winner-big p{color:var(--muted)}.result-podium{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.result-podium>div{background:#2a303b;padding:14px 20px;border-radius:8px;font-weight:800}.result-podium strong{color:var(--gold);margin-right:9px}.result-hero .hero-ctas{justify-content:center}.big-score{font:700 clamp(74px,11vw,134px)/1 var(--heading);letter-spacing:-.09em;color:var(--accent);margin:22px 0}.big-score span{font-size:.4em;color:#7d8591}.result-hero>p{color:var(--muted)}
/* Football modes */
.football-root,.football-game{--accent:#dfcb94}.daily-foot-card{background:#1d2b39 url('/assets/football-tournoi.webp') right center/auto 100% no-repeat;border:1px solid #34465a;min-height:290px;border-radius:14px;display:grid;grid-template-columns:1fr 230px;align-items:center;padding:35px 45px;overflow:hidden;position:relative}.daily-foot-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14202e 0%,rgba(19,31,44,.7) 55%,transparent 100%);z-index:0}.daily-foot-card>*{z-index:1;position:relative}.daily-foot-card h2{font:700 37px var(--heading);letter-spacing:-.055em;margin-top:10px}.daily-foot-card p{color:#b6c0c9;font-size:14px;max-width:440px;margin:9px 0 19px}.daily-visual{display:flex;flex-direction:column;align-items:center}.daily-visual span{font:700 110px/.9 var(--heading);letter-spacing:-.11em}.daily-visual small{font-size:9px;font-weight:800;letter-spacing:.14em}.modes-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.mode-card{padding:20px;background:#171e28;color:white;border:1px solid #303b49;border-radius:13px;min-height:210px;text-align:left;display:flex;flex-direction:column;align-items:start;position:relative;transition:transform .2s,border-color .2s}.mode-card:hover{transform:translateY(-4px);border-color:var(--accent)}.mode-number{font-size:10px;color:#bdc3cd;letter-spacing:.1em}.mode-icon{margin:27px 0 17px;color:var(--accent)}.mode-card strong{font:700 17px/1.15 var(--heading);letter-spacing:-.035em}.mode-card small{font-size:11px;color:#9eaab6;margin-top:7px;max-width:175px}.mode-arrow{position:absolute;top:16px;right:15px;color:var(--accent)}
/* Culture and logic selection */
.culture-root,.quiz-layout{--accent:#f1d39c}.culture-stats{display:flex;justify-content:center;gap:9%;border:1px solid #503b45;background:#2d222e;border-radius:12px;padding:22px;flex-wrap:wrap}.culture-stats span{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.075em;font-weight:800;color:#e0d4ce}.culture-stats svg{color:var(--accent)}.domain-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.domain-card{color:white;text-align:left;border:1px solid #4e343e;background:linear-gradient(140deg,#32252d,#201e2b);border-radius:13px;min-height:235px;padding:20px;display:flex;flex-direction:column;align-items:start;position:relative;transition:transform .2s,border-color .2s}.domain-card:hover{transform:translateY(-4px);border-color:#f1d39c}.domain-index{font-size:10px;color:#ae9caa}.domain-symbol{color:var(--accent);margin:29px 0 20px}.domain-card strong{font:700 19px/1.15 var(--heading);letter-spacing:-.05em}.domain-card small{color:#bcaeb4;font-size:11px;margin-top:7px}.domain-arrow{position:absolute;right:17px;top:18px;color:var(--accent)}.level-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#191c24;padding:43px}.level-feature h2{font:700 38px var(--heading);letter-spacing:-.05em;margin:12px 0}.level-feature p{color:var(--muted);font-size:14px;max-width:460px}.level-buttons{display:flex;flex-direction:column;gap:8px}.level-buttons button{color:white;background:#292632;border:1px solid #514550;padding:15px 20px;display:flex;align-items:center;gap:17px;border-radius:8px;text-align:left}.level-buttons button:hover{border-color:var(--accent)}.level-buttons button span{color:var(--accent);font-size:11px}.level-buttons strong{flex:1}.logic-root,.logic-game{--accent:#b8b8ff}.logic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.logic-tile{min-height:310px;border-radius:14px;background:linear-gradient(150deg,#242744,#1c1c32);border:1px solid #43456c;padding:22px;display:flex;flex-direction:column;align-items:start;text-align:left;color:white;transition:transform .2s,border-color .2s}.logic-tile.tile-2{background:linear-gradient(150deg,#352749,#211c33)}.logic-tile.tile-3{background:linear-gradient(150deg,#253a55,#181d36)}.logic-tile.tile-4{background:linear-gradient(150deg,#452c51,#221e33)}.logic-tile:hover{transform:translateY(-4px);border-color:var(--accent)}.logic-index{font-size:10px;font-weight:800;letter-spacing:.13em;color:#c2b6d5}.logic-icon{margin:44px 0 22px;color:#c6b9fc}.logic-tile strong{font:700 23px var(--heading);letter-spacing:-.04em}.logic-tile>span:not(.logic-index):not(.logic-icon):not(.logic-cta){font-size:12px;color:#bab6cd;margin-top:10px}.logic-cta{margin-top:auto;display:flex;gap:10px;align-items:center;font-weight:900;font-size:11px;color:#c8c4fb}.logic-note{color:#a9abbb;border:1px solid var(--line);padding:18px;border-radius:10px;display:flex;gap:12px;align-items:center;font-size:12px}
/* Question players */
.quiz-layout,.football-game,.logic-game{min-height:80vh;padding:33px 0 80px;background:radial-gradient(ellipse at 45% 15%,rgba(121,82,101,.14),transparent 55%)}.football-game{background:radial-gradient(ellipse at 45% 10%,rgba(140,155,85,.11),transparent 55%)}.logic-game{background:radial-gradient(ellipse at 45% 15%,rgba(105,100,185,.16),transparent 55%)}.quiz-main,.football-question{width:min(780px,100%);margin:35px auto 0}.quiz-topline{margin:12px 0 10px}.quiz-topic{margin-top:55px}.quiz-main h1,.football-question h1{font:700 clamp(30px,4.5vw,49px)/1.18 var(--heading);letter-spacing:-.055em;margin:16px 0 29px}.quiz-options{display:grid;gap:11px;margin-bottom:22px}.quiz-answer{color:white;background:#1c212c;border:1px solid #3d4350;display:flex;gap:18px;text-align:left;align-items:center;padding:16px;border-radius:11px;min-height:63px;transition:background .15s,border-color .15s}.quiz-answer:not(:disabled):hover{background:#292f3d;border-color:var(--accent)}.quiz-answer>span:nth-child(2){font-size:14px;line-height:1.5;flex:1;font-weight:700}.answer-letter{color:#b2b9c6;border:1px solid #505966;border-radius:6px;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:800}.quiz-answer.selected{background:#3a3b46;border-color:var(--accent)}.quiz-answer.right{background:rgba(36,106,77,.28);border-color:#63c59b;color:#b9ffe0}.quiz-answer.wrong{background:rgba(131,43,56,.3);border-color:#e57982;color:#ffd2d4}.quiz-answer.dimmed{opacity:.5}.quiz-answer:disabled{cursor:default}.answer-explainer{margin-top:26px;background:#252936;border:1px solid #536069;border-radius:14px;padding:25px;display:flex;flex-direction:column;align-items:start;gap:12px}.answer-explainer h3{font:700 22px var(--heading)}.answer-explainer p{font-size:14px;color:#d6d9df}.answer-explainer a{font-size:12px;color:var(--accent);text-decoration:underline}.answer-explainer .btn{margin-top:9px}.compact-options{grid-template-columns:repeat(2,1fr);gap:8px}.compact-options .quiz-answer{min-height:53px;padding:11px;font-size:12px}.compact-options .quiz-answer>span:nth-child(2){font-size:12px}.hint-line{color:var(--accent);font-size:12px;margin:0 0 17px;font-weight:800}
/* Profile and auth */
.profile-page{padding-top:70px;padding-bottom:100px}.profile-heading .eyebrow{margin-bottom:15px}.profile-heading h1{font:700 clamp(35px,5vw,60px)/1.04 var(--heading);letter-spacing:-.07em}.profile-heading p{color:var(--muted);margin-top:15px}.profile-hero{display:flex;align-items:center;gap:22px;padding:27px;background:linear-gradient(110deg,#253228,#1e262c);border:1px solid #435b42;border-radius:16px;margin-top:45px}.avatar{width:80px;height:80px;border-radius:18px;display:grid;place-items:center;color:#d7f66d;background:#293c30;border:1px solid #5b7555}.profile-name{flex:1}.profile-name h2{font:700 clamp(25px,3vw,36px) var(--heading);letter-spacing:-.05em;margin-top:6px}.profile-name .text-link{font-size:11px}.profile-level{text-align:right;display:flex;flex-direction:column}.profile-level b{font:700 42px var(--heading);letter-spacing:-.05em;color:var(--accent)}.profile-level span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#b1c4ab}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0 65px}.profile-stat-grid>div{padding:23px;border-radius:12px;background:#1b212b;border:1px solid var(--line);display:flex;flex-direction:column;gap:24px}.profile-stat-grid>div>span{color:var(--muted);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.profile-stat-grid b{font:700 35px var(--heading);letter-spacing:-.04em}.profile-progress{margin-bottom:65px}.progress-list{display:flex;flex-direction:column;border-radius:13px;overflow:hidden;border:1px solid var(--line)}.progress-row{display:flex;align-items:center;gap:18px;padding:18px 21px;background:#171d27;border-bottom:1px solid var(--line)}.progress-row:last-child{border-bottom:0}.progress-row:hover{background:#242d37}.progress-symbol{height:43px;width:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--accent)}.progress-row>div:nth-child(2){width:190px;display:flex;flex-direction:column}.progress-row strong{font-size:12px}.progress-row>div:nth-child(2)>span{color:var(--muted);font-size:11px}.progress-bar{height:6px;flex:1;background:#303844;border-radius:5px;overflow:hidden}.progress-bar>span{height:100%;background:var(--accent);display:block}.progress-row>svg{color:#9097a3}.profile-bottom{display:grid;grid-template-columns:1fr 1fr;gap:33px}.profile-history,.account-box{background:#171d27;border:1px solid var(--line);border-radius:15px;padding:29px;align-self:start}.profile-history h2,.account-box h2{font-size:29px;margin-bottom:16px}.account-box>p{color:var(--muted);font-size:13px}.activity-list{display:flex;flex-direction:column;margin-top:15px}.activity-list>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.history-icon{color:var(--accent)}.activity-list>div>span:nth-child(2){flex:1}.activity-list small{color:var(--accent);font-size:10px}.account-form{margin-top:24px}.auth-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:18px}.auth-tabs button{background:transparent;color:#a5aeb8;border:0;border-bottom:2px solid transparent;padding:9px 0;font-size:12px;font-weight:800}.auth-tabs button.active{color:#fff;border-color:var(--accent)}.account-form form{display:flex;flex-direction:column;gap:14px}.account-form label{font-size:11px;font-weight:700;color:#c7ccd4;display:flex;flex-direction:column;gap:7px}.account-form input{height:45px;background:#101720;color:white;border:1px solid #4d5361;border-radius:8px;padding:0 13px;font-size:13px}.account-form button[type=submit]{margin-top:5px}.fine-print{color:#798391!important;font-size:11px!important;margin-top:15px!important;line-height:1.6}.auth-error{color:#ffb1b1;font-size:12px}.signed-in{display:flex;align-items:stretch;gap:8px;flex-direction:column;margin-top:22px}.signed-in .btn{justify-content:start}.connected-state{display:flex;align-items:center;gap:10px;background:#1d352c;border:1px solid #386852;border-radius:8px;padding:12px;color:#a8f4cb;font-weight:800;font-size:12px;flex-wrap:wrap}.connected-state small{color:#b4c6b9;font-weight:400}.export-actions{display:flex;flex-direction:column;gap:8px;margin-top:25px}.export-actions .btn{justify-content:start}.import-label{cursor:pointer}.not-found{text-align:center;padding-top:100px;padding-bottom:100px}.not-found h1{font:700 66px var(--heading);letter-spacing:-.07em;margin:17px 0}.not-found p{color:var(--muted);margin-bottom:30px}.fatal-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:90vh;padding:20px;text-align:center;gap:20px}.fatal-screen h1{font:700 70px var(--heading)}.fatal-screen p{max-width:620px;color:var(--muted)}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,40px);z-index:1000;opacity:0;pointer-events:none;color:white;background:#27352c;border:1px solid #647657;border-radius:9px;padding:13px 19px;max-width:min(500px,90vw);font-size:12px;box-shadow:0 10px 40px #0009;transition:opacity .2s,transform .2s}#toast.visible{transform:translate(-50%,0);opacity:1}
@media(max-width:1150px){.container{width:min(1080px,calc(100% - 60px))}.desktop-nav{gap:17px}.top-nav-link{font-size:10px}.cup-grid{grid-template-columns:repeat(3,1fr)}.modes-grid,.domain-grid{grid-template-columns:repeat(3,1fr)}.ring-outer{width:430px;height:430px}.ring-inner{width:320px;height:320px}.center-orb{width:235px;height:235px}.orb-A{font-size:140px}.orbit-chip{padding:9px}.hero-showcase{height:470px}.home-hero-grid{grid-template-columns:55% 45%}.hero-copy h1{font-size:71px}.logic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.site-header{height:66px}.desktop-nav{display:none}.logo-name{font-size:18px}.symbol-a{font-size:32px}.header-inner{gap:15px}.mobile-menu-btn{display:grid;place-items:center}.mobile-nav{display:none;background:#10151e;border-bottom:1px solid var(--line);padding:15px 20px 25px;flex-direction:column;gap:15px}.mobile-nav.open{display:flex}.mobile-nav a{font-size:13px;font-weight:800;letter-spacing:.08em;padding:9px;border-bottom:1px solid var(--line)}.home-hero,.home-hero-grid{min-height:unset}.home-hero-grid{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:80px 0 38px}.hero-copy h1{font-size:clamp(53px,12vw,76px)}.hero-copy p{font-size:14px}.hero-bottom{margin-top:43px;gap:16px}.hero-showcase{height:340px;width:100%}.ring-outer{height:325px;width:325px}.ring-inner{height:235px;width:235px}.center-orb{height:180px;width:180px}.orb-A{font-size:105px}.orb-A span{font-size:48px}.orbit-chip{font-size:9px;padding:8px 10px}.chip-rap{top:31px;left:3%}.chip-foot{top:44px;right:0}.chip-culture{bottom:59px;left:0}.chip-logic{bottom:35px;right:3%}.showcase-top{top:0}.showcase-bottom{bottom:10px}.section-stack{gap:65px;padding:62px 0 75px}.section-head{align-items:start;gap:15px;flex-direction:column}.section-head h2{font-size:34px}.section-intro{max-width:100%}.world-grid{grid-template-columns:1fr;gap:13px}.world-tile,.world-tile.world-wide{min-height:282px}.world-title{font-size:37px}.world-open{margin-top:18px}.feature-strip{grid-template-columns:1fr;gap:29px;padding:25px}.feature-cells{grid-template-columns:1fr 1fr;gap:23px}.feature-strip h2{font-size:30px}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:128px}.footer-inner{flex-direction:column;gap:23px}.footer-note{text-align:left}.universe-hero{min-height:510px;align-items:center}.universe-hero .container{padding-top:25px;padding-bottom:40px}.universe-hero .crumb{margin-bottom:50px}.universe-hero h1{font-size:clamp(48px,11vw,66px)}.universe-hero p{font-size:14px}.universe-hero:after{background:linear-gradient(90deg,rgba(7,9,14,.93),rgba(7,9,14,.46)),linear-gradient(0deg,#0a0d16,transparent)}.cup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cup-tile{min-height:255px;padding:13px}.cup-card-art{height:117px;margin:7px 0 9px}.cup-card-art .artwork{height:98px;width:98px;left:12%;top:15px}.cup-card-art .artwork+.artwork{left:31%;top:4px}.cup-card-bottom h3{font-size:19px}.cup-card-bottom p{font-size:11px}.rap-detail-feature{grid-template-columns:1fr;padding:28px;gap:20px}.rap-detail-feature h2{font-size:42px}.feature-example{min-height:220px}.cup-headline{grid-template-columns:1fr}.cup-headline h1{font-size:58px}.cup-headline p{font-size:14px}.cup-feature-art{display:none}.cup-hero{min-height:auto}.cup-hero-content{padding-bottom:62px}.format-grid{grid-template-columns:1fr}.format-card{min-height:180px}.format-icon{margin:4px 0}.album-card{flex-basis:138px}.album-card .artwork{width:138px;height:138px}.three-stats{grid-template-columns:1fr;gap:8px}.three-stats>div{padding:18px}.track-grid{grid-template-columns:1fr}.catalog-filters{flex-direction:column}.catalog-filters select{height:49px;max-width:none}.archive-row{padding:11px;gap:11px}.archive-row>.gold-text{font-size:9px}.versus-grid{grid-template-columns:1fr 28px 1fr}.versus-card{min-height:280px;padding:10px 8px}.versus-cover{width:100%;margin-bottom:12px}.versus-card h2{font-size:16px}.versus-card p{font-size:10px;margin-bottom:12px}.versus-or{height:36px;width:36px;margin-left:-4px;font-size:11px}.duel-pick{font-size:9px;gap:2px;padding:9px 2px}.duel-pick svg{width:14px}.duel-votes{font-size:9px}.game-under{align-items:start;flex-direction:column}.game-header{margin:36px auto 28px}.game-header h1{font-size:38px}.result-hero{padding:42px 18px}.winner-big{gap:15px;flex-direction:column;text-align:center}.winner-art{height:130px;width:130px}.daily-foot-card{grid-template-columns:1fr;padding:30px}.daily-visual{position:absolute;right:20px;top:10px;opacity:.18}.daily-foot-card h2{font-size:31px}.modes-grid,.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-card,.domain-card{min-height:190px;padding:15px}.mode-icon,.domain-symbol{margin:22px 0 12px}.mode-card strong,.domain-card strong{font-size:16px}.mode-card small,.domain-card small{font-size:10px}.culture-stats{gap:17px;align-items:flex-start;justify-content:start}.culture-stats span{font-size:10px}.level-feature{grid-template-columns:1fr;padding:26px;gap:25px}.logic-grid{grid-template-columns:1fr 1fr;gap:10px}.logic-tile{min-height:260px;padding:17px}.logic-icon{margin:30px 0 17px}.logic-tile strong{font-size:19px}.quiz-main h1,.football-question h1{font-size:33px}.quiz-topic{margin-top:35px}.quiz-answer{padding:11px;min-height:60px;gap:11px}.quiz-answer>span:nth-child(2){font-size:13px}.compact-options{grid-template-columns:1fr}.profile-page{padding-top:45px}.profile-hero{padding:17px;gap:13px;flex-wrap:wrap}.avatar{height:59px;width:59px;border-radius:13px}.profile-level{margin-left:auto}.profile-level b{font-size:28px}.profile-name h2{font-size:23px}.profile-stat-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:50px}.profile-stat-grid>div{padding:16px}.profile-progress{margin-bottom:45px}.progress-row{gap:9px;padding:12px}.progress-row>div:nth-child(2){width:115px}.progress-row strong{font-size:10px}.progress-bar{min-width:20px}.profile-bottom{grid-template-columns:1fr}.profile-history,.account-box{padding:20px}}
@media(max-width:385px){.container{width:calc(100% - 26px)}.xp-pill{padding:0 8px;font-size:10px}.header-right{gap:7px}.hero-copy h1{font-size:50px}.hero-bottom span{font-size:9px}.world-tile{min-height:250px}.world-title{font-size:32px}.cup-grid{gap:8px}.cup-tile{padding:11px}.cup-card-bottom h3{font-size:17px}.cup-card-art .artwork{height:84px;width:84px}.cup-card-art{height:105px}.mode-card,.domain-card{padding:12px}.logic-tile strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Keep universe breadcrumbs separate from the eyebrow label. */
.universe-hero .crumb { display:flex; width:fit-content; }

/* =======================================================
   ARENA V2 · responsive gameplay, editorial library & XP
   ======================================================= */
:root{--v2-glow:#cae971;--v2-hairline:rgba(255,255,255,.105)}
.missions-panel{padding-top:64px;padding-bottom:24px}
.mission-count{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #9aaa64;color:#d2eb8c;padding:10px 16px;font:700 11px var(--heading);letter-spacing:.06em}
.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mission-card{padding:23px 22px 20px;min-height:225px;display:flex;flex-direction:column;background:linear-gradient(150deg,#1b2323,#111a1c);border:1px solid #31403b;border-radius:15px;transition:transform .2s,border-color .2s}
.mission-card:hover{transform:translateY(-3px);border-color:#9eb272}
.mission-card-top{display:flex;align-items:center;justify-content:space-between;color:#c3e28a;margin-bottom:24px;font-weight:800;font-size:12px}.mission-card h3{font:700 21px/1.2 var(--heading);letter-spacing:-.045em}.mission-card p{font-size:12px;color:#a6b5b2;margin-top:6px;line-height:1.4}.mission-card>strong{display:flex;align-items:center;gap:7px;color:#c3e28a;letter-spacing:.08em;font-size:10px;margin-top:17px}.mission-progress{margin-top:auto;height:5px;background:#334037;border-radius:99px;overflow:hidden}.mission-progress span{display:block;background:#c3e28a;height:100%;border-radius:99px}.mission-done{border-color:#81995a;background:linear-gradient(135deg,#263622,#18251d)}
.culture-learning{display:grid;grid-template-columns:1.3fr .9fr;overflow:hidden;border-radius:17px;background:linear-gradient(115deg,#3e2639,#1c1825);border:1px solid #604653;min-height:316px}.culture-learning>div:first-child{padding:40px 45px;z-index:1}.culture-learning h2{font:700 clamp(30px,3.2vw,47px)/1.05 var(--heading);letter-spacing:-.065em;white-space:pre-line;margin:14px 0}.culture-learning p{max-width:510px;color:#d6c6ce;font-size:14px;margin:0 0 24px}.culture-learning-art{background-position:center;background-size:cover;position:relative}.culture-learning-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#3e2639,rgba(30,20,25,.05) 80%)}.culture-learning-art>span{position:absolute;bottom:22px;right:25px;border:1px solid #e8dcbf;padding:8px 13px;border-radius:4px;color:#f2e7ce;font-size:10px;font-weight:900;letter-spacing:.12em}
.lessons-home{padding-top:45px;padding-bottom:120px}.editorial-intro{padding:54px 50px 45px;background:radial-gradient(circle at 80% 25%,rgba(223,177,114,.12),transparent 43%),linear-gradient(130deg,#32232c,#1d1a23);border:1px solid #55434f;border-radius:18px;margin:30px 0}.editorial-intro .eyebrow{color:#e6c797}.editorial-intro h1{font:700 clamp(38px,5.8vw,70px)/1.03 var(--heading);letter-spacing:-.078em;margin:20px 0}.editorial-intro h1 em{font-style:normal;color:#e9cd98}.editorial-intro>p{color:#ded0d2;font-size:15px;max-width:710px}.editorial-count{display:flex;align-items:baseline;gap:14px;margin-top:30px;flex-wrap:wrap}.editorial-count b{font:700 31px var(--heading);color:#e9cd98}.editorial-count span{font-size:11px;letter-spacing:.08em;color:#ddced2;text-transform:uppercase;margin-right:16px}
.lesson-search{display:flex;gap:10px;margin:0 0 20px}.lesson-search label{flex:1;display:flex;align-items:center;gap:9px;padding:0 16px;background:#1e2029;border:1px solid var(--line);border-radius:10px}.lesson-search input{min-width:0;width:100%;border:0;outline:0;padding:16px 0;background:none;color:var(--text)}.lesson-filters{display:flex;gap:8px;overflow:auto;padding-bottom:12px;margin-bottom:34px;scrollbar-width:thin}.lesson-filter{flex:none;border:1px solid #493e46;border-radius:99px;padding:10px 14px;color:#e7dce0;font-size:11px;font-weight:700;letter-spacing:.025em}.lesson-filter.selected{background:#e7c58d;color:#281e29;border-color:#e7c58d}
.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lesson-tile{background:#191a22;border:1px solid #3c343d;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.lesson-tile:hover{border-color:#c9a77c;transform:translateY(-4px)}.lesson-cover{height:180px;background-color:#302734;background-position:center;background-size:cover;position:relative}.lesson-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,10,16,.45),transparent 70%)}.lesson-cover span{position:absolute;left:16px;top:15px;border-radius:4px;padding:7px 9px;background:rgba(12,10,16,.75);font-size:10px;font-weight:800;color:#eadac2;text-transform:uppercase;z-index:1}.lesson-card-content{padding:21px 21px 18px;display:flex;flex-direction:column;flex:1}.lesson-card-content>.eyebrow{font-size:10px;color:#cba987}.lesson-card-content h3{font:700 21px/1.23 var(--heading);letter-spacing:-.045em;margin:10px 0}.lesson-card-content>p{color:#aaa5ac;line-height:1.57;font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:25px;font-size:10px;color:#c5b3a4;font-weight:800;letter-spacing:.04em}.lesson-card-bottom>span{color:#e7cfaa;display:flex;align-items:center;gap:4px}
.lesson-article{padding-top:42px;padding-bottom:100px}.lesson-article-hero{margin-top:25px;min-height:340px;border-radius:18px;overflow:hidden;display:flex;align-items:end;padding:50px 45px;position:relative;background:linear-gradient(90deg,rgba(22,16,26,.97) 10%,rgba(21,14,22,.58) 95%),var(--lesson-image) center/cover;isolation:isolate;border:1px solid #6b5262}.lesson-article-hero>div{max-width:790px;z-index:1}.lesson-article-hero .eyebrow{color:#dcbfa7}.lesson-article-hero h1{font:700 clamp(35px,4.8vw,62px)/1.08 var(--heading);letter-spacing:-.07em;margin:17px 0}.lesson-article-hero p{color:#e2cdd3}.lesson-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.lesson-body-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:60px;padding-top:50px}.lesson-table{position:sticky;top:100px;align-self:start;background:#181921;border:1px solid #3c303a;border-radius:13px;padding:22px}.lesson-table>.eyebrow{color:#d8b99e;display:block;margin-bottom:15px}.lesson-table a{display:flex;gap:13px;color:#d2c3c7;padding:12px 4px;border-top:1px solid #ffffff14;line-height:1.4;font-size:12px}.lesson-table a span{color:#bc997a;font-size:11px;font-weight:900}.lesson-table a:hover{color:#fff}.read-note{padding:17px 20px;background:#26302b;border:1px solid #465b44;border-radius:9px;display:flex;gap:10px;color:#dce7d1;font-size:12px;align-items:center;flex-wrap:wrap}.read-note strong{display:inline}.lesson-section{scroll-margin-top:110px;margin-top:42px;padding-bottom:35px;border-bottom:1px solid var(--line)}.lesson-section-heading{display:flex;gap:17px;align-items:baseline}.lesson-section-heading>span{color:#d6b78f;font:700 13px var(--heading)}.lesson-section h2{font:700 clamp(23px,2.7vw,35px)/1.2 var(--heading);letter-spacing:-.055em}.lesson-summary{background:#30232d;border:1px solid #725463;border-radius:10px;padding:20px 25px;margin-top:22px}.lesson-summary .eyebrow{color:#efd19c}.lesson-summary p{margin-top:9px;color:#e5dce0;font-size:14px;line-height:1.72}.lesson-expand{margin-top:12px;border:1px solid #38333d;background:#181921;border-radius:10px}.lesson-expand summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:16px 20px;font-size:12px;font-weight:800;color:#e6d3dd;list-style:none}.lesson-expand summary::-webkit-details-marker{display:none}.lesson-expand[open] summary svg{transform:rotate(90deg)}.lesson-rich{padding:8px 24px 24px;color:#d2cdd0}.lesson-rich p{font-size:15px;line-height:1.95;margin:0 0 19px}.lesson-rich strong{color:#ffe4ae}.lesson-end{border:1px solid #5d5343;background:linear-gradient(130deg,#343020,#191d20);padding:30px;border-radius:13px;margin-top:50px}.lesson-end h2{font:700 28px var(--heading);letter-spacing:-.04em}.lesson-end p{color:#c8c8bf;margin:9px 0 20px}.lesson-end>.btn{margin-right:8px;margin-bottom:8px}.lesson-source{font-size:11px;color:#888d94;margin:22px 0}.lesson-source a{text-decoration:underline;color:#d4bda0}.lesson-next{display:flex;align-items:center;gap:20px;background:#25232c;padding:25px;border-radius:12px}.lesson-next span{font-size:10px;color:#d1ab85;font-weight:800}.lesson-next strong{flex:1;font:700 19px var(--heading)}
.cup-extra-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:17px}.cup-extra-links .text-link{display:inline-flex;align-items:center;gap:7px}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.favorite-toggle{display:flex;align-items:center;gap:9px;color:#dad5dd;white-space:nowrap;font-size:12px;font-weight:700}.favorite-toggle input{width:17px;height:17px;accent-color:#e8cf9d}.catalog-caption{display:flex;justify-content:space-between;gap:15px;align-items:center}.track-card{position:relative}.track-text{padding-right:22px}.favorite-song{position:absolute;top:8px;right:8px;width:34px;height:34px;background:#13131dd9;color:#c0b5b5;display:grid;place-items:center;border:1px solid #ffffff3b;border-radius:50%;z-index:1}.favorite-song svg{width:17px;height:17px}.favorite-song.active{color:#ffe4ac;background:#70512d;border-color:#dab578}.favorite-song.active svg{fill:#ffe4ac44}.catalog-pagination{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:22px 0 40px}
.pools-dashboard{margin:40px 0 25px}.pools-dashboard>.eyebrow{display:block;margin-bottom:14px}.pools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pool-card{background:#1c2028;border:1px solid #474251;border-radius:12px;padding:16px;min-width:0}.pool-card h3{font:700 13px var(--heading);letter-spacing:.08em;margin-bottom:12px;color:#e6d5ab}.pool-entry{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #ffffff15;min-width:0}.pool-entry>span{font:800 11px var(--heading);color:#9ba4b1}.pool-entry strong{flex:1;font-size:11px;font-weight:700;overflow-wrap:anywhere;min-width:0}.pool-entry b{font-size:10px;color:#c8dfb2;white-space:nowrap}.bracket-page{padding:50px 0 100px}.bracket-pools,.bracket-rounds{margin:40px 0}.bracket-pools>h2,.bracket-rounds>h2{font:700 26px var(--heading);margin-bottom:20px}.bracket-columns{display:flex;gap:12px;overflow-x:auto;padding-bottom:26px;scrollbar-width:thin}.bracket-round{flex:0 0 clamp(210px,25%,315px);min-width:0}.bracket-round>.eyebrow{margin-bottom:12px;display:block}.bracket-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bracket-match{background:#1b1e27;border:1px solid #4c4857;border-radius:9px;padding:13px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px;min-width:0}.bracket-match>div,.bracket-match>strong{font-size:12px;font-weight:750;overflow-wrap:anywhere;padding:3px 0}.bracket-match>small{font-size:9px;color:#98a0aa}.bracket-match>em{color:#c7cfac;font-size:10px;font-style:normal}.bracket-match>span{color:#dec597;font-size:9px;font-weight:800}.bracket-match .match-winner{color:#cfeda7}.bracket-active{border-color:#b9d77d;box-shadow:0 0 0 2px #9fb95a22}
.profile-quick-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:30px 0}.profile-streak{font-size:11px;color:#b6c8a5;display:flex;gap:5px;align-items:center;padding:10px}.achievement-section{margin:50px 0 25px}.achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.achievement{background:#1b2027;border:1px solid #39404a;border-radius:12px;padding:19px;min-height:170px;display:flex;flex-direction:column;gap:7px}.achievement .ach-icon{color:#cedba3}.achievement strong{font:700 16px var(--heading)}.achievement p{color:#9da6aa;font-size:11px;line-height:1.45}.achievement .ach-progress{margin-top:auto;font:800 10px var(--heading);color:#c4d8a7;letter-spacing:.055em}.ach-unlocked{background:linear-gradient(130deg,#2d3431,#1b2423);border-color:#65816a}.ach-locked{opacity:.7}.archive-hub{padding:60px 0 100px}.archive-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.archive-stats>div{background:#22242c;border:1px solid var(--line);padding:25px;border-radius:12px}.archive-stats strong{display:block;font:700 32px var(--heading)}.archive-stats span{color:#9da4ae;font-size:11px}.archive-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-wide{background:linear-gradient(125deg,#302431,#1c2429);border:1px solid #504452;border-radius:12px;padding:24px}.archive-wide h3{font:700 25px var(--heading);letter-spacing:-.05em;margin:12px 0}.archive-wide p{color:#aeb2b4;font-size:12px}.archive-wide>span:last-child{display:flex;align-items:center;gap:7px;color:#e6c98f;font-size:10px;margin-top:17px;font-weight:800}
@media(max-width:1100px){.pools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bracket-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.missions-panel{padding-top:36px}.mission-grid{grid-template-columns:1fr;gap:9px}.mission-card{min-height:0;padding:17px}.mission-card-top{margin-bottom:12px}.mission-card h3{font-size:18px}.mission-progress{margin-top:16px}.culture-learning{grid-template-columns:1fr}.culture-learning>div:first-child{padding:29px 24px}.culture-learning-art{min-height:165px}.culture-learning-art:before{background:linear-gradient(0deg,#382634,transparent 85%)}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lessons-home{padding-top:28px}.editorial-intro{padding:35px 24px}.editorial-intro h1{font-size:40px}.lesson-grid{grid-template-columns:1fr}.lesson-cover{height:192px}.lesson-search{flex-wrap:wrap}.lesson-search label{flex:1 1 100%}.lesson-search .btn{width:100%}.lesson-article{padding-top:30px}.lesson-article-hero{padding:33px 23px;min-height:320px}.lesson-article-hero h1{font-size:37px}.lesson-body-layout{display:block;padding-top:30px}.lesson-table{position:relative;top:auto;margin-bottom:23px}.lesson-section{margin-top:35px}.lesson-summary{padding:18px}.lesson-rich{padding:8px 18px 18px}.lesson-rich p{font-size:14px}.bracket-cards{grid-template-columns:1fr}.bracket-round{flex-basis:240px}.archive-cards{grid-template-columns:1fr}.archive-stats>div{padding:15px}.archive-stats strong{font-size:25px}.profile-quick-actions .btn{width:100%;justify-content:center}}
@media(max-width:420px){.format-grid{grid-template-columns:1fr}.pools-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.achievement{padding:14px}.culture-learning h2{font-size:33px}.lesson-article-hero h1{font-size:33px}.lesson-section h2{font-size:23px}.editorial-intro h1{font-size:35px}.lesson-next{flex-wrap:wrap}.lesson-next strong{flex:1 0 100%}.archive-stats>div{padding:12px}.archive-stats strong{font-size:22px}}
/* Rap Arena V2 · heritage debates */
.rap-debates-feature{min-height:310px;border:1px solid #67424e;border-radius:14px;background:radial-gradient(ellipse at 90% 10%,#6a3541 0%,transparent 55%),linear-gradient(120deg,#321e2b,#1b1b25);display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:center;padding:40px 45px}.rap-debates-feature h2{font:700 clamp(29px,3.5vw,47px)/1.1 var(--heading);letter-spacing:-.055em;margin:13px 0}.rap-debates-feature p{color:#d5c3c9;max-width:540px;margin-bottom:21px}.debate-feature-stats{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;color:#ffd4ca}.debate-feature-stats strong{font:700 100px/1 var(--heading);letter-spacing:-.08em}.debate-feature-stats span,.debate-feature-stats small{font-size:12px;letter-spacing:.12em}.debate-feature-stats small{color:#bfaab0}
.debate-hero{padding:47px 0 55px;background:radial-gradient(ellipse at 80% 30%,rgba(200,73,107,.3),transparent 58%),linear-gradient(120deg,#301c2a,#171822)}.debate-hero .crumb{margin-bottom:45px}.debate-hero .eyebrow{color:#fab9cd}.debate-hero h1{font:700 clamp(45px,6vw,78px)/1.02 var(--heading);letter-spacing:-.075em;margin:15px 0}.debate-hero h1 em{font-style:normal;color:#f5b5c4}.debate-hero p{color:#d8c7cf;max-width:650px}.debate-ticker{display:flex;gap:45px;margin-top:40px}.debate-ticker>div{display:flex;flex-direction:column}.debate-ticker b{font:700 38px var(--heading);letter-spacing:-.04em;color:#f6c5d1}.debate-ticker span{font-size:10px;color:#c5b8bc;text-transform:uppercase;letter-spacing:.08em}.debates-main{padding-top:45px;padding-bottom:90px}.debate-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:25px 0}.debate-filters .search-field{flex:1 1 260px}.debate-filters select{padding:14px;background:#21212b;color:#ddd;border:1px solid #ffffff29;border-radius:8px}.debate-list-head{display:flex;justify-content:space-between;color:#a5a4b0;font-size:11px;margin-bottom:15px}.debate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.debate-card{min-height:248px;background:linear-gradient(145deg,#271e2a,#1a1c26);border:1px solid #504152;border-radius:13px;padding:25px;display:flex;flex-direction:column}.debate-card-top{display:flex;justify-content:space-between;align-items:center;color:#e0acba;font-size:10px;font-weight:800;letter-spacing:.09em}.debate-card-top small{color:#787c8a}.debate-card h3{font:700 21px/1.3 var(--heading);letter-spacing:-.035em;margin:14px 0 20px;min-height:55px}.debate-choices{display:flex;align-items:center;gap:8px}.debate-choice{flex:1;min-width:0;min-height:53px;border:1px solid #67515e;background:#34222f;color:#eadbe0;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;padding:11px 13px;font:700 13px var(--heading);transition:border-color .15s,background .15s}.debate-choice:hover{border-color:#dfa5bd}.debate-choice.voted{background:#784458;color:#fff;border-color:#f2a9c1}.debate-choices>span{color:#9c8b96;font-size:9px;font-weight:800}.debate-card>p{margin-top:auto;padding-top:17px;color:#a99da9;font-size:11px}.debate-disclaimer{font-size:11px;color:#8e8795;text-align:center}.debate-leaderboard{padding:60px 0 100px}.own-rankings{margin-top:38px;max-width:900px}.own-rank{display:flex;align-items:center;gap:22px;border-bottom:1px solid #ffffff1a;padding:19px 14px}.own-rank>strong{font:700 26px var(--heading);color:#dda6b8}.own-rank>div:nth-child(2){width:210px;display:flex;flex-direction:column}.own-rank b{font:700 18px var(--heading)}.own-rank span{color:#9fa0a8;font-size:11px}.rank-bar{flex:1;height:7px;border-radius:10px;background:#3b3340;overflow:hidden}.rank-bar i{height:100%;background:linear-gradient(90deg,#dc8caa,#a66a91);display:block;border-radius:10px}
@media(max-width:760px){.rap-debates-feature{grid-template-columns:1fr;padding:30px 23px}.debate-feature-stats{align-items:flex-start}.debate-feature-stats strong{font-size:70px}.debate-ticker{gap:24px;flex-wrap:wrap}.debate-ticker b{font-size:29px}.debate-hero{padding-top:25px}.debate-hero h1{font-size:48px}.debate-grid{grid-template-columns:1fr}.debate-card{padding:20px}.debate-filters .search-field{flex:1 1 100%}.own-rank>div:nth-child(2){width:140px}.debate-choices{gap:6px}.debate-choice{font-size:12px}}
/* ARENA V2 social · real profile + friend request UX */
.social-page{padding-top:45px;padding-bottom:110px}.social-hero{background:radial-gradient(ellipse at 80% 20%,#314e48,transparent 60%),linear-gradient(125deg,#172528,#131b23);border:1px solid #38534c;border-radius:15px;padding:42px;margin:25px 0 30px}.social-hero .eyebrow{color:#bde0c4}.social-hero h1{font:700 clamp(42px,5vw,68px)/1.03 var(--heading);letter-spacing:-.065em;margin:17px 0}.social-hero p{color:#cad6d0;max-width:620px}.social-hero-stats{display:flex;gap:20px;flex-wrap:wrap;color:#c5e9c4;font-size:11px;font-weight:800;margin-top:24px;letter-spacing:.08em}.social-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:20px 0 55px}.social-pane{background:#1c2128;border:1px solid #344249;border-radius:13px;padding:30px}.social-pane h2{font:700 25px var(--heading);letter-spacing:-.04em;margin:10px 0}.social-pane>.muted{font-size:12px;line-height:1.6;margin-bottom:20px}.social-pane form[data-form="social-profile"]{display:flex;flex-direction:column;gap:17px}.social-pane form[data-form="social-profile"]>label{font-size:12px;font-weight:700;color:#e2e9e7}.social-pane form[data-form="social-profile"]>label small{color:#a1b8ad;font-size:10px}.social-pane input:not([type="checkbox"]){display:block;width:100%;margin-top:8px;padding:14px 12px;background:#12171b;border:1px solid #45524e;border-radius:8px;outline:0;color:#fff}.social-pane input:not([type="checkbox"]):focus{border-color:#a0d4b0}.privacy-checkbox{display:flex;align-items:center;gap:10px}.privacy-checkbox input{width:17px;height:17px;accent-color:#bddea2}.social-search{display:flex;gap:8px}.social-search input{flex:1;min-width:0}.social-search .btn{align-self:end}.social-results{margin-top:22px}.social-result{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #ffffff20;padding:13px 0}.social-result>div{display:flex;flex-direction:column}.social-result strong{font-size:14px}.social-result small{color:#8faca7}.social-status{font-size:9px;color:#a9cbb4}.social-error{margin-bottom:16px;border:1px solid #b57784;background:#472b35;color:#ffe9e8;border-radius:8px;padding:15px;font-size:12px}.friend-list{border:1px solid #3a4547;border-radius:13px;overflow:hidden;background:#151b1e;margin-top:25px}.friend-row{display:flex;align-items:center;gap:15px;padding:18px 21px;border-bottom:1px solid #ffffff16}.friend-row:last-child{border:0}.friend-avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#334139;color:#b5d9bf}.friend-row>div:nth-child(2){flex:1;display:flex;flex-direction:column}.friend-row strong{font-weight:800;font-size:15px}.friend-row div>span{font-size:11px;color:#a4b4ab}.friend-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.friend-actions .btn{font-size:11px;padding:10px 14px}
@media(max-width:760px){.social-hero{padding:29px 23px}.social-two-column{grid-template-columns:1fr}.social-pane{padding:23px}.social-search{flex-wrap:wrap}.social-search .btn{width:100%;justify-content:center}.friend-row{align-items:flex-start;flex-wrap:wrap}.friend-actions{width:100%;padding-left:59px}}
/* PSG Coupe recovered legacy V16, nested safely within Football Arena */
.psg-cup-promo{border:1px solid #465e79;border-radius:15px;background:linear-gradient(120deg,#152e49,#141d30 66%,#382631);padding:44px 48px;display:grid;grid-template-columns:1fr 230px;align-items:center;gap:20px}.psg-cup-promo h2{font:800 clamp(38px,4vw,58px)/1 var(--heading);letter-spacing:-.055em;margin:12px 0}.psg-cup-promo p{max-width:620px;color:#c9d6e5;margin-bottom:24px}.psg-cup-promo .eyebrow{color:#e7c492}.psg-cup-mark{text-align:center;color:#f6e6dc;font:800 48px/.98 var(--heading);letter-spacing:-.07em}.psg-cup-mark span{color:#e16e79;font-size:34px}.psg-portal{padding:45px 0 95px}.psg-intro{padding:30px 0}.psg-intro .eyebrow{color:#e9c18d}.psg-intro h1{font:800 clamp(48px,6vw,82px)/1 var(--heading);letter-spacing:-.08em;margin:13px 0}.psg-intro p{max-width:760px;color:#bac4d6}.psg-legacy-note{display:flex;align-items:center;gap:10px;background:#22324b;border:1px solid #45607f;border-radius:8px;color:#d1ddea;padding:14px 17px;font-size:12px;margin-bottom:20px}.psg-frame-wrap{height:min(85vh,1100px);border:1px solid #364766;border-radius:15px;overflow:hidden;margin-bottom:18px}.psg-frame-wrap iframe{border:0;width:100%;height:100%;background:#061629}.psg-offline{border:1px solid #3e5169;background:#141f30;border-radius:12px;padding:34px}.psg-offline h2{font:700 24px var(--heading);margin-bottom:10px}.psg-offline p{max-width:700px;color:#b9cad6;margin-bottom:20px}@media(max-width:760px){.psg-cup-promo{grid-template-columns:1fr;padding:29px 24px}.psg-cup-mark{text-align:left;font-size:39px}.psg-cup-mark span{font-size:27px}.psg-frame-wrap{height:85vh}}
/* V4 — synchronisation fiable et compte unique */
.cloud-v4{margin:20px 0;padding:28px 25px;background:linear-gradient(135deg,#13211b,#151a22 65%);border:1px solid #375347;border-radius:14px}
.cloud-v4-head h3{font:700 clamp(21px,2.5vw,29px)/1.15 var(--heading);letter-spacing:-.05em;margin:10px 0 10px}
.cloud-v4-head p{font-size:12px;color:#c2cfc6;max-width:720px}
.cloud-v4-status{display:flex;align-items:center;gap:9px;margin:22px 0 16px;font-size:12px;flex-wrap:wrap}
.cloud-v4-status small{color:var(--muted)}
.cloud-v4-dot{width:9px;height:9px;background:#8c939e;border-radius:50%;flex-shrink:0}
.cloud-v4-dot.ok{background:#8ede9a}.cloud-v4-dot.warning{background:#ecab71}.cloud-v4-dot.busy{background:#c7b2f5}
.cloud-v4-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.cloud-v4-actions .btn{min-height:42px;font-size:11px;padding:12px 14px}
.cloud-v4-list{border:1px solid #344b41;border-radius:10px;margin:22px 0;overflow:hidden}
.cloud-v4-device{padding:15px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}
.cloud-v4-device:last-child{border-bottom:0}.cloud-v4-device>div{display:flex;flex-direction:column}.cloud-v4-device strong{font-size:12px}.cloud-v4-device span,.cloud-v4-device small{font-size:10px;color:var(--muted)}
.cloud-v4-device .btn{font-size:11px;padding:10px 12px;min-height:36px}
.cloud-v4-recovery{display:flex;gap:8px 22px;flex-wrap:wrap;margin:12px 0 4px}.cloud-v4-recovery .text-link{font-size:11px}
@media(max-width:760px){.cloud-v4{padding:21px 15px}.cloud-v4-actions{flex-direction:column}.cloud-v4-actions .btn{width:100%}}
/* V5: meaningful gameplay additions, preserving established universe identities. */
.v5-training{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 30px;border:1px solid rgba(188,165,115,.31);background:linear-gradient(122deg,rgba(201,162,86,.11),rgba(22,27,40,.16));border-radius:22px;margin:28px 0}
.v5-training h2{margin:9px 0;font-size:clamp(23px,3vw,34px)}.v5-training p{color:var(--muted,#aeb6c8);max-width:610px;line-height:1.6;margin:0}.v5-training .btn{flex-shrink:0}
.football-free-form{display:flex;flex-direction:column;gap:12px;max-width:610px;margin:26px auto 12px}.football-free-form label{font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#c7d0de}.football-free-form input{width:100%;border:1px solid rgba(210,219,235,.3);border-radius:15px;background:rgba(8,13,25,.76);color:#fff;font:inherit;font-size:18px;padding:19px 20px;outline-offset:3px}.football-free-form input:focus{border-color:#cfb57c;box-shadow:0 0 0 3px rgba(220,184,112,.15)}.football-free-form .btn{align-self:flex-start}
.football-hints{margin:24px auto;padding:19px 22px;max-width:730px;border:1px solid rgba(196,202,214,.22);border-radius:17px;background:rgba(18,25,40,.52)}.football-hints p{margin:12px 0;line-height:1.65;color:#e5e9ef}.football-hints .btn{margin-top:8px}
.logic-visual-sequence{display:flex;gap:13px;flex-wrap:wrap;align-items:center;justify-content:center;padding:24px 16px;margin:22px auto;background:rgba(107,101,199,.09);border:1px solid rgba(132,127,229,.3);border-radius:17px}.logic-figure{width:43px;height:43px;background:#ad9cf5;display:block;flex-shrink:0;box-shadow:0 0 13px rgba(155,132,250,.18)}.figure-circle{border-radius:50%}.figure-square{border-radius:5px}.figure-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.figure-pentagon{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.figure-hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.visual-unknown{font-size:35px;color:#e2cff9;min-width:35px;text-align:center}
@media(max-width:720px){.v5-training{padding:23px 19px;flex-direction:column;align-items:stretch}.v5-training .btn{width:100%;justify-content:center}.logic-figure{width:29px;height:29px}.logic-visual-sequence{gap:9px;padding:20px 9px}.football-free-form input{font-size:16px}}

/* ARENA V6 / social competition — inherits the understated premium system */
.verified-root{padding-top:34px;padding-bottom:90px}.verified-hero{border:1px solid #444454;border-radius:26px;padding:52px 45px;margin:26px 0 34px;background:radial-gradient(circle at 80% 22%,#413147aa,transparent 48%),linear-gradient(118deg,#10121a,#181721)}
.verified-hero h1{font-size:clamp(43px,6vw,87px);letter-spacing:-.055em;line-height:.96;margin:18px 0 19px;font-weight:750}.verified-hero h1 em{font-style:normal;color:#d2b07a}.verified-hero p{color:#c6c4ce;line-height:1.65;max-width:600px;font-size:15px}.verified-chips{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.verified-chips span{display:inline-flex;align-items:center;gap:8px;border:1px solid #4a4451;border-radius:999px;color:#dcd4cd;padding:9px 14px;font-size:11px;letter-spacing:.04em}
.verified-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.verified-pane{border:1px solid #2f303c;background:linear-gradient(140deg,#151720,#101117);border-radius:21px;padding:27px}.verified-pane-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#a09baa;font-size:11px;letter-spacing:.08em}.verified-pane-top .eyebrow{color:#c2a379}.verified-score{display:flex;align-items:baseline;gap:13px;margin:18px 0}.verified-score strong{font-family:'Space Grotesk',sans-serif;font-size:50px;line-height:1;color:#fff}.verified-score span{color:#b9b6bd;font-size:13px}.verified-track{width:100%;height:6px;border-radius:999px;overflow:hidden;background:#373541;margin-bottom:26px}.verified-track span{display:block;height:100%;border-radius:999px;background:#c5a16d;transition:width .25s}.verified-world{display:block;color:#d8b980;font-size:11px;letter-spacing:.14em;font-weight:700}.verified-question-index{display:block;color:#9c9ba4;font-size:11px;margin-top:7px}.verified-question h2{font-size:clamp(22px,2.3vw,31px);margin:16px 0 23px;line-height:1.25;letter-spacing:-.025em}.verified-answers{display:grid;gap:11px;margin-bottom:18px}.verified-choice{border:1px solid #383945;border-radius:13px;color:#f1f0f4;background:#20212b;display:flex;align-items:center;text-align:left;gap:15px;padding:14px 17px;cursor:pointer;transition:background .2s,border-color .2s}.verified-choice>span{font-size:11px;font-weight:800;display:grid;place-items:center;border-radius:8px;color:#d3b88b;background:#393238;min-width:30px;height:30px}.verified-choice:hover,.verified-choice:focus-visible{border-color:#be956e;background:#292631}.verified-choice:disabled{opacity:.5;cursor:default}.verified-feedback{border:1px solid #4b4552;border-radius:12px;margin:18px 0;padding:15px;background:#24222c}.verified-feedback.is-right{border-color:#417a65}.verified-feedback.is-wrong{border-color:#8a6153}.verified-feedback strong{font-size:13px}.verified-feedback p{font-size:13px;color:#cac6cc;line-height:1.5;margin:7px 0 0}.verified-finished{margin:45px auto;text-align:center;max-width:350px}.verified-finished-icon{color:#d1ad70}.verified-finished h2{font-size:28px}.verified-finished p{color:#bdbac2;font-size:14px;line-height:1.6}
.verified-pane h2{font-size:27px;margin:17px 0}.verified-filter{display:flex;border-radius:10px;background:#20212b;padding:4px;gap:4px;margin-bottom:20px}.verified-filter button{flex:1;border:0;background:transparent;color:#a5a5af;min-height:39px;border-radius:8px;font-size:12px;cursor:pointer}.verified-filter button.on{background:#44404b;color:#fff}.verified-rank-list{display:grid;gap:8px;margin-bottom:12px}.verified-rank{display:flex;align-items:center;gap:14px;padding:12px 11px;border:1px solid #30313a;border-radius:11px}.verified-rank.its-me{border-color:#9e7e52;background:#332b2c}.verified-place{font-size:17px;color:#c3a272;min-width:27px}.verified-rank>div{flex:1;min-width:0}.verified-rank>div strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verified-rank small,.verified-friend small,.verified-invite small{display:block;font-size:11px;color:#adaab4;margin-top:3px}.verified-rank>span{font-size:13px;font-weight:700;color:#ead6ae}.verified-duels{margin-top:22px}.verified-duels .section-head{margin-bottom:24px}.verified-friends,.verified-invites{display:grid;gap:10px}.verified-friend,.verified-invite{border:1px solid #343642;border-radius:12px;padding:14px;display:flex;gap:12px;justify-content:space-between;align-items:center}.verified-friend>div:first-child,.verified-invite>div:first-child{min-width:0}.verified-friend strong,.verified-invite strong{display:block;font-size:14px}.verified-invite>div:last-child{display:flex;flex-wrap:wrap;gap:7px}.verified-friend .btn,.verified-invite .btn{font-size:11px;padding:11px 14px}.verified-invites{margin-top:18px}.verified-status{font-size:10px;letter-spacing:.05em;color:#c7a975}.verified-error{border:1px solid #965b53;background:#302029;padding:15px 18px;border-radius:12px;margin-bottom:22px;color:#f6c9c3}.verified-error button{background:none;color:#f0d6cf;text-decoration:underline;border:0;cursor:pointer}.verified-root .fine-print{font-size:11px;color:#9d9ba4;margin-top:16px;line-height:1.55}
@media(max-width:850px){.verified-grid{grid-template-columns:1fr}.verified-hero{padding:40px 28px}.verified-pane{padding:22px}.verified-duels .section-head{display:block}.verified-duels .section-head .btn{margin-top:18px}}
@media(max-width:480px){.verified-root{padding-top:18px}.verified-hero{padding:29px 22px;margin:16px 0 24px}.verified-hero h1{font-size:46px}.verified-pane{padding:18px;border-radius:16px}.verified-score strong{font-size:41px}.verified-chips{gap:7px}.verified-chips span{font-size:10px;padding:8px 10px}.verified-answers{gap:9px}.verified-friend,.verified-invite{align-items:flex-start;flex-direction:column}.verified-friend>.btn{width:100%}.verified-invite>div:last-child{width:100%}.verified-invite .btn{flex:1}}
/* V7 — accessibility improvements, no redesign (visual refactor reserved for V9). */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #f0c778;outline-offset:3px}
:where(button,[role="button"]):disabled{cursor:not-allowed;opacity:.58}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media (max-width:600px){.verified-choice,.verified-filter button,.social-search button{min-height:44px}}

/* V7 — compact truthful stats for completed runs in the shared account. */
.profile-run-summary{margin:34px 0 24px}
.profile-run-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.profile-run-summary-card{border:1px solid #333c4a;background:#161b25;border-radius:12px;padding:15px 16px;display:flex;flex-direction:column;gap:5px}
.profile-run-summary-card strong{font-size:14px}
.profile-run-summary-card span{font-size:12px;color:#d5d8e1}
.profile-run-summary-card small{font-size:11px;color:#b0b9c7}
@media(max-width:600px){.profile-run-summary-grid{grid-template-columns:1fr}}
/* V8: functionality-first modules. Visual identity preserved for dedicated V9 art direction. */
.v8-resume-section{padding-top:45px}.v8-resume-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.insight-resume{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#1a2029,#111820);border:1px solid var(--line);border-radius:16px;padding:18px 20px;min-width:0;transition:border-color .2s,transform .2s}
.insight-resume:hover{border-color:#9ab777;transform:translateY(-2px)}.insight-resume>span{height:40px;width:40px;display:grid;place-items:center;background:#303a37;border-radius:12px}.insight-resume>div{flex:1;min-width:0}.insight-resume strong{display:block;font-size:14px}.insight-resume small{font-size:12px;color:#aeb5bd;display:block;margin-top:5px}
.insight-resume.insight-rap>span{background:#47303a}.insight-resume.insight-football>span{background:#293c51}.insight-resume.insight-culture>span{background:#49313e}.insight-resume.insight-logic>span{background:#363452}
.v8-insights{gap:38px;padding-top:45px}.insight-level{font-size:12px;letter-spacing:.1em;border:1px solid var(--line);border-radius:99px;padding:10px 15px;color:var(--gold)}
.insight-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.insight-stat{display:flex;flex-direction:column;gap:7px;padding:21px;border:1px solid var(--line);background:var(--surface);border-radius:16px}.insight-stat>span{color:#9ca5b3;font-size:10px;font-weight:800;letter-spacing:.12em}.insight-stat>strong{font-size:clamp(24px,3vw,35px);letter-spacing:-.04em}.insight-stat>small{color:#b5bbc6;font-size:11px}
.v8-insight-block{padding:28px;border:1px solid var(--line);background:#131821;border-radius:19px}.v8-insight-block .section-head{margin-bottom:15px}
.insight-world-bars{display:grid;gap:15px}.insight-world{display:grid;grid-template-columns:26px minmax(130px,190px) minmax(80px,1fr) 100px;align-items:center;gap:12px;font-size:12px}.insight-world>span{color:var(--gold)}.insight-world>b{text-align:right;color:#d9dddf}.insight-track{height:9px;border-radius:99px;background:#2d3540;overflow:hidden}.insight-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c1de70,#e2ca89)}
.insight-learning{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.insight-learning-card{min-width:0;display:flex;flex-direction:column;gap:9px;align-items:start;border:1px solid #3b414c;border-radius:12px;padding:18px;background:#1d232e}.insight-learning-card strong{font-size:16px}.insight-learning-card>span{font-size:18px;font-weight:800;color:#f1d293}.insight-learning-card small{font-size:11px;color:#bec3cb;line-height:1.6}
.insight-cups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.insight-cup{display:flex;gap:11px;align-items:center;border:1px solid #333c46;border-radius:10px;padding:14px 16px}.insight-cup strong{font-size:13px;min-width:0}.insight-cup span{font-size:11px;color:#adb3c0;flex:1;min-width:0}.insight-revision-actions{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}.insight-flags{display:grid;gap:8px}.insight-flag{padding:13px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:15px}.insight-flag strong{display:block;font-size:12px}.insight-flag small{font-size:11px;color:var(--muted)}.insight-flag .btn{min-height:35px;padding:8px 12px;white-space:nowrap}
.v8-culture-tools{display:flex;justify-content:flex-start;gap:9px;flex-wrap:wrap;margin:20px 0}.v8-culture-tools .btn{font-size:11px;padding:10px 13px;min-height:40px}
.v8-long-quiz,.v8-bookmark-quiz,.v8-football-formats{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 29px;border:1px solid #48404b;background:linear-gradient(135deg,#241d2a,#151923);border-radius:18px}
.v8-long-quiz h2,.v8-bookmark-quiz h2,.v8-football-formats h2{font-size:clamp(22px,2.3vw,32px);margin:9px 0}.v8-long-quiz p,.v8-bookmark-quiz p,.v8-football-formats p{font-size:13px;color:#b6bac6;max-width:600px}.v8-football-formats{border-color:#384b56;background:linear-gradient(135deg,#152735,#111721)}.v8-football-formats>div:last-child{display:flex;gap:9px;flex-wrap:wrap}
.v8-podium-detail{font-size:11px;color:#c8bbd0;margin-top:4px}
@media(max-width:900px){.insight-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-learning{grid-template-columns:1fr}.insight-world{grid-template-columns:26px minmax(100px,160px) 1fr 85px}}
@media(max-width:700px){.v8-resume-list,.insight-cups{grid-template-columns:1fr}.v8-insight-block{padding:18px}.insight-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-long-quiz,.v8-bookmark-quiz,.v8-football-formats{flex-direction:column;align-items:stretch;padding:19px}.v8-long-quiz .btn,.v8-bookmark-quiz .btn,.v8-football-formats .btn{width:100%}.v8-football-formats>div:last-child{flex-direction:column}.insight-world{grid-template-columns:22px 1fr 84px;gap:8px}.insight-world .insight-track{grid-column:2/4;grid-row:2}.insight-world>b{grid-column:3;grid-row:1}.insight-flag{flex-direction:column;align-items:stretch}.insight-flag .btn{align-self:flex-start}}

/* Heritage gameplay restoration — interface preserves ARENA's existing design system */
.heritage-restore-feature{padding:32px;border-radius:18px;background:linear-gradient(135deg,#211a25,#31212c);border:1px solid #8b586b44;color:#faf4f6}.heritage-restore-feature h2{font-size:clamp(25px,3.3vw,41px);margin:10px 0}.heritage-restore-feature p{max-width:710px;color:#d5c5d0}.heritage-restore-feature .hero-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.heritage-football{background:linear-gradient(115deg,#102b35,#203b47);border-color:#4f829044}
.artist-battle-root .section-head,.artist-rank-root .section-head{align-items:center}.artist-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.artist-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.artist-person{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line,#343843);border-radius:12px;background:#181920;color:#fff;font-weight:650;min-width:0}.artist-person span:last-child{overflow-wrap:anywhere}.artist-face{width:96px;height:108px;flex:0 0 auto;display:block;position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#53323f,#222a37)}.artist-face img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.artist-face:has(img) .artist-initials{display:none}.artist-initials{height:100%;display:grid;place-items:center;color:#f5ecf1;font-size:22px;font-weight:900}.artist-face.is-small{width:52px;height:56px}.artist-face.is-small .artist-initials{font-size:15px}.artist-battle-body{padding:26px;border:1px solid #ffffff1e;border-radius:17px;background:#191b24}.artist-battle-body h2{font-size:clamp(21px,3vw,36px);text-align:center;margin:22px auto}.artist-duel-cards{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:center;gap:14px;max-width:850px;margin:24px auto}.artist-versus{text-align:center;font-weight:900;color:#ba9ca7}.artist-pick{border:1px solid #5e5461;border-radius:18px;background:#22202d;color:#fff;display:flex;flex-direction:column;align-items:center;padding:18px;gap:12px;min-width:0;transition:transform .15s,border-color .15s}.artist-pick:hover,.artist-pick:focus-visible{transform:translateY(-3px);border-color:#e3a8c0}.artist-pick .artist-face{width:100%;max-width:275px;height:clamp(160px,23vw,250px)}.artist-pick strong{font-size:clamp(18px,2.2vw,28px);text-align:center}.artist-pick>span:last-child{font-size:11px;font-weight:800;color:#cfa7b9;display:flex;gap:6px;align-items:center}.artist-battle-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.artist-table{margin-top:20px;border-top:1px solid #ffffff24;padding:14px 0}.artist-table summary{cursor:pointer;font-weight:700}.artist-round{padding:10px 0}.artist-round h3{font-size:16px}.artist-round p{color:#c1bbc2;font-size:13px}.artist-ranking-list{display:grid;gap:8px}.artist-rank-row{display:grid;grid-template-columns:44px 52px minmax(90px,1fr) minmax(110px,auto) 85px;align-items:center;gap:14px;padding:10px 14px;border-radius:12px;background:#181c24;border:1px solid #ffffff1a;color:#f5f2f5}.artist-rank-row .artist-rank-position{font-weight:900;color:#b7a7b0}.artist-rank-row>span:nth-last-child(-n+2){font-size:12px;color:#b3b7c6}.artist-archive-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff14}.artist-podium{display:grid;place-items:center;gap:12px;text-align:center;padding:32px;border-radius:20px;background:#2a1f2b}.artist-podium .artist-face{width:160px;height:180px}.artist-podium h2{font-size:clamp(32px,5vw,57px);margin:0}
.football-xi-root{padding-block:30px 80px}.xi-head{margin:20px 0}.xi-head h1{font-size:clamp(25px,4vw,47px);line-height:1.05;margin:9px 0}.xi-head p{max-width:760px;color:#b9c4cd}.xi-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.xi-meta span{font-size:12px;background:#ffffff11;border:1px solid #ffffff20;padding:8px 12px;border-radius:99px}.xi-layout{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(300px,1fr);gap:22px;align-items:start}.xi-pitch-wrap{min-width:0}.xi-pitch{aspect-ratio:0.83;min-height:550px;position:relative;border-radius:15px;overflow:hidden;border:6px solid #264c3c;background:repeating-linear-gradient(0deg,#205644 0 12.5%,#1d4d3e 12.5% 25%)}.xi-pitch:before{content:'';position:absolute;inset:4% 4%;border:2px solid #ffffff50;pointer-events:none}.xi-pitch:after{content:'';position:absolute;left:50%;top:50%;width:25%;aspect-ratio:1;border:2px solid #ffffff65;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.xi-pitch-center{position:absolute;top:50%;left:4%;right:4%;border-top:2px solid #ffffff65;pointer-events:none}.xi-slot{position:absolute;z-index:2;transform:translate(-50%,-50%);min-width:87px;max-width:112px;width:18%;padding:6px 4px;border:1px solid #ffffff99;border-radius:10px;background:#0b201deb;color:#fff;display:grid;justify-items:center;gap:3px;box-shadow:0 3px 15px #0007}.xi-slot .xi-position{font-size:9px;line-height:1.1;max-width:100%;white-space:normal}.xi-slot strong{font-size:10px;line-height:1.12;text-align:center;overflow-wrap:anywhere}.xi-slot .xi-face{width:32px;height:32px;background:#67847d;border-radius:50%;overflow:hidden}.xi-slot .xi-face img{width:100%;height:100%;object-fit:cover}.xi-slot.active{border:2px solid #ffe49b;background:#304c3c}.xi-slot.is-correct{border-color:#8df1bc}.xi-slot.is-wrong{border-color:#f39e9e}.xi-progress{margin-top:8px;color:#a8b9b1;font-size:13px}.xi-squad{padding:20px;border:1px solid #ffffff25;border-radius:16px;background:#161d24}.xi-squad h2{font-size:24px;margin:10px 0}.xi-squad-head p{color:#b3c2c9;font-size:13px}.xi-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.xi-player{min-height:55px;display:flex;align-items:center;gap:8px;background:#26313b;border:1px solid #53616a;color:#fff;border-radius:10px;text-align:left;padding:7px;font-size:12px}.xi-player:hover{border-color:#dedfe4}.xi-player img{width:38px;height:40px;object-fit:cover;border-radius:6px}.xi-player.already-picked{opacity:.42}.xi-player span{overflow-wrap:anywhere}.xi-controls{display:flex;flex-wrap:wrap;gap:8px}.xi-hint{padding:18px 0;color:#bdc8ca}.xi-solutions{padding-left:18px}.xi-solutions li{padding:5px 0;border-bottom:1px solid #ffffff1a}.xi-solutions span{display:inline-block;min-width:145px;font-size:12px;color:#aebfc4}.xi-solutions strong{font-size:13px}.football-registry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.football-person-card{display:flex;gap:10px;padding:12px;border:1px solid #ffffff20;border-radius:12px;background:#191e25;min-width:0}.football-person-card>img,.football-avatar-fallback{width:65px;height:75px;object-fit:cover;border-radius:8px;flex:0 0 auto;background:#25404c}.football-avatar-fallback{display:grid;place-items:center;font-size:28px}.football-person-card>div{display:flex;flex-direction:column;gap:4px;min-width:0}.football-person-card strong{font-size:14px}.football-person-card small,.football-player-id{font-size:11px;color:#b8c4c8;overflow-wrap:anywhere}.football-credit{font-size:10px;color:#bad8f7;overflow-wrap:anywhere}
@media(max-width:750px){.artist-modes{grid-template-columns:1fr}.artist-duel-cards{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:6px}.artist-pick{padding:9px}.artist-pick .artist-face{height:152px}.artist-rank-row{grid-template-columns:26px 42px minmax(90px,1fr);gap:6px}.artist-rank-row>span:nth-last-child(-n+2){display:none}.xi-layout{grid-template-columns:1fr}.xi-pitch{min-height:475px;aspect-ratio:.87}.xi-slot{min-width:74px;padding:4px 2px}.xi-slot strong{font-size:9px}.xi-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xi-squad{padding:12px}.artist-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-person{padding:8px;gap:8px;font-size:12px}.artist-face{width:72px;height:88px}.artist-pick .artist-face{width:100%}}