@font-face{font-family:Lilita;src:url('assets/LilitaOne-Regular.ttf') format('truetype');font-display:swap}
:root{--bg:#10091d;--panel:#1a1029;--panel2:#211333;--line:#3b2850;--text:#fff8ea;--muted:#a99bb8;--pink:#ff4fa3;--purple:#8f5cff;--cyan:#57e7ff;--lime:#c9ff67;--danger:#ff6e82}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 10%,#381750 0,transparent 32%),radial-gradient(circle at 5% 90%,#192850 0,transparent 28%),var(--bg);color:var(--text);font:16px/1.5 Inter,Segoe UI,sans-serif;overflow-x:hidden}
button,input{font:inherit}.hidden{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.app-shell{width:min(1240px,calc(100% - 40px));margin:auto;min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid rgba(255,255,255,.1)}
.brand{display:flex;gap:12px;align-items:center;background:none;border:0;color:var(--text);cursor:pointer;text-align:left;padding:0}.brand-mark{width:46px;height:54px;display:grid;place-items:center;background:linear-gradient(145deg,var(--pink),var(--purple));clip-path:polygon(50% 0,100% 22%,92% 82%,50% 100%,8% 82%,0 22%);font:30px Lilita}.brand strong{display:block;font:25px/.8 Lilita;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:4px;color:var(--muted)}
.build-pill{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:8px 13px}.build-pill span{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--lime);margin-right:8px}
.screen{padding:56px 0 70px}.loading-screen{min-height:70vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loader{width:50px;height:50px;margin:auto;border:3px solid var(--line);border-top-color:var(--pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}
#config-screen{display:grid;grid-template-columns:.95fr 1.4fr;gap:50px;align-items:start}.eyebrow{color:var(--pink);letter-spacing:3px;font-weight:800;font-size:12px}.intro{position:sticky;top:35px;padding-top:25px}.intro h1,.result-screen h1{font:clamp(45px,5.3vw,70px)/.98 Lilita;margin:14px 0 25px;letter-spacing:.5px}.intro h1 b{font-weight:inherit;white-space:nowrap}.intro h1 span{color:transparent;-webkit-text-stroke:1px #c4b6d1}.intro>p:last-child{color:var(--muted);max-width:460px}
.config-panel{background:linear-gradient(155deg,rgba(41,24,62,.94),rgba(21,12,36,.96));border:1px solid var(--line);padding:34px;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.step-heading{display:flex;gap:15px;align-items:center;margin-bottom:20px}.step-heading>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--pink);color:var(--pink);border-radius:50%;font-weight:900;font-size:12px}.step-heading h2{font:26px Lilita;margin:0}.step-heading p{margin:0;color:var(--muted);font-size:13px}.divider{height:1px;background:var(--line);margin:31px 0}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.select-card{min-height:110px;border:1px solid var(--line);border-radius:14px;background:#160d24;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.2s}.select-card .icon{font-size:25px;filter:grayscale(1)}.select-card strong{font-size:12px}.select-card:hover{transform:translateY(-2px);border-color:#74529b}.select-card.selected{color:white;border-color:var(--pink);background:linear-gradient(150deg,rgba(255,79,163,.22),rgba(143,92,255,.16));box-shadow:inset 0 0 0 1px rgba(255,79,163,.25),0 9px 24px rgba(255,79,163,.12)}.select-card.selected .icon{filter:none}
.element-grid{display:flex;flex-wrap:wrap;gap:9px}.element-button{border:1px solid var(--line);background:#160d24;color:var(--muted);border-radius:30px;padding:9px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px}.element-button img{width:20px;height:20px}.element-button.selected{color:white;border-color:var(--element,var(--pink));box-shadow:inset 0 0 18px color-mix(in srgb,var(--element,var(--pink)) 20%,transparent)}.element-button.all{padding-inline:18px}
.start-row{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.availability strong{display:block;font:28px Lilita;color:var(--cyan)}.availability span{color:var(--muted);font-size:12px}.primary-button{border:0;color:white;background:linear-gradient(100deg,var(--pink),var(--purple));border-radius:12px;padding:15px 22px;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(255,79,163,.2);transition:.2s}.primary-button:hover{transform:translateY(-2px)}.primary-button:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed;transform:none}.primary-button span{margin-left:16px}.config-warning{min-height:20px;color:var(--danger);font-size:12px;margin:10px 0 0;text-align:right}
.quiz-status{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.quiz-status>div:first-child span{font:22px Lilita}.quiz-status>div:first-child strong{color:var(--muted);margin-left:5px}.progress-track{height:5px;background:#2c1b40;border-radius:5px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--cyan));transition:width .3s}.score-box{text-align:right}.score-box small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px}.score-box strong{font:30px Lilita;color:var(--lime)}
.quiz-layout{display:grid;grid-template-columns:370px 1fr;gap:65px;align-items:center;min-height:650px}.card-visual{height:525px;position:relative;border-radius:25px;overflow:hidden;border:2px solid var(--element-color,#71448f);background:#241335;box-shadow:0 30px 70px #050208}.card-visual img{width:100%;height:100%;object-fit:cover;display:block}.image-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle,#4b275d,#160d24)}.image-placeholder span{font:130px Lilita;color:#7b598e}.card-visual.shop{--rarity:#8b8b8b;border-color:var(--rarity);background:#414141;box-shadow:0 30px 70px #050208,0 0 28px rgba(139,139,139,.28)}.card-visual.shop.rarity-rare{--rarity:#00cfff;background:radial-gradient(circle at 50% 38%,#31558b 0,#203d73 48%,#17284d 100%)}.card-visual.shop.rarity-epic{--rarity:#d200ff;background:radial-gradient(circle at 50% 38%,#733083 0,#57206b 48%,#361442 100%)}.card-visual.shop.rarity-legendary{--rarity:#ff9800;background:radial-gradient(circle at 50% 38%,#8b5642 0,#70402f 48%,#452519 100%)}.card-visual.shop img{object-fit:contain;padding:34px 24px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.55));box-sizing:border-box}
.question-panel{max-width:720px}.question-meta{display:flex;gap:8px}.question-meta span{font-size:10px;letter-spacing:1.5px;font-weight:900;padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:var(--cyan)}.question-meta span:last-child{color:var(--element-color,var(--pink));border-color:var(--element-color,var(--line))}.question-panel h2{font:clamp(35px,4.2vw,57px)/1.05 Lilita;margin:20px 0 14px}.mode-help{color:var(--muted);margin-bottom:25px}.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-card{position:relative;text-align:left;min-height:130px;padding:22px 14px 15px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:white;cursor:pointer;transition:.2s}.mode-card:hover{transform:translateY(-3px);border-color:var(--accent)}.mode-card strong,.mode-card small{display:block}.mode-card strong{font:18px Lilita;margin-top:17px}.mode-card small{font-size:11px;color:var(--muted);margin-top:4px}.mode-points{position:absolute;right:11px;top:10px;color:var(--accent);font-weight:900}.mode-card.direct{--accent:var(--lime)}.mode-card.square{--accent:var(--pink)}.mode-card.duo{--accent:var(--cyan)}
.direct-form{margin-top:20px}.direct-form label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.direct-form>div{display:flex}.direct-form input{flex:1;min-width:0;border:1px solid var(--line);border-right:0;border-radius:10px 0 0 10px;background:#10091d;color:white;padding:15px;outline:none}.direct-form input:focus{border-color:var(--pink)}.direct-form button{border:0;border-radius:0 10px 10px 0;background:var(--pink);color:white;font-weight:800;padding:0 22px;cursor:pointer}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.choice-grid.duo{grid-template-columns:1fr}.choice-button{border:1px solid var(--line);border-radius:11px;background:var(--panel);color:white;padding:16px;text-align:left;cursor:pointer}.choice-button:hover{border-color:var(--cyan)}.choice-button.correct{border-color:var(--lime);background:rgba(201,255,103,.12)}.choice-button.wrong{border-color:var(--danger);background:rgba(255,110,130,.12)}
.feedback{margin-top:22px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.feedback>div{display:flex;align-items:center;gap:12px}.feedback>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);color:#172000;font-weight:900}.feedback.wrong>div>span{background:var(--danger);color:white}.feedback p{margin:0}.feedback p strong,.feedback p small{display:block}.feedback p small{color:var(--muted)}.feedback button{border:1px solid var(--line);border-radius:10px;background:transparent;color:white;padding:11px 15px;cursor:pointer}.feedback button span{margin-left:10px}
.result-screen{text-align:center;max-width:850px;margin:auto}.result-orbit{width:190px;height:190px;margin:20px auto;display:grid;place-content:center;border:1px solid var(--pink);border-radius:50%;box-shadow:0 0 70px rgba(255,79,163,.22),inset 0 0 40px rgba(143,92,255,.13);position:relative}.result-orbit:after{content:"";position:absolute;inset:-12px;border:1px dashed #6e426f;border-radius:50%}.result-orbit strong{font:67px/.9 Lilita;color:var(--lime)}.result-orbit span{font-size:10px;letter-spacing:3px;color:var(--muted)}.result-screen h1{font-size:55px;margin:28px 0 10px}.result-screen>p:not(.eyebrow){color:var(--muted)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:35px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.result-stats div{background:var(--panel);padding:22px}.result-stats strong,.result-stats span{display:block}.result-stats strong{font:30px Lilita}.result-stats span{font-size:11px;color:var(--muted)}
@media(max-width:900px){#config-screen{grid-template-columns:1fr;gap:20px}.intro{position:static}.category-grid{grid-template-columns:repeat(3,1fr)}.quiz-layout{grid-template-columns:280px 1fr;gap:30px}.card-visual{height:420px}.mode-picker{grid-template-columns:1fr}.mode-card{min-height:85px}.mode-card strong{margin-top:0}}
@media(max-width:650px){.app-shell{width:min(100% - 24px,1240px)}.topbar{height:66px}.screen{padding-top:32px}.config-panel{padding:20px}.category-grid{grid-template-columns:1fr 1fr}.select-card{min-height:90px}.start-row{align-items:stretch;flex-direction:column}.quiz-status{grid-template-columns:1fr auto}.progress-track{grid-row:2;grid-column:1/3}.quiz-layout{display:flex;flex-direction:column;align-items:stretch;padding-top:25px}.card-visual{width:230px;height:330px;margin:auto}.question-panel h2{font-size:35px}.choice-grid{grid-template-columns:1fr}.feedback{align-items:stretch;flex-direction:column}.result-stats{grid-template-columns:1fr}}

/* Navigation et Quiz du jour */
.mode-navigation{display:flex;justify-content:center;gap:5px;margin-top:22px}.mode-navigation button{border:1px solid var(--line);background:rgba(16,9,29,.72);color:var(--muted);padding:11px 22px;cursor:pointer;font-weight:800}.mode-navigation button:first-child{border-radius:30px 5px 5px 30px}.mode-navigation button:last-child{border-radius:5px 30px 30px 5px}.mode-navigation button.active{color:var(--text);border-color:var(--pink);background:linear-gradient(120deg,rgba(255,79,163,.24),rgba(143,92,255,.2));box-shadow:0 8px 25px rgba(255,79,163,.12)}
.daily-screen{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;min-height:660px}.daily-hero h1{font:clamp(48px,6vw,78px)/.95 Lilita;margin:16px 0 25px}.daily-hero h1 span{color:transparent;-webkit-text-stroke:1px #d8c7e7}.daily-hero>p:last-of-type{color:var(--muted);max-width:650px;font-size:18px}.daily-actions{display:flex;gap:12px;margin-top:34px}.secondary-button{border:1px solid var(--line);background:rgba(25,14,40,.82);color:var(--text);border-radius:12px;padding:14px 20px;font-weight:800;cursor:pointer}.secondary-button:hover{border-color:var(--cyan)}.daily-card{background:linear-gradient(155deg,rgba(51,28,77,.96),rgba(20,11,34,.98));border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 35px 90px rgba(0,0,0,.4)}.daily-card>span{font-size:10px;letter-spacing:3px;color:var(--pink);font-weight:900}.daily-card>strong{display:block;font:32px Lilita;margin:7px 0 27px}.daily-rule{display:flex;align-items:baseline;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line)}.daily-rule b{font:28px Lilita;color:var(--lime)}.daily-rule small,.daily-card>p{color:var(--muted)}.daily-card>p{font-size:12px;margin:22px 0 0}
.daily-date-button{position:relative;text-align:left;padding:10px 52px 10px 18px}.daily-date-button small,.daily-date-button strong{display:block}.daily-date-button small{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;opacity:.8}.daily-date-button strong{font:18px Lilita;text-transform:capitalize}.daily-date-button span{position:absolute;right:17px;top:50%;transform:translateY(-50%);margin:0}
.daily-archive{grid-column:1/-1;margin-top:10px}.daily-archive-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:16px}.daily-archive-heading span{display:block;color:var(--pink);font-size:9px;letter-spacing:2px;font-weight:900}.daily-archive-heading strong{font:25px Lilita}.daily-archive-heading p{max-width:560px;color:var(--muted);font-size:12px;margin:0;text-align:right}.daily-list{display:grid;gap:10px}.daily-entry{display:grid;grid-template-columns:minmax(230px,1fr) auto auto auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(120deg,rgba(33,19,51,.92),rgba(20,11,33,.94))}.daily-entry-date small,.daily-entry-date strong{display:block}.daily-entry-date small{color:var(--muted);font-size:9px;letter-spacing:1.5px}.daily-entry-date strong{font:20px Lilita;text-transform:capitalize}.daily-entry-status{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--lime);border:1px solid color-mix(in srgb,var(--lime) 45%,transparent);border-radius:30px;padding:6px 10px}.daily-entry.completed .daily-entry-status{color:var(--muted);border-color:var(--line)}.daily-entry .primary-button,.daily-entry .secondary-button{padding:10px 15px;font-size:12px}.daily-entry .primary-button:disabled{box-shadow:none}.daily-entry-current{box-shadow:inset 3px 0 0 var(--pink)}
.leaderboard-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.leaderboard-heading h1{font:55px Lilita;margin:5px 0}.leaderboard-heading p{color:var(--muted)}.leaderboard-table-wrap{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(22,13,36,.9)}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:17px 22px;text-align:left;border-bottom:1px solid var(--line)}.leaderboard-table th{color:var(--muted);font-size:10px;letter-spacing:2px}.leaderboard-table tr:last-child td{border:0}.leaderboard-table td:first-child{font:22px Lilita;color:var(--pink);width:90px}.leaderboard-table td:nth-child(3){font-weight:900;color:var(--lime)}.leaderboard-empty{text-align:center;color:var(--muted);padding:45px}.local-note{color:var(--muted);font-size:11px;text-align:center;margin-top:18px}
.daily-timer{margin-top:18px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}.daily-timer>div:first-child{display:flex;align-items:baseline;min-width:145px}.daily-timer>div:first-child span{font-size:11px;color:var(--muted);margin-right:10px}.daily-timer strong{font:29px Lilita;color:var(--lime)}.daily-timer small{color:var(--lime)}.timer-track{height:8px;background:#2c1b40;border-radius:10px;overflow:hidden}.timer-track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--pink),var(--lime));transform-origin:left;transition:transform .05s linear}.daily-timer.urgent strong,.daily-timer.urgent small{color:var(--danger)}.daily-timer.urgent .timer-track span{background:var(--danger)}
.daily-name-form{max-width:510px;margin:0 auto 24px}.daily-name-form label{display:block;font:20px Lilita;margin-bottom:10px}.daily-name-form>div{display:flex}.daily-name-form input{flex:1;min-width:0;background:#10091d;color:white;border:1px solid var(--line);border-radius:10px 0 0 10px;padding:14px;outline:none}.daily-name-form input:focus{border-color:var(--cyan)}.daily-name-form button{border:0;border-radius:0 10px 10px 0;padding:0 20px;background:var(--cyan);color:#07171b;font-weight:900;cursor:pointer}.daily-name-form small{display:block;color:var(--muted);text-align:left;margin-top:5px}.daily-countdown{position:fixed;inset:0;z-index:30;background:rgba(8,4,15,.9);backdrop-filter:blur(12px);display:grid;place-items:center;text-align:center}.daily-countdown>div{width:min(430px,calc(100% - 40px));padding:45px;border:1px solid var(--line);border-radius:25px;background:var(--panel)}.daily-countdown p{color:var(--muted)}.daily-countdown strong{display:block;font:100px/.95 Lilita;color:var(--lime)}.daily-countdown small{color:var(--pink);font-weight:900;letter-spacing:2px}
@media(max-width:900px){.daily-screen{grid-template-columns:1fr;gap:20px}.daily-card{max-width:560px}}
@media(max-width:650px){.mode-navigation{margin-top:14px}.mode-navigation button{padding:9px 16px}.daily-screen{min-height:auto}.daily-actions,.leaderboard-heading,.daily-archive-heading{align-items:stretch;flex-direction:column}.daily-archive-heading p{text-align:left}.daily-entry{grid-template-columns:1fr 1fr}.daily-entry-date{grid-column:1/-1}.daily-entry-status{justify-self:start}.daily-entry .secondary-button{grid-column:2}.daily-timer{grid-template-columns:1fr}.leaderboard-table th,.leaderboard-table td{padding:13px 10px}.daily-name-form>div{flex-direction:column}.daily-name-form input,.daily-name-form button{border-radius:10px}.daily-name-form button{padding:13px;margin-top:7px}}

/* Accueil */
.home-screen{display:grid;justify-items:center;text-align:center;padding-top:10px}.home-logo-wrap{width:min(980px,94vw);position:relative}.home-logo-wrap:after{content:"";position:absolute;inset:18% 10%;background:#8f20ff;filter:blur(80px);opacity:.14;z-index:-1}.home-logo{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}.home-copy{max-width:800px;margin-top:-20px}.home-copy h1{font:clamp(42px,5vw,68px)/1 Lilita;margin:12px 0 18px}.home-copy h1 span{color:transparent;-webkit-text-stroke:1px #b8c5ff}.home-copy>p:last-child{color:var(--muted);font-size:17px;margin-inline:auto;max-width:700px}.home-modes{width:min(940px,100%);display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.home-mode-card{--accent:var(--cyan);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(32,20,57,.96),rgba(16,10,31,.96));color:var(--text);padding:23px;cursor:pointer;transition:.2s}.home-mode-card.daily{--accent:var(--pink)}.home-mode-card:hover,.home-mode-card:focus-visible{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 18px 45px color-mix(in srgb,var(--accent) 16%,transparent);outline:none}.home-mode-card>span{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-weight:900}.home-mode-card small{color:var(--accent);letter-spacing:2px;font-size:9px;font-weight:900}.home-mode-card strong{display:block;font:27px Lilita;margin:2px 0 4px}.home-mode-card p{margin:0;color:var(--muted);font-size:12px}.home-mode-card>b{font-size:25px;color:var(--accent)}.fan-disclaimer{max-width:920px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.fan-disclaimer strong{color:var(--text);text-transform:uppercase;letter-spacing:1.5px}.fan-disclaimer p{margin:6px 0 0}
@media(max-width:650px){.home-screen{padding-top:18px}.home-logo{max-height:210px}.home-copy{margin-top:0}.home-copy h1{font-size:40px}.home-copy>p:last-child{font-size:15px}.home-modes{grid-template-columns:1fr}.home-mode-card{padding:18px}.fan-disclaimer{margin-top:30px}}