/* Une couche de lisibilité, sans remplacer les visuels de cartes. */
:root{--comfort-radius:18px;--comfort-text:#e8e9e2;--comfort-muted:#b1b9b3}
body:not(.light){background:radial-gradient(ellipse at 50% 0,#253e3c70,transparent 60%),#0a1013}
.wrap{max-width:1280px}.wrap>header{padding-top:30px}.wrap>header::before{margin-bottom:14px}.wrap>header h1{font-size:clamp(30px,4.8vw,58px)}
.panel{border-radius:var(--comfort-radius)}.panel p{line-height:1.7}button,input,select,textarea{font:inherit}button,.act{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
button,.act{transition:background-color .16s ease,border-color .16s ease,color .16s ease}button:not(:disabled):hover{border-color:var(--gold)}button:disabled{cursor:not-allowed}
header nav{gap:7px;padding:12px 2px;scroll-padding-inline:12px;scrollbar-width:thin}header nav button{border-radius:11px;min-height:44px}header nav button[aria-pressed="true"]{background:var(--gold);color:#121816;border-color:var(--gold);box-shadow:0 3px 14px #0002}
#sefirah-install{display:inline-flex;width:auto;min-width:180px;max-width:none;align-items:center;justify-content:center;font-size:12px;white-space:nowrap;padding:10px 16px;margin:2px 0 10px;min-height:42px}#lotm-save{border-radius:14px;box-shadow:none}#comfort-account{border:1px solid var(--line);border-radius:14px;margin:10px 0 18px;background:var(--glass)}#comfort-account>summary{padding:14px 18px;cursor:pointer;font-size:13px;font-weight:600;min-height:22px}#comfort-account #discord-account-panel{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:none;background:transparent}#comfort-account .btns{gap:9px}
.comfort-context{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:20px 0 24px;padding:0 2px}.comfort-context[hidden]{display:none}.comfort-context h2{font:600 clamp(21px,3vw,29px)/1.25 Cinzel,serif;margin:0 0 6px}.comfort-context p{color:var(--mute);font-size:13px;line-height:1.6;margin:0}.comfort-context .act{flex-shrink:0;min-height:42px}
.comfort-preset{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px;margin-bottom:20px;background:var(--glass);border:1px solid var(--line);border-radius:14px}.comfort-preset p{font-size:12px;color:var(--mute);margin:6px 0 0;line-height:1.6}
.guide-hero{padding:clamp(20px,4vw,36px);background:linear-gradient(120deg,#637c6a22,#ad8c4820);border:1px solid var(--line);border-radius:22px;margin:8px 0 22px}.guide-hero>small{font-size:10px;letter-spacing:.18em;color:var(--gold)}.guide-hero h2{font:600 clamp(28px,4vw,40px)/1.2 Cinzel,serif;margin:12px 0}.guide-hero>p{max-width:710px;line-height:1.75;color:var(--mute)}.guide-hero label{display:block;font-size:13px;font-weight:600;margin:24px 0 10px}.guide-search-row{display:flex;gap:10px}.guide-search-row input{width:100%;min-width:0;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--bg);color:var(--ink);box-sizing:border-box}.guide-hero #guide-results{font-size:12px;margin:10px 0 0}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-topic{margin:0!important;padding:24px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:none}.guide-topic[hidden],#guide-empty[hidden],#guide-reference[hidden],#guide-clear[hidden]{display:none!important}.guide-topic h3{font-size:18px;line-height:1.4;color:var(--gold2);margin:0 0 12px}.guide-topic p{font-size:14px;line-height:1.85;margin:0 0 20px;color:var(--comfort-text)}.guide-topic .act{margin-top:auto;text-align:left;min-height:44px}#guide-reference{margin-top:24px}#guide-reference>summary{font-size:16px;padding:8px 0;cursor:pointer}#guide-reference-body{margin-top:22px}#guide-reference-body>details[hidden]{display:none}#guide-reference-body>details{box-shadow:none}#guide-reference-body p,#guide-reference-body li{line-height:1.8;font-size:14px}
body.light .guide-topic p{color:var(--ink)}body.eco .fog,body.eco .sparks,html.lotm-reduced .fog{display:none}body.eco .panel,html.lotm-reduced .panel{backdrop-filter:none}html.lotm-reduced .shine{display:none}
@media(min-width:901px){#homeb{content-visibility:auto;contain-intrinsic-size:auto 480px}}
@media(max-width:700px){.wrap{padding-inline:14px}.wrap>header{padding-top:20px}.wrap>header::before{letter-spacing:.24em}.wrap>header h1{letter-spacing:.06em}.wrap>header .sub{font-size:16px}.panel{padding:18px}header nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}header nav button{flex-shrink:0;font-size:11px}.comfort-context{align-items:flex-start;flex-direction:column;gap:12px;margin-top:16px}.comfort-context .act{font-size:12px}.guide-grid{grid-template-columns:1fr;gap:12px}.guide-topic{padding:20px}.guide-topic h3{font-size:17px}.guide-hero{border-radius:16px}.comfort-preset{flex-direction:column;align-items:stretch}.comfort-preset button{width:100%}#comfort-account .btns button{flex:1 1 180px}#comfort-account>summary{padding:14px}dialog{max-width:calc(100vw - 28px);box-sizing:border-box}.guide-search-row{align-items:stretch}.guide-search-row .act{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.act,button{transition:none!important}}
#guide-reference-body>[hidden]{display:none!important}
#hpw .guide-hero{display:block;position:static;min-height:0;width:auto;text-align:left;overflow:visible}#hpw .guide-hero>small{display:block}#hpw .guide-hero>p{width:auto;max-width:710px;margin-inline:0}#hpw .guide-hero h2{width:auto;text-align:left}#hpw .guide-hero label{width:auto}
@media(max-width:700px){.wrap>header nav{display:flex;flex-wrap:nowrap!important;justify-content:flex-start;overflow-x:auto;width:100%;box-sizing:border-box}.wrap>header nav button{flex-shrink:0}#hpw .guide-hero{padding:22px 18px}}
#bg{overflow:hidden;contain:paint;pointer-events:none}
.comfort-ready #draw>.lotm-ritual-header{display:none}
@media(max-width:700px){.wrap>header nav{overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;min-width:0!important;contain:inline-size}}