*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#341717 0%,#140c0c 45%,#090606 100%);color:#eadcc5;font-family:Georgia,serif;min-height:100vh}a{color:#d7b77c}header{text-align:center;padding:36px 15px 16px}h1,h2,h3{color:#d4b078}h1{letter-spacing:.11em;font-size:clamp(1.8rem,4.5vw,3.4rem);margin:0}header p{color:#bda88c}main{max-width:1180px;margin:18px auto 80px;padding:0 20px}.back{display:inline-block;margin:0 0 24px;text-decoration:none}.panel{background:rgba(26,15,14,.9);border:1px solid #715338;border-radius:13px;padding:24px;margin:14px 0;box-shadow:0 12px 30px #0005}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.tile{display:block;border:1px solid #846644;background:#241817;border-radius:12px;padding:20px;color:#eadcc5;text-decoration:none;cursor:pointer;font:inherit;text-align:left;width:100%}.tile:hover,.tile:focus-visible{border-color:#dbb67d;background:#34201c}.tile strong{color:#d7b77c;font-size:1.22rem}.muted{color:#bba88f}.tree{text-align:center}.branch{height:26px;width:2px;background:#806342;margin:auto}.tag{display:inline-block;border:1px solid #745536;border-radius:20px;padding:5px 10px;color:#d4b078;font-size:.85rem}.lock{font-size:1.7rem;display:block;margin:15px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.mini{text-align:center;min-height:175px}.mini img{max-width:100%;border-radius:8px}article{line-height:1.85;font-size:1.12rem}article img{max-width:100%;height:auto}button{cursor:pointer}.hidden{display:none} .error{color:#f0b4a3}footer{text-align:center;color:#ac987d;padding:25px}@media(max-width:600px){.panel{padding:16px}header{padding-top:25px}}