/* Edition Brume — presentation only; all original IDs and game events retained. */
:root{--ink:#eee7d9;--mute:#aaa89f;--bg:#0a1013;--glass:#c8b68e09;--line:#b6a07835;--gold:#c5a66e;--gold2:#eee0ba;--blood:#913b45;--fog:#a2b2b1}
body:not(.light){background:radial-gradient(ellipse at 50% 0,#33404155,transparent 65%),#0a1013;color:var(--ink)}
body:not(.light)::after{background:linear-gradient(90deg,#05090b80,transparent 25%,transparent 75%,#05090b80)}
.wrap{max-width:1240px;padding-inline:clamp(14px,3vw,40px)}
.wrap>header{position:relative;padding:48px 0 10px;border-top:1px solid var(--line)}
.wrap>header::before{content:"✦  THE TAROT CLUB  ✦";display:block;margin-bottom:22px;font:500 10px/1.6 Sora,sans-serif;letter-spacing:.45em;color:var(--gold)}
.wrap>header h1{font-size:clamp(29px,5.5vw,64px);letter-spacing:.12em;filter:none;background:linear-gradient(#faf2da,#ba9c6b);background-clip:text;-webkit-background-clip:text}
.wrap>header .sub{color:var(--fog);font-size:clamp(18px,2.5vw,24px);margin:16px auto 24px;max-width:620px}
.sig{width:62px;height:62px;border-radius:50%;background:#192224;box-shadow:0 0 0 5px #0a1013,0 0 0 6px #b6a07855,inset 0 0 20px #b6a07818;color:var(--gold2);transform:rotate(-8deg)}
body:not(.light) .wrap>header nav{background:#10191df2;border-color:#b6a07850;border-radius:6px;box-shadow:0 12px 30px #0003;backdrop-filter:none}
nav button{border-radius:3px;min-height:40px;letter-spacing:.02em}
nav button[aria-pressed=true]{background:linear-gradient(120deg,#dfc99a,#b69b69);box-shadow:inset 0 0 0 1px #f0dcb04d;color:#201b13}
body:not(.light) :is(.panel,.lot,.bview,.kc){background:linear-gradient(135deg,#182226f2,#10181cf5);border:1px solid #b6a07840;border-radius:8px;box-shadow:0 10px 28px #0002}
body:not(.light) :is(dialog,#v16-hub,#v16-update){background:linear-gradient(135deg,#1c292d,#0c1418);border:1px solid #b6a07880;border-radius:8px;box-shadow:0 32px 100px #000b}
dialog::backdrop{background:#05090cce;backdrop-filter:blur(4px)}
h2,h3,h4{font-family:Cinzel,Georgia,serif;letter-spacing:.035em}
body:not(.light) :is(h2,h3,h4){color:#dac69f}
.act{border-radius:4px;min-height:44px;border-color:#b6a07855;background:linear-gradient(#c5a66e12,#c5a66e05)}
.act.big{border-radius:4px;border:1px solid #f1deb780;background:linear-gradient(115deg,#e3cfa3,#b99a61);color:#251e13;box-shadow:0 6px 24px #0006;animation:none}
.act:hover:not(:disabled){border-color:#d9c398;background-color:#b6a07818}
#draw{padding:18px 0 32px}#hint{letter-spacing:.025em;color:#b5c4c1}
#pack{position:relative;gap:clamp(12px,3vw,34px);padding:26px 0 34px;margin-block:12px 26px}
#pack::before{content:"";position:absolute;inset:8% 8%;border:1px solid #b6a07825;border-radius:50%;background:radial-gradient(ellipse,#80918c12,transparent 68%);pointer-events:none}
.back{background:radial-gradient(ellipse at 50% 35%,#344043,#10191e 75%);box-shadow:inset 0 0 0 1px #c5a66e99,inset 0 0 0 6px #111b20,inset 0 0 0 7px #c5a66e55,0 16px 36px #0008}
.back::before{background:conic-gradient(transparent,#c5a66e,#829d98,transparent 62%);animation:none}
.back::after{background:repeating-linear-gradient(45deg,#d9c79e07 0 1px,transparent 1px 12px)}
.plate{background:linear-gradient(#192126,#0b1115)}
.fog{opacity:.35;animation:none}.fog.b{display:none}
#v16-hub .v16-kicker{font-size:10px;letter-spacing:.24em;color:#c5a66e}
#v16-hub>nav{border-radius:4px;padding:10px;border-bottom:1px solid #b6a07855}
progress{accent-color:#bca36d;height:12px}
body.light{--line:#79644240;--gold:#785c2e;--gold2:#b69354;--fog:#53615d}
body.light .wrap>header h1{background:linear-gradient(#77603a,#443822);background-clip:text;-webkit-background-clip:text}
body.light .sig{background:#e9dfc9;color:#604a28;box-shadow:0 0 0 5px #f3ecdf,0 0 0 6px #93774b66}
body.light #hint{color:#53615d}
@media(max-width:600px){.wrap>header{padding-top:24px}.wrap>header::before{font-size:9px;letter-spacing:.25em;margin-bottom:16px}.sig{width:44px;height:44px}.wrap>header h1{letter-spacing:.07em}.wrap>header .sub{font-size:18px}.wrap>header nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin}nav button{flex-shrink:0;padding:10px 13px}#pack{padding-top:16px}#v16-hub{padding:16px}.act{padding:11px 16px}.fog{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}