*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--color-gold:#c9a84c;--color-dark:#110a04;--color-text:#e8d8b0;--color-accent:#8ecae6;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{background:var(--color-dark);margin:0}html,body{width:100%;height:100%}#root{text-align:center;box-sizing:border-box;flex-direction:column;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@keyframes flicker{0%,to{opacity:1;transform:scaleY(1)scaleX(1)}20%{opacity:.9;transform:scaleY(1.05)scaleX(.95)}50%{opacity:.95;transform:scaleY(.95)scaleX(1.05)}70%{opacity:1;transform:scaleY(1.08)scaleX(.97)}}@keyframes flameDance{0%,to{transform:skew(0)scaleY(1)}25%{transform:skew(4deg)scaleY(1.06)}50%{transform:skew(-3deg)scaleY(.94)}75%{transform:skew(2deg)scaleY(1.04)}}@keyframes sparkRise{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--sx),-80px) scale(0);opacity:0}}@keyframes bulbFlicker{0%,to{opacity:1}40%{opacity:.75}60%{opacity:.9}80%{opacity:.6}}@keyframes candleFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes candleDrift{0%,to{transform:translate(0)}50%{transform:translateX(var(--dm,6px))}}@keyframes sparkleAnim{0%,to{opacity:0;transform:translate(0)scale(0)}20%{opacity:1}50%{transform:translate(var(--sp-x),var(--sp-y)) scale(1);opacity:.9}80%{opacity:.4}}@keyframes dustFloat{0%{opacity:var(--dop,.3);transform:translateY(0)translate(0)}50%{transform:translateY(-60px) translateX(var(--dx));opacity:calc(var(--dop,.3) * 1.4)}to{opacity:0;transform:translateY(-120px)translate(0)}}@keyframes snitchFly{0%{transform:translate(0)rotate(0)}25%{transform:translate(60px,-30px)rotate(15deg)}50%{transform:translate(120px,10px)rotate(-10deg)}75%{transform:translate(50px,30px)rotate(20deg)}to{transform:translate(0)rotate(0)}}@keyframes wingFlap{0%,to{transform:scaleX(1)skewY(0)}50%{transform:scaleX(.5)skewY(15deg)}}@keyframes runeGlow{0%,to{opacity:.18;text-shadow:0 0 8px #c9a84c}50%{opacity:.55;text-shadow:0 0 18px #ffe066,0 0 30px #c9a84c}}@keyframes globeSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes shootingStar{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120px,60px)}}@keyframes owlBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.scene{background:#110a04;width:100vw;height:100vh;font-family:Georgia,serif;position:relative;overflow:hidden}.room-bg{background:radial-gradient(80% 60% at 50% 30%,#2a1a0e 0%,#180e06 60%,#0d0702 100%),repeating-linear-gradient(90deg,#0000 0 58px,#0000001f 58px 60px);position:absolute;inset:0}.ceiling{background:linear-gradient(#0d0803 0%,#1a1008 100%);border-bottom:2px solid #2a1a08;height:8%;position:absolute;top:0;left:0;right:0}.floor{background:repeating-linear-gradient(90deg,#1a0e06 0 59px,#150b05 59px 60px),linear-gradient(#221208 0%,#150a04 100%);height:15%;position:absolute;bottom:0;left:0;right:0}.rug{opacity:.85;background:radial-gradient(60% 50%,#6b1c1c 0%,#3a0e0e 60%,#250808 100%);border-radius:50%;width:44%;height:6%;position:absolute;bottom:14%;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000080}.fire-room-glow{pointer-events:none;background:radial-gradient(60% 80% at 50% 80%,#ff781e1f 0%,#0000 70%);width:60%;height:50%;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.title-crest{text-align:center;z-index:20;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:9%;left:50%;transform:translate(-50%)}.crest-text{color:#c9a84c;letter-spacing:.12em;text-shadow:0 0 20px #c9a84c99,0 0 60px #c9a84c4d,2px 2px #3a1808;font-family:Georgia,serif;font-size:clamp(2rem,5vw,4rem)}.crest-sub{color:#a08040;letter-spacing:.3em;text-transform:uppercase;opacity:.8;font-size:clamp(.65rem,1.5vw,1rem)}.side-table{z-index:5;width:10%;position:absolute;bottom:14%;left:18%}.open-book{background:linear-gradient(#f0e8d0 0%,#d8ccb0 100%);border-radius:2px 2px 0 0;width:100%;height:40px;position:relative;box-shadow:2px 4px 12px #0006}.open-book:after{content:"";background:#0003;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.magnifier{background:#8ecae640;border:3px solid #c9a030;border-radius:50%;width:20px;height:20px;position:absolute;top:-18px;right:-8px;box-shadow:0 0 8px #c9a03066}.magnifier:after{content:"";transform-origin:top;background:#c9a030;border-radius:2px;width:3px;height:10px;position:absolute;bottom:-10px;right:-2px;transform:rotate(-45deg)}.rune{color:#c9a84c;opacity:.2;animation:runeGlow 4s ease-in-out var(--rd,0s) infinite;-webkit-user-select:none;user-select:none;z-index:6;font-size:1.4rem;position:absolute}.vignette{pointer-events:none;z-index:20;background:radial-gradient(80% 80%,#0000 40%,#00000080 75%,#000000d9 100%);position:absolute;inset:0}.landing__enter-btn{color:#110a04;cursor:pointer;z-index:50;background:#c9a030;border:none;border-radius:2px;margin-top:1.5rem;padding:.75rem 2rem;font-family:Georgia,serif;font-size:1.125rem;font-weight:700;transition:all .2s;position:relative;box-shadow:0 0 20px #c9a03066}.landing__enter-btn:hover{background:#ffe066;transform:scale(1.05)}.owl-wrap{z-index:8;filter:drop-shadow(0 8px 24px #0009);animation:4s ease-in-out infinite owlBob;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.shelf{z-index:3;background:linear-gradient(#2a1608 0%,#1e0f06 100%);border:1px solid #3a2010;width:11%;position:absolute;top:8%;bottom:16%;overflow:hidden}.shelf-left{left:0}.shelf-right{right:0}.shelf-plank{background:linear-gradient(#5a3318 0%,#3a2010 100%);height:6px;position:absolute;left:0;right:0;box-shadow:0 3px 8px #00000080}.shelf-books{flex-direction:row;gap:1px;display:flex;overflow:hidden}.sb{border-radius:1px 2px 2px 1px;flex-shrink:0;box-shadow:inset -2px 0 4px #0006,1px 0 #ffffff0f}.window-area{z-index:4;width:24%;height:42%;position:absolute;top:8%;left:50%;transform:translate(-50%)}.window-stone{background:linear-gradient(#3a3028 0%,#2a2018 100%);border-radius:8px 8px 4px 4px;position:absolute;inset:-6px;box-shadow:inset 0 0 20px #0009,0 6px 20px #0009}.window-glass{background:#05080f;border-radius:6px 6px 2px 2px;position:absolute;inset:0;overflow:hidden}.sky-bg{background:linear-gradient(#03060f 0%,#080d20 50%,#101828 100%);position:absolute;inset:0}.moon{background:radial-gradient(circle at 35% 35%,#f0f0e8 0%,#d8d8c8 40%,#b0b0a0 80%,#909088 100%);border-radius:50%;width:22%;padding-top:22%;position:absolute;top:8%;right:12%;box-shadow:inset -4px -2px 8px #0003,0 0 20px #dcdcb466,0 0 50px #b4b48c26}.shoot{opacity:0;background:linear-gradient(90deg,#fff,#0000);border-radius:2px;width:40px;height:2px;animation:6s ease-in-out 3s infinite shootingStar;position:absolute;top:20%;left:10%}.win-bar-h{z-index:2;background:#281c10d9;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.win-bar-v{z-index:2;background:#281c10d9;width:6px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.tree{position:absolute;bottom:0}.window-glow{pointer-events:none;background:radial-gradient(60% 60% at 50% 0,#5064b41a 0%,#0000 70%);width:160%;height:80%;position:absolute;bottom:-30%;left:50%;transform:translate(-50%)}.chandelier{z-index:10;position:absolute;top:7%;left:50%;transform:translate(-50%)}.c-rod{background:linear-gradient(#2a1a08 0%,#4a3018 100%);border-radius:2px;width:4px;height:30px;margin:0 auto}.c-body{background:linear-gradient(#3a2510 0%,#2a1808 100%);border:1px solid #5a3820;border-radius:4px;width:180px;height:50px;position:relative;box-shadow:0 4px 16px #0009}.c-arm{background:linear-gradient(#5a3820 0%,#3a2010 100%);border-radius:2px;position:absolute;bottom:0}.c-socket{background:#3a2010;border-radius:2px 2px 0 0;width:8px;height:10px;position:absolute;bottom:-8px}.c-bulb{width:10px;height:14px;animation:bulbFlicker var(--bf,2s) ease-in-out infinite;background:radial-gradient(circle at 50% 30%,#fffae0 0%,#ffe8a0 50%,#d4a830 100%);border-radius:5px 5px 3px 3px;position:absolute;bottom:-22px;box-shadow:0 0 12px 4px #ffdc6480,0 0 30px 8px #ffb43240}.fireplace-area{z-index:5;width:24%;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.mantle-surround{width:100%;position:relative}.mantle-top{background:linear-gradient(#3a2010 0%,#2a1608 100%);border-radius:4px 4px 0 0;width:100%;height:12px;box-shadow:0 -2px 8px #0006}.mantle-shelf{background:linear-gradient(#4a2e14 0%,#3a2010 100%);border-radius:4px;width:110%;height:16px;margin-left:-5%;box-shadow:0 4px 12px #00000080}.fire-arch{background:linear-gradient(#0d0703 0%,#050301 100%);border-radius:50% 50% 0 0/60% 60% 0 0;width:80%;height:80px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #ff500026}.flames{justify-content:center;align-items:flex-end;gap:2px;width:90%;height:100%;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.flame{transform-origin:bottom;border-radius:50% 50% 20% 20%;animation:1.2s ease-in-out infinite flameDance}.f1{background:radial-gradient(circle at 50% 80%,#ff8c00 0%,#ff4500 60%,#cc1800 100%);width:18px;height:50px;animation-duration:1.1s}.f2{background:radial-gradient(circle at 50% 80%,#ffb300 0%,#f60 60%,#d20 100%);width:22px;height:62px;animation-duration:.95s;animation-delay:.15s}.f3{background:radial-gradient(circle at 50% 80%,#fc0 0%,#f80 60%,#e30 100%);width:26px;height:72px;animation-duration:1.3s;animation-delay:50ms}.f4{background:radial-gradient(circle at 50% 80%,#ffb300 0%,#f60 60%,#d20 100%);width:22px;height:60px;animation-duration:1s;animation-delay:.25s}.f5{background:radial-gradient(circle at 50% 80%,#ff8c00 0%,#ff4500 60%,#cc1800 100%);width:16px;height:44px;animation-duration:1.18s;animation-delay:.35s}.spark{width:4px;height:4px;animation:sparkRise var(--sd,1s) ease-out var(--delay,0s) infinite;background:#fc4;border-radius:50%;position:absolute;bottom:20%;box-shadow:0 0 6px 2px #ffb432cc}.globe-wrap{width:40px;height:40px;transform-style:preserve-3d;animation:8s linear infinite globeSpin;position:absolute;top:-60px;right:10%}.globe-ring{border:2px solid #c9a84c99;border-radius:50%;position:absolute;inset:0}.gr1{transform:rotateX(0)}.gr2{transform:rotateX(60deg)}.gr3{transform:rotateX(120deg)}.globe-center{background:radial-gradient(circle at 35% 35%,#8ecae6 0%,#2a6080 60%,#0d2030 100%);border-radius:50%;position:absolute;inset:8px;box-shadow:0 0 10px #8ecae666}.book-stack{z-index:5;flex-direction:column-reverse;align-items:center;display:flex;position:absolute}.stacked-book{border-radius:2px 3px 3px 2px;margin-bottom:1px;box-shadow:2px 2px 6px #00000080,inset -2px 0 4px #0000004d}#candles{pointer-events:none;z-index:12;position:absolute;inset:0}.candle-float{animation:candleFloat var(--cf,4s) ease-in-out infinite, candleDrift var(--cd,8s) ease-in-out infinite;flex-direction:column;align-items:center;display:flex;position:absolute}.candle-glow{pointer-events:none;background:radial-gradient(circle,#ffc85059 0%,#0000 70%);border-radius:50%;width:40px;height:40px;position:absolute;top:-20px}.candle-flame{z-index:1;background:radial-gradient(circle at 50% 70%,#fff8e0 0%,#fc4 40%,#f80 80%,#0000 100%);border-radius:50% 50% 40% 40%;width:8px;height:16px;animation:.8s ease-in-out infinite flicker;position:relative}.candle-wick{background:#2a1808;border-radius:1px;width:2px;height:6px}.candle-body{background:linear-gradient(#f0ece0 0%,#d8d4c8 50%,#c0bca8 100%);border-radius:2px;width:10px;position:relative;box-shadow:inset -2px 0 4px #00000026}.wax-trail{width:4px;height:var(--wh,8px);background:linear-gradient(#f0ece0e6 0%,#d7d0c099 100%);border-radius:0 0 3px 3px;position:absolute;top:0;left:2px}.candle-drip{background:linear-gradient(#e8e4d8 0%,#d0ccbc 100%);border-radius:0 0 50% 50%;width:6px;height:8px;margin-top:-1px}#sparkles{pointer-events:none;z-index:11;position:absolute;inset:0}.sparkle{width:var(--sp-s,10px);height:var(--sp-s,10px);background:var(--sp-c,gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:sparkleAnim var(--sp-d,4s) ease-in-out var(--sp-del,0s) infinite;filter:blur(.5px);position:absolute}#dustParticles{pointer-events:none;z-index:11;position:absolute;inset:0}.dust{animation:dustFloat var(--df,7s) ease-in-out var(--dd,0s) infinite;opacity:var(--dop,.3);border-radius:50%;position:absolute}.snitch{z-index:15;animation:10s ease-in-out infinite snitchFly;position:absolute;top:30%;left:30%}.snitch-ball{z-index:1;background:radial-gradient(circle at 35% 35%,#ffe066 0%,#d4a020 50%,#a07010 100%);border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:0;box-shadow:0 0 10px 3px #ffc832b3,0 0 25px 6px #c8961466}.snitch-wing{background:radial-gradient(#ffffffb3 0%,#c8e6ff66 100%);border:1px solid #c8dcff80;border-radius:50%;width:18px;height:10px;animation:.2s ease-in-out infinite wingFlap;position:absolute;top:3px}.snitch-wing.left{transform-origin:100%;right:12px}.snitch-wing.right{transform-origin:0;left:12px}.parchemin-header{margin-bottom:3rem;position:relative}.parchemin-header__bandeau{background:#f4e4bc;border:4px solid #8b5a2b;border-width:4px 2px;padding:1.5rem 4rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.parchemin-header__texture{opacity:.2;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/paper-fibers.png);position:absolute;inset:0}.parchemin-header__titre{color:#3e2723;text-transform:uppercase;letter-spacing:.15em;filter:sepia(.3);text-shadow:0 1px 2px #00000026;margin:0;font-family:Georgia,serif;font-size:4.5rem;font-weight:900}.parchemin-header__ornement{color:#8b5a2b;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.parchemin-header__ornement--gauche{left:.5rem}.parchemin-header__ornement--droite{right:.5rem}.livre-btn{letter-spacing:.15em;cursor:pointer;border-radius:99px;padding:.75rem 2rem;font-family:Georgia,serif;font-size:.875rem;font-weight:700;transition:all .2s;transform:scale(1);box-shadow:0 4px 6px #00000026}.livre-btn:hover{transform:scale(1.05)}.livre-btn:active{transform:scale(.95)}.livre-btn--primary{color:#f5e6c8;background:#3a1505;border:2px solid #c9a030}.livre-btn--secondary{color:#3a1505;background:0 0;border:2px solid #3a1505}.livre-btn--secondary:hover{color:#f5e6c8;background:#3a1505}.livre{aspect-ratio:16/10;background:#f5e6c8;border:12px solid #7a3515;border-radius:40px;width:100%;max-width:56rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}.livre__page{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.livre__page--gauche{border-right:2px solid #7a351533}.livre__separateur{opacity:.6;background:#c9a030;border-radius:99px;width:3rem;height:4px;margin-bottom:1rem}.livre__titre{color:#3a1505;letter-spacing:-.025em;margin-bottom:1.5rem;font-family:Georgia,serif;font-size:1.875rem;font-weight:700}.livre__description{color:#7a3515;margin-bottom:2rem;padding:0 1rem;font-family:Georgia,serif;font-style:italic}.livre__reliure{background:#7a35151a;border-radius:99px;width:4px;position:absolute;top:1rem;bottom:1rem;left:50%;box-shadow:inset 0 2px 4px #0000001a}.cours{background:#fdf5e6;border:12px solid #5d4037;border-radius:2px;width:100%;max-width:56rem;padding:3rem;position:relative;box-shadow:0 25px 50px -12px #00000040}.cours__btn-retour{color:#fdf5e6;cursor:pointer;background:#3e2723;border:1px solid #5d4037;border-radius:4px;margin-bottom:1.5rem;padding:.5rem 1rem;font-family:Georgia,serif;font-weight:700;transition:background .2s}.cours__btn-retour:hover{background:#5d4037}.cours__titre{color:#3e2723;border-bottom:2px solid #8b5a2b4d;margin-bottom:2rem;padding-bottom:1rem;font-family:Georgia,serif;font-size:2.25rem;font-weight:700}.cours__sections{flex-direction:column;gap:2rem;max-height:60vh;padding-right:1rem;display:flex;overflow-y:auto}.cours__section-titre{color:#8b5a2b;margin-bottom:.75rem;font-family:Georgia,serif;font-size:1.5rem;font-weight:700}.cours__section-contenu{color:#3e2723;font-family:Georgia,serif;font-size:1.125rem;font-style:italic;line-height:1.75}.quiz-wrapper{color:#e8d8b0;max-width:800px;margin:0 auto;padding:2rem;font-family:Georgia,serif}#quiz-romain h1{color:gold;text-align:center;text-shadow:0 0 10px #00000080;margin-bottom:2rem}fieldset{background:#2a1a0e66;border:1px solid #c9a84c;border-radius:8px;margin-bottom:2rem;padding:1.5rem}legend{color:gold;padding:0 10px;font-weight:700}label{cursor:pointer;margin:10px 0;transition:color .2s;display:block}label:hover{color:#fff}.result-banner{text-align:center;color:#fff;background:#ffd7001a;border:2px solid gold;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.result-banner h2{color:gold;margin-bottom:.5rem}.container-validation{text-align:center}button[type=submit]{color:#110a04;cursor:pointer;background:#c9a84c;border:none;border-radius:4px;padding:12px 30px;font-size:1.1rem;font-weight:700;transition:transform .2s,background .2s}button[type=submit]:hover{background:#ffe066;transform:scale(1.05)}.quiz-actions{gap:1rem;margin-bottom:1rem;display:flex}.quiz-btn-nav{color:#fdf5e6;cursor:pointer;background:#3e2723;border:1px solid #5d4037;border-radius:4px;padding:.5rem 1rem;font-family:Georgia,serif;font-weight:700;transition:background .2s}.quiz-btn-nav:hover{background:#5d4037}.profil__xp{width:100%}.profil__xp-label{color:var(--texte-2);justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;display:flex}.profil__xp-barre{background:var(--bg-2);border-radius:99px;height:10px;overflow:hidden}.profil__xp-remplissage{background:linear-gradient(90deg,#4f8ef7,#a78bfa);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #4f8ef780}.profil__xp-suite{color:var(--texte-2);text-align:right;margin-top:.4rem;font-size:.75rem}.profil__header{background:var(--carte);box-shadow:0 4px 24px var(--ombre);border:1px solid var(--bordure);border-radius:20px;margin-bottom:1.5rem;padding:2rem}.profil__header-top{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.profil__avatar{background:linear-gradient(135deg,#4f8ef7,#a78bfa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex;box-shadow:0 4px 16px #4f8ef74d}.profil__infos{flex:1}.profil__nom{margin-bottom:.4rem;font-size:1.4rem;font-weight:700}.profil__badge-niveau{color:#fff;background:linear-gradient(135deg,#4f8ef7,#a78bfa);border-radius:99px;align-items:center;gap:.4rem;padding:.2rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.profil__bouton-theme{background:var(--bg-2);border:1px solid var(--bordure);border-radius:10px;flex-direction:column;align-items:center;gap:.1rem;padding:.6rem .8rem;font-size:1.2rem;transition:all .2s;display:flex}.profil__bouton-theme--actif{cursor:pointer}.profil__bouton-theme--bloque{cursor:not-allowed;opacity:.4}.profil__bouton-theme span{color:var(--texte-2);font-size:.5rem}.profil__onglets{gap:.5rem;margin-bottom:1rem;display:flex}.profil__onglet{border:1px solid var(--bordure);cursor:pointer;background:var(--carte);color:var(--texte-2);border-radius:10px;padding:.6rem 1.4rem;font-size:.85rem;font-weight:600;transition:all .2s}.profil__onglet--actif{color:#fff;background:linear-gradient(135deg,#4f8ef7,#a78bfa);border-color:#0000;box-shadow:0 4px 12px #4f8ef74d}.profil__carte{background:var(--carte);border:1px solid var(--bordure);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .2s;display:flex;position:relative}.profil__carte--verrouillee{opacity:.4;filter:grayscale();background:var(--bg-2);border-color:#0000}.profil__carte--active{border:2px solid gold;transform:scale(1.05)}.profil__carte-cadenas{font-size:.7rem;position:absolute;top:.4rem;right:.4rem}.profil__carte-coche{background:gold;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;display:flex;position:absolute;top:.4rem;right:.4rem}.profil__carte-emoji{font-size:2rem}.profil__carte-nom{text-align:center;color:var(--texte);font-size:.75rem;font-weight:600}.profil__carte-niveau{color:var(--texte-2);font-size:.65rem}.profil__grille-wrapper{background:var(--carte);box-shadow:0 4px 24px var(--ombre);border:1px solid var(--bordure);border-radius:20px;padding:1.5rem}.profil__grille{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;display:grid}:root,[data-theme=light]{--bg:#f0f4ff;--bg-2:#e2e8f0;--carte:#fff;--texte:#1a1a2e;--texte-2:#64748b;--bordure:#cbd5e1;--ombre:#00000014}[data-theme=dark]{--bg:#0d1117;--bg-2:#161b22;--carte:#1c2128;--texte:#e6edf3;--texte-2:#8b949e;--bordure:#30363d;--ombre:#0006}.profil{background:var(--bg);min-height:100vh;color:var(--texte);padding:2rem 1rem;font-family:Segoe UI,system-ui,sans-serif;transition:background .3s,color .3s}.profil__inner{max-width:680px;margin:0 auto}.profil__btn-retour{border:1px solid var(--bordure);color:var(--texte-2);cursor:pointer;background:0 0;border-radius:6px;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-family:Georgia,serif;font-size:.95rem;font-style:italic;transition:all .2s}.profil__btn-retour:hover{color:var(--texte);border-color:var(--texte)}.app-rome{background:#1a0b05;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.app-rome__glow{opacity:.07;filter:blur(120px);pointer-events:none;background:#c9a030;border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-rome__overlay{z-index:0;background:linear-gradient(#0006,#0000,#1a0b05);position:fixed;inset:0}.app-rome__main{z-index:10;flex-direction:column;align-items:center;width:100%;padding:3rem 1rem 2.5rem;display:flex;position:relative}.app-rome__header{text-align:center;margin-bottom:2.5rem}.app-rome__header-line{background:#c9a03066;border-radius:99px;width:8rem;height:4px;margin:.5rem auto 0}.app-rome__content{justify-content:center;align-items:center;width:100%;min-height:60vh;display:flex}.app-rome__btn-retour{color:#c9a03099;cursor:pointer;background:0 0;border:1px solid #c9a0304d;margin-top:2rem;padding:.5rem 1.5rem;font-family:Georgia,serif;font-size:1rem;font-style:italic;transition:all .2s}.app-rome__btn-retour:hover{color:#c9a030;border-color:#c9a030}.app-rome__dot{pointer-events:none;background:#c9a030;border-radius:50%;position:absolute}.app-rome__dot--bottom{filter:blur(2px);opacity:.2;width:8px;height:8px;bottom:2.5rem;left:2.5rem}.app-rome__dot--top{filter:blur(4px);opacity:.1;width:12px;height:12px;top:5rem;right:5rem}