.ll-codex-entry{margin:12px 0 22px;text-align:center}.ll-codex-entry[hidden]{display:none}.ll-codex-entry button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;width:min(100%,340px);padding:12px 20px;border:1px solid #9f7e3c;border-radius:10px;background:linear-gradient(120deg,#101e17,#07110c);color:#edce91;font:inherit;cursor:pointer}.ll-codex-entry small{font-size:11px;letter-spacing:.12em;color:#bca271}.ll-codex,.ll-codex-detail{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(820px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:18px;border:1px solid #a88a48;border-radius:16px;background:#08130e;color:#ecdcb9;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.ll-codex::backdrop,.ll-codex-detail::backdrop{background:rgb(0 0 0/.83)}.ll-codex header,.ll-codex-detail header{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-18px;z-index:1;background:#08130ef5;padding:10px 0 12px;border-bottom:1px solid #53462a}.ll-codex h2,.ll-codex-detail h2{font:inherit;font-size:23px;margin:2px 0;color:#edce91}.ll-codex header small{font-size:10px;letter-spacing:.22em;color:#bd9b5c}.ll-codex header button,.ll-codex-detail header button,.ll-codex-retry{min-height:44px;min-width:76px;padding:10px;border:1px solid #95763c;border-radius:8px;background:#11251a;color:#edce91;font:inherit;cursor:pointer}.ll-codex-intro{font-size:12px;line-height:1.8;color:#c7ba9f;margin:16px 0}.ll-codex-count{font-size:13px;margin:14px 0}.ll-codex-count strong{color:#f3dba2;letter-spacing:.05em;margin-left:8px}.ll-codex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.ll-codex-tile{display:flex;flex-direction:column;align-items:stretch;min-width:0;border:0;padding:0;background:none;color:#e6c88b;text-align:left;font:inherit;cursor:pointer}.ll-codex-tile:disabled{opacity:1;cursor:default;color:#b9a47c}.ll-codex-tile img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:9px;background:#020503}.ll-codex-number{font-size:12px;margin:8px 0 3px;letter-spacing:.08em}.ll-codex-name{font-size:11px;line-height:1.6;overflow-wrap:anywhere}.ll-codex-seal{box-sizing:border-box;display:flex;position:relative;aspect-ratio:3/4;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #6f572c;border-radius:9px;background:radial-gradient(ellipse at 50% 40%,#182018 0,#070b08 45%,#020403 100%);box-shadow:inset 0 0 24px #000}.ll-codex-seal:before{content:"";position:absolute;inset:7px;border:1px solid #79613955;border-radius:5px}.ll-codex-seal i{font-style:normal;font-size:36px;font-weight:400;line-height:1;color:#937441}.ll-codex-seal>span{font-family:Georgia,serif;font-size:10px;letter-spacing:.1em;color:#ad915e}.ll-codex-seal small{font-size:10px;letter-spacing:.22em;color:#968460}.ll-codex-detail{width:min(620px,calc(100% - 24px))}.ll-codex-detail img{display:block;width:100%;height:auto;margin-top:14px;border-radius:10px}.ll-codex-detail>p{text-align:center;color:#edce91;font-size:15px;line-height:1.8}.ll-codex-tile:focus-visible,.ll-codex-entry button:focus-visible{outline:2px solid #f5d990;outline-offset:4px}@media(max-width:600px){.ll-codex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.ll-codex,.ll-codex-detail{padding:14px;scrollbar-gutter:auto}.ll-codex header,.ll-codex-detail header{top:-14px}.ll-codex h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.ll-codex,.ll-codex-detail{scroll-behavior:auto}}