.hq-shell{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1500px;margin:auto}.hq-sidebar{min-height:calc(100vh - 104px);padding:35px 20px}.hq-sidebar nav{margin-top:24px;gap:8px}.nav-item{border:0;background:transparent;display:flex;gap:13px;align-items:center;text-align:left;padding:14px;border-radius:13px;font-weight:800;color:#65637e;font-size:15px}.nav-item.active{background:#e4dafb;color:#6026c8}.sidebar-note{margin-top:60px;background:#e7e1f3;border-radius:17px;padding:18px;font-size:13px;line-height:1.6}.sidebar-note p{font-size:11px;color:var(--muted)}#hqMain{max-width:none;padding:35px 4% 50px}.hq-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.hq-top h1{font-size:35px;margin:10px 0}.level{border:1px solid #ddd5eb;background:white;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:800}.hq-lead{margin-top:0;font-size:14px;color:var(--muted)}.hq-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.85fr);gap:22px;margin-top:25px}.mission-feature{background:radial-gradient(ellipse at 85% 20%,#5938b6 0,transparent 55%),linear-gradient(130deg,#171b49,#28215d);color:white;border-radius:24px;padding:30px;position:relative;overflow:hidden;min-height:305px}.mission-feature:after{content:'✦';position:absolute;right:15px;top:15px;font-size:170px;color:#d6c4ff18;pointer-events:none}.mission-feature h2{font-size:34px;max-width:430px;margin:15px 0}.mission-feature p{color:#dfd9f1;max-width:440px;font-size:14px}.mission-feature .tag{color:var(--navy);background:var(--gold)}a.primary{display:inline-block;text-decoration:none}.mission-feature .meta span{background:#ffffff15;border-color:#ffffff20;color:white}.hero-panel{border-radius:24px;background:#eee7fa;position:relative;overflow:hidden;padding:20px;display:flex;flex-direction:column;min-height:305px}.hero-panel h3{margin:0;z-index:1}.hero-panel>p{font-size:11px;color:#6e6383;margin:4px 0;z-index:1}.hero-scene{position:relative;flex:1;min-height:210px}.hero-scene .avatar{height:240px;position:absolute;left:0;bottom:-25px;mix-blend-mode:multiply}.hero-scene .fox{width:120px;position:absolute;right:-10px;bottom:0;mix-blend-mode:multiply}.hero-panel .small-link{z-index:1;background:white;align-self:start}.small-link{color:var(--purple);border:0;border-radius:9px;padding:8px 12px;font-weight:800;text-decoration:none;font-size:12px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.stat-box{border:1px solid #e6e1ec;border-radius:17px;background:white;padding:17px}.stat-box strong{display:block;font-size:27px;margin:4px 0}.stat-box span{font-size:12px;color:var(--muted)}.stat-box .stat-label{font-size:11px;color:var(--purple);font-weight:900;letter-spacing:.6px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0 14px;gap:12px}.section-head h2{font-size:22px;margin:0}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.subject{padding:17px;background:white;border:1px solid #e6e1ec;border-radius:15px;text-align:left}.subject b{display:block;margin:12px 0 8px}.subject p{font-size:11px;color:var(--muted);margin:0}.subject-icon{font-size:23px;background:#ece3ff;border-radius:10px;padding:5px 9px}.coming{opacity:.75}.subject button{margin-top:12px}.reg-banner{margin-top:24px;border:1px solid #e4d9f4;border-radius:18px;padding:20px;display:flex;align-items:center;gap:18px;background:#f0ebfa}.reg-banner .symbol{font-size:39px}.reg-banner h3{margin:0;font-size:16px}.reg-banner p{font-size:12px;margin:4px 0;color:var(--muted)}.pill{font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:900;background:#e8e1f2;padding:5px 8px;border-radius:6px;white-space:nowrap}.mission-list{display:grid;gap:14px;margin-top:25px}.mission-row{border:1px solid #e5dfed;background:white;border-radius:18px;padding:22px;display:grid;grid-template-columns:45px 1fr auto;gap:18px;align-items:center}.mission-number{font-size:25px;font-weight:900;color:var(--purple)}.mission-row h3{margin:0 0 5px;font-size:18px}.mission-row p{font-size:12px;margin:0;color:var(--muted)}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reward-card{background:white;border:1px solid #e3dceb;border-radius:20px;padding:24px}.reward-card .symbol{font-size:43px}.reward-card h3{font-size:17px}.reward-card p{font-size:13px;color:var(--muted)}.status-box{padding:12px 15px;background:#e8f5ee;border-radius:11px;font-size:13px;color:#17634e}.status-box.pending{background:#eee9f5;color:#665679}.hq-return{display:block;color:var(--purple);font-weight:800;font-size:12px;margin-bottom:24px;text-decoration:none}.course-copy{max-width:760px}.course-copy li{line-height:1.9;margin:7px 0}.progress-detail{background:white;border-radius:18px;padding:22px;margin:16px 0;border:1px solid #e6e1ec}.progress-detail p{font-size:14px}.bottom-note{font-size:11px;color:var(--muted);margin-top:30px}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.milestone{border:1px solid #e3dceb;border-radius:14px;padding:16px;background:white}.milestone strong{display:block;font-size:23px;color:var(--purple)}.milestone span{font-size:12px}.empty-panel{background:white;border:1px dashed #d9cde9;border-radius:16px;padding:22px;margin-top:22px;color:var(--muted)}@media(max-width:1050px){.hq-shell{grid-template-columns:205px 1fr}.hq-grid{grid-template-columns:1fr}.hero-panel{display:none}.subject-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.hq-shell{display:block}.hq-sidebar{min-height:0;padding:12px 4%;position:static}.hq-sidebar nav{display:flex;margin:0;gap:3px}.nav-item{padding:8px 3px;flex:1;flex-direction:column;gap:5px;font-size:19px;text-align:center}.nav-item span{font-size:9px}.sidebar-note{display:none}#hqMain{padding:25px 5%}.hq-top h1{font-size:28px}.level{font-size:10px;white-space:nowrap}.mission-feature{padding:24px}.mission-feature h2{font-size:29px}.stats-grid{gap:8px}.stat-box{padding:13px 10px}.stat-box strong{font-size:23px}.stat-box span{font-size:10px}.rewards-grid{grid-template-columns:1fr}.mission-row{grid-template-columns:25px 1fr;padding:17px;gap:12px}.mission-row>a,.mission-row>.pill{grid-column:2;justify-self:start}.milestones{grid-template-columns:repeat(2,1fr)}.reg-banner{align-items:start}.section-head h2{font-size:20px}}

.free-access{background:#fff8e1;border:1px solid #f1d98b;border-radius:16px;padding:12px 16px;margin:14px 0}
.bubbles,.subtabs{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.bubble{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:2px solid #ded5e9;background:#fff;color:inherit;border-radius:22px;padding:10px 18px;font:inherit;font-weight:800;cursor:pointer}
.bubble small{font-weight:600;color:#656980}.bubble.active{border-color:#773bf1;background:#f1eaff}
.subtab{border:1px solid #ded5e9;background:#fff;color:inherit;border-radius:999px;padding:7px 16px;font:inherit;cursor:pointer}.subtab.active{background:#171b49;color:#fff;border-color:#171b49}
.mission-notion{font-weight:700;margin:2px 0}

/* Armoire de curiosités */
.reward-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:6px 0 18px}
.reward-tab{padding:11px 17px;border:1px solid #e4d9ed;border-radius:12px;background:#fff;color:#78618f;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.reward-tab[aria-pressed=true]{background:#7938e8;border-color:#7938e8;color:#fff;box-shadow:0 3px 0 #5420a4}
.cab-count{display:inline-block;background:#fff;border:1px solid #eadff0;padding:9px 14px;border-radius:14px;color:#6a5584;font-size:13px;margin:4px 0 14px}
.cab-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:26px;align-items:start}
.cab-note,.cab-swipe{font-size:12px;color:#806b91;margin:8px 0}
.cab-scroll{overflow-x:auto;overscroll-behavior-x:contain;border-radius:16px;padding:5px 5px 18px}
.cabinet{min-width:1180px;border:12px solid #50343a;border-top-width:14px;border-bottom-width:20px;border-radius:17px 17px 8px 8px;background:repeating-linear-gradient(93deg,#392536 0,#392536 2px,#3c2839 4px,#362436 12px);box-shadow:inset 0 0 0 2px #a77a50,inset 0 0 40px #150e1f99,0 14px 24px #3d294129,0 0 0 3px #876044;overflow:hidden}
.cab-title{text-align:center;padding:16px 9px 12px;color:#ead7ac;background:linear-gradient(90deg,transparent,#64424088,transparent);font-size:11px;font-weight:800;letter-spacing:2px}
.cab-shelf{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));border-bottom:13px solid #6a4742;box-shadow:0 3px 0 #211727,inset 0 -4px 12px #180f25aa;min-height:165px;background:radial-gradient(ellipse at 50% 25%,#74515b33,transparent 70%)}
.cab-shelf:last-child{border-bottom:0}.cab-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 5px 14px;min-width:0}.cab-cell+.cab-cell{border-left:1px solid #8c655433}
.cab-object{width:100%;height:105px;background:none;border:0;display:grid;place-items:center;border-radius:14px;cursor:pointer}.cab-object img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 9px 9px #120d2070);transition:transform .25s}.cab-object:hover img,.cab-object:focus-visible img{transform:translateY(-5px) scale(1.05)}
.cab-object:focus-visible{outline:3px solid #17bdb6;outline-offset:3px}
.cab-plate{color:#f2dfb3;font-size:11px;line-height:1.3;border:1px solid #ad875055;background:#21192a7a;padding:6px 9px;border-radius:7px;max-width:95%;text-align:center}
.cab-wearing{font-size:10px;color:#a9ebd6;min-height:15px;margin-top:3px}.cab-ghost{height:90px;display:grid;place-items:center;opacity:.25;color:#d6bd98;font-size:40px}.cab-empty{font-size:10px;color:#bba58f;text-align:center}
.cab-panel{background:#fff;border:1px solid #e6deee;border-radius:23px;overflow:hidden;box-shadow:0 4px 0 #eee7f3}
.cab-stage{position:relative;height:310px;background:radial-gradient(ellipse at 45% 45%,#f8f4ff,#eee4fc 75%)}
.cab-stage .hero-scene{position:relative;height:100%;max-width:340px;margin:0 auto}
.cab-summary{padding:14px 20px}.cab-summary p{padding:9px 0;margin:0;border-bottom:1px solid #f0eaf6;font-size:13px}.cab-summary p:last-child{border:0}.cab-summary strong{display:block;color:#624083;font-size:12px}
.cab-link{background:none;border:0;color:#7838db;font:inherit;font-size:12px;padding:5px 0;cursor:pointer;text-decoration:underline}
.cab-hint{background:#eee6f8;border-radius:14px;padding:14px 18px;margin:20px 0;font-size:13px;color:#7c678d}
.cab-toast{background:#e3f5ec;border-radius:12px;padding:10px 15px;color:#286b57;font-size:13px;margin:12px 0;min-height:20px}.cab-toast:empty{display:none}
.treasure-dialog{border:1px solid #e9dcf5;border-radius:24px;padding:25px;color:#171b49;max-width:560px;width:calc(100% - 28px);max-height:91vh;overflow:auto;box-shadow:0 25px 90px #22183855}
.treasure-dialog::backdrop{background:#21183399}
.treasure-dialog .cab-close{float:right;border:0;background:#f1eaff;border-radius:50%;width:40px;height:40px;font-size:1.5em;cursor:pointer}
.treasure-object{height:110px;display:grid;place-items:center;background:radial-gradient(ellipse,#ece0ff,transparent 65%);margin:5px 0 13px}.treasure-object img{height:105px;width:130px;object-fit:contain;filter:drop-shadow(0 4px 9px #bca4d3)}
.treasure-origin{background:#f7f2fc;border-radius:12px;padding:10px 14px;color:#776086;font-size:13px;margin:8px 0}
.treasure-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@media(max-width:900px){.cab-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.cab-object img{transition:none}}