:root{--black:#100d0b;--brown:#241a13;--panel:#302219;--red:#681a17;--blood:#8b241d;--gold:#e0a43a;--bright:#ffc95b;--parch:#e7d6a9;--parch2:#c8ad73;--ink:#2a2119;--cream:#f1e2c4;--muted:#d9cdb7}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--black);color:var(--cream);font-family:Georgia,"Times New Roman",serif}body{background:linear-gradient(180deg,#1b120e 0,var(--black) 45%,#080706 100%);background-attachment:fixed}.app-shell{min-height:100vh}.container{width:min(860px,100%);margin:auto;padding:16px 16px 34px}.start{min-height:100vh;display:grid;place-items:center;padding:30px 22px;background:radial-gradient(circle at 50% 18%,#4e1712 0,#1a0d0a 30%,#080706 75%)}.start-inner{width:min(620px,100%);text-align:center}.hq-mark{width:112px;height:112px;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;border:2px solid var(--gold);background:radial-gradient(circle,#9a2b21,#36120f);font:900 42px/1 Arial,sans-serif;color:var(--bright);box-shadow:0 0 38px #8b241d55}.brand{margin:0;font:900 clamp(40px,10vw,62px)/.95 Arial,sans-serif;color:var(--bright);letter-spacing:-2px}.subbrand{font:800 22px Arial,sans-serif;margin:7px 0;color:var(--cream)}.kicker{font:800 13px Arial,sans-serif;letter-spacing:2px;color:var(--parch2);margin:10px 0 34px}.intro-card,.header-card,.reference-intro{border:1px solid #7a5830;border-radius:18px;background:#291c15e8;padding:18px;box-shadow:0 12px 30px #0004}.intro-card b{display:block;color:var(--bright);font:800 13px Arial,sans-serif;margin-bottom:8px}.intro-card p{margin:0;font-size:16px;line-height:1.45}.btn{appearance:none;border:1px solid var(--gold);border-radius:13px;padding:13px 16px;font:800 15px Arial,sans-serif;cursor:pointer}.btn.primary{background:var(--red);color:white}.btn.full{width:100%;margin-top:26px;padding:16px}.footer-note{text-align:center;color:#8d7a61;font:12px Arial,sans-serif;margin-top:20px}.header-card{background:linear-gradient(180deg,#591a16,#21130f);border-color:var(--gold);margin-bottom:14px}.header-top{display:flex;gap:12px;justify-content:space-between;align-items:center}.header-card h1{margin:0;color:var(--bright);font:900 30px Arial,sans-serif}.header-card .small{font:800 12px Arial,sans-serif;letter-spacing:1px}.header-card p{margin:12px 0 0;color:#d9c5a0}.home-btn,.back-btn{min-width:48px}.menu{display:grid;gap:11px}.menu-card{width:100%;border:1px solid #5b4633;border-radius:14px;background:var(--panel);color:inherit;padding:14px 16px;text-align:left;display:grid;grid-template-columns:5px 1fr 22px;gap:12px;align-items:center;cursor:pointer}.menu-card:hover{border-color:#8b693b;transform:translateY(-1px)}.menu-accent{width:5px;height:48px;background:var(--blood);border-radius:8px}.menu-card h2{font:800 18px Arial,sans-serif;color:var(--bright);margin:0 0 5px}.menu-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.35}.chev{font:300 30px Arial,sans-serif;color:#b89a66}.rule-header{border:1px solid #7f5d32;background:#21150f;border-radius:16px;padding:16px;margin-bottom:14px}.rule-header h1{color:var(--bright);font:900 28px Arial,sans-serif;margin:18px 0 5px}.rule-header p{margin:0;color:#d7c6a8}.stack{display:grid;gap:14px}.rule-card,.info-card{border:1px solid var(--parch2);background:var(--parch);color:var(--ink);border-radius:15px;padding:18px}.rule-card h3,.info-card h3{font:900 20px Arial,sans-serif;color:var(--red);margin:0 0 8px}.rule-card .divider{height:1px;background:#906b3555;margin:8px 0 10px}.rule-text{white-space:pre-line;font-size:17px;line-height:1.47}.image-btn{margin-top:15px;width:100%}.reference-intro{background:#4b1714;border-color:var(--gold);margin-bottom:0}.reference-intro h3{font:900 20px Arial,sans-serif;color:var(--bright);margin:0 0 7px}.reference-intro p{margin:0;line-height:1.45}.image-card{background:#211711;border:1px solid var(--gold);border-radius:16px;padding:12px}.image-card img{display:block;width:100%;height:220px;object-fit:contain;border-radius:10px;background:#120f0d}.profile{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start}.profile-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--red);border:2px solid var(--gold);font-size:30px}.profile h3{font:900 22px Arial,sans-serif;margin:0;color:var(--red)}.profile .role{font:800 12px Arial,sans-serif;color:#7a5b2f;letter-spacing:1px}.profile p{margin:8px 0 0;line-height:1.45}.equipment{background:#2a1b14;color:var(--cream);border:1px solid #6e512d;border-radius:15px;padding:16px;display:grid;grid-template-columns:38px 1fr;gap:12px}.equipment .ico{font-size:30px}.equipment h3{margin:0 0 5px;color:var(--bright);font:900 18px Arial,sans-serif}.equipment p{margin:0;line-height:1.45}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{border:1px solid #6c4e2c;border-radius:12px;background:#281a13;padding:12px 5px;text-align:center}.stat b{display:block;font-size:23px}.stat span{display:block;color:var(--bright);font:900 10px Arial,sans-serif;margin-top:4px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery-grid .image-card img{height:180px}.modal{position:fixed;inset:0;display:none;place-items:center;background:#000d;padding:16px;z-index:100}.modal.open{display:grid}.modal-card{width:min(900px,100%);max-height:94vh;overflow:auto;background:#120f0d;border:1px solid var(--gold);border-radius:16px;padding:12px}.modal-title{text-align:center;color:var(--bright);font:800 18px Arial,sans-serif;margin-bottom:10px}.modal img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#080706}.modal-close{width:100%;margin-top:10px}.menu-footer{text-align:center;color:#7f705e;font:800 11px Arial,sans-serif;letter-spacing:1.4px;margin:24px 0 0}.search-wrap{margin:0 0 12px}.search{width:100%;background:#170f0c;color:var(--cream);border:1px solid #5b4633;border-radius:12px;padding:13px 14px;font-size:16px;outline:none}.search:focus{border-color:var(--gold)}
@media(max-width:560px){.container{padding:14px 12px 30px}.brand{font-size:42px}.gallery-grid{grid-template-columns:1fr}.image-card img{height:205px}.rule-text{font-size:16px}.stats{gap:6px}.stat span{font-size:9px}}