/* Xenathéon Le Nexus : direction azur et verre, commune au site et à la PWA. */
:root{--bg:#030e1d;--panel:#081d32;--line:#27526f;--muted:#9fb8cf;--text:#f0f8ff;--accent:#69d9ff;--green:#82ccff;--glass:linear-gradient(140deg,#113b56c9,#061b2de8)}
body{background:radial-gradient(ellipse at 72% 0,#1236538c,transparent 60%),linear-gradient(#041729,#020c19 75%);min-height:100dvh;color:var(--text)}
button,input,select,textarea{font-family:var(--font)}
.nexus-header{position:sticky;top:12px;z-index:25;min-height:78px;margin:18px 26px 0;padding:12px 22px;display:flex;align-items:center;gap:24px;border:1px solid #58b8e48f;border-radius:16px;background:linear-gradient(110deg,#04192cf5,#092a40e8 60%,#031525f5);box-shadow:0 14px 40px #0005,inset 0 1px 0 #a9dfff19;backdrop-filter:blur(22px)}
.brand{gap:11px;font-size:23px;letter-spacing:3.5px;white-space:nowrap}.brand img{border-radius:0}.brand small{font-size:6px;color:#8eb9d8;letter-spacing:1.7px;margin-top:6px}
.nexus-header nav{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0}.nexus-header .nav-item{display:flex;justify-content:center;gap:0;width:auto;white-space:nowrap;min-height:37px;margin:0;padding:10px 16px;border-radius:22px;color:#c4dbed;font-size:11px;border:1px solid transparent;font-weight:600}.nexus-header .nav-item svg,.nexus-header .count{display:none}.nexus-header .nav-item:nth-child(n+6){display:none}.nexus-header .nav-item.active{background:linear-gradient(#057dc0,#024779);border-color:#58d9ff;color:white;box-shadow:inset 0 1px 0 #c2eaff33,0 0 20px #009dff1f}.nexus-header .nav-item:hover{border-color:#69d9ff5c;background-color:#3b90b526}
.top-actions{gap:14px;flex-shrink:0}.icon-button{border-color:#5ea7ce35;color:#c1dcf1;background:#081c2a4d}.icon-button i{background:#30c4ff}.avatar{background:linear-gradient(135deg,#2b678e,#09273c);border:1px solid #8dcbed;color:white;font-size:25px;box-shadow:0 0 20px #60c9ff18}
.community-shortcut{display:flex;align-items:center;gap:8px;border:0;background:none;color:#d2e7f5;font-size:11px;padding:6px 12px;border-right:1px solid #3b6e8b}.community-shortcut svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.workspace{margin:0;padding:0 26px}.topbar{height:49px;border:0;padding:0 8px}.breadcrumb{color:#7298b6;font-size:8px;letter-spacing:1.5px}.breadcrumb span{color:#32617f;margin:0 11px}.breadcrumb strong{color:#b9d8ec;font-size:10px}.platform-pill{font-size:8px;letter-spacing:1px;color:#83adc7}.online-dot{background:#5bd4ff;box-shadow:0 0 9px #37bfff70}
.demo-bar{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;padding:6px 13px;margin:0 auto 14px;border:1px solid #4f95ba27;border-radius:20px;background:#0923375c;color:#82a5c1;font-size:9px;line-height:1.5}.demo-bar span{color:#8ac5e9;margin:0;font-size:7px;white-space:nowrap}
main{max-width:none;padding:0 0 30px}.welcome{padding:0 7px;margin-bottom:20px}.welcome .eyebrow{font-size:8px;letter-spacing:2.2px;color:#8ccfee;margin-bottom:8px}.welcome h1{font-size:25px;font-weight:500;letter-spacing:-.8px;color:#eff8ff}.welcome h1 span{color:#c0ebff}.subtle{color:#9dbbd2;font-size:11px}
.hero.player-hero{min-height:470px;border:1px solid #5abdedb3;border-radius:20px;padding:36px 38px;box-shadow:inset 0 1px 0 #d2f4ff24,0 12px 50px #0005;background:linear-gradient(90deg,#031324f7 0%,#031426d6 32%,#041b304d 62%,#051a2c75),linear-gradient(0deg,#051a2be0,transparent 65%),url('assets/nexus-azure-v1.png') 50% 53%/cover no-repeat;overflow:hidden}
.hero:after{background:linear-gradient(110deg,#1a63821a,transparent 50%);z-index:0}.player-hero .hero-content{max-width:58%;z-index:4}.hero-tag{color:#c6e7ff;background:#0a2b439c;border-color:#64c6e940;font-size:8px;letter-spacing:1.6px;border-radius:20px;padding:7px 12px;margin-bottom:18px;backdrop-filter:blur(10px)}.player-name{color:#bad8ed;font-size:12px;margin-bottom:16px}.player-name b{color:white;font-size:15px}.hero.player-hero h2{font-family:var(--font);font-size:clamp(38px,3.7vw,62px);font-weight:700;text-transform:none;line-height:1.09;letter-spacing:-2.6px;margin-bottom:17px;text-shadow:0 3px 30px #00101ee6}.hero.player-hero h2 em{color:#84dcff;font-weight:600}.hero p{color:#c0dbec;font-size:12px;line-height:1.8;max-width:390px;text-shadow:0 1px 12px #000}.hero-actions{gap:11px;margin-top:22px}.button{background:linear-gradient(#0dc6ff,#0080e5);color:#fff;border:1px solid #59d7ff;box-shadow:inset 0 1px 0 #dcf8ff55,0 5px 20px #008ce629;border-radius:9px;font-size:11px}.button.secondary{background:linear-gradient(130deg,#143e59ba,#082237d9);border-color:#6dbadd7a;color:#e5f7ff;box-shadow:inset 0 1px 0 #d4f7ff15;backdrop-filter:blur(12px)}.button.light{background:#92ddff;color:#00203a}.button:hover{filter:brightness(1.1)}
.platform-switch{gap:8px;margin-top:22px}.platform-switch button{color:#acd5ed;background:#071e32b3;border-color:#538dad80;padding:8px 16px;border-radius:6px;backdrop-filter:blur(12px)}.platform-switch button.active{color:#effcff;border-color:#73d9ff;background:linear-gradient(#11618a,#093852);box-shadow:0 0 15px #00aaff20}.home-account-link{color:#a0e1ff;margin-top:16px;text-shadow:0 1px 8px #000}
.avatar-stage{width:36%;right:1.5%;top:0;--avatar-accent:#76d6ff;background:radial-gradient(ellipse at 50% 50%,#05304a30,transparent 68%);z-index:3}.avatar-stage:before{inset:60px 0 30px;background:none}.avatar-stage-head{top:22px;left:18px;right:18px;padding:9px 12px;border:1px solid #73c6e934;border-radius:10px;background:linear-gradient(125deg,#0e38518c,#061a2b7d);backdrop-filter:blur(14px)}.avatar-stage-head strong{color:#ecfaff;font-size:13px}.avatar-kicker{color:#98dfff;font-size:6px;letter-spacing:1.5px}.avatar-customize{background:#073451a6;color:#d3f0ff;border-color:#7bccf15e;font-size:9px;min-height:33px;padding:8px 11px}.avatar-customize:hover{color:white;border-color:#a2e9ff}.avatar-stage canvas{top:50px;height:calc(100% - 91px);filter:drop-shadow(0 8px 14px #0008)}.avatar-caption{bottom:15px;text-shadow:0 1px 10px #000;font-size:9px}.avatar-caption span{color:#d5eeff}.avatar-caption small{color:#b5cfdf;font-size:8px}
.stats{gap:14px;margin:18px 0 25px}.stat{background:var(--glass);border:1px solid #68badb70;box-shadow:inset 0 1px 0 #c9f6ff15,0 7px 20px #0002;backdrop-filter:blur(16px);border-radius:11px;padding:18px 23px;gap:17px}.stat-icon{background:linear-gradient(#2e6d9140,#0a375757);border:1px solid #95d9f829;color:#a5e8ff;width:40px;height:40px;border-radius:10px}.stat strong{color:#f0faff;font-size:25px}.stat small{color:#a7c4dc;font-size:10px}.personal-stat-note{color:#6689a5;font-size:9px;padding-left:6px;margin:-12px 0 28px}
.section-title h2{color:#e9f7ff;font-size:18px;font-weight:600}.section-title small{color:#7197b4;font-size:10px}.text-button{color:#8cdaff}.two-columns{gap:22px;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr)}
.session,.panel,.member-note,.account-provider,.game-card{background:linear-gradient(135deg,#10324bba,#06192de8);border-color:#4c89ac6b;box-shadow:inset 0 1px 0 #caecff0c}.session{padding:15px 17px;border-radius:11px}.session-info>p,.session-meta,.session-side small{color:#99b7ce}.session-info h3{font-weight:600}.tag{color:#adcee4;border-color:#4f84a2;background:#0a243d66}.tag.green{color:#a8e5ff;border-color:#559bc370;background:#1675a329}.member-note{gap:15px}.member-note>span{color:#9eeaff}.member-note p{color:#99b8d0}
.challenge{background:linear-gradient(120deg,#092a43ef,#071d30f5),url('assets/nexus-azure-v1.png') 63% 60%/cover;border-color:#58a8d170;border-radius:12px;box-shadow:inset 0 1px 0 #a1d8fa17}.challenge .eyebrow{color:#89d9ff}.challenge h3{font-weight:600;color:#e8f8ff;max-width:270px}.challenge p{color:#a4bed2;max-width:290px}.challenge-trophy{color:#6edfff70}.progress-row{color:#accbdf}.progress{background:#020c1e99;border:1px solid #4c97bd52;height:7px}.progress>span{background:linear-gradient(90deg,#0083dd,#10d7ee);box-shadow:0 0 10px #1df2ff6b}
.game-art.sea{background:linear-gradient(140deg,#163f59,#1e6b8960)}.game-art.halo{background:linear-gradient(140deg,#1b455d,#0c294b)}.game-art.forza{background:linear-gradient(140deg,#365a85,#1e2655)}.game-art.grounded{background:linear-gradient(140deg,#315367,#173546)}.game-art{border-bottom:1px solid #3e6e8d6e}.game-body p{color:#91b3cc}.game-card{border-radius:12px}.game-cover{box-shadow:inset 0 0 25px #00101a8c}.game-body h3{color:#e0f3ff}
.page-footer{margin:0;padding:22px 7px;border-color:#2c566f;color:#7397b1;font-size:9px}.page-footer>span:first-child{letter-spacing:.2px}.page-footer .text-button{font-size:9px}.page-footer button{margin:0;padding:0}
.info-box{background:#0a395e44;border-color:#3b86ad66;color:#b0cce2}.panel p,.panel li{color:#a7c2d8}.rank-table th{color:#82a4bf}.rank-table td{color:#e2f0fb}.rank-table small{color:#8aadc8}.chip{color:#a8c5dc;background:#092239;border-color:#3d6c8b}.chip.active{color:#c6f1ff;border-color:#7bdfff;background:#0e567d50}.empty{color:#9cbbd2;border-color:#426f8d}input,select,textarea{background:#071d31;border-color:#447593;color:#e3f5ff}input::placeholder,textarea::placeholder{color:#678ba8}
dialog{background:linear-gradient(145deg,#10334c,#05182b);border-color:#5db7e3;box-shadow:0 25px 100px #0009,inset 0 1px 0 #bcefff2e}dialog::backdrop{background:#000b1bc7}dialog p,dialog li,label{color:#b2cfe2}.dialog-top>span{color:#8ddfff}.status-line{border-color:#29526f}.status-line b{color:#81d7ff}.channel{color:#a8c7dd;border-color:#234664}.channel span{color:#608da9}.channel-category{color:#7dd8ff}.provider-state{color:#7d9eb8}.provider-icon{color:#a2e4ff}.avatar-credit{color:#749ab7!important}.avatar-credit a{color:#b2dfff}
#toast{left:50%;color:#e5f7ff;border:1px solid #67bde2;background:#0d3652;box-shadow:0 10px 40px #0006;backdrop-filter:blur(15px)}
.mobile-nav{background:#04172aee;border-color:#41799c}.mobile-nav button{color:#7fa7c3}.mobile-nav button.active{color:#7ee2ff}.club-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
@media(min-width:1700px){.nexus-header{padding:15px 30px;gap:40px}.nexus-header .nav-item{font-size:12px;padding:11px 22px}.hero.player-hero{min-height:550px}.hero.player-hero h2{font-size:68px;max-width:680px}.hero-content>p{font-size:14px;max-width:480px}.avatar-stage{width:35%}}
@media(max-width:1180px){.nexus-header{gap:15px;padding:12px 15px}.brand{font-size:20px;letter-spacing:2.5px}.brand img{width:35px;height:35px}.brand small{font-size:5px}.nexus-header nav{gap:3px}.nexus-header .nav-item{font-size:10px;padding:9px 11px}.top-actions{gap:9px}.community-shortcut span{display:none}.community-shortcut{padding:7px}.hero.player-hero{padding:30px;min-height:465px}.avatar-stage{width:36%;right:0}.avatar-stage-head{left:8px;right:12px}.hero.player-hero h2{font-size:47px}.player-hero .hero-content{max-width:61%}}
@media(max-width:900px){.nexus-header{margin:14px 18px 0;top:8px;min-height:70px}.nexus-header .nav-item{padding:8px;font-size:9px}.nexus-header .nav-item:nth-child(5){display:none}.workspace{padding:0 18px}.two-columns{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.hero.player-hero h2{font-size:42px}.hero.player-hero{min-height:450px;padding:28px}.hero p{font-size:11px;max-width:310px}.avatar-stage{width:39%;right:-1%}.avatar-stage-head{padding:7px;gap:6px;left:2px;right:10px}.avatar-stage-head strong{font-size:11px}.avatar-kicker{font-size:5px}.avatar-customize{padding:7px;font-size:8px}.avatar-caption{font-size:8px}.welcome h1{font-size:23px}.stat{padding:15px;gap:12px}}
@media(max-width:680px){.nexus-header{margin:10px 12px 0;padding:10px 13px;min-height:66px;border-radius:13px;gap:10px;top:6px}.brand{font-size:20px;letter-spacing:2px;gap:8px}.brand img{width:34px;height:34px}.brand small{font-size:4.5px;letter-spacing:1.1px}.nexus-header #navigation{display:none}.nexus-header .top-actions{margin-left:auto;gap:8px}.community-shortcut{border:0;padding:3px}.community-shortcut svg{width:17px;height:17px}.nexus-header .icon-button,.nexus-header .avatar{width:29px;height:29px}.nexus-header .avatar{font-size:20px}.workspace{padding:0 12px}.topbar{height:42px;padding:0 4px}.breadcrumb{font-size:7px}.breadcrumb:before{display:none}.breadcrumb strong{display:inline;font-size:9px}.breadcrumb span{display:inline;margin:0 8px}.platform-pill{font-size:6px;letter-spacing:.5px}.demo-bar{font-size:7px;padding:5px 9px;gap:5px;margin-bottom:16px}.demo-bar span{font-size:6px}.welcome{padding:0 5px;margin-bottom:17px}.welcome h1{font-size:23px;line-height:1.25;max-width:320px}.welcome .eyebrow{font-size:7px;margin-bottom:7px}.welcome .subtle{font-size:10px}.hero.player-hero{padding:25px 22px 0;border-radius:15px;min-height:0;background:linear-gradient(180deg,#031528ce 0%,#03152bac 37%,#05203a35 69%,#04223bc9),url('assets/nexus-azure-v1.png') 60% 50%/cover no-repeat}.player-hero .hero-content{max-width:100%;width:100%}.hero.player-hero h2{font-size:38px;letter-spacing:-1.7px;max-width:100%;line-height:1.1}.hero p{font-size:11px;max-width:100%}.hero-tag{font-size:7px;letter-spacing:1px;margin-bottom:15px}.player-name{gap:8px;margin-bottom:15px}.player-name b{font-size:13px}.hero-actions{gap:8px;margin-top:20px}.hero-actions .button{font-size:10px;padding:11px 12px;min-height:42px}.platform-switch{margin-top:17px;gap:7px}.platform-switch button{font-size:10px;min-height:35px;padding:8px 13px}.home-account-link{font-size:10px;margin-top:13px}.avatar-stage{position:relative;right:auto;top:auto;width:calc(100% + 44px);height:370px;margin-left:-22px;margin-top:22px;border-top:1px solid #a5ddff24;background:radial-gradient(ellipse at 50% 60%,#0a63a310,transparent 75%)}.avatar-stage-head{top:15px;left:20px;right:20px;padding:9px 12px}.avatar-stage-head strong{font-size:13px}.avatar-kicker{font-size:6px}.avatar-customize{font-size:9px;padding:8px 10px}.avatar-stage canvas{top:55px;height:calc(100% - 95px)}.avatar-caption{font-size:8px;bottom:14px}.avatar-caption small{font-size:7px}.stats{gap:9px;margin:12px 0 23px}.stat{padding:13px 12px;gap:11px;border-radius:9px}.stat-icon{width:33px;height:33px;font-size:17px}.stat strong{font-size:23px}.stat small{font-size:8px}.personal-stat-note{font-size:8px;margin-top:-10px;line-height:1.6}.right-column{grid-template-columns:1fr}.section-title h2{font-size:17px}.session{padding:12px;gap:10px}.session-info h3{font-size:11px}.session-info>p{font-size:9px}.session-side button{font-size:9px}.page-footer{padding:21px 4px 100px}.page-footer>span{max-width:65%;font-size:8px}.page-footer button{font-size:8px}.mobile-nav{padding-top:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom));box-shadow:0 -10px 35px #0012236b}.mobile-nav button{min-height:46px}.game-art{height:100px}.game-art b{font-size:24px}}
@media(max-width:360px){.brand{font-size:17px}.brand img{width:28px;height:28px}.nexus-header{gap:5px;padding:10px}.top-actions{gap:5px}.hero.player-hero h2{font-size:34px}.hero-actions .button{padding:10px 9px;font-size:9px}.hero-tag{font-size:6px}.player-name{flex-wrap:wrap}.stat{gap:8px;padding:11px 10px}.club-shortcuts{grid-template-columns:1fr}}
@media(max-width:680px){.player-hero .hero-content>p{display:none}.hero.player-hero h2{font-size:35px;margin-bottom:10px}.hero-tag{font-size:6px;padding:6px 9px;margin-bottom:13px}.hero-actions{margin-top:17px}.avatar-stage{margin-top:20px}}
