:root{font-family:Segoe UI,Arial,sans-serif;color:#ebe8dd;background:#121c20;font-synthesis:none;--gold:#bca579;--muted:#a3aca7;--panel:#142025f5;--line:#c2af7833;--damage:0}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}button,input,select{font:inherit}button{padding:12px 18px;border:1px solid #9eacaa45;background:#243236c9;color:#e9e6dc;cursor:pointer;transition:background .15s,border-color .15s;font-size:13px;line-height:1.3}button:hover{background:#3a4949;border-color:#bca579}button:disabled{opacity:.4;cursor:default}button:focus-visible,summary:focus-visible{outline:2px solid #ddc58b;outline-offset:3px}button.button-primary{background:linear-gradient(110deg,#c4ae7d,#a58b5a);color:#142023;border-color:#d5c293;font-weight:600}button.button-primary:hover{background:#d4c08e}.button-quiet{border-color:transparent;background:transparent;color:#c4c9c1}.button-quiet:hover{background:#b9ac7315}.button-pair{display:flex;gap:8px}.button-pair>*{flex:1}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}h2{font-size:32px;margin:7px 0 0}h3{font-size:22px;margin-bottom:12px}h4{font-weight:500;margin-bottom:6px}p{line-height:1.65}kbd{font-family:inherit;font-size:10px;display:inline-block;line-height:1;padding:5px 6px;border:1px solid #d9ddcb50;border-radius:2px;background:#18212670;color:#eee9d7}small,.muted,.fine-print{color:var(--muted)}.fine-print{font-size:11px;line-height:1.6;margin:20px 0 0}.eyebrow,.section-label{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--gold)}.section-label{margin-bottom:12px}.draft-badge{display:inline-block;border:1px solid #bca57942;padding:4px 7px;color:#c4b68f;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.data-label{font-size:9px;color:#718583;display:block;margin-top:14px}[hidden]{display:none!important}#ui{position:fixed;inset:0;pointer-events:none}#ui:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #9d332ddd;opacity:var(--damage)}.ui-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#08131899;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;padding:28px;overflow:auto}.mode-title{padding:0;background:linear-gradient(90deg,#0b171bef,#101d22c9 42%,#15202833 80%),linear-gradient(0deg,#111d25f5,transparent 65%);-webkit-backdrop-filter:none;backdrop-filter:none}.title-screen{width:100%;height:100%;padding:38px 5vw;display:flex;flex-direction:column}.title-top{display:flex;gap:15px;align-items:center;font-size:9px;letter-spacing:.25em;color:#c8ccbf}.brand-mark{font-size:33px;color:var(--gold)}.title-version{margin-left:auto;color:#b9c1b1;letter-spacing:.16em}.title-content{margin:auto 0;max-width:800px}.title-kicker{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.22em;color:#c3b792}.title-kicker i{width:42px;height:1px;background:var(--gold)}h1{font-size:clamp(58px,7.8vw,122px);letter-spacing:.13em;line-height:1.1;margin:23px 0;color:#ece4cd;text-shadow:0 2px 30px #0004}.title-description{font-family:Georgia,serif;color:#c5c9be;font-size:21px;line-height:1.6;margin:0 0 30px}.title-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.title-actions button{min-width:170px;padding:15px 22px}.prototype-notice{font-size:10px;color:#889b98;margin-top:18px;letter-spacing:.07em}.title-footer{display:flex;justify-content:space-between;align-items:end;font-size:11px;color:#a7b4ad;gap:24px}.title-footer p{margin:10px 0 0}.title-footer summary{cursor:pointer;color:#c6bd9f}.title-footer details{text-align:right}.title-footer details p{font-size:11px}.panel{width:min(780px,95vw);max-height:calc(100vh - 56px);overflow:auto;background:linear-gradient(130deg,#1c2a2df8,var(--panel));border:1px solid var(--line);box-shadow:0 25px 120px #0008;padding:28px 32px;border-radius:3px}.panel-header{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:22px}.panel-header p{font-size:12px;color:var(--muted);margin:12px 0 0}.close-button{font-size:25px;line-height:25px;padding:3px 10px;background:none;border:0;color:#a8b1a7}.panel-intro{font-size:13px;color:var(--muted)}.pause-panel{max-width:480px}.menu-stack{display:grid;gap:10px}.panel-footer{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.inventory-panel{width:min(1170px,96vw);padding-bottom:18px}.inventory-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;margin:-7px 0 22px;color:#a9b6ad}.inventory-summary strong{font-weight:500;color:#d1c299}.inventory-summary small{font-weight:400;font-size:10px}.inventory-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(230px,1.08fr) minmax(190px,.7fr);gap:24px;min-height:430px}.inventory-list{max-height:224px;overflow:auto;display:grid;gap:5px;padding-right:5px}.inventory-item{display:flex;gap:12px;align-items:center;text-align:left;background:#0b191d65;padding:10px;border-color:transparent}.inventory-item.selected{background:#a5925730;border-color:#c3aa6655}.inventory-item span:not(.item-glyph){flex:1}.inventory-item strong{font-size:12px;font-weight:500}.inventory-item small{display:block;font-size:10px;margin-top:4px}.inventory-item>b{font-size:11px;font-weight:400;color:#d0c298}.item-glyph{font-family:Georgia,serif;font-size:22px;color:#bbab83;display:flex;align-items:center;justify-content:center;min-width:32px;height:36px;background:#bbae7b0b}.item-detail{padding-top:20px}.item-detail h3{font-size:22px;margin:10px 0}.item-detail p{font-size:12px;color:#b5bdb2}.item-detail dl{font-size:11px;margin:16px 0}.item-detail dl div{display:flex;justify-content:space-between;margin:8px 0}.item-detail dt{color:#91a39f}.item-detail dd{margin:0;color:#cfcebd}.item-detail dd span{font-size:9px}.item-actions{display:flex;flex-wrap:wrap;gap:5px}.item-actions button{font-size:11px;padding:9px 12px}.character-column{position:relative;border-left:1px solid #75887922;border-right:1px solid #75887922;background:radial-gradient(ellipse at 50% 43%,#777e5937,transparent 65%);display:flex;flex-direction:column;min-width:0}.preview-canvas{width:100%;height:400px;flex:1;min-height:300px}.preview-canvas canvas{width:100%!important;height:100%!important;cursor:grab;touch-action:none}.preview-caption{text-align:center;padding:15px;font-size:12px}.preview-caption strong{font:19px Georgia,serif;display:block;margin-bottom:8px}.preview-caption span,.preview-caption small{display:block;font-size:10px;line-height:1.8;color:#8fa39d}.equipment-slots{display:grid;gap:6px}.equipment-slot{display:grid;grid-template-columns:1fr auto;position:relative;padding:7px 9px;background:#09191c5c;border:1px solid #78908015;min-height:35px}.equipment-slot>span{font-size:9px;color:#80968e}.equipment-slot strong{grid-row:2;font-size:10px;font-weight:400;color:#bbbfaf}.equipment-slot button{position:absolute;right:0;top:4px;padding:4px 7px;border:0;background:none;color:#9aab9d}.equipment-slot.occupied{border-color:#a4926140}.quest-title h3{margin:14px 0 8px;font-size:28px}.quest-current{color:#cab98e;font-size:13px}.quest-steps{list-style:none;padding:0;margin:28px 0}.quest-steps li{display:flex;gap:20px;padding:14px 0;opacity:.55}.quest-steps li>span{font-family:Georgia,serif;color:#b6a171;border:1px solid #b6a17155;width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quest-steps p{font-size:12px;color:#a5b3aa;margin:0}.quest-steps .current,.quest-steps .complete{opacity:1}.quest-steps .complete>span{border-color:#738c6e}.journal-note{padding:18px;background:#a59b6520;border-left:2px solid #b6a171}.journal-note p{font-size:12px;color:#bbc2b3;margin:8px 0 0}.dialogue-panel{max-width:630px}.dialogue-person{display:flex;align-items:center;gap:14px}.dialogue-person .muted{display:block;font-size:11px;margin-top:8px}.npc-seal{font-size:40px;color:#c1ae7b}.dialogue-lines{font-family:Georgia,serif;font-size:20px;color:#d1d3c2;margin:24px 0 30px}.dialogue-options{display:grid;gap:9px}.trade-panel{width:min(1020px,95vw)}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.trade-list{max-height:370px;overflow:auto;padding-right:5px;margin-bottom:15px}.trade-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #768e7b22}.trade-row>div{flex:1}.trade-row strong{font-size:12px;display:block;font-weight:500}.trade-row small{font-size:10px;display:block;margin-top:4px}.trade-row button{font-size:11px;padding:8px 10px}.trade-price{font-size:12px;color:#c4b280;min-width:28px}.section-description{font-size:11px;color:#8fa49b}.camp-panel{width:min(980px,95vw)}.camp-stats{display:flex;gap:32px;color:#9eafa7;font-size:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.camp-stats strong{color:#d2c6a4;margin-left:8px}.camp-options{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:26px;margin-top:24px}.camp-icon{font-size:28px;color:#bba36a;display:block;margin-bottom:15px}.camp-options p{font-size:12px;color:#a9b5a8}.camp-options button{font-size:11px;margin-bottom:8px;padding:10px}.camp-options small{display:block;font-size:10px}.study-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:15px}.study-row strong{font-size:12px;font-weight:500}.study-row button{width:100%}.book-panel{max-width:660px}.book-text{font-family:Georgia,serif;font-size:18px;line-height:1.9;margin-top:24px;color:#d0d1bf}.book-text p:first-child{font:10px Segoe UI,sans-serif;color:#9eaf9e}.book-study{padding:20px;border:1px solid var(--line);font-size:12px;margin-top:24px}.book-study p{color:#9eafa0;margin:10px 0 0}.settings-panel{width:min(1030px,95vw)}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px}.setting-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #6e887725}.setting-row>span{flex:1}.setting-row strong{font-size:12px;font-weight:500;display:block}.setting-row small{display:block;font-size:10px;margin-top:5px;line-height:1.5}.setting-row input[type=range]{width:110px;accent-color:#b4a470}.setting-row input[type=checkbox]{accent-color:#b4a470}.setting-row output{font-size:11px;color:#c2b58f;min-width:35px;text-align:right}.setting-row select{font-size:12px;background:#1e3033;color:#d7d9c6;border:1px solid #8b987655;padding:8px}.section-gap{margin-top:28px}.bindings-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.binding-row{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;color:#a6b8ac}.binding-row button{font-size:10px;min-width:45px;padding:7px}.waiting-key{outline:1px solid var(--gold)}.defeat-panel{max-width:460px;text-align:center}.defeat-panel h2{margin:20px 0}.defeat-panel p{font-size:13px;color:#a9b8a9}.empty-state{padding:25px 5px;font-size:12px;color:#83998e}.toast-stack{position:absolute;top:24%;right:26px;display:grid;gap:8px;max-width:330px;z-index:50}.toast{padding:13px 18px;background:#142326f0;border-left:2px solid var(--gold);box-shadow:0 5px 20px #0003;font-size:12px;line-height:1.5;animation:toastIn .2s ease-out}.game-hud{position:absolute;inset:0;text-shadow:0 1px 4px #000b}.compass{position:absolute;top:24px;left:50%;transform:translate(-50%);text-align:center;width:260px}.compass-direction{font:17px Georgia,serif;color:#eee4c5;letter-spacing:.15em}.compass-line{display:flex;justify-content:space-between;align-items:center;color:#c2c8b9;font-size:9px;margin-top:5px}.compass-line i{height:1px;width:220px;background:linear-gradient(90deg,transparent,#cec4a9,transparent);position:relative}.compass-line i:after{content:"◇";position:absolute;left:49%;top:-5px;font-size:9px}.region-name{font:12px Georgia,serif;margin:10px 0 3px;letter-spacing:.06em}.world-time{font-size:9px;letter-spacing:.09em;color:#c7cabc;margin:0}.quest-tracker{position:absolute;top:33px;right:34px;width:260px;text-align:right}.quest-tracker p{font-size:12px;line-height:1.55;margin:9px 0}.quest-tracker small{font-size:9px;color:#c2c5ae}.crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#eceada;transform:translate(-50%,-50%);box-shadow:0 0 3px #000}.interaction-prompt{position:absolute;bottom:25%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#162527d9;border:1px solid #b9b59b4a;padding:13px 18px;min-width:220px}.interaction-prompt kbd{font-size:15px;padding:9px 11px}.interaction-prompt strong{font-size:12px;font-weight:500;display:block}.interaction-prompt span{font-size:10px;color:#c3bd9c;display:block;margin-top:5px}.combat-hint{position:absolute;left:50%;top:55%;transform:translate(-50%);font-size:11px;color:#e0d1ab}.vitals{position:absolute;bottom:40px;left:35px;width:225px;display:grid;gap:10px}.vital>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:5px;color:#d8decd}.vital-track{height:5px;background:#111d20a6;position:relative;border:1px solid #d4d7b920}.vital-track i{height:100%;display:block;transition:width .12s linear;background:#9c6359}.vital-stamina i{background:#a5af80}.vital-fatigue i{background:#b29a6b}.vital-track b{position:absolute;right:0;top:0;height:100%;background:#172026bc}.quickslots{position:absolute;bottom:33px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center}.quickslots>span{display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 13px;border-bottom:1px solid #adb9a244;background:linear-gradient(0deg,#1121248c,transparent)}.quickslots b{font-weight:400;font-size:10px}.quickslots .active{border-color:var(--gold);background:linear-gradient(0deg,#8e805744,transparent)}.quickslots .unavailable{opacity:.45}.arrow-count{font-size:9px;position:absolute;left:100%;white-space:nowrap;margin-left:15px;color:#d5d9c6}.hud-help{position:absolute;bottom:36px;right:30px;display:flex;gap:13px;font-size:9px;color:#d0d7c5}.high-contrast .panel{background:#101b20}.high-contrast .game-hud>*{text-shadow:0 0 2px #000,0 1px 4px #000}.reduced-motion *{animation:none!important;transition:none!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#8c9b785a;border-radius:3px}::-webkit-scrollbar-track{background:#091a1b30}@keyframes toastIn{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1050px){.hud-help{bottom:15px}.vitals{width:175px}.quest-tracker{width:200px}.inventory-layout{grid-template-columns:1fr 1fr}.equipment-column{grid-column:1/-1}.equipment-slots{grid-template-columns:repeat(4,1fr)}.character-column{min-height:390px}.inventory-panel{max-height:92vh}.title-actions button{min-width:130px}.settings-layout{gap:20px}.camp-options{gap:16px}}@media(max-width:720px){.title-screen{padding:25px}.title-content{padding:40px 0}.title-top{font-size:8px}.title-version{display:none}.title-footer details{display:none}h1{font-size:48px}.title-description{font-size:18px}.title-actions{display:grid;width:230px}.panel{padding:20px;max-height:94vh}.ui-overlay{padding:12px}.trade-columns,.settings-layout,.camp-options,.inventory-layout{grid-template-columns:1fr}.character-column{grid-row:1;min-height:300px}.preview-canvas{height:330px}.equipment-slots{grid-template-columns:1fr 1fr}.quest-tracker{display:none}.vitals{width:150px;left:16px;bottom:20px}.quickslots{left:auto;right:16px;transform:none;bottom:20px;gap:3px}.quickslots>span{padding:6px}.arrow-count,.hud-help{display:none}.panel-header h2{font-size:27px}.title-kicker{font-size:8px}.toast-stack{right:15px;top:18%;max-width:280px}}