:root{--bg:#15100b;--panel:#201711;--line:#4a3820;--gold:#e0bb73;--cream:#efe5d0;--mute:#b9a78a}
*{box-sizing:border-box}
body{margin:0;background:#0d0906 url(../tex/wood_a_m.jpg) center/700px fixed;color:var(--cream);font:500 18px/1.42 "Cormorant Garamond",Georgia,serif;font-feature-settings:"lnum","tnum"}
a{color:var(--gold)}
.top{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 10px;background:linear-gradient(180deg,#0c0704,rgba(12,7,4,.8));border-bottom:1px solid #a97f3e}
.ttl{font:700 26px/1 "UnifrakturCook",serif;color:var(--gold);text-decoration:none}.sub{font:italic 400 16px "IM Fell English",serif;color:var(--mute);flex:1}
.out{background:none;border:1px solid var(--line);color:var(--gold);font:700 12px "Cinzel Decorative",serif;padding:8px 12px;border-radius:2px;cursor:pointer}
.tabs{display:flex;gap:4px;overflow-x:auto;padding:8px 12px 0;background:rgba(12,7,4,.8);border-bottom:1px solid var(--line)}
.tabs a{white-space:nowrap;padding:10px 12px;font:700 13px "Cinzel Decorative",serif;color:var(--mute);text-decoration:none;border-bottom:2px solid transparent}
.tabs a.on{color:var(--gold);border-color:var(--gold)}
main{max-width:1020px;margin:0 auto;padding:14px 12px 50px}
.card{background:#16120d url(../tex/felt_a_m.jpg) center/420px;background-blend-mode:soft-light;border:1px solid var(--line);box-shadow:0 0 0 1px #000,0 8px 24px rgba(0,0,0,.45);border-radius:3px;padding:16px;margin:0 0 14px}
h2{font:700 21px "Cinzel Decorative",serif;color:var(--gold);margin:0 0 10px}
h3{font:italic 400 19px "IM Fell English",serif;margin:14px 0 6px;color:var(--cream)}
p{margin:0 0 10px}.mute{color:var(--mute)}
.flash{background:#2a3a22;border:1px solid #5d7a48;padding:10px 14px;margin-bottom:12px;border-radius:2px}.flash.bad{background:#451a18;border-color:#8f3a34}
.range{display:flex;gap:6px;margin-bottom:10px}.range a{padding:7px 12px;font:700 12px "Cinzel Decorative",serif;text-decoration:none;color:var(--mute);border:1px solid var(--line);background:rgba(0,0,0,.45);border-radius:2px}.range a.on{color:#2a1908;background:var(--gold);border-color:var(--gold)}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
.tile{background:rgba(20,14,9,.92);border:1px solid var(--line);border-radius:3px;padding:12px 13px;display:flex;flex-direction:column;min-width:0}
.tile span{font:700 11.5px "Cinzel Decorative",serif;color:var(--mute)}.tile b{font:600 31px/1.15 "Cormorant Garamond",serif;color:var(--cream)}.tile i{font-style:normal;font-size:15px;color:var(--mute)}
.chart{position:relative}.chart svg{display:block;width:100%;height:auto}
.grid{stroke:rgba(239,229,208,.14);stroke-width:1}.ax{fill:var(--mute);font:500 13px "Cormorant Garamond",serif}
.line{fill:none;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.xh{stroke:rgba(239,229,208,.4);stroke-width:1}.dot{fill:var(--gold);stroke:#15100b;stroke-width:2}
.tip{position:absolute;top:0;background:#0c0704;border:1px solid var(--gold);padding:3px 8px;font-size:15px;white-space:nowrap;pointer-events:none}
.fn{display:grid;grid-template-columns:128px 1fr 58px;gap:8px;align-items:center;margin:8px 0}.fn span{font-size:16.5px}.fn b{text-align:right;font-weight:600}.tr{background:rgba(239,229,208,.08);height:14px;border-radius:0 4px 4px 0}.tr i{display:block;height:100%;background:var(--gold);border-radius:0 4px 4px 0}
.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:17px}th{font:700 11.5px "Cinzel Decorative",serif;color:var(--mute);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}td{padding:6px 8px;border-bottom:1px solid rgba(239,229,208,.08)}.n{text-align:right}
.two{display:grid;gap:0}
label{display:block;font:700 12px "Cinzel Decorative",serif;color:var(--mute);margin:10px 0 4px}
input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:9px 10px;font:500 17px "Cormorant Garamond",serif;background:rgba(0,0,0,.5);color:var(--cream);border:1px solid var(--line);border-radius:2px}
input:focus,select:focus,textarea:focus{outline:1px solid var(--gold)}
.brass{display:inline-block;margin-top:12px;padding:10px 18px;border-radius:3px;font:700 13.5px "Cinzel Decorative",serif;color:#2a1908;background:linear-gradient(180deg,#f2d797,#d9b367 16%,#c29a51 52%,#8b6a33);border:1px solid #5a4018;box-shadow:inset 0 1px 0 rgba(255,246,214,.75);cursor:pointer;text-decoration:none}.brass.sm{margin-top:0;padding:8px 14px}
.piece{display:grid;grid-template-columns:82px 1fr;gap:12px}.piece img{width:82px;height:82px;object-fit:cover;border:1px solid #6d5022}.piece h3{margin:0 0 4px;font-size:16px;color:var(--mute);line-height:1.2}.piece.gone{opacity:.55}
.row{display:flex;flex-wrap:wrap;gap:10px}.row>div{flex:1 1 200px;min-width:0}.row>.nar{flex:1 1 90px}
.ck{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}.tk{display:flex;gap:6px;align-items:center;margin:0;font:500 16px "Cormorant Garamond",serif;color:var(--cream)}.lnk{font-size:16px}
.letter header{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.letter time{margin-left:auto;color:var(--mute);font-size:15px}.letter footer{display:flex;justify-content:space-between;align-items:center;font-size:15px}.letter h3{margin-top:6px}
.oktxt{color:#a6cc8b}.badtxt{color:#f09a8e}.x{background:none;border:0;color:var(--mute);font-size:22px;cursor:pointer;padding:0 6px}
.code{font:500 15px monospace;word-break:break-all;background:rgba(0,0,0,.5);padding:8px;border:1px solid var(--line)}
.gate{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:18px}
.lock{width:100%;max-width:340px;text-align:center;background:rgba(12,7,4,.92);border:1px solid #a97f3e;box-shadow:0 0 0 4px #0c0704,0 0 0 5px #6d5022,0 20px 60px #000;padding:26px 22px}.lock h1{font:700 38px/1 "UnifrakturCook",serif;color:var(--gold);margin:10px 0}.lock label{text-align:left}.bad{color:#f09a8e;margin:10px 0 0}.small{font-size:16px;margin:14px 0 0}
.sealmark{width:72px;height:72px;margin:0 auto;border-radius:47% 53% 50% 50%/52% 48% 54% 46%;background:radial-gradient(circle at 36% 30%,#a51d28,#6a0d14 46%,#2f0407);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #000,inset 0 0 0 6px rgba(0,0,0,.16)}.sealmark span{font:700 44px/1 "UnifrakturCook",serif;color:#2c0306}
@media(max-width:560px){.ax{font-size:27px}}
@media(min-width:720px){.tiles{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr;gap:0 14px}.piece{grid-template-columns:120px 1fr}.piece img{width:120px;height:120px}}