:root{--fond: #0e0d11;--fond2: #17161c;--bord: #2c2a34;--texte: #e8e4dd;--doux: #9a94a6;--or: #c9a75a;--sang: #a8443c;--vert: #6f9f72}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte);font-family:ui-serif,Georgia,Times New Roman,serif;line-height:1.55}#app{max-width:760px;margin:0 auto;padding:32px 16px 96px}h1{font-size:2rem;letter-spacing:.02em;margin:0 0 8px}h2{font-size:1.3rem;margin:0 0 12px}p{margin:0 0 14px}.doux{color:var(--doux)}.petit{font-size:.85rem}.carte{background:var(--fond2);border:1px solid var(--bord);border-radius:10px;padding:20px;margin-bottom:16px}button{font:inherit;cursor:pointer;background:transparent;color:var(--texte);border:1px solid var(--bord);border-radius:8px;padding:12px 16px;text-align:left;width:100%;transition:border-color .12s,background .12s}button:hover{border-color:var(--or);background:#1d1b23}button.principal{text-align:center;border-color:var(--or);color:var(--or);font-weight:600}button.principal:hover{background:#24201a}button:disabled{opacity:.4;cursor:not-allowed}input{font:inherit;width:100%;padding:12px;background:var(--fond);border:1px solid var(--bord);border-radius:8px;color:var(--texte)}.options{display:grid;gap:10px}.modes{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:16px 0}@media(max-width:560px){.modes{grid-template-columns:1fr}}.mode.actif{border-color:var(--or);background:#24201a}.jauge{height:3px;background:var(--bord);border-radius:2px;overflow:hidden;margin-bottom:20px}.jauge>div{height:100%;background:var(--or);transition:width .2s}.axe{display:grid;grid-template-columns:1fr 160px 1fr;gap:10px;align-items:center;margin-bottom:8px;font-size:.85rem}.axe .barre{height:6px;background:var(--bord);border-radius:3px;position:relative}.axe .barre i{position:absolute;top:-3px;width:12px;height:12px;border-radius:50%;background:var(--or);transform:translate(-50%)}.axe .g{text-align:right;color:var(--doux)}.axe .d{color:var(--doux)}.compet{border-left:3px solid var(--or);padding-left:14px;margin:18px 0}.compet .nom{font-size:1.25rem;color:var(--or)}.cle{font-family:ui-monospace,monospace;font-size:.75rem;color:var(--doux);word-break:break-all}.danger{color:var(--sang)}.rang{color:var(--or)}.portrait{margin:0 0 14px;padding-left:20px}.portrait li{margin-bottom:6px}details{margin-top:10px}summary{cursor:pointer}summary:hover{color:var(--or)}.duo{display:grid;gap:16px;grid-template-columns:1fr 1fr;align-items:start}@media(max-width:720px){.duo{grid-template-columns:1fr}}.carte.choix{border-color:#3a3744}.carte.choix:hover{border-color:var(--or)}.carte.choix .principal{margin-top:8px}.stats{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--or);letter-spacing:.04em;margin:-6px 0 12px}.tombe h2{margin-bottom:4px}.tombe a{color:var(--texte);text-decoration:none;border-bottom:1px solid var(--bord)}.tombe a:hover{color:var(--or);border-color:var(--or)}.portrait a{color:var(--texte)}.titre-combat{margin-bottom:12px}.grille{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;background:var(--bord);padding:2px;border-radius:6px;aspect-ratio:12 / 9;margin-bottom:14px}.cel{background:#141319;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;transition:background .1s}.cel:hover{background:#1f1d26}.cel.atteignable{background:#1b2118}.cel.atteignable:hover{background:#26301f}.cel.visable:hover{background:#2e2119;outline:1px solid var(--or)}.cel.moi{background:#2a2416}.cel.ennemi{background:#2a1917}.pion{font-size:1rem;line-height:1}.cel.moi .pion{color:var(--or)}.cel.ennemi .pion{color:var(--sang)}.vie{position:absolute;bottom:2px;left:10%;width:80%;height:2px;background:#3a3744;border-radius:1px;overflow:hidden}.vie i{display:block;height:100%;background:var(--vert)}.cel.ennemi .vie i{background:var(--sang)}.barre{display:flex;align-items:center;gap:12px;margin-bottom:10px}.jauge-pv{flex:1;height:8px;background:var(--bord);border-radius:4px;overflow:hidden}.jauge-pv i{display:block;height:100%;background:var(--vert);transition:width .2s}.chiffres{font-family:ui-monospace,monospace;font-size:.78rem;color:var(--doux);white-space:nowrap}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.actions button{width:auto;flex:1 1 auto;text-align:center}.actions button.actif{border-color:var(--or);background:#24201a;color:var(--or)}.journal{max-height:220px;overflow-y:auto}.journal p{margin:0 0 4px}.alt{font-size:.7rem;padding:1px 5px;border:1px solid var(--bord);border-radius:3px;color:var(--doux)}