.codex-screen{position:fixed;inset:0;z-index:30;overflow:auto;background:linear-gradient(#09071377,#0b0813ad 48%,#08060edf),url('assets/tower-library.webp') center/cover no-repeat;color:#f5ebdf;padding:clamp(12px,3vh,32px) clamp(16px,4vw,64px)}
.codex-header{display:flex;gap:clamp(20px,6vw,90px);align-items:center;max-width:1300px;margin:auto;padding:8px 0 18px;text-shadow:0 2px 8px #000}.codex-header small,.codex-reader small{color:#e6c588;letter-spacing:.25em}.codex-header h1{font:700 clamp(2rem,4vw,3.7rem) Georgia,'Noto Serif KR',serif;margin:0}.codex-header button,.codex-reader button{color:#f5ebdf;background:#211729df;border:1px solid #9b7a9c;border-radius:7px;padding:10px 17px;cursor:pointer}.codex-header button:hover,.codex-reader button:hover{background:#594066}
.codex-shelves{max-width:1300px;margin:3vh auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,27px);padding:clamp(10px,2vw,30px);background:#0b0816c9;border:1px solid #b19469a0;box-shadow:0 20px 90px #000c}.codex-book{height:clamp(170px,29vh,260px);position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;gap:6px;text-align:left;color:#f8e9c8;background:linear-gradient(90deg,#1f1323 0 8%,#473049 9%,#231826 45%,#3a2837 100%);border:2px solid #ad875a;border-left:12px ridge #826846;border-radius:5px 14px 14px 5px;padding:22px;box-shadow:9px 10px 0 #07040a;cursor:pointer;transition:transform .18s,filter .18s}.codex-book:hover,.codex-book:focus-visible{transform:translateY(-9px);filter:brightness(1.25)}.codex-book::before,.codex-book::after{content:'';position:absolute;left:8px;right:8px;height:2px;background:#b18b58}.codex-book::before{top:18px}.codex-book::after{bottom:13px}.codex-book-icon{font-size:clamp(30px,4vw,54px);line-height:1;margin:auto auto 8px;color:#dec994}.codex-book strong{font:700 clamp(15px,1.7vw,24px) Georgia,'Noto Serif KR',serif}.codex-book small{color:#d2b98b}
.codex-reader{max-width:1240px;min-height:60vh;margin:auto;background:linear-gradient(105deg,#211d24f2 0 49.6%,#473a45 50%,#17131eef 51%);border:2px solid #b89464;border-radius:10px;box-shadow:0 16px 75px #000e;padding:clamp(15px,3vw,38px)}.codex-reader header{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.codex-reader header h2{margin:0;font:700 clamp(1.5rem,3vw,2.5rem) Georgia,'Noto Serif KR',serif}.codex-reader header span{margin-left:auto;color:#e7c881}.codex-controls{display:flex;gap:10px;margin:20px 0}.codex-controls input,.codex-controls select{min-width:0;padding:11px;border:1px solid #8b715f;background:#110e16;color:#f6eee1;border-radius:5px}.codex-controls input{flex:1}.codex-list{max-height:min(58vh,650px);overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.codex-entry{background:#121019dd;border:1px solid #705d6b;border-radius:6px;padding:15px;min-width:0}.codex-entry h3{font:700 1.15rem Georgia,'Noto Serif KR',serif;margin:0 0 7px;color:#f4dca7}.codex-entry p{margin:6px 0 0;color:#ded3d8;white-space:pre-wrap;overflow-wrap:anywhere}.codex-entry small{color:#c7a6dd}.codex-entry img{float:right;max-width:74px;max-height:100px;object-fit:contain;margin-left:9px}.codex-empty{grid-column:1/-1;text-align:center;color:#ddcdbb;padding:32px}
@media(max-width:790px){.codex-shelves{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-list{grid-template-columns:1fr}.codex-reader{background:#1a1520f4}}@media(max-width:800px) and (orientation:landscape){.codex-screen{padding:8px 22px}.codex-header{padding:0 0 6px}.codex-header h1{font-size:25px}.codex-shelves{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px auto;padding:10px}.codex-book{height:130px;padding:9px;border-left-width:7px}.codex-book-icon{font-size:25px;margin:auto auto 2px}.codex-book strong{font-size:14px}.codex-reader{padding:12px}.codex-reader header h2{font-size:20px}.codex-controls{margin:6px 0}.codex-list{max-height:49vh;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Hub art entries present full illustrations for visual review. */
.hub-art-entry{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.hub-art-entry img{float:none;display:block;align-self:center;width:100%;max-width:100%;max-height:340px;object-fit:contain;margin:0 0 8px}.hub-art-entry:nth-child(2) img{height:230px;object-fit:cover}