:root{--parchemin: #f1e7d0;--parchemin-clair: #fbf5e2;--parchemin-ombre: #e6d9b8;--parchemin-creux: #cdbe97;--encre: #2b1f12;--encre-douce: #4a3c2a;--encre-pale: #6b5b48;--or: #b8860b;--or-clair: #d4a43a;--or-sombre: #7a5a06;--drap: #1e4a2f;--drap-sombre: #143421;--bois: #3d2510;--os: #f7f1e1;--rouge: #7e1f1f;--bleu: #1f3a6b;--vert: #3f6b30;--noir: #1a1612;--trait: rgba(43, 31, 18, .18);--trait-fort: rgba(43, 31, 18, .35);--ombre: 0 10px 24px rgba(43, 31, 18, .22);--titre: Cinzel, "Trajan Pro", Georgia, serif;--texte: "Cormorant Garamond", Garamond, Georgia, serif;--rayon: 12px;--rayon-grand: 18px;--gouttiere: 16px;--cible: 44px;--vitesse: 1}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--parchemin);color:var(--encre);font-family:var(--texte);font-size:17px;line-height:1.35;font-weight:500}[hidden]{display:none!important}h1,h2,h3{font-family:var(--titre);font-weight:700;letter-spacing:.02em;margin:0}p{margin:0}img{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--or);outline-offset:2px}input:where(:not([type=checkbox]):not([type=radio]):not([type=range])){font:inherit;color:var(--encre);background:var(--parchemin-clair);border:1px solid var(--trait-fort);border-radius:var(--rayon);padding:10px 14px;min-height:var(--cible);width:100%}label{font-family:var(--titre);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--or-sombre)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--cible);padding:0 16px;border-radius:var(--rayon);border:1px solid var(--trait-fort);background:var(--parchemin-clair);color:var(--encre);font-family:var(--titre);font-size:14px;font-weight:600;letter-spacing:.03em;text-decoration:none;transition:transform .12s ease,background-color .12s ease}.btn:hover:not(:disabled){background:#fff9ea}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5}.btn--primary{background:var(--encre);color:var(--parchemin);border-color:var(--encre)}.btn--primary:hover:not(:disabled){background:#3d2d1c}.btn--ghost{background:transparent;border-color:var(--trait);color:var(--encre-pale)}.btn--icon{width:var(--cible);padding:0}.btn--large{min-height:50px;font-size:15px;padding:0 22px}.gauge{height:10px;border-radius:5px;background:var(--parchemin-creux);overflow:hidden}.gauge__fill{height:100%;border-radius:inherit;transition:width .6s cubic-bezier(.2,.7,.2,1)}.gauge__fill--moi{background:var(--vert)}.gauge__fill--adversaire{background:var(--rouge)}.hp{font-family:var(--titre);font-weight:700;font-size:22px;line-height:1}.hp small{font-size:11px;font-weight:400;letter-spacing:.08em}.eyebrow{font-family:var(--titre);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--or-sombre)}.muted{color:var(--encre-pale)}.card{margin:0;flex:0 0 auto;width:118px;text-align:center;background:var(--parchemin-clair);border-radius:10px;padding:6px;border-top:4px solid var(--or);cursor:pointer;border-left:0;border-right:0;border-bottom:0;transition:transform .16s ease,box-shadow .16s ease}.card img{width:106px;height:148px;object-fit:cover;border-radius:6px;margin:0 auto}.card figcaption{margin-top:5px}.card__name{font-family:var(--titre);font-weight:600;font-size:12px;line-height:1.15}.card__trait{font-size:13px;line-height:1.2;margin-top:2px}.card:hover,.card:focus-visible{transform:translateY(-4px);box-shadow:var(--ombre)}.card[aria-pressed=true]{box-shadow:0 0 0 3px var(--or),var(--ombre);transform:translateY(-6px)}.card--small{width:72px;padding:4px;cursor:default}.card--small img{width:56px;height:78px}.card--small .card__name{font-size:11px}.card--dim{opacity:.5}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);max-width:min(92vw,560px);padding:12px 18px;border-radius:var(--rayon);background:var(--encre);color:var(--parchemin);box-shadow:var(--ombre);z-index:60;font-size:16px}.toast--erreur{background:var(--rouge)}.screen{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px var(--gouttiere);border-bottom:1px solid var(--trait);flex-wrap:wrap}.brand{font-family:var(--titre);font-weight:700;font-size:18px;letter-spacing:.06em}.brand small{font-weight:400;font-size:14px;color:var(--encre-pale);letter-spacing:0}.panel{background:var(--parchemin-clair);border:1px solid var(--trait);border-radius:var(--rayon-grand);padding:18px 20px}.panel--ombre{background:var(--parchemin-ombre);border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.boot{align-items:center;justify-content:center;gap:16px;padding:var(--gouttiere)}.login{align-items:center;justify-content:center;gap:28px;padding:32px var(--gouttiere)}.login__hero{text-align:center;max-width:560px}.login__title{font-size:clamp(40px,8vw,64px);letter-spacing:.08em;margin:6px 0 10px}.login__lead{font-size:19px;color:var(--encre-douce);font-style:italic}.login__form{width:min(100%,420px);display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field__hint{font-size:14px}.form__error{color:var(--rouge);font-weight:600}.login__actions{display:flex;flex-direction:column;gap:10px}.lobby__main{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:22px var(--gouttiere) 36px;max-width:1440px;width:100%;margin:0 auto}.lobby__title{font-size:26px;margin-bottom:4px}.lobby__lead{margin-bottom:16px}.opponents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.opponents--occupe{opacity:.6;pointer-events:none}.opponent{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--parchemin-clair);border:1px solid var(--trait);border-radius:14px;text-align:left;transition:transform .16s ease,box-shadow .16s ease}.opponent:hover,.opponent:focus-visible{transform:translateY(-3px);box-shadow:var(--ombre)}.opponent img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:8px;border-top:4px solid var(--or)}.opponent__name{font-family:var(--titre);font-weight:600;font-size:15px}.opponent__blurb{font-size:14px;line-height:1.25}.lobby__side{display:flex;flex-direction:column;gap:18px}.lobby__note{margin-top:10px;font-size:15px}.running{display:flex;align-items:center;gap:12px;padding:8px 0}.running img{width:44px;height:60px;object-fit:cover;border-radius:6px}.running__body{flex:1;min-width:0;font-size:16px}.history{width:100%;border-collapse:collapse;font-size:16px}.history th{font-family:var(--titre);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-pale);text-align:left;padding:6px 0;font-weight:600}.history td{padding:8px 0;border-top:1px solid var(--trait)}.history__num{text-align:right;white-space:nowrap}.history__win{color:var(--vert);font-weight:600}.history__loss{color:var(--rouge);font-weight:600}.history__draw{color:var(--encre-pale)}@media(min-width:760px){.opponents{grid-template-columns:repeat(3,minmax(0,1fr))}.login__actions{flex-direction:row}}@media(min-width:1000px){.lobby__main{grid-template-columns:minmax(0,3fr) minmax(0,2fr);padding:26px 28px 36px}}.table{padding-bottom:8px}.topbar--table .brand small{display:inline-block}.topbar--table{gap:8px 12px;padding-top:8px;padding-bottom:8px}.topbar__actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.topbar--table .topbar__actions .btn{min-height:36px;padding:0 11px;font-size:12px}.steps{display:flex;gap:12px;margin:0;padding:0;list-style:none;font-family:var(--titre);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a7e6e;flex-wrap:wrap}.steps__item--active{color:var(--encre);font-weight:700;border-bottom:2px solid var(--or);padding-bottom:2px}.who{display:flex;align-items:center;gap:14px;padding:10px var(--gouttiere);flex-wrap:wrap}.who--adversaire{background:var(--parchemin-ombre)}.who__portrait{width:44px;height:60px;object-fit:cover;border-radius:6px;border:2px solid var(--noir)}.who__body{flex:1 1 240px;min-width:0}.who__line{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.who__name{font-family:var(--titre);font-weight:600;font-size:16px}.who__counts{font-size:15px;margin-top:4px}.gauge{margin:5px 0}.who__played{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.played{display:flex;gap:6px;flex-wrap:wrap}.played .card--small{width:46px;padding:2px;background:transparent;border-top-width:3px}.played .card--small img{width:40px;height:56px}.played .card--small .card__name{display:none}.table__main{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:10px var(--gouttiere) 0}.felt{background:var(--drap);border-radius:var(--rayon-grand);padding:14px;color:var(--parchemin);display:flex;flex-direction:column;gap:12px;position:relative;box-shadow:inset 0 0 0 1px #f1e7d02e,inset 0 14px 36px #00000047;cursor:default}.felt__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.stage-card{margin:0;text-align:center}.stage-card img{width:100%;max-width:128px;aspect-ratio:128 / 178;object-fit:cover;border-radius:8px;border:3px solid var(--or);box-shadow:0 10px 24px #00000059;margin:0 auto;animation:flip .5s ease-out}.stage-card__placeholder{width:100%;max-width:128px;aspect-ratio:128 / 178;margin:0 auto;border-radius:8px;border:2px dashed rgba(241,231,208,.5);display:flex;align-items:center;justify-content:center;font-family:var(--titre);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#f1e7d0bf;text-align:center;padding:8px}.stage-card figcaption{margin-top:6px}.stage-card__name{font-family:var(--titre);font-weight:600;font-size:13px}.stage-card__trait{font-size:13px;color:#f1e7d0d9;line-height:1.2}.stage-die{margin:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.stage-die img{width:64px;aspect-ratio:84 / 118;object-fit:cover;border-radius:8px;border:2px solid rgba(241,231,208,.7);animation:flip .5s ease-out}.stage-die__placeholder{width:64px;aspect-ratio:84 / 118;border-radius:8px;border:2px dashed rgba(241,231,208,.5);display:flex;align-items:center;justify-content:center;font-family:var(--titre);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#f1e7d0bf}.eyebrow--clair{color:#f1e7d0cc}.excalibur{grid-column:1 / -1;justify-self:center;display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:4px 10px;border-radius:999px;background:#00000040;color:var(--parchemin)}.excalibur svg{color:var(--or-clair)}.felt__dice:empty{display:none}.combat-dice{border-top:1px solid rgba(241,231,208,.2);padding-top:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.combat-dice__side--gagnant .combat-dice__total{color:var(--or-clair)}.combat-dice__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.dice-row{display:flex;gap:8px;flex-wrap:wrap}.combat-dice__total{font-family:var(--titre);font-weight:700;font-size:28px;margin-left:4px}.felt__verdict{font-size:15px;font-style:italic;color:#f1e7d0d9}.felt__verdict:empty{display:none}.felt__skip{font-size:13px;color:#f1e7d0b3;text-align:center}.die{width:48px;height:48px;border:0;border-radius:11px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:7px;box-shadow:0 6px 14px #00000059;animation:roll .45s ease-out;transition:transform .12s ease}.die--moi{background:var(--os);--pip: var(--encre)}.die--adversaire{background:var(--bois);--pip: var(--parchemin)}.die__pip{width:100%;height:100%;border-radius:50%;background:transparent}.die[data-v="1"] .die__pip[data-i="4"],.die[data-v="2"] .die__pip[data-i="0"],.die[data-v="2"] .die__pip[data-i="8"],.die[data-v="3"] .die__pip[data-i="0"],.die[data-v="3"] .die__pip[data-i="4"],.die[data-v="3"] .die__pip[data-i="8"],.die[data-v="4"] .die__pip[data-i="0"],.die[data-v="4"] .die__pip[data-i="2"],.die[data-v="4"] .die__pip[data-i="6"],.die[data-v="4"] .die__pip[data-i="8"],.die[data-v="5"] .die__pip[data-i="0"],.die[data-v="5"] .die__pip[data-i="2"],.die[data-v="5"] .die__pip[data-i="4"],.die[data-v="5"] .die__pip[data-i="6"],.die[data-v="5"] .die__pip[data-i="8"],.die[data-v="6"] .die__pip[data-i="0"],.die[data-v="6"] .die__pip[data-i="2"],.die[data-v="6"] .die__pip[data-i="3"],.die[data-v="6"] .die__pip[data-i="5"],.die[data-v="6"] .die__pip[data-i="6"],.die[data-v="6"] .die__pip[data-i="8"]{background:var(--pip)}.die--chiffre{display:flex;align-items:center;justify-content:center;padding:0;border-radius:14px}.die__num{font-family:var(--titre);font-weight:700;font-size:20px;color:var(--pip)}button.die{cursor:pointer}button.die:hover{transform:translateY(-2px)}button.die[aria-pressed=true]{box-shadow:0 0 0 3px var(--or),0 6px 14px #00000059}.log{display:flex;flex-direction:column;min-height:0;padding:14px 16px}.log__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:14px}.log__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.3;max-height:220px;overflow-y:auto}.log__line{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;align-items:start;color:var(--encre-douce);animation:appear .3s ease-out}.log__line--derniere{color:var(--encre);font-weight:700}.log__dot{width:8px;height:8px;border-radius:50%;margin-top:7px;background:var(--or)}.log__dot--pv{background:var(--rouge)}.log__dot--des{background:var(--encre)}.log__dot--pouvoir,.log__dot--quete{background:var(--or-sombre)}.log__dot--fin{background:var(--vert)}.action{position:sticky;bottom:0;z-index:20;margin:10px var(--gouttiere) 0;padding:12px 16px 14px;background:var(--parchemin-ombre);border-radius:14px 14px 0 0;border-top:3px solid var(--or);box-shadow:0 -8px 20px #2b1f122e;display:flex;flex-direction:column;gap:10px}.action--occupe{opacity:.75}.action__text{font-size:17px;line-height:1.3}.action__sentence{margin:2px 0 0}.action__controls{display:flex;gap:8px;flex-wrap:wrap}.action__controls .btn{flex:1 1 auto}.action__panel{border-top:1px solid var(--trait);padding-top:10px}.pick-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px}.pick-groups{display:flex;flex-direction:column;gap:10px}.card--pick{display:flex;flex-direction:column;align-items:center;width:104px;padding:6px;background:var(--parchemin-clair);border:0;border-top:4px solid var(--or);border-radius:10px}.card--pick img{width:92px;height:128px}.btn--die{flex-direction:column;min-height:72px;padding:6px 14px;gap:4px}.btn--die img{border-radius:4px}.who--moi{align-items:flex-start;padding-top:14px}.quests{display:flex;flex-direction:column;gap:8px;flex:1 1 280px}.quest{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;background:var(--parchemin-clair);border:1px solid var(--trait);border-radius:var(--rayon)}.quest img{width:44px;height:62px;object-fit:cover;border-radius:4px}.quest__body{font-size:14px;line-height:1.3}.quest__name{font-family:var(--titre);font-weight:600;font-size:13px}.quest__tier{color:var(--encre-pale)}.quest__tier--atteint{color:var(--vert);font-weight:700}.who__powers{flex:1 1 280px}.who__powers-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.powers{display:flex;gap:8px;flex-wrap:wrap}.hand-section{padding:10px var(--gouttiere) 18px}.hand{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 10px;scroll-snap-type:x proximity}.hand .card{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center}.hand .card img{margin:0}.overlay{position:fixed;inset:0;background:#2b1f128c;display:flex;align-items:center;justify-content:center;padding:var(--gouttiere);z-index:50}.overlay__card{width:min(100%,520px);display:flex;flex-direction:column;gap:12px;text-align:center}.overlay__card h2{font-size:34px}.overlay__actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(100%,480px);background:var(--parchemin-clair);box-shadow:-12px 0 30px #2b1f1240;z-index:55;display:flex;flex-direction:column}.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--trait)}.drawer__head h2{font-size:16px}.drawer__body{padding:12px 16px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.log__list--historique{max-height:none;overflow:visible;margin-bottom:10px}.felt__flash{position:absolute;inset:0;pointer-events:none;overflow:hidden}.flash{position:absolute;top:40%;font-family:var(--titre);font-weight:700;font-size:30px;animation:float 1.3s ease-out forwards;text-shadow:0 2px 8px rgba(0,0,0,.5)}.flash--moi{right:12%}.flash--adversaire{left:12%}.flash--degats{color:#ffb4a8}.flash--soin{color:#b9e3a4}@keyframes float{0%{opacity:0;transform:translateY(14px)}20%{opacity:1}to{opacity:0;transform:translateY(-50px)}}@keyframes flip{0%{transform:rotateY(90deg);opacity:.4}to{transform:rotateY(0);opacity:1}}@keyframes roll{0%{transform:rotate(-70deg) scale(.6);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes appear{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@media(min-width:960px){.topbar--table,.who,.table__main,.hand-section{padding-left:28px;padding-right:28px}.topbar--table{gap:16px;padding-top:10px;padding-bottom:10px}.topbar__actions{gap:8px}.topbar--table .topbar__actions .btn{min-height:var(--cible);padding:0 16px;font-size:14px}.action{position:static;margin:12px 28px 0;border-radius:14px;flex-direction:row;align-items:center;flex-wrap:wrap;box-shadow:none}.action__head{flex:1 1 360px;min-width:0}.action__controls{flex:0 1 auto}.action__controls .btn{flex:0 0 auto}.action__panel{flex-basis:100%}.table__main{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;padding-top:18px}.felt{padding:22px 26px;gap:18px;min-height:460px}.combat-dice{grid-template-columns:repeat(2,minmax(0,1fr))}.die{width:56px;height:56px}.log{height:0;min-height:100%;overflow:hidden}.log__list{max-height:none;flex:1;min-height:0}.overlay__actions{flex-direction:row;justify-content:center}.who__portrait{width:52px;height:72px}}