@font-face{font-family:system;src:local("Georgia")}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;color:#eee5d3;background:radial-gradient(ellipse at 10% 30%,#273a32 0,transparent 53%),linear-gradient(120deg,#0a1717,#0b1012);font:16px/1.65 system-ui,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:14px;border:1px solid #b59a5b22;pointer-events:none}a{color:#dfc28a;text-underline-offset:5px}button,input{font:inherit}button{cursor:pointer;color:#eadcc0;background:#192621;border:1px solid #9c885052;padding:10px 19px;transition:.2s}button:hover{background:#2b3b30;border-color:#c5a269}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e5c487;outline-offset:4px}header,footer{max-width:1400px;margin:auto;padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}header nav{display:flex;gap:30px;font-size:14px}.wordmark{font:30px Georgia,serif;letter-spacing:7px;text-decoration:none;color:#e6c890}.wordmark span{display:block;letter-spacing:2.4px;font:10px/2.5 system-ui;text-align:center;color:#a8b7a6}nav a{text-decoration:none;color:#d8d5c7}main{max-width:1240px;margin:65px auto 100px;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:0 35px}.eyebrow{font-size:11px;letter-spacing:3px;color:#d7b678;font-weight:600}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(40px,4.5vw,64px);margin:22px 0 26px}h2{font-size:30px;margin:28px 0 16px}h3{font-size:30px;margin:0}.intro{padding-top:30px}.intro>p:not(.eyebrow){color:#b7c1b4}.seal{width:90px;height:90px;border:1px solid #c3a16844;transform:rotate(45deg);margin:65px 0 55px 18px;display:grid;place-content:center;color:#d7b678;font-size:46px}.quiet,.hint,.footnote{font-size:13px;color:#a9b5aa}.panel{background:linear-gradient(135deg,#21312b,#13201d);border:1px solid #9d845855;box-shadow:0 20px 80px #0005;padding:30px 36px;position:relative}.panel:before{content:"";position:absolute;top:-1px;left:36px;width:80px;height:2px;background:#e8c387}.panel p{color:#b9c4b7}.tabs{display:flex;border-bottom:1px solid #8a795238;gap:20px}.tabs button{padding:8px 0 14px;border:0;background:transparent;color:#aab7aa}.tabs button[aria-selected=true]{border-bottom:2px solid #d7b678;color:#f4e1b9}label{display:block;margin:22px 0 7px;font-size:13px;color:#e3d5b8}input{width:100%;padding:12px 14px;background:#0c1615;border:1px solid #72807488;border-radius:2px;color:#fff}.hint{margin:6px 0}.primary{width:100%;background:#d2b275;color:#151a15;border-color:#f0d6a0;font-weight:600;margin:12px 0}.primary:hover{background:#e7c990}.panel .error,.error{color:#ffc2ac;font-size:14px;min-height:24px}.footnote{margin:14px 0 0;text-align:center}.roster{grid-column:1/-1}.roster-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.roster-heading h1{margin:10px 0}#characters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}.character{background:linear-gradient(120deg,#21312b,#12211e);padding:28px;border:1px solid #b4955655}.character header{padding:0 0 18px;align-items:flex-start}.character .level{color:#d7b678;font-size:14px}.badge{font-size:11px;letter-spacing:1px;color:#addbbb}.character dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:6px 20px}.character dt{color:#acb9ac}.character dd{margin:0;text-align:right;color:#efe1c4}.character details{border-top:1px solid #a58b4b44;margin-top:20px;padding-top:14px}.character summary{cursor:pointer;color:#d7b678;font-size:14px}.character h4{font:16px Georgia;margin:20px 0 10px}.character .gear{grid-template-columns:110px 1fr}.empty{border:1px solid #a58b4b44;padding:40px}footer{border-top:1px solid #8c794133;font-size:12px;color:#8e9e91}[hidden]{display:none!important}@media(max-width:800px){main{grid-template-columns:1fr;gap:40px;margin:25px auto 50px;padding:0 24px}.intro{padding:0}.intro .seal,.intro .quiet{display:none}header{padding:30px 24px}header nav{gap:16px}header nav a:first-child{display:none}#characters{grid-template-columns:1fr}.roster-heading{align-items:flex-start;flex-direction:column}.panel{padding:24px}.intro h1{font-size:45px}.intro h1 br{display:none}footer{flex-wrap:wrap;padding:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Item links remain readable in dense inventories. Preview art always preserves
   its source aspect ratio, and long descriptions scroll inside the viewport. */
.possessions{list-style:none;padding:0;margin:14px 0}.possessions li{padding:9px 0;border-bottom:1px solid #a58b4b22;display:flex;align-items:baseline;justify-content:space-between;gap:14px}.item-link{border:0;border-bottom:1px dotted #bba06a;background:transparent;padding:2px 0;text-align:left;font-size:14px;color:#efd295}.item-link:hover{background:transparent;color:#fff0c5}.quantity{color:#b7c8b6;font-size:13px}.item-location{color:#9fae9f;font-size:11px;text-align:right;max-width:40%;overflow-wrap:anywhere}.item-preview{position:fixed;z-index:50;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:22px;background:linear-gradient(145deg,#263b32,#0c1816);border:1px solid #c7a35f;box-shadow:0 12px 50px #000c;border-radius:5px}.item-preview img{display:block;object-fit:contain;margin:0 auto 14px}.item-preview h3{font-size:24px;text-align:center;overflow-wrap:anywhere}.item-preview .item-kind{text-align:center;color:#c5ae7d;font-size:12px;margin:8px 0 16px}.item-preview ul{padding-left:18px;font-size:13px;line-height:1.6;margin:0}.item-preview li+li{margin-top:7px}.quest-entry{padding:12px;background:#0c18164d}.quest-entry p{font-size:14px;color:#c3cbbd}.quest-entry summary{font-family:Georgia,serif;font-size:17px}.quest-status{font-size:12px;color:#b5d5b7}.quest-journal section+section{margin-top:25px}

/* In narrow layouts reserve real space instead of covering another item. */
.possessions li{flex-wrap:wrap}.item-preview.inline-preview{position:static;flex:0 0 100%;width:100%;max-width:100%;max-height:55dvh;margin-top:12px;box-shadow:none}