:root{--pact: #932b2a;--pact-ghost: rgba(228, 221, 207, .55);--rift: #432b66}.vitals{position:absolute;left:24px;bottom:26px;width:min(300px,46vw);display:grid;gap:7px;opacity:0;transition:opacity .5s ease}.vitals.show{opacity:1}.bar{position:relative;height:9px;background:#0a0704b8;border:1px solid rgba(228,221,207,.28);overflow:hidden}.bar.thin{height:6px}.bar .ghost,.bar .fill{position:absolute;left:0;top:0;bottom:0;transform-origin:left center}.bar .ghost{background:var(--pact-ghost);width:100%}.bar .fill{width:100%}.bar.health .fill{background:linear-gradient(180deg,#a8403d,var(--pact))}.bar.stamina .fill{background:linear-gradient(180deg,#edc070,#c98d33)}.bar.stamina.spent .fill{background:#7d6337}.draughts{display:flex;gap:6px;align-items:center;margin-top:2px}.draughts i{width:9px;height:13px;border:1px solid rgba(229,172,76,.5);border-radius:40% 40% 45% 45%;background:#0a070499}.draughts i.full{background:radial-gradient(circle at 50% 65%,#f2c46d,#b0782a);border-color:#e5ac4c}.draughts span{margin-left:4px;font-family:var(--display);font-size:calc(12px * var(--ui-scale));color:var(--bone-dim)}.abilities{position:absolute;left:24px;bottom:112px;display:flex;gap:var(--g1);opacity:0;transition:opacity .5s ease}.abilities.show{opacity:1}.ability{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0a0704b8;border:1px solid rgba(229,172,76,.4);color:var(--candle);overflow:hidden}.ability svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ability img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ability.locked img{filter:grayscale(1) brightness(.45)}.ability .key,.ability .lock{z-index:1;text-shadow:0 1px 2px #000,0 0 4px #000}.ability .key{position:absolute;left:3px;top:1px;font-family:var(--display);font-size:calc(11px * var(--ui-scale));color:var(--bone-dim)}.ability .lock{position:absolute;right:3px;bottom:1px;font-size:calc(10px * var(--ui-scale));font-style:italic;color:var(--bone-dim);display:none}.ability .sweep{position:absolute;inset:0;pointer-events:none}.ability.locked{color:#e4ddcf40;border-color:#e4ddcf26}.ability.locked .lock{display:block}.ability.ready{box-shadow:inset 0 0 8px #e5ac4c2e}.ability.active{border-color:#95a0ab;box-shadow:0 0 10px #95a0ab99,inset 0 0 10px #95a0ab59}.level{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:1px}.level span{font-family:var(--display);font-size:calc(13px * var(--ui-scale));color:var(--candle);letter-spacing:.04em;text-shadow:0 1px 2px #000}.level .xp{position:relative;height:3px;background:#0a0704b3;border:1px solid rgba(229,172,76,.25);overflow:hidden}.level .xp .fill{position:absolute;inset:0;transform-origin:left center;background:linear-gradient(90deg,#b8822f,#e5ac4c);transition:transform .6s ease}.boss{position:absolute;left:50%;bottom:104px;width:min(620px,calc(100vw - 48px));transform:translate(-50%,10px);opacity:0;transition:opacity .7s ease,transform .7s ease}.boss.show{opacity:1;transform:translate(-50%)}.boss .name{font-family:var(--display);font-size:calc(21px * var(--ui-scale));color:var(--bone);letter-spacing:.04em;margin-bottom:5px;text-shadow:0 1px 3px #000}.boss .bar{height:11px;border-color:#e4ddcf66}.boss .bar .fill{background:linear-gradient(180deg,#8f3a38,#5e1d1c)}.foe-bar{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;will-change:transform,opacity}.foe-bar .track{position:relative;width:74px;height:5px;background:#0a0704cc;border:1px solid rgba(228,221,207,.35);overflow:hidden;box-shadow:0 1px 3px #0009}.foe-bar .ghost,.foe-bar .fill{position:absolute;inset:0;transform-origin:left center}.foe-bar .ghost{background:#e4ddcf9e}.foe-bar .fill{background:linear-gradient(180deg,#a8403d,#7d2422)}.foe-bar .num{position:absolute;left:100%;top:50%;margin-left:8px;transform-origin:left center;translate:0 -50%;font-family:var(--display);font-size:calc(15px * var(--ui-scale));color:var(--bone);white-space:nowrap;transition:opacity .4s;text-shadow:0 1px 2px #000,0 0 8px rgba(0,0,0,.85)}.foe-bar .num.counter{color:var(--candle);font-size:calc(19px * var(--ui-scale))}.foe-bar .num.pop{animation:foe-pop .28s ease-out}@keyframes foe-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.foe-bar.boss .track{width:0;border:0;box-shadow:none}.foe-bar.boss .num{left:50%;margin-left:0;translate:-50% -50%;transform-origin:center}.reticle{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid var(--candle);transform:rotate(45deg);opacity:0;transition:opacity .15s;box-shadow:0 0 6px #0009}.reticle.show{opacity:.9}.veil{position:absolute;inset:0;background:var(--ink);opacity:0;transition:opacity 1.4s ease;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.veil.show{opacity:1}.veil .words{font-family:var(--display);font-size:clamp(26px,4vw,40px);color:var(--bone);opacity:0;transition:opacity .9s ease .5s}.veil .sub{font-style:italic;color:var(--bone-dim);opacity:0;transition:opacity .9s ease .9s}.veil.show .words,.veil.show .sub{opacity:1}.hurt{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s ease;background:radial-gradient(ellipse at center,#0000 55%,#5012108c)}.hurt.flash{opacity:1;transition:none}.parry-glow{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .52s ease;background:radial-gradient(ellipse at center,#0000 58%,#e5ac4c52)}.parry-glow.flash{opacity:1;transition:none}.keys{position:absolute;right:22px;bottom:22px;padding:10px 14px;font-size:calc(14px * var(--ui-scale));line-height:1.8;color:var(--bone-dim);background:linear-gradient(270deg,#0a0704b3,#0a070400);text-align:right;opacity:0;transition:opacity .6s}.keys.show{opacity:1}.keys b{color:var(--candle);font-family:var(--display);font-weight:400}.charsheet.made .cols>section:first-child:before{display:none}.charsheet .figure-stage{position:absolute;left:0;top:0;width:40%;height:min(43vh,330px);pointer-events:none}.codex .inventory.made .cols>section:first-child:before{display:none}.codex .inventory.made .worn.doll .doll-figure{position:relative;overflow:hidden;background:none;filter:none;opacity:1;mix-blend-mode:normal}.codex .inventory .worn.doll .doll-figure canvas,.charsheet .figure-stage canvas{position:absolute;inset:0}.charsheet .figure-stage canvas,.codex .inventory .doll-figure canvas{filter:sepia(.28) saturate(.85) contrast(1.02)}.fishing{position:absolute;left:50%;bottom:calc(var(--g5) * 1.9);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--g2);pointer-events:none;opacity:0;transition:opacity .25s ease}.fishing.show{opacity:1}.fishing .fish-prompt{display:none;padding:6px var(--g3);font-size:var(--t-body);color:var(--bone);background:#0a0704b8;border:1px solid rgba(229,172,76,.35);text-shadow:0 1px 2px #000}.fishing .fish-prompt.show{display:block}.fishing .fish-prompt b{display:inline-block;min-width:1.4em;margin:0 2px;padding:0 5px;text-align:center;font-weight:400;font-family:var(--display);color:var(--ink);background:var(--candle);border-radius:2px}.fishing .fish-prompt .sep{margin:0 var(--g2);color:var(--bone-dim)}.fishing .fish-prompt.urgent{animation:fish-urgent .42s ease-in-out infinite alternate;border-color:var(--candle)}@keyframes fish-urgent{0%{box-shadow:0 0 #e5ac4c00}to{box-shadow:0 0 18px #e5ac4c99}}.fishing .reel{display:none;width:min(420px,80vw);padding:var(--g2) var(--g3) 10px;background:#0a0704c7;border:1px solid rgba(229,172,76,.35)}.fishing .reel.show{display:block}.fishing .reel-title{margin-bottom:8px;text-align:center;font-family:var(--display);font-size:var(--t-large);color:var(--candle)}.fishing .reel-track{position:relative;height:26px;overflow:hidden;background:linear-gradient(180deg,#121c20,#1d2a31 55%,#121a1d);border:1px solid rgba(149,160,171,.35)}.fishing .reel-zone{position:absolute;top:0;bottom:0;background:#e4ddcf1f;border-left:1px solid rgba(228,221,207,.45);border-right:1px solid rgba(228,221,207,.45);transition:background .12s linear,border-color .12s linear}.fishing .reel-zone.on{background:#e5ac4c47;border-color:var(--candle);box-shadow:0 0 12px #e5ac4c59 inset}.fishing .reel-fish{position:absolute;top:4px;width:30px;height:18px;margin-left:-15px;color:var(--bone)}.fishing .reel-fish svg{width:100%;height:100%;fill:currentColor;filter:drop-shadow(0 1px 1px #000)}.fishing .reel-thread{position:relative;height:4px;margin-top:8px;background:#0a0704e6;border:1px solid rgba(229,172,76,.3);overflow:hidden}.fishing .reel-thread i{position:absolute;inset:0;transform-origin:left center;background:linear-gradient(90deg,#b8822f,#e5ac4c)}.fishing .reel-hint{margin-top:6px;text-align:center;font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.fishing .reel-hint b{font-style:normal;font-weight:400;font-family:var(--display);color:var(--candle)}.ui-layer.no-hints .fishing .reel-hint{display:none}.minimap{position:absolute;right:var(--g3);top:var(--g3);width:var(--minimap);height:var(--minimap);border-radius:50%;opacity:0;transition:opacity .4s ease;box-shadow:0 0 0 2px #0a0704e6,0 0 0 3px #e5ac4c8c,0 8px 34px #0000008c}.minimap.show{opacity:1}.minimap canvas{width:100%;height:100%;display:block;border-radius:50%}.minimap .north{position:absolute;left:50%;top:calc(var(--g1) * -1);transform:translate(-50%);padding:0 6px;font-family:var(--display);font-size:var(--t-small);color:var(--candle);background:var(--ink);border-radius:2px}@media(max-width:1240px){.minimap{top:55px}}.waymark{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;transform-origin:50% 100%;visibility:hidden;will-change:transform,opacity}.waymark i{width:var(--g2);height:var(--g2);margin:5px 0 4px;transform:rotate(45deg);background:var(--candle);border:1px solid var(--ink);box-shadow:0 0 var(--g1) #e5ac4c73}.waymark b{width:1px;height:var(--g2);background:linear-gradient(#e5ac4cd9,#e5ac4c00)}.waymark .dist{font-size:var(--t-small);font-style:italic;color:var(--bone);white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8)}.worldmap,.inventory,.journal-panel{z-index:5}.worldmap{position:absolute;inset:0;background:radial-gradient(ellipse at center,#1a130cf0,#0a0704fa);opacity:0;transition:opacity .26s ease;pointer-events:none}.worldmap.show{opacity:1;pointer-events:auto}.worldmap canvas{position:absolute;inset:0;width:100%;height:100%}.worldmap .head{position:absolute;left:0;right:0;top:var(--g4);text-align:center;font-family:var(--display);font-size:var(--t-title);color:var(--candle);letter-spacing:.04em}.worldmap .foot{position:absolute;left:0;right:0;bottom:var(--g4);text-align:center;font-size:var(--t-body);color:var(--bone-dim)}.worldmap .foot .key{display:inline-block;width:12px;height:12px;margin:0 var(--g1) -1px var(--g4);vertical-align:baseline}.worldmap .foot .key:first-child{margin-left:0}.worldmap .foot .you{background:var(--bone);clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%)}.worldmap .foot .goal{background:var(--candle);transform:rotate(45deg) scale(.8)}.worldmap .foot .goal-name{color:var(--bone)}.worldmap .foot .close{margin-left:var(--g5);font-style:italic}.worldmap .foot .cairn{width:14px;height:14px;background:var(--bone);border-radius:50% 50% 45% 45%;transform:scale(.85)}.worldmap .foot .travel-hint{font-style:italic}.worldmap .foot .travel-hint.warn{color:#c46a5f;font-style:normal}.worldmap .travel{position:absolute;inset:0;pointer-events:none}.worldmap .waystone{position:absolute;width:24px;height:24px;padding:0;margin:-12px 0 0 -12px;border:0;background:none;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.worldmap .waystone svg{width:100%;height:100%;fill:#e4ddcf;stroke:#2b2117;stroke-width:1.3;transition:fill .12s}.worldmap .waystone:hover svg,.worldmap .waystone.pad-focus svg{fill:#f1e8d6}.worldmap .waystone.armed svg{fill:var(--candle)}.worldmap .waystone .name{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);padding:1px 7px;white-space:nowrap;font-family:var(--display);font-size:var(--t-small);color:var(--ink);background:#e4ddcff0;border:1px solid rgba(43,33,23,.6);opacity:0;transition:opacity .12s;pointer-events:none}.worldmap .waystone:hover .name,.worldmap .waystone.pad-focus .name,.worldmap .waystone.armed .name{opacity:1}.worldmap .waystone.pad-focus{outline:none;box-shadow:none}.journal-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0704bd;opacity:0;transition:opacity .22s ease;pointer-events:none}.journal-panel.show{opacity:1;pointer-events:auto}.journal-panel .sheet{width:min(754px,calc(100vw - 2 * var(--g3)));max-height:calc(100vh - 2 * var(--g4));overflow:auto;padding:var(--g4) var(--g4) var(--g3);background:var(--ink);border:1px solid rgba(229,172,76,.3);box-shadow:0 13px 55px #0009}.journal-panel h1{margin:0 0 var(--g3);font-family:var(--display);font-weight:400;font-size:var(--t-title);color:var(--candle)}.journal-panel h2{margin:var(--g2) 0 var(--g1);font-family:var(--display);font-weight:400;font-size:var(--t-small);letter-spacing:.08em;color:var(--bone-dim)}.journal-panel h2:first-child{margin-top:0}.journal-panel .cols{display:grid;grid-template-columns:.382fr .618fr;gap:var(--g4);min-height:233px}.journal-panel .entry{display:flex;align-items:baseline;gap:var(--g1);width:100%;padding:5px 8px;margin:1px 0;text-align:left;font:inherit;font-size:var(--t-body);color:var(--bone);background:none;border:0;border-left:2px solid transparent;cursor:pointer}.journal-panel .entry:hover,.journal-panel .entry.picked{border-left-color:var(--candle);background:#e5ac4c12}.journal-panel .entry .mark{color:var(--candle);font-size:var(--t-small)}.journal-panel .entry.done,.journal-panel .entry.done .mark{color:var(--bone-dim)}.journal-panel .entry .followed{margin-left:auto;color:var(--candle);font-size:var(--t-small)}.journal-panel .none{margin:0;font-style:italic;color:var(--bone-dim);font-size:var(--t-small)}.journal-panel .page{border-left:1px solid rgba(229,172,76,.2);padding-left:var(--g3)}.journal-panel .page .kicker{font-family:var(--display);font-size:var(--t-small);letter-spacing:.08em;color:var(--bone-dim)}.journal-panel .page h3{margin:2px 0 var(--g2);font-family:var(--display);font-weight:400;font-size:var(--t-xl);color:var(--candle)}.journal-panel .page .summary{margin:0 0 var(--g2);line-height:1.6;color:var(--bone)}.journal-panel .page .objective{padding:var(--g1) var(--g2);border-left:2px solid var(--candle);background:#e5ac4c0f;color:var(--bone)}.journal-panel .page .objective .mark{color:var(--candle);margin-right:var(--g1)}.journal-panel .page .objective.done{border-left-color:var(--bone-dim);color:var(--bone-dim);font-style:italic}.journal-panel .page .reward{margin-top:var(--g2);font-size:var(--t-small);color:var(--bone-dim)}.journal-panel .page .reward:before{content:"Reward: ";color:var(--candle);font-family:var(--display)}.journal-panel .page .reward.felled:before{content:"Felled: "}.journal-panel .page .reward.perk{margin-top:6px;opacity:.6}.journal-panel .page .reward.perk:before{content:"Studied: "}.journal-panel .page .reward.perk.on{opacity:1;color:var(--bone)}.journal-panel .page .summary.studied{font-style:italic;color:var(--bone-dim);border-left:2px solid rgba(229,172,76,.45);padding-left:var(--g2)}.journal-panel .page .taxon{margin:-8px 0 var(--g2);font-style:italic;color:var(--bone-dim)}.journal-panel .page .follow{margin-top:var(--g3);padding:7px 14px;font-family:var(--display);font-size:var(--t-small);letter-spacing:.04em;color:var(--candle);background:transparent;border:1px solid rgba(229,172,76,.5);cursor:pointer}.journal-panel .page .follow.on{background:#e5ac4c1f}.journal-panel .foot{margin-top:var(--g3);padding-top:var(--g2);border-top:1px solid rgba(229,172,76,.2);font-size:var(--t-small);color:var(--bone-dim);white-space:pre}.journal-panel .close{margin-top:var(--g1);text-align:right;font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.speech{position:absolute;left:0;top:0;max-width:300px;padding:3px 10px;text-align:center;pointer-events:none;font-style:italic;font-size:var(--t-body);line-height:1.35;color:var(--bone);text-shadow:0 1px 3px #000,0 0 10px rgba(0,0,0,.9);background:radial-gradient(ellipse at center,#0a07048c,#0a070400 72%);opacity:0;transition:opacity .5s ease;visibility:hidden;will-change:transform,opacity}.speech.show{opacity:1}.taskmark{position:absolute;left:0;top:0;transform-origin:50% 100%;visibility:hidden;pointer-events:none;font-family:var(--display);font-size:calc(21px * var(--ui-scale));line-height:1;color:var(--candle);text-shadow:0 0 6px rgba(229,172,76,.55),0 1px 3px rgba(0,0,0,.9)}.taskmark.turnin{font-size:calc(25px * var(--ui-scale));text-shadow:0 0 10px rgba(229,172,76,.85),0 1px 3px rgba(0,0,0,.9)}.inventory{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0704bd;opacity:0;transition:opacity .22s ease;pointer-events:none}.inventory.show{opacity:1;pointer-events:auto}.inventory .sheet{width:min(610px,calc(100vw - 2 * var(--g3)));padding:var(--g4) var(--g4) var(--g3);background:var(--ink);border:1px solid rgba(229,172,76,.3);box-shadow:0 13px 55px #0009}.inventory .head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 var(--g3)}.inventory h1{margin:0;font-family:var(--display);font-weight:400;font-size:var(--t-title);color:var(--candle)}.inventory .purse{display:flex;align-items:center;gap:6px;font-size:var(--t-small);color:var(--bone-dim)}.inventory .purse svg{width:18px;height:18px;fill:none;stroke:var(--candle);stroke-width:1.4}.inventory .purse span{font-family:var(--display);font-size:var(--t-large);color:var(--candle)}.inventory .detail .meta{margin-top:2px;font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.inventory .cell.wearable{border-style:dashed}.inventory h2{margin:0 0 var(--g2);font-family:var(--display);font-weight:400;font-size:var(--t-small);letter-spacing:.08em;color:var(--bone-dim)}.inventory .cols{display:grid;grid-template-columns:.382fr .618fr;gap:var(--g4)}.inventory .worn,.inventory .pack{display:grid;gap:var(--g2)}.inventory .worn{grid-template-columns:repeat(2,1fr)}.inventory .pack{grid-template-columns:repeat(4,1fr)}.inventory .cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid rgba(229,172,76,.35);background:linear-gradient(180deg,#e4ddcf0f,#e4ddcf05);color:var(--candle);cursor:pointer;transition:border-color .12s,background .12s}.inventory .cell:hover,.inventory .cell.picked{border-color:var(--candle);background:#e5ac4c1a}.inventory .cell.empty{cursor:default;border-color:#e4ddcf1f;background:none}.inventory .cell svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.inventory .cell .count{position:absolute;right:4px;bottom:2px;font-size:var(--t-small);color:var(--bone)}.inventory .cell .slot{position:absolute;left:0;right:0;bottom:calc(var(--g3) * -1);text-align:center;font-size:calc(12px * var(--ui-scale));font-style:italic;color:var(--bone-dim)}.inventory .detail{margin-top:var(--g5);min-height:89px;border-top:1px solid rgba(229,172,76,.25);padding-top:var(--g2)}.inventory .detail .name{font-family:var(--display);font-size:var(--t-large);color:var(--candle)}.inventory .detail .text{margin-top:var(--g1);font-size:var(--t-body);line-height:1.55;color:var(--bone)}.inventory .vitals{margin-top:var(--g2);font-size:var(--t-small);color:var(--bone-dim);white-space:pre}.inventory .close{margin-top:var(--g2);text-align:right;font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}:root{--kit-better: var(--candle);--kit-worse: #c46a5f;--kit-tile: 96px}.focus-ring{outline:2px solid var(--candle);outline-offset:2px;position:relative}.focus-ring:after{content:"";position:absolute;left:-6px;top:-6px;width:7px;height:7px;transform:rotate(45deg);background:var(--candle);pointer-events:none}.kit-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g1) var(--g3);padding:var(--g1) var(--g2);font-size:var(--t-small);color:var(--bone-dim)}.kit-hint{white-space:nowrap}.kit-hint kbd{display:inline-block;min-width:1.6em;padding:1px 6px;margin-right:2px;text-align:center;font-family:var(--display);font-size:var(--t-small);color:var(--candle);border:1px solid rgba(229,172,76,.55);background:#0a070499}.kit-tiles{display:flex;flex-wrap:wrap;gap:var(--g1)}.kit-tile{position:relative;width:calc(var(--kit-tile) * var(--ui-scale));height:calc(var(--kit-tile) * var(--ui-scale));padding:0;cursor:pointer;display:grid;place-items:center;color:var(--bone);font-family:var(--display);font-size:var(--t-xl);background:#0a0704b3;border:1px solid rgba(228,221,207,.28)}.kit-tile.pictured{background-image:var(--tile-img);background-size:cover;background-position:center}.kit-tiles[style*=--tile-tint] .kit-tile.pictured{background-color:var(--tile-tint);background-blend-mode:multiply}.kit-tile:hover{border-color:#e5ac4cb3}.kit-tile.chosen{border-color:var(--candle);box-shadow:inset 0 0 0 2px var(--ink),inset 0 0 0 3px var(--candle)}.kit-tile.chosen:before{content:"✓";position:absolute;right:5px;top:2px;font-family:var(--body);font-size:var(--t-small);color:var(--candle);text-shadow:0 1px 2px #000}.kit-swatches .row{display:flex;flex-wrap:wrap;gap:var(--g1)}.kit-swatch{position:relative;width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));padding:0;cursor:pointer;border-radius:50%;background:var(--swatch);border:1px solid rgba(228,221,207,.4)}.kit-swatch.chosen{box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--candle)}.kit-swatch .mark{display:none}.kit-swatch.chosen .mark{display:block;position:absolute;inset:0;margin:auto;width:9px;height:9px;transform:rotate(45deg);background:var(--ink);border:1px solid var(--bone)}.kit-swatches .swatch-name{min-height:1.4em;margin-top:var(--g1);font-style:italic;font-size:var(--t-small);color:var(--bone-dim)}.kit-stepper{display:inline-flex;align-items:center;gap:var(--g1);min-height:calc(44px * var(--ui-scale))}.kit-stepper .step{width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));cursor:pointer;color:var(--candle);background:#0a070499;border:1px solid rgba(229,172,76,.45);font-size:var(--t-small)}.kit-stepper .value{min-width:2.4em;text-align:center;font-family:var(--display);font-size:var(--t-large);color:var(--bone)}.kit-letters{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;background:#050302d1;transition:opacity .16s,visibility 0s linear .16s}.kit-letters.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s}.kit-letters .card{width:min(560px,calc(100vw - 32px));padding:var(--g3);text-align:center;background:#15100bf5;border:1px solid rgba(229,172,76,.4)}.kit-letters .title{margin:0 0 var(--g2);font-family:var(--display);font-weight:400;font-size:var(--t-xl);color:var(--candle)}.kit-letters .field{min-height:calc(44px * var(--ui-scale));padding:var(--g1) var(--g2);font-size:var(--t-large);text-align:left;word-break:break-word;color:var(--bone);border-bottom:1px solid var(--candle);background:#0a070499}.kit-letters .field.empty{color:var(--bone-dim);font-style:italic}.kit-letters .count{display:block;margin:2px 0 var(--g2);text-align:right;font-size:var(--t-small);color:var(--bone-dim)}.kit-letters .krow{display:flex;justify-content:center;gap:6px;margin-bottom:6px}.kit-letters .krow[hidden],.kit-letters .k[hidden]{display:none}.kit-letters .k{min-width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));padding:0 var(--g1);cursor:pointer;font-family:var(--display);font-size:var(--t-body);color:var(--bone);background:#0a070499;border:1px solid rgba(228,221,207,.3)}.kit-letters .krow.wide .k{flex:1}.kit-button{min-height:calc(44px * var(--ui-scale));padding:0 var(--g3);cursor:pointer;font-family:var(--display);font-size:var(--t-body);letter-spacing:.04em;color:var(--candle);background:#0a070499;border:1px solid rgba(229,172,76,.5)}.kit-button:hover{background:#e5ac4c1a}.kit-compare{padding:var(--g2);background:#0a070480;border-left:2px solid rgba(229,172,76,.5);font-size:var(--t-small)}.kit-compare[hidden]{display:none}.kit-compare .head{font-family:var(--display);font-size:var(--t-body);color:var(--candle)}.kit-compare .rarity{margin:2px 0 var(--g1);letter-spacing:.08em;color:var(--bone-dim)}.kit-compare .rows{margin:0;padding:0;list-style:none}.kit-compare .row{display:grid;grid-template-columns:1fr auto 1.4em;gap:var(--g1);padding:2px 0;color:var(--bone)}.kit-compare .row .value{text-align:right}.kit-compare .row .sign{text-align:center}.kit-compare .row.better .value,.kit-compare .row.better .sign{color:var(--kit-better)}.kit-compare .row.worse .value,.kit-compare .row.worse .sign{color:var(--kit-worse)}.kit-compare .row.same{color:var(--bone-dim)}.kit-compare .against{margin-top:var(--g1);font-style:italic;color:var(--bone-dim)}@media(prefers-reduced-motion:reduce){.kit-letters,.kit-letters.show{transition:none}}html.reduce-fx *,html.reduce-fx *:before,html.reduce-fx *:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.codex .inventory{--dc: clamp(46px, 4.3vw, 72px)}.codex .inventory .cols>section:first-child:before{display:none!important}.codex .inventory .worn.doll{position:relative;display:grid;grid-template-columns:var(--dc) minmax(0,1fr) var(--dc);column-gap:6px;row-gap:8px;margin:0;width:100%;align-items:start}.codex .inventory .worn.doll .doll-armour,.codex .inventory .worn.doll .doll-arms{display:grid;grid-auto-rows:var(--dc);gap:6px;align-content:start}.codex .inventory .worn.doll .doll-figure{align-self:stretch;min-height:calc(var(--dc) * 5 + 24px);background:var(--worn-portrait) center bottom / contain no-repeat;filter:grayscale(1) sepia(.72) contrast(.82);opacity:.55;mix-blend-mode:multiply;pointer-events:none}.codex .inventory .worn.doll .cell{position:relative;width:var(--dc);height:var(--dc);box-sizing:border-box}.codex .inventory .worn.doll .cell .slot{position:absolute;left:0;right:0;bottom:3px;text-align:center;font-size:9px;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#6e5a41;pointer-events:none}.codex .inventory .worn.doll .cell:not(.empty) .slot{display:none}.codex .inventory .worn.doll .cell.closed{opacity:.45;border-style:dotted;cursor:default}.codex .inventory .pack.grid6{grid-template-columns:repeat(6,var(--dc));gap:6px}.codex .inventory .pack.grid6 .cell{width:var(--dc);height:var(--dc);box-sizing:border-box}.codex .inventory h2 .pack-count{margin-left:10px;font:italic 14px var(--body);letter-spacing:0;color:#6a523b}.codex .inventory h2 .pack-sort{margin-left:12px;padding:2px 12px;font:13px var(--display);letter-spacing:.06em;color:#32271d;cursor:pointer;vertical-align:4px;background:#94704938;border:1px solid #8e6945}.codex .inventory h2 .pack-sort:hover{border-color:#a26219}.codex .inventory .worn.doll .belongings-compare{position:absolute;grid-column:auto;left:calc(var(--dc) + 8px);right:calc(var(--dc) + 8px);bottom:0;z-index:3;margin:0;background:#dec89ef7;box-shadow:0 4px 14px #2a1b0f66}.codex .inventory .detail{grid-template-columns:62px minmax(0,1fr)!important;margin-top:8px}.codex .inventory .detail .detail-icon{width:62px;height:62px}:root{--ink: #0a0704;--ink-soft: rgba(10, 7, 4, .82);--bone: #e4ddcf;--bone-dim: rgba(228, 221, 207, .62);--candle: #e5ac4c;--covenant: #95a0ab;--display: "IM Fell English SC", Georgia, serif;--body: "Spectral", Georgia, serif;--g1: 8px;--g2: 13px;--g3: 21px;--g4: 34px;--g5: 55px;--ui-scale: 1;--t-small: calc(13px * var(--ui-scale));--t-body: calc(17px * var(--ui-scale));--t-large: calc(21px * var(--ui-scale));--t-xl: calc(27px * var(--ui-scale));--t-title: calc(34px * var(--ui-scale));--minimap: 208px}.ui-layer{position:fixed;inset:0;pointer-events:none;font-family:var(--body);color:var(--bone)}.prompt{position:absolute;left:50%;top:62%;transform:translate(-50%);padding:8px 16px;background:var(--ink-soft);border:1px solid rgba(229,172,76,.35);font-size:calc(17px * var(--ui-scale));letter-spacing:.02em;opacity:0;transition:opacity .18s ease;white-space:nowrap}.prompt.show{opacity:1}.prompt .key{display:inline-block;min-width:1.5em;margin-right:10px;padding:1px 6px;text-align:center;border:1px solid var(--candle);color:var(--candle);font-family:var(--display);font-size:calc(15px * var(--ui-scale))}.prompt .name{font-family:var(--display);color:var(--candle)}.prompt .also{margin-left:22px;padding-left:18px;border-left:1px solid rgba(229,172,76,.3);color:var(--bone-dim)}.prompt .also .key{border-color:#e5ac4c80;color:var(--bone-dim)}.narration{position:absolute;left:50%;bottom:max(18%,172px);transform:translate(-50%);max-width:min(640px,86vw);text-align:center;font-style:italic;font-size:calc(19px * var(--ui-scale));color:var(--bone);text-shadow:0 1px 3px #000;opacity:0;transition:opacity .4s ease}.narration.show{opacity:1}.dialogue{position:absolute;left:50%;bottom:5%;transform:translate(-50%,16px);width:min(760px,calc(100vw - 32px));padding:20px 26px 18px;background:linear-gradient(180deg,#0a0704c7,#0a0704eb);border-top:1px solid rgba(229,172,76,.45);box-shadow:0 12px 40px #0000008c;opacity:0;transition:opacity .22s ease,transform .22s ease;pointer-events:none}.dialogue.show{opacity:1;transform:translate(-50%);pointer-events:auto}.dialogue .speaker{font-family:var(--display);font-size:calc(24px * var(--ui-scale));color:var(--candle);letter-spacing:.03em}.dialogue .role{margin-left:10px;font-size:calc(14px * var(--ui-scale));color:var(--bone-dim);font-style:italic}.dialogue .text{margin-top:8px;font-size:calc(19px * var(--ui-scale));line-height:1.5;min-height:3em}.dialogue .choices{margin:14px 0 0;padding:0;list-style:none;visibility:hidden;opacity:0;transform:translateY(4px)}.dialogue .choices.show{visibility:visible;opacity:1;transform:none;transition:opacity .22s ease-out,transform .22s ease-out}.dialogue .choices li{padding:6px 10px;margin:2px 0;cursor:pointer;font-size:calc(17px * var(--ui-scale));color:var(--bone-dim);border-left:2px solid transparent;transition:color .12s,border-color .12s,background .12s}.dialogue .choices li:hover,.dialogue .choices li.focus{color:var(--bone);border-left-color:var(--candle);background:#e5ac4c0f}.dialogue .choices .n{color:var(--candle);font-family:var(--display);margin-right:10px}.dialogue .continue{margin-top:10px;text-align:right;font-size:calc(14px * var(--ui-scale));color:var(--bone-dim)}.hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);max-width:calc(100vw - 32px);font-size:calc(14px * var(--ui-scale));color:var(--bone-dim);text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:opacity .6s}.journal{position:absolute;left:var(--g3);top:var(--g3);max-width:min(calc(var(--minimap) * 1.618),70vw);padding:10px 16px 12px 14px;border-left:2px solid var(--candle);background:linear-gradient(90deg,#0a0704b3,#0a070400);opacity:0;transform:translate(-8px);transition:opacity .5s,transform .5s}.journal.show{opacity:1;transform:none}.journal .chapter{font-family:var(--display);font-size:calc(14px * var(--ui-scale));letter-spacing:.06em;color:var(--candle)}.journal .goal{margin-top:2px;font-size:calc(19px * var(--ui-scale));color:var(--bone)}.journal .where{margin-top:3px;font-size:calc(14px * var(--ui-scale));font-style:italic;color:var(--bone-dim)}.toasts{position:absolute;right:var(--g3);top:calc(var(--g3) + var(--minimap) + var(--g2));width:min(336px,40vw);display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none}.toast{padding:6px 14px 6px 28px;text-align:right;font-family:var(--display);font-size:calc(15px * var(--ui-scale));color:var(--candle);border-right:2px solid var(--candle);background:linear-gradient(270deg,#0a07049e,#0a070400);opacity:0;transform:translate(8px);transition:opacity .4s,transform .4s}.toast.show{opacity:1;transform:none}.toast .sub{display:block;font-family:var(--body);font-style:italic;font-size:var(--t-small);color:var(--bone-dim)}@media(max-width:1240px){.journal{top:55px}.toasts{top:calc(55px + var(--minimap) + var(--g2))}}.banner{position:absolute;left:50%;top:15%;transform:translate(-50%,-8px);text-align:center;pointer-events:none;opacity:0;transition:opacity .6s ease,transform .6s ease;width:min(610px,90vw)}.banner.show{opacity:1;transform:translate(-50%)}.banner .kicker{font-family:var(--display);font-size:var(--t-small);letter-spacing:.16em;color:var(--bone-dim);text-shadow:0 1px 3px #000}.banner .title{margin-top:2px;font-family:var(--display);font-size:var(--t-title);color:var(--candle);text-shadow:0 2px 10px rgba(0,0,0,.9)}.banner .rule{width:233px;height:1px;margin:var(--g1) auto;background:linear-gradient(90deg,rgba(229,172,76,0),var(--candle),rgba(229,172,76,0))}.banner .sub{font-style:italic;font-size:var(--t-body);color:var(--bone);text-shadow:0 1px 3px #000}.find{position:absolute;left:50%;top:70%;transform:translate(-50%,10px);pointer-events:none;display:flex;align-items:center;gap:var(--g2);padding:var(--g1) var(--g3) var(--g1) var(--g1);background:linear-gradient(90deg,#0a070400,#0a0704c7 18% 82%,#0a070400);border-top:1px solid rgba(229,172,76,.22);border-bottom:1px solid rgba(229,172,76,.22);opacity:0;transition:opacity .45s ease,transform .45s ease;max-width:90vw}.find.show{opacity:1;transform:translate(-50%)}.find .icon{flex:none;width:calc(72px * var(--ui-scale));height:calc(72px * var(--ui-scale));border-radius:50%;display:grid;place-items:center;border:1px solid var(--rarity);background:radial-gradient(circle,#0a070433,#0a0704e6);box-shadow:0 0 0 3px #0a070499,0 0 18px -4px var(--rarity)}.find .icon img{width:88%;height:88%;object-fit:contain;border-radius:50%}.find .icon svg{width:58%;height:58%;stroke:var(--rarity);fill:none;stroke-width:1.4}.find .words{min-width:0}.find .kicker{font-family:var(--display);font-size:var(--t-small);letter-spacing:.16em;color:var(--bone-dim)}.find .name{font-family:var(--display);font-size:var(--t-xl);color:var(--rarity);text-shadow:0 2px 8px rgba(0,0,0,.9)}.find .line{font-style:italic;font-size:var(--t-small);color:var(--bone)}.find.fabled .icon{animation:find-glow 1.6s ease-in-out infinite}@keyframes find-glow{0%,to{box-shadow:0 0 0 3px #0a070499,0 0 14px -4px var(--rarity)}50%{box-shadow:0 0 0 3px #0a070499,0 0 30px 2px var(--rarity)}}.compass{position:absolute;left:50%;top:14px;transform:translate(-50%);width:min(560px,62vw);height:34px;overflow:hidden;opacity:0;transition:opacity .6s;background:linear-gradient(90deg,#0a070400,#0a07048c 18% 82%,#0a070400);border-bottom:1px solid rgba(229,172,76,.22)}.compass.show{opacity:1}.compass .card,.compass .tick,.compass .mark{position:absolute;transform:translate(-50%)}.compass .card{top:7px;font-family:var(--display);font-size:calc(13px * var(--ui-scale));letter-spacing:.08em;color:var(--bone-dim)}.compass .card.major{top:5px;font-size:calc(17px * var(--ui-scale));color:var(--bone)}.compass .tick{top:26px;width:1px;height:6px;background:#e4ddcf59}.compass .mark{top:2px;display:flex;flex-direction:column;align-items:center;transition:opacity .3s}.compass .mark i{width:9px;height:9px;margin-top:3px;transform:rotate(45deg);background:var(--candle);box-shadow:0 0 6px #e5ac4c8c}.compass .mark .dist{margin-top:3px;font-size:calc(11px * var(--ui-scale));font-style:italic;color:var(--candle);white-space:nowrap}.compass .mark.edge i{background:transparent;border:1px solid var(--candle)}.ending{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;text-align:center;background:#0a0704e6;opacity:0;pointer-events:none;transition:opacity 1.6s ease}.ending.show{opacity:1;pointer-events:auto}.ending .card{max-width:min(620px,calc(100vw - 40px))}.ending .lines p{margin:0 0 10px;font-size:calc(21px * var(--ui-scale));font-style:italic;color:var(--bone)}.ending h2{margin:34px 0 6px;font-family:var(--display);font-weight:400;font-size:calc(44px * var(--ui-scale));color:var(--candle)}.ending .next{margin:0;color:var(--bone-dim)}.ending .buttons{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.ending button{padding:10px 20px;cursor:pointer;font-family:var(--display);font-size:calc(18px * var(--ui-scale));border:1px solid var(--candle);background:transparent;color:var(--candle)}.ending button:first-child{background:var(--candle);color:var(--ink)}.pause{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#1a130c80,#050302e0 75%);-webkit-backdrop-filter:blur(4px) saturate(.6);backdrop-filter:blur(4px) saturate(.6);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s linear .2s}.pause.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s}.pause .card{width:min(377px,calc(100vw - 32px));padding:var(--g4) var(--g4) var(--g3);text-align:center}.pause h1{margin:0;font-family:var(--display);font-weight:400;font-size:calc(44px * var(--ui-scale));color:var(--candle);letter-spacing:.03em;text-shadow:0 2px 14px rgba(0,0,0,.9)}.pause .sub{margin:4px 0 var(--g3);color:var(--bone-dim);font-style:italic}.pause .sub:after{content:"";display:block;width:144px;height:1px;margin:var(--g2) auto 0;background:linear-gradient(90deg,rgba(229,172,76,0),var(--candle),rgba(229,172,76,0))}.pause .menu{display:flex;flex-direction:column;gap:2px}.pause .menu button{position:relative;padding:8px 10px;cursor:pointer;font-family:var(--display);font-size:var(--t-large);letter-spacing:.05em;color:var(--bone-dim);background:none;border:0;transition:color .12s,background .12s}.pause .menu button:first-child{color:var(--bone)}.pause .menu button.focus{color:var(--candle);background:linear-gradient(90deg,#e5ac4c00,#e5ac4c1a,#e5ac4c00)}.pause .menu button.focus:before,.pause .menu button.focus:after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;transform:rotate(45deg);background:var(--candle)}.pause .menu button.focus:before{left:22%}.pause .menu button.focus:after{right:22%}.pause .menu .danger{margin-top:var(--g2);font-size:var(--t-small);font-family:var(--body);font-style:italic;letter-spacing:0}.pause .menu .danger.focus{color:#c46a5f;background:none}.pause .menu .danger.focus:before,.pause .menu .danger.focus:after{display:none}.ui-layer.no-minimap .minimap,.ui-layer.no-compass .compass,.ui-layer.no-hints .hint,.ui-layer.no-hints .keys{display:none!important}.ui-layer.underground .minimap,.ui-layer.underground .compass{visibility:hidden}.pause .menu .build-line{margin:var(--g1) 0 0;font-size:var(--t-small);color:var(--bone-dim);opacity:.7}.ending .end-card{width:min(780px,calc(100vw - 40px))}.ending .end-card .lines p{font-size:calc(19px * var(--ui-scale));margin-bottom:6px}.ending .end-card .kicker{margin:24px 0 0;font-family:var(--display);font-size:calc(14px * var(--ui-scale));letter-spacing:.24em;text-transform:uppercase;color:var(--bone-dim)}.ending .end-card h2{margin-top:4px}.ending .end-card .next{font-style:italic;color:var(--bone)}.ending .end-card .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0 0}.ending .end-card .tile{padding:10px 8px 9px;border:1px solid rgba(229,172,76,.28);background:#0a070473}.ending .end-card .tile .value{font-family:var(--display);font-size:calc(23px * var(--ui-scale));color:var(--candle);line-height:1.15}.ending .end-card .tile .label{margin-top:3px;font-size:calc(12px * var(--ui-scale));letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim)}.ending .end-card .tile .sub{margin-top:4px;font-size:calc(12px * var(--ui-scale));font-style:italic;color:var(--bone-dim);line-height:1.3;text-wrap:balance}.ending .end-card .buttons{margin-top:24px}.ending .end-card .buttons button{min-width:0;padding:10px 22px}.ending .end-card .buttons button:first-child{background:transparent;color:var(--candle)}.ending .end-card .buttons button.focus{background:var(--candle);color:var(--ink)}@media(max-width:760px),(max-height:680px){.ending .end-card .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ending .end-card .lines p{font-size:calc(16px * var(--ui-scale))}}.calibration{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s}.calibration.show{opacity:1;visibility:visible;transition:opacity .18s ease}.calibration .cal-labels{position:absolute;inset:0}.calibration .cal-label{position:absolute}.ui-layer.calibrating>:not(.calibration){visibility:hidden!important}.calibration .cal-label{text-align:center;font-size:var(--t-small);color:var(--bone-dim);text-shadow:0 1px 3px #000;white-space:nowrap}.calibration .cal-card{position:absolute;left:50%;bottom:var(--g4);transform:translate(-50%);width:min(640px,92vw);box-sizing:border-box;pointer-events:auto;padding:var(--g3) var(--g4) var(--g2);background:#0a0704e6;border:1px solid rgba(229,172,76,.45)}.calibration h2{margin:0 0 var(--g1);font-family:var(--display);font-weight:400;font-size:var(--t-large);color:var(--candle)}.calibration .cal-help{margin:0 0 var(--g2);font-size:var(--t-small);line-height:1.5;color:var(--bone)}.calibration .cal-row{display:grid;grid-template-columns:8.5em 3.6em 1fr;align-items:center;gap:var(--g2);min-height:44px;font-size:var(--t-body);color:var(--bone)}.calibration .cal-row.off{opacity:.5}.calibration .cal-row .val{text-align:right;color:var(--candle);font-family:var(--display)}.calibration input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:none;cursor:pointer}.calibration input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--candle) var(--fill, 50%),rgba(228,221,207,.22) var(--fill, 50%))}.calibration input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-4.5px;transform:rotate(45deg);background:var(--candle);border:1px solid var(--ink);box-shadow:0 0 6px #e5ac4c8c}.calibration input[type=range]::-moz-range-track{height:2px;background:#e4ddcf38}.calibration input[type=range]::-moz-range-progress{height:2px;background:var(--candle)}.calibration input[type=range]::-moz-range-thumb{width:10px;height:10px;transform:rotate(45deg);border-radius:0;background:var(--candle);border:2px solid var(--ink)}.calibration .cal-actions{display:flex;gap:var(--g2);justify-content:flex-end;margin-top:var(--g2)}.calibration .cal-actions button{min-width:96px;min-height:44px;padding:0 var(--g3);font-family:var(--display);font-size:var(--t-body);color:var(--bone);background:#e5ac4c14;border:1px solid rgba(229,172,76,.5);cursor:pointer}.calibration .cal-actions button:hover{background:#e5ac4c33;color:var(--candle)}.calibration .pad-focus{outline:2px solid var(--candle);outline-offset:3px;box-shadow:0 0 14px #e5ac4c73}.calibration .kit-hints{margin-top:var(--g1)}.codex{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;padding:var(--g3) var(--g4) var(--g2);background:radial-gradient(ellipse at 50% 38%,#1e160e99,#050302ed 78%);-webkit-backdrop-filter:blur(5px) saturate(.6);backdrop-filter:blur(5px) saturate(.6);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}.codex.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease}.codex>.tabs{position:relative;display:flex;align-items:center;gap:var(--g4);padding:0 var(--g3) var(--g2);border-bottom:1px solid rgba(229,172,76,.2)}.codex>.tabs .tab{position:relative;padding:4px 2px 6px;font-family:var(--display);font-size:var(--t-large);letter-spacing:.05em;color:var(--bone-dim);background:none;border:0;cursor:pointer;transition:color .14s,text-shadow .14s}.codex>.tabs .tab:hover{color:var(--bone)}.codex>.tabs .tab .key{margin-left:7px;font-size:12px;color:#e5ac4c8c;vertical-align:2px}.codex>.tabs .tab.on{color:var(--candle);text-shadow:0 0 14px rgba(229,172,76,.35)}.codex>.tabs .tab.on:after{content:"";position:absolute;left:-12px;right:-12px;bottom:calc(-1 * var(--g2) - 1px);height:1px;background:linear-gradient(90deg,rgba(229,172,76,0),var(--candle),rgba(229,172,76,0))}.codex>.tabs .tab.on:before{content:"";position:absolute;left:50%;bottom:calc(-1 * var(--g2) - 5px);width:8px;height:8px;transform:translate(-50%) rotate(45deg);background:var(--candle);box-shadow:0 0 8px #e5ac4c99}.codex>.tabs .turn{width:28px;height:28px;padding:0;font-family:var(--display);font-size:13px;color:var(--candle);background:#0a070499;border:1px solid rgba(229,172,76,.45);cursor:pointer}.codex>.tabs .turn:hover{background:#e5ac4c24}.codex>.page{position:relative;flex:1;min-height:0;width:min(1240px,100%);margin-top:var(--g3);background:var(--paper) repeat,#15100b;background-size:384px;border:1px solid rgba(229,172,76,.34);box-shadow:0 0 0 4px #0a0704e0,0 0 0 5px #e5ac4c29,0 24px 70px #000000b3,inset 0 0 120px #000000b3}.codex>.page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#e5ac4c0d,#0000 62%)}.codex>.page>.corner{position:absolute;z-index:2;width:72px;height:72px;color:#e5ac4c8c;pointer-events:none}.codex>.page>.corner svg{display:block;width:100%;height:100%}.codex>.page>.corner.tl{left:7px;top:7px}.codex>.page>.corner.tr{right:7px;top:7px;transform:scaleX(-1)}.codex>.page>.corner.bl{left:7px;bottom:7px;transform:scaleY(-1)}.codex>.page>.corner.br{right:7px;bottom:7px;transform:scale(-1)}.codex>.page>.leaf{position:absolute;inset:0;display:none;overflow:hidden}.codex>.page>.leaf.on{display:block}.codex>.page>.leaf.from-right{animation:leaf-in-right .26s ease-out}.codex>.page>.leaf.from-left{animation:leaf-in-left .26s ease-out}@keyframes leaf-in-right{0%{opacity:0;transform:translate(21px)}to{opacity:1;transform:none}}@keyframes leaf-in-left{0%{opacity:0;transform:translate(-21px)}to{opacity:1;transform:none}}.codex>.foot{margin-top:var(--g2);font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.codex>.foot span{display:inline-block;min-width:1.4em;margin:0 1px;padding:0 4px;text-align:center;font-style:normal;font-family:var(--display);color:var(--candle);border:1px solid rgba(229,172,76,.4)}.codex>.shut{position:absolute;right:var(--g3);top:var(--g3);width:34px;height:34px;padding:0;font-size:24px;line-height:1;color:var(--bone-dim);background:#0a070480;border:1px solid rgba(228,221,207,.22);cursor:pointer}.codex>.shut:hover{color:var(--candle);border-color:var(--candle)}.codex .worldmap,.codex .inventory,.codex .journal-panel{position:absolute;inset:0;z-index:auto;background:none;transition:none}.codex .inventory,.codex .journal-panel{display:block}.codex .inventory .sheet,.codex .journal-panel .sheet{box-sizing:border-box;width:100%;height:100%;max-height:none;overflow:auto;padding:var(--g4) var(--g5) var(--g3);background:none;border:0;box-shadow:none}.charsheet,.settings-page{box-sizing:border-box}.codex .inventory .cols>*,.codex .journal-panel .cols>*,.charsheet .cols>*,.settings-page .cols>*,.codex .inventory .cell{min-width:0}.codex .inventory .sheet>*{max-width:920px;margin-left:auto;margin-right:auto}.codex .journal-panel .sheet>*{max-width:1040px;margin-left:auto;margin-right:auto}.codex .close,.codex .worldmap .foot .close{display:none}.codex .leaf *{scrollbar-width:thin;scrollbar-color:rgba(229,172,76,.45) rgba(10,7,4,.4)}.codex .leaf ::-webkit-scrollbar{width:8px}.codex .leaf ::-webkit-scrollbar-track{background:#0a070466}.codex .leaf ::-webkit-scrollbar-thumb{background:#e5ac4c66;border:2px solid rgba(10,7,4,.4)}.codex .journal-panel h1,.codex .charsheet h1,.codex .settings-page h1{display:flex;align-items:center;gap:var(--g2)}.codex .journal-panel h1:after,.codex .charsheet h1:after,.codex .settings-page h1:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#e5ac4c80,#e5ac4c00)}.codex .worldmap .head{top:var(--g3)}.codex .worldmap .foot{bottom:var(--g3)}.codex .inventory .cell{border-color:#e5ac4c52;background:radial-gradient(circle at 50% 38%,#e5ac4c12,#0003 72%),#0a07048c;box-shadow:inset 0 0 0 1px #000000b3,inset 0 0 18px #0009}.codex .inventory .cell:before{content:"";position:absolute;inset:3px;border:1px solid rgba(228,221,207,.06);pointer-events:none}.codex .inventory .cell:hover,.codex .inventory .cell.picked{border-color:var(--candle);background:radial-gradient(circle at 50% 38%,#e5ac4c29,#0003 72%),#0a07048c}.codex .inventory .cell.empty{border-color:#e4ddcf1a;background:#0a070459}.inventory .cell img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.inventory .cell.painted{padding:0}.inventory .cell.painted.picked img,.inventory .cell.painted:hover img{filter:brightness(1.12)}.inventory .purse img{width:28px;height:28px;margin:-4px 0}.charsheet .icon{overflow:hidden}.charsheet .icon img{width:100%;height:100%;object-fit:cover}.charsheet .tech.locked .icon img{filter:grayscale(1) brightness(.6)}.charsheet{position:absolute;inset:0;overflow:auto;padding:var(--g4) var(--g5) var(--g3)}.charsheet h1{margin:0 0 var(--g3);font-family:var(--display);font-weight:400;font-size:var(--t-title);color:var(--candle)}.charsheet h2{margin:var(--g3) 0 var(--g2);font-family:var(--display);font-weight:400;font-size:var(--t-small);letter-spacing:.1em;color:var(--bone-dim)}.charsheet h2:first-child{margin-top:0}.charsheet .cols{display:grid;grid-template-columns:.382fr .618fr;gap:var(--g5)}.charsheet .who{display:flex;align-items:center;gap:var(--g3)}.charsheet .crest{width:89px;height:89px;flex:none;color:var(--candle)}.charsheet .crest svg{width:100%;height:100%}.charsheet .who .title{font-family:var(--display);font-size:var(--t-large);color:var(--bone)}.charsheet .who .level{font-family:var(--display);font-size:var(--t-title);color:var(--candle);line-height:1.1}.charsheet .thread{position:relative;height:4px;margin:var(--g2) 0 4px;background:#0a0704cc;border:1px solid rgba(229,172,76,.3);overflow:hidden}.charsheet .thread i{position:absolute;inset:0;transform-origin:left center;background:linear-gradient(90deg,#b8822f,#e5ac4c)}.charsheet .next{font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.charsheet dl{display:grid;grid-template-columns:1fr auto;margin:0;row-gap:7px}.charsheet dt{color:var(--bone-dim)}.charsheet dd{margin:0;text-align:right;font-family:var(--display);color:var(--bone)}.charsheet dd .plus{margin-left:6px;font-size:var(--t-small);color:var(--candle)}.charsheet .tech{display:grid;grid-template-columns:55px 1fr;gap:var(--g2);align-items:start;padding:var(--g2);margin-bottom:var(--g1);border:1px solid rgba(229,172,76,.22);background:#0a070461}.charsheet .tech.locked{opacity:.5}.charsheet .tech .icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;color:var(--candle);border:1px solid rgba(229,172,76,.45);background:#0a070499;box-shadow:inset 0 0 12px #0009}.charsheet .tech.locked .icon{color:var(--bone-dim);border-color:#e4ddcf33}.charsheet .tech .icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.charsheet .tech .name{font-family:var(--display);font-size:var(--t-large);color:var(--candle)}.charsheet .tech.locked .name{color:var(--bone-dim)}.charsheet .tech .key{margin-left:var(--g1);font-size:var(--t-small);color:var(--bone-dim)}.charsheet .tech .meta{margin-top:1px;font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.charsheet .tech .text{margin-top:4px;font-size:15px;line-height:1.5;color:var(--bone)}.charsheet .deeds{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g2)}.charsheet .deed{padding:var(--g1) var(--g2);border-left:2px solid rgba(229,172,76,.5);background:#0a07044d}.charsheet .deed b{display:block;font-family:var(--display);font-weight:400;font-size:var(--t-xl);color:var(--candle)}.charsheet .deed span{font-size:var(--t-small);color:var(--bone-dim)}.charsheet h2 .count{margin-left:var(--g1);font-family:var(--body);font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.charsheet .feats{display:grid;grid-template-columns:1fr 1fr;gap:var(--g1) var(--g3)}.charsheet .feat{display:flex;gap:var(--g2);align-items:flex-start;padding:6px 0;opacity:.62}.charsheet .feat.earned{opacity:1}.charsheet .feat .gem{flex:none;width:18px;margin-top:1px;font-size:15px;color:var(--bone-dim);text-align:center}.charsheet .feat.earned .gem{color:var(--candle);text-shadow:0 0 8px rgba(229,172,76,.55)}.charsheet .feat .name{font-family:var(--display);font-size:var(--t-body);color:var(--bone)}.charsheet .feat.earned .name{color:var(--candle)}.charsheet .feat .text{font-size:var(--t-small);line-height:1.4;color:var(--bone-dim)}.charsheet .feat .meta{margin-top:2px;font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.settings-page{position:absolute;inset:0;overflow:auto;padding:var(--g4) var(--g5) var(--g3)}.settings-page h1{margin:0 0 var(--g3);font-family:var(--display);font-weight:400;font-size:var(--t-title);color:var(--candle)}.settings-page .cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--g3) var(--g5)}.settings-page h2{margin:0 0 var(--g1);font-family:var(--display);font-weight:400;font-size:var(--t-small);letter-spacing:.1em;color:var(--candle)}.settings-page .row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--g2);padding:7px 0;border-bottom:1px solid rgba(228,221,207,.07)}.settings-page .row>span:first-child{color:var(--bone)}.settings-page .row .val{min-width:3.6em;text-align:right;font-family:var(--display);font-size:var(--t-small);color:var(--candle)}.settings-page input[type=range]{-webkit-appearance:none;appearance:none;width:190px;height:18px;margin:0;background:transparent;cursor:pointer}.settings-page input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--candle) var(--fill, 50%),rgba(228,221,207,.22) var(--fill, 50%))}.settings-page input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-4.5px;transform:rotate(45deg);background:var(--candle);border:1px solid var(--ink);box-shadow:0 0 6px #e5ac4c8c}.settings-page input[type=range]::-moz-range-track{height:2px;background:#e4ddcf38}.settings-page input[type=range]::-moz-range-progress{height:2px;background:var(--candle)}.settings-page input[type=range]::-moz-range-thumb{width:10px;height:10px;transform:rotate(45deg);border-radius:0;background:var(--candle);border:1px solid var(--ink)}.settings-page .switch{position:relative;width:44px;height:20px;padding:0;cursor:pointer;background:#0a070499;border:1px solid rgba(229,172,76,.45)}.settings-page .switch:after{content:"";position:absolute;top:4px;left:6px;width:10px;height:10px;transform:rotate(45deg);background:#e4ddcf59;transition:left .14s ease,background .14s ease,box-shadow .14s ease}.settings-page .switch.on:after{left:26px;background:var(--candle);box-shadow:0 0 7px #e5ac4ca6}.settings-page .choice{display:flex}.settings-page .choice button{padding:3px 12px;font-family:var(--display);font-size:var(--t-small);color:var(--bone-dim);cursor:pointer;background:#0a070480;border:1px solid rgba(229,172,76,.3)}.settings-page .choice button+button{border-left:0}.settings-page .choice button.on{color:var(--ink);background:var(--candle);border-color:var(--candle)}.settings-page .note{margin:var(--g1) 0 0;font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.settings-page .keys{margin:0;columns:2;column-gap:var(--g4);font-size:var(--t-small);line-height:1.9;color:var(--bone-dim)}.settings-page .keys div{break-inside:avoid}.settings-page .keys b{font-family:var(--display);font-weight:400;color:var(--candle)}.settings-page .wide{grid-column:1 / -1}.codex .pad-focus{outline:2px solid var(--candle);outline-offset:3px;box-shadow:0 0 14px #e5ac4c73}@media(max-width:900px){.codex{padding:var(--g2) var(--g2) var(--g1)}.codex>.tabs{gap:var(--g2)}.codex>.tabs .tab{font-size:var(--t-body)}.codex>.tabs .tab .key{display:none}.charsheet .cols,.settings-page .cols,.charsheet .feats{grid-template-columns:1fr}.settings-page .keys{columns:1}.charsheet,.settings-page,.codex .inventory .sheet,.codex .journal-panel .sheet{padding:var(--g3)}}.codex.taken-over{opacity:0;visibility:hidden;pointer-events:none;transition:none;-webkit-backdrop-filter:none;backdrop-filter:none}.lesson{position:absolute;bottom:clamp(18px,2.6vh,32px);left:calc(var(--stack-left, 24px) + var(--stack-w, 360px) + var(--g3));right:calc(var(--stack-left, 24px) + var(--stack-w, 360px) + var(--g3));display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.32em;row-gap:4px;margin:0 auto;width:fit-content;max-width:calc(100vw - 2 * (var(--stack-left, 24px) + var(--stack-w, 360px) + var(--g3)));padding:8px 18px 9px;box-sizing:border-box;background:linear-gradient(90deg,#0a070400,#0a0704c7 14% 86%,#0a070400);border-top:1px solid rgba(229,172,76,.32);font-size:calc(16px * var(--ui-scale));line-height:1.35;color:var(--bone);text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8);opacity:0;transform:translateY(6px);transition:opacity .42s ease,transform .42s ease}.lesson.show{opacity:1;transform:none}.lesson .key{display:inline-block;padding:0 6px;border:1px solid var(--candle);color:var(--candle);font-family:var(--display);font-size:calc(15px * var(--ui-scale));line-height:1.3;white-space:nowrap}.lesson .tick{display:none;color:var(--candle);font-size:calc(15px * var(--ui-scale));margin-left:.2em}.lesson.done .words,.lesson.done .key{opacity:.55;transition:opacity .3s ease}.lesson.done .tick{display:inline}@media(max-width:900px){.lesson{left:16px;right:16px;max-width:calc(100vw - 32px);bottom:210px}}.ui-layer.uix-measure>.lesson{transition:none!important}html.reduce-fx .lesson{transform:none}.creator{position:fixed;inset:0;z-index:20;overflow:hidden;display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr);grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:var(--g3);padding:var(--g2) var(--g4) var(--g2) var(--g4);box-sizing:border-box;color:var(--bone);font-family:var(--body);background:linear-gradient(90deg,#080604d1,#0806048c 52%,#08060414 78%),url(/assets/ui/chronicle/creation-harbor-empty.png) 70% center / cover no-repeat,var(--ink);opacity:0;pointer-events:none;transition:opacity .6s ease;--kit-tile: clamp(72px, 10.6vh, 120px)}.creator.show{opacity:1;pointer-events:auto}.creator.gone{opacity:0;pointer-events:none}.creator button{font:inherit;color:inherit}.creator-brand{grid-column:1;grid-row:1;font:clamp(22px,2.2vw,36px)/1 var(--display);letter-spacing:.22em;text-transform:uppercase;color:#f1e4cb;text-shadow:0 2px 10px #000c}.creator-brand span{display:block;margin-top:6px;font-size:.4em;letter-spacing:.32em;color:#e5ac4cd9}.creator-steps{grid-column:1;grid-row:2;display:flex;gap:6px;margin:var(--g2) 0 var(--g1)}.creator-step{flex:1 1 0;display:flex;align-items:center;gap:var(--g1);min-height:44px;padding:4px var(--g2);cursor:pointer;text-align:left;background:#0a0704b8;border:1px solid rgba(228,221,207,.16);border-bottom:2px solid transparent;color:var(--bone-dim);font-family:var(--display);font-size:var(--t-small);letter-spacing:.04em;min-width:0}.creator-step .t{overflow:hidden;line-height:1.1}.creator-step .n{flex:none;display:grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-size:13px}.creator-step.seen{color:var(--bone)}.creator-step.current{color:var(--candle);border-color:#e5ac4c80;border-bottom-color:var(--candle);background:#1e150ce0}.creator-step[aria-disabled=true]{opacity:.55}.creator-book{grid-column:1;grid-row:3;min-height:0;overflow-y:auto;padding:var(--g3) var(--g4);background:linear-gradient(180deg,#140e09ed,#0a0704f2);border:1px solid rgba(229,172,76,.32);box-shadow:inset 0 0 0 4px #0a0704e6,inset 0 0 0 5px #e5ac4c29,0 18px 46px #000a}.creator-page{display:none}.creator-page.current{display:block;animation:creator-in .26s ease}@keyframes creator-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.creator-title{margin:0;font:400 var(--t-title)/1.1 var(--display);color:var(--candle);letter-spacing:.03em}.creator-lede{margin:4px 0 var(--g3);max-width:62ch;font-style:italic;font-size:var(--t-body);color:var(--bone-dim)}.creator-label{margin:0 0 var(--g1);font-family:var(--display);font-size:var(--t-body);letter-spacing:.08em;color:#e5ac4cd9}.creator-group{margin-bottom:var(--g3)}.creator-note{display:block;margin-top:4px;font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.creator-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--g4)}.creator-field{display:block;margin-bottom:var(--g3)}.creator .name-input{box-sizing:border-box;width:min(420px,100%);min-height:48px;padding:6px var(--g2);font:var(--t-large) var(--display);letter-spacing:.04em;color:var(--bone);background:#0a0704bf;border:1px solid rgba(228,221,207,.3);border-bottom:2px solid var(--candle);outline:none}.creator .name-input::placeholder{color:#e4ddcf59;font-style:italic}.creator .name-input:focus{border-color:#e5ac4cb3}.creator .name-count{margin-left:var(--g2);font-size:var(--t-small);color:var(--bone-dim)}.creator .kit-tile .face{padding:0 6px;font-size:var(--t-large);line-height:1.1;text-align:center}.creator .kit-tile.coming{cursor:default;border-style:dashed;color:var(--bone-dim);background:#0a070459;display:flex;flex-direction:column;justify-content:center;gap:2px}.creator .kit-tile.coming .face{font-size:var(--t-body)}.creator .kit-tile.coming .coming-word{font-family:var(--body);font-style:italic;font-size:var(--t-small);text-transform:lowercase}.creator .voice-row{display:flex;align-items:center;gap:var(--g2);flex-wrap:wrap}.creator .kit-button[aria-disabled=true]{opacity:.5;cursor:default}.past-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g1)}.past-card,.lean-card{position:relative;display:grid;align-content:start;gap:4px;padding:var(--g2) var(--g2) var(--g2) var(--g2);cursor:pointer;text-align:left;background:#0a070499;border:1px solid rgba(228,221,207,.2)}.past-card{grid-template-columns:44px minmax(0,1fr);column-gap:var(--g2)}.past-card .mark{grid-row:1 / 4;width:40px;height:40px;color:#e5ac4cbf}.past-card .mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.past-card .name,.lean-card .name{font-family:var(--display);font-size:var(--t-large);color:var(--bone)}.past-card .line{font-style:italic;font-size:var(--t-small);line-height:1.4;color:var(--bone-dim)}.past-card .gift{font-size:var(--t-small);line-height:1.35;color:#e5ac4cd9}.past-card:hover,.lean-card:hover{border-color:#e5ac4c99}.past-card.chosen,.lean-card.chosen{border-color:var(--candle);background:linear-gradient(180deg,#e5ac4c1f,#0a0704b3);box-shadow:inset 0 0 0 1px var(--candle)}.past-card.chosen:after,.lean-card.chosen:after{content:"✓";position:absolute;right:8px;top:4px;color:var(--candle)}.past-card.chosen .name,.lean-card.chosen .name{color:var(--candle)}.lean-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g2)}.lean-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px var(--g1);margin:var(--g1) 0 0;font-size:var(--t-small)}.lean-facts dt{font-family:var(--display);letter-spacing:.05em;color:#e5ac4ccc}.lean-facts dd{margin:0;color:var(--bone)}.lean-card .later{margin-top:var(--g1);padding-top:var(--g1);border-top:1px solid rgba(228,221,207,.15);font-style:italic;font-size:var(--t-small);color:var(--bone-dim)}.creator-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px var(--g3);margin:0 0 var(--g3)}.creator-summary dt{padding-top:10px;font-family:var(--display);color:#e5ac4cd9;letter-spacing:.05em}.creator-summary dd{display:flex;align-items:center;justify-content:space-between;gap:var(--g2);margin:0;padding-bottom:6px;border-bottom:1px solid rgba(228,221,207,.12)}.creator-summary .text{font-size:var(--t-body)}.creator-summary .change{flex:none;min-height:36px;padding:0 var(--g2);font-size:var(--t-small)}.creator-home{margin:0 0 var(--g3);font-style:italic;color:var(--bone-dim)}.creator-actions .act-next.begin{min-height:52px;padding:0 var(--g4);font-size:var(--t-large);letter-spacing:.08em;color:#2b1a0b;background:linear-gradient(#f0d29c,#cc9c60);border:3px double #aa7233;box-shadow:0 0 0 3px #2b180bbd,0 10px 25px #0009}.creator-actions .act-next.begin:hover{background:#f5dca5}.creator-stage{grid-column:2;grid-row:1 / 4;position:relative;min-height:0;display:flex;flex-direction:column}.creator .stage-host{flex:1 1 auto;min-height:0;width:min(100%,calc((100vh - 150px)*.62));margin:0 auto;cursor:grab;touch-action:none}.creator .stage-host:active{cursor:grabbing}.creator .stage-host canvas{opacity:0;transition:opacity .4s ease}.creator .stage-host.ready canvas{opacity:1}.creator .stage-msg{position:absolute;left:8%;right:8%;top:42%;display:grid;justify-items:center;gap:var(--g2);padding:var(--g2) var(--g3);text-align:center;font-style:italic;color:var(--bone);background:#0a0704b3;border:1px solid rgba(229,172,76,.3)}.creator .stage-msg[hidden]{display:none}.creator .stage-msg.error{font-style:normal;border-color:#c46a5fb3}.creator .stage-views{display:flex;justify-content:center;gap:var(--g1)}.creator .stage-view.chosen{color:var(--ink);background:var(--candle)}.creator .stage-hint{margin-top:4px;text-align:center;font-size:var(--t-small);font-style:italic;color:#f1e4cbbf;text-shadow:0 1px 3px #000}.creator-foot{grid-column:1;grid-row:4;display:grid;gap:4px;padding-top:var(--g1)}.creator-why{min-height:1.4em;font-style:italic;font-size:var(--t-small);color:#e7b9a6;text-shadow:0 1px 3px #000}.creator-actions{display:flex;gap:var(--g1)}.creator-actions .act-next{margin-left:auto}.creator-actions .act-next[aria-disabled=true]{opacity:.5}.creator-foot .kit-hints{justify-content:flex-start;gap:2px var(--g2);padding:0;text-shadow:0 1px 3px #000}.creator-group:last-child{margin-bottom:0}.creator-lede{margin-bottom:var(--g2)}.creator-book .focus-ring{outline-offset:1px}@media(max-width:1100px){.creator{padding:var(--g1) var(--g2);column-gap:var(--g2)}.creator-book{padding:var(--g2) var(--g3)}.creator-step .t{display:none}.creator-step.current .t{display:inline}.lean-cards{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.creator{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 34vh minmax(0,1fr) auto;overflow-y:auto}.creator-stage{grid-column:1;grid-row:3}.creator-book{grid-row:4}.creator-foot{grid-row:5}.creator-cols,.past-cards{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.creator,.creator-page.current,.creator .stage-host canvas{transition:none;animation:none}}.skillspage{--sk-ink: #32271d;--sk-muted: #6e5a41;--sk-amber: #704216;--sk-edge: #8e6945;--sk-red: #8a2f27;position:absolute;inset:0;box-sizing:border-box;overflow:auto;padding:4% 4.5% 3%;color:var(--sk-ink)}.skillspage h1{display:flex;align-items:center;gap:var(--g2);margin:0 0 2px;font-family:var(--display);font-weight:400;font-size:clamp(28px,3vw,42px);font-variant:small-caps;letter-spacing:.12em;color:#2a2119}.skillspage h1:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#88633a77,transparent)}.skillspage h2{margin:var(--g2) 0 var(--g1);font-family:var(--display);font-weight:400;font-size:var(--t-body);letter-spacing:.12em;color:#785b3d}.skillspage .points{margin-bottom:var(--g1);font-size:var(--t-small);color:var(--sk-muted)}.skillspage .points b{font-family:var(--display);font-size:var(--t-large);color:var(--sk-amber)}.skillspage .points .stagedcost{color:var(--sk-amber)}.skillspage .cols{display:grid;grid-template-columns:1fr 1fr;gap:11%}.skillspage .cols>*{min-width:0}.skillspage .tree-tabs{display:flex;gap:var(--g2);border-bottom:1px solid #73583b66}.skillspage .tree-tab{min-height:36px;padding:4px var(--g2);font-family:var(--display);font-size:var(--t-body);letter-spacing:.06em;color:var(--sk-muted);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer}.skillspage .tree-tab:hover{color:var(--sk-ink)}.skillspage .tree-tab.on{color:var(--sk-amber);border-bottom-color:#a26219}.skillspage .tree-tab .spent{margin-left:6px;font-family:var(--body);font-size:var(--t-small);color:var(--sk-muted)}.skillspage .tree-text{margin:var(--g1) 0;font-size:var(--t-small);font-style:italic;color:var(--sk-muted)}.skillspage .tier{margin-bottom:var(--g1)}.skillspage .tierhead{display:flex;align-items:baseline;gap:var(--g2);margin-bottom:3px}.skillspage .tierhead .num{font-family:var(--display);font-size:var(--t-large);color:#785b3d}.skillspage .gate{padding:0 6px;border:1px dotted var(--sk-edge);font-size:12px;line-height:1.5;color:var(--sk-muted)}.skillspage .gate small{margin-left:4px;font-size:11px}.skillspage .gate.open{border-style:solid;color:var(--sk-amber)}.skillspage .nodes{display:flex;flex-wrap:wrap;gap:6px}.skillspage .node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;flex:1 1 0;min-width:66px;max-width:98px;min-height:70px;padding:6px 4px 5px;box-sizing:border-box;cursor:pointer;font:inherit;font-size:12px;line-height:1.15;text-align:center;color:var(--sk-ink);background:linear-gradient(#ad8e6733,#99734950);border:2px solid var(--sk-edge);box-shadow:inset 0 0 0 2px #ebd0a655}.skillspage .node svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.skillspage .node .nm{display:block}.skillspage .node .mark{position:absolute;right:4px;top:2px;font-size:14px;font-weight:700;color:var(--sk-amber)}.skillspage .node:hover{border-color:#a26219;background:#bd914c55}.skillspage .node.learned,.skillspage .node.maxed{border-color:#704216;background:linear-gradient(#bd914c66,#a8773c77)}.skillspage .node.staged{border-style:dashed;border-color:#704216;background:#d8b87a55}.skillspage .node.release{border-color:var(--sk-red);border-style:dashed}.skillspage .node.release .mark{color:var(--sk-red)}.skillspage .node.locked{border-style:dotted;opacity:.62}.skillspage .tier.shut .node:not(.learned):not(.maxed):not(.staged){opacity:.62}.skillspage .pips{display:flex;gap:3px;margin-top:auto}.skillspage .pips i{width:7px;height:7px;border:1px solid var(--sk-amber);transform:rotate(45deg)}.skillspage .pips i.full{background:var(--sk-amber)}.skillspage .pips i.plan{background:repeating-linear-gradient(45deg,var(--sk-amber) 0 2px,transparent 2px 4px)}.skillspage .pad-focus{outline:2px solid #af722a;outline-offset:2px;box-shadow:0 0 10px #b77a34bb}.skillspage .slots{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--g1)}.skillspage .slot{display:flex;flex-direction:column;align-items:center;min-height:48px;padding:4px 2px;box-sizing:border-box;cursor:pointer;font:inherit;font-size:12px;line-height:1.15;text-align:center;color:var(--sk-ink);background:#94704928;border:2px solid #9c7c5a6b}.skillspage .slot .n{font-family:var(--display);font-size:var(--t-body);color:#785b3d}.skillspage .slot .n small{display:block;font-family:var(--body);font-size:9px;color:var(--sk-muted)}.skillspage .slot.full{border-color:var(--sk-edge);background:linear-gradient(#ad8e6733,#99734950)}.skillspage .slot.shut{border-style:dotted;opacity:.5;cursor:default}.skillspage .slot.picked,.skillspage .chip.picked{border-color:#a26219;background:#bd914c72;box-shadow:0 0 8px #b77a34aa}.skillspage .loose{margin-top:var(--g1);font-size:var(--t-small);color:var(--sk-muted)}.skillspage .chip{margin:0 4px;padding:2px 8px;font:inherit;font-size:var(--t-small);color:var(--sk-ink);background:#94704928;border:1px solid var(--sk-edge);cursor:pointer}.skillspage .barhint{margin-top:var(--g1);font-size:var(--t-small);font-style:italic;color:var(--sk-amber)}.skillspage .right{display:flex;flex-direction:column;gap:var(--g1);align-self:start}.skillspage .right>*{flex-shrink:0}.skillspage .detail{min-height:128px;padding-left:var(--g2);border-left:1px solid #73583b66}.skillspage .detail h2{margin:0;font-size:var(--t-large);letter-spacing:.05em;color:var(--sk-amber)}.skillspage .detail .meta{margin-top:2px;font-size:var(--t-small);font-style:italic;color:var(--sk-muted)}.skillspage .detail .text{margin:var(--g1) 0;font-size:var(--t-body);line-height:1.5;color:#32271d}.skillspage .numbers,.skillspage .reqs{margin:var(--g1) 0;padding:0;list-style:none;font-size:var(--t-small)}.skillspage .numbers li{display:flex;justify-content:space-between;gap:var(--g2);padding:1px 0;font-family:var(--display);color:var(--sk-ink)}.skillspage .cost{font-size:var(--t-small);color:var(--sk-muted)}.skillspage .reqs li.ok{color:var(--sk-amber)}.skillspage .reqs li.no{color:var(--sk-red)}.skillspage .actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--g1);padding-left:var(--g2)}.skillspage .summary{flex:1 1 100%;font-size:var(--t-small);color:var(--sk-muted)}.skillspage .respec{flex:1 1 100%;margin:0;font-size:var(--t-small);font-style:italic;color:var(--sk-red)}.skillspage .act{min-width:92px;min-height:40px;padding:0 var(--g2);font-family:var(--display);font-size:var(--t-body);letter-spacing:.04em;cursor:pointer;color:var(--sk-ink);background:#94704938;border:2px solid var(--sk-edge)}.skillspage .act.primary{border-color:#704216;background:#bd914c72}.skillspage .act:hover:not([disabled]):not([aria-disabled=true]){border-color:#a26219}.skillspage .act[disabled],.skillspage .act[aria-disabled=true]{opacity:.45;cursor:default}.skillspage .message{flex:1 1 100%;margin:0;font-size:var(--t-small);font-style:italic;color:var(--sk-amber)}.codex>.tabs .tab.pip .name:after,.pause .menu .pipdot{content:"";display:inline-block;width:7px;height:7px;margin-left:7px;vertical-align:3px;transform:rotate(45deg);background:#e5ac4c;box-shadow:0 0 6px #e5ac4c}.chest-screen{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:center;padding:var(--g3);background:radial-gradient(ellipse at center,#0a08068c,#040302e6);-webkit-backdrop-filter:blur(5px) saturate(.7);backdrop-filter:blur(5px) saturate(.7);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.chest-screen.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease}.chest-screen .card{--cc: clamp(38px, 3.6vw, 56px);width:min(1120px,100%);max-height:100%;overflow:auto;box-sizing:border-box;padding:var(--g3) var(--g4) var(--g2);background:#15100bf7;border:1px solid rgba(229,172,76,.45);color:var(--bone)}.chest-screen .head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--g3);margin-bottom:var(--g2)}.chest-screen h2{margin:0;font-family:var(--display);font-weight:400;font-size:var(--t-title);color:var(--candle)}.chest-screen .totals{font-size:var(--t-small);color:var(--bone-dim)}.chest-screen h3{margin:0 0 var(--g1);font-family:var(--display);font-weight:400;font-size:var(--t-large);color:var(--bone)}.chest-screen .tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--g1);margin-bottom:var(--g2)}.chest-screen .chips{display:flex;gap:4px;margin-right:var(--g2)}.chest-screen .chip,.chest-screen .tool{min-height:36px;padding:0 var(--g2);font-family:var(--display);font-size:var(--t-small);letter-spacing:.04em;color:var(--bone);cursor:pointer;background:#e5ac4c12;border:1px solid rgba(229,172,76,.4)}.chest-screen .chip.on{color:var(--candle);border-color:var(--candle);background:#e5ac4c33}.chest-screen .chip.on:before{content:"◆ ";font-size:9px;vertical-align:2px}.chest-screen .chip:hover,.chest-screen .tool:hover{border-color:var(--candle);color:var(--candle)}.chest-screen .body{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:var(--g3);align-items:start}.chest-screen .grid{display:grid;gap:5px}.chest-screen .grid.pack{grid-template-columns:repeat(6,var(--cc))}.chest-screen .grid.chest{grid-template-columns:repeat(8,var(--cc))}.chest-screen .cell{position:relative;width:var(--cc);height:var(--cc);padding:0;box-sizing:border-box;cursor:pointer;color:var(--bone-dim);background:#0a07048c;border:1px solid rgba(228,221,207,.28)}.chest-screen .cell.empty{cursor:default;border-color:#e4ddcf1a;background:#0a07044d}.chest-screen .cell:not(.empty):hover{border-color:var(--candle);background:#e5ac4c1f}.chest-screen .cell svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.chest-screen .cell img{width:100%;height:100%;object-fit:contain;pointer-events:none}.chest-screen .cell.dim{opacity:.3}.chest-screen .cell .count{position:absolute;right:3px;bottom:1px;font-family:var(--display);font-size:12px;color:var(--bone);text-shadow:0 1px 2px #000}.chest-screen .cell .onmark{position:absolute;left:3px;top:0;font-size:9px;color:var(--candle)}.chest-screen .cell[data-rarity]:after{content:"";position:absolute;left:4px;bottom:4px;width:7px;height:7px;transform:rotate(45deg);box-sizing:border-box;border:1px solid currentColor;background:currentColor;opacity:.85}.chest-screen .cell[data-rarity=worn]:after{background:transparent}.chest-screen .pad-focus{outline:2px solid var(--candle);outline-offset:2px;box-shadow:0 0 12px #e5ac4c80}.chest-screen .mid{min-width:0}.chest-screen .detail{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:var(--g2);align-items:start;min-height:120px}.chest-screen .detail .icon{grid-row:1 / span 3;width:56px;height:56px}.chest-screen .detail .icon svg{width:100%;height:100%;fill:none;stroke:var(--bone-dim);stroke-width:1.2}.chest-screen .detail .icon img{width:100%;height:100%;object-fit:contain}.chest-screen .detail .name{font-family:var(--display);font-size:var(--t-large);color:var(--candle)}.chest-screen .detail .meta{font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.chest-screen .detail .text{grid-column:1 / -1;margin:var(--g1) 0;font-size:var(--t-small);line-height:1.5;color:var(--bone)}.chest-screen .detail .meta{grid-column:2}.chest-screen .detail .text~.meta{grid-column:1 / -1}.chest-screen .detail .hint{grid-column:1 / -1;margin:0;font-style:italic;color:var(--bone-dim)}.chest-screen .wear{margin:var(--g1) 0}.chest-screen .chest-compare{margin-top:var(--g1)}.chest-screen .status{min-height:22px;margin-top:var(--g2);font-size:var(--t-small);font-style:italic;color:var(--candle)}.chest-screen .kit-hints{margin-top:var(--g1)}.choice-card{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:var(--g3);background:radial-gradient(ellipse at center,#0a080680,#040302e0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s}.choice-card.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s ease}.choice-card .card{width:min(520px,100%);max-height:100%;overflow:auto;box-sizing:border-box;padding:var(--g3) var(--g4) var(--g2);background:#15100bf7;border:1px solid rgba(229,172,76,.45);color:var(--bone)}.choice-card h2{margin:0 0 var(--g1);font-family:var(--display);font-weight:400;font-size:var(--t-xl);color:var(--candle)}.choice-card .words{margin:0 0 var(--g2);font-size:var(--t-body);line-height:1.5;color:var(--bone)}.choice-card .choices{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow:auto}.choice-card .choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:6px var(--g2);text-align:left;cursor:pointer;font-family:var(--display);font-size:var(--t-body);color:var(--bone);background:#e5ac4c12;border:1px solid rgba(229,172,76,.4)}.choice-card .choice .note{font-family:var(--body);font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.choice-card .choice:hover{border-color:var(--candle);color:var(--candle)}.choice-card .choice.danger{border-color:#c46a5f99}.choice-card .choice.danger:hover,.choice-card .choice.danger.pad-focus{color:#e08d80;border-color:#c46a5f}.choice-card .choice[aria-disabled=true]{cursor:default;color:var(--bone-dim);background:transparent;border-style:dashed;border-color:#e5ac4c38}.choice-card .choice[aria-disabled=true]:hover{color:var(--bone-dim);border-color:#e5ac4c38}.choice-card .pad-focus{outline:2px solid var(--candle);outline-offset:2px;box-shadow:0 0 12px #e5ac4c80}.choice-card .kit-hints{margin-top:var(--g2)}.feedback-card{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:var(--g3);background:radial-gradient(ellipse at center,#0a08068c,#040302e6);-webkit-backdrop-filter:blur(4px) saturate(.7);backdrop-filter:blur(4px) saturate(.7);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.feedback-card.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease}.feedback-card .card{width:min(660px,100%);max-height:100%;overflow:auto;box-sizing:border-box;padding:var(--g3) var(--g4) var(--g2);background:#15100bf7;border:1px solid rgba(229,172,76,.45);color:var(--bone)}.feedback-card h2{margin:0;font-family:var(--display);font-weight:400;font-size:var(--t-title);color:var(--candle)}.feedback-card .where{margin:2px 0 var(--g2);font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.feedback-card .chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:var(--g1)}.feedback-card .chips-label{min-width:8.5em;font-size:var(--t-small);color:var(--bone-dim)}.feedback-card .chip,.feedback-card .tool{min-height:40px;padding:0 var(--g2);font-family:var(--display);font-size:var(--t-small);letter-spacing:.04em;color:var(--bone);cursor:pointer;background:#e5ac4c12;border:1px solid rgba(229,172,76,.4)}.feedback-card .chip.on{color:var(--candle);border-color:var(--candle);background:#e5ac4c33}.feedback-card .chip.on:before{content:"◆ ";font-size:9px;vertical-align:2px}.feedback-card .chip:hover:not([disabled]):not([aria-disabled=true]),.feedback-card .tool:hover:not([disabled]):not([aria-disabled=true]){border-color:var(--candle);color:var(--candle)}.feedback-card .chip[disabled],.feedback-card .tool[disabled],.feedback-card .chip[aria-disabled=true],.feedback-card .tool[aria-disabled=true]{opacity:.45;cursor:default}.feedback-card .note{position:relative;margin:var(--g1) 0}.feedback-card textarea{display:block;width:100%;box-sizing:border-box;min-height:96px;padding:var(--g1) var(--g2);resize:vertical;font:var(--t-body) var(--body);line-height:1.45;color:var(--bone);background:#0a0704b3;border:1px solid rgba(228,221,207,.3)}.feedback-card textarea:focus{outline:none;border-color:var(--candle)}.feedback-card .count{display:block;text-align:right;font-size:var(--t-small);color:var(--bone-dim)}.feedback-card .picture{display:flex;align-items:center;gap:var(--g2);margin:var(--g1) 0}.feedback-card .thumb{height:64px;border:1px solid rgba(228,221,207,.3)}.feedback-card .thumb[hidden]{display:none}.feedback-card .sent{margin:var(--g1) 0;font-size:var(--t-small)}.feedback-card .sent summary{cursor:pointer;color:var(--candle);padding:4px 0}.feedback-card .sent pre{margin:var(--g1) 0;padding:var(--g1) var(--g2);max-height:150px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#0a0704b3;border:1px solid rgba(228,221,207,.2);color:var(--bone);font:12px/1.45 monospace}.feedback-card .private{margin:0;font-style:italic;color:var(--bone-dim)}.feedback-card .actions{display:flex;flex-wrap:wrap;gap:var(--g1);margin-top:var(--g2)}.feedback-card .sendnote{margin:var(--g1) 0 0;font-size:var(--t-small);font-style:italic;color:var(--bone-dim)}.feedback-card .status{min-height:22px;margin-top:var(--g1);font-size:var(--t-small);font-style:italic;color:var(--candle)}.feedback-card .pad-focus{outline:2px solid var(--candle);outline-offset:2px;box-shadow:0 0 12px #e5ac4c80}.feedback-card .kit-hints{margin-top:var(--g1)}.ui-layer.photo>:not(.photo-panel):not(.letterbox):not(.photo-hint){visibility:hidden!important}.photo-panel{position:absolute;left:var(--g3);top:50%;transform:translateY(-50%);width:288px;padding:var(--g3);background:#0a0704d1;border:1px solid rgba(229,172,76,.3);box-shadow:0 13px 40px #00000080;display:none;pointer-events:auto}.photo-panel.show{display:block}.photo-panel.hidden{display:none}.photo-panel h2{margin:0 0 var(--g2);font-family:var(--display);font-weight:400;font-size:var(--t-large);color:var(--candle)}.photo-panel .row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--g2);padding:5px 0;font-size:var(--t-small)}.photo-panel .row>span{color:var(--bone)}.photo-panel input[type=range]{-webkit-appearance:none;appearance:none;width:130px;height:16px;margin:0;background:transparent;cursor:pointer}.photo-panel input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--candle) var(--fill, 50%),rgba(228,221,207,.22) var(--fill, 50%))}.photo-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;transform:rotate(45deg);background:var(--candle);border:1px solid var(--ink)}.photo-panel input[type=range]::-moz-range-track{height:2px;background:#e4ddcf38}.photo-panel input[type=range]::-moz-range-progress{height:2px;background:var(--candle)}.photo-panel input[type=range]::-moz-range-thumb{width:9px;height:9px;transform:rotate(45deg);border-radius:0;background:var(--candle);border:1px solid var(--ink)}.photo-panel .switch{position:relative;width:40px;height:18px;padding:0;cursor:pointer;background:#0a070499;border:1px solid rgba(229,172,76,.45)}.photo-panel .switch:after{content:"";position:absolute;top:3px;left:5px;width:9px;height:9px;transform:rotate(45deg);background:#e4ddcf59;transition:left .14s ease,background .14s ease}.photo-panel .switch.on:after{left:24px;background:var(--candle);box-shadow:0 0 6px #e5ac4c99}.photo-panel .buttons{display:flex;gap:var(--g1);margin-top:var(--g2)}.photo-panel .buttons button{flex:1;padding:7px;cursor:pointer;font-family:var(--display);font-size:var(--t-body);color:var(--ink);background:var(--candle);border:0}.photo-panel .buttons button.secondary{background:transparent;color:var(--candle);border:1px solid rgba(229,172,76,.5)}.photo-hint{position:absolute;left:50%;bottom:var(--g2);transform:translate(-50%);padding:4px 12px;white-space:nowrap;font-size:var(--t-small);font-style:italic;color:var(--bone-dim);background:#0a07048c;display:none}.photo-hint.show{display:block}.letterbox{position:absolute;inset:0;pointer-events:none;display:none}.letterbox.show{display:block}.letterbox:before,.letterbox:after{content:"";position:absolute;left:0;right:0;height:12.6%;background:#000}.letterbox:before{top:0}.letterbox:after{bottom:0}:root{--chronicle-ink: #332719;--chronicle-muted: #74644f;--chronicle-gold: #a96c27;--iron-edge: #88735a;--iron-face: #14120f}.compass{top:15px;width:min(660px,55vw);height:43px;background:linear-gradient(90deg,transparent,rgba(12,9,5,.48) 13%,rgba(12,9,5,.48) 87%,transparent);border-bottom-color:#e6ae5794;box-shadow:0 4px 13px -12px #e5ac4c}.compass .card{top:8px;color:#d2c2a4;font-size:calc(15px * var(--ui-scale))}.compass .card.major{top:4px;color:#f3e8d6;font-size:calc(22px * var(--ui-scale))}.compass .tick{top:35px;height:5px;background:#b28b4c}.compass .mark i{width:14px;height:14px;border:2px solid #f3be68;background:#402916}.journal{top:28px;left:30px;padding:16px 30px 19px 26px;min-width:min(310px,28vw);border-left:2px solid #eab45c;background:linear-gradient(90deg,rgba(8,7,6,.87),rgba(8,7,6,.36) 76%,transparent);box-shadow:inset 15px 0 25px -27px #e5ac4c}.journal:before{content:"◇";position:absolute;left:-9px;top:12px;color:#ffc970;font-size:21px;text-shadow:0 0 8px #e5ac4c}.journal .chapter{letter-spacing:.21em;font-size:calc(15px * var(--ui-scale));text-transform:uppercase;color:#e4aa55}.journal .goal{font-family:var(--display);font-size:calc(22px * var(--ui-scale));color:#f2e8d7}.minimap{right:27px;top:31px;width:clamp(148px,16vw,220px);height:clamp(148px,16vw,220px);border:3px solid #291b0e;box-shadow:0 0 0 1px #e2ab58,0 0 0 5px #100d09,0 0 0 6px #8d6638,0 15px 30px #0009}.minimap:before{content:"HELMSDAL";position:absolute;bottom:calc(100% + 10px);left:9%;right:9%;text-align:center;font:16px var(--display);letter-spacing:.15em;color:#eee3ce;background:#17110dbb;border:1px solid #a7793e}.minimap .north{top:-7px;border:1px solid #a7793e;border-radius:50%;padding:2px 6px;z-index:1}.prompt{background:linear-gradient(90deg,#120e0bc9,#1b150ee8,#120e0bc9);border-color:#ac7e47;box-shadow:0 0 0 3px #09070677,0 7px 20px #0008}.prompt .key{background:#352614;color:#f2d2a0}.prompt.mounted{inset:auto 30px 25px auto;transform:none;padding:10px 18px}.toasts{top:calc(45px + clamp(148px,16vw,220px) + var(--g2))}.dialogue{width:min(820px,calc(100vw - 40px));bottom:4%;padding:24px 32px 20px;background:linear-gradient(160deg,#120e0beb,#080705f0);border:1px solid #9d794a;border-top:2px solid #c7924b;box-shadow:0 0 0 4px #0a0806a6,inset 0 0 0 1px #e1c49035,0 20px 55px #000a}.dialogue:before,.dialogue:after{content:"◆";position:absolute;color:#c9944e;font-size:12px;top:-9px}.dialogue:before{left:21px}.dialogue:after{right:21px}.dialogue .speaker{color:#edbc72;font-size:calc(27px * var(--ui-scale))}.dialogue .choices li{border-bottom:1px solid #b98b4633;padding:9px 12px}.dialogue .choices li.focus,.dialogue .choices li:hover{color:#ffedcf;background:linear-gradient(90deg,#bc813524,transparent)}.ui-layer:has(.dialogue.show) .journal,.ui-layer:has(.dialogue.show) .compass,.ui-layer:has(.dialogue.show) .minimap,.ui-layer:has(.dialogue.show) .vitals,.ui-layer:has(.dialogue.show) .abilities,.ui-layer:has(.dialogue.show) .keys{opacity:0!important;pointer-events:none}.hud-stack>.vitals{left:28px;bottom:24px;width:clamp(310px,30vw,475px);min-height:104px;display:block;box-sizing:border-box;padding:13px 20px 11px 112px;background:linear-gradient(145deg,#28231eea,#0b0b0bdd 72%);border:2px solid #74624b;clip-path:polygon(3% 0,94% 0,100% 12%,100% 88%,94% 100%,3% 100%,0 84%,0 16%);box-shadow:inset 0 0 0 3px #17140f,0 9px 23px #0009}.vitals:before{content:"✥";position:absolute;width:81px;height:81px;left:13px;top:8px;display:grid;place-items:center;font-size:51px;font-family:Georgia,serif;color:#9e8769;border:2px solid #987c56;border-radius:50%;background:radial-gradient(circle,#332a1e,#12100d 70%);box-shadow:inset 0 0 0 4px #14110d,0 0 0 2px #17130e}.vitals .vital-line{margin-bottom:6px}.vitals .vital-label{font:13px var(--display);letter-spacing:.15em;text-transform:uppercase;color:#eee1ca;text-shadow:0 1px 2px #000}.vitals .bar{height:13px;margin-top:2px;border:2px solid #5c5040;box-shadow:inset 0 0 0 1px #090807,0 0 0 1px #19150f;background:#080807}.vitals .bar.thin{height:11px}.vitals .bar.health .fill{background:linear-gradient(180deg,#b84c45,#7e191e 60%,#5e151a)}.vitals .bar.stamina .fill{background:linear-gradient(180deg,#e6bd72,#9c6c25 75%)}.vitals .draughts{position:absolute;left:29px;bottom:5px;gap:4px;margin:0}.vitals .draughts i{width:11px;height:16px;border-color:#8d7552;background:#201714}.vitals .draughts i.full{background:radial-gradient(circle at 50% 70%,#bb3730,#5f1515);border-color:#e6b764}.vitals .draughts span{color:#f5dcad}.vitals .level{margin-top:5px}.vitals .level span{color:#c8a46e}.abilities{left:50%;bottom:39px;transform:translate(-50%);gap:8px;padding:7px 16px;background:linear-gradient(90deg,transparent,#15120fed 12%,#15120fed 88%,transparent)}.abilities:before,.abilities:after{content:"✥";position:absolute;top:20px;font:27px Georgia,serif;color:#8e7655}.abilities:before{right:100%}.abilities:after{left:100%}.ability{width:clamp(48px,5vw,68px);height:clamp(48px,5vw,68px);border:2px solid #806a50;background:linear-gradient(135deg,#302b24,#0e0d0c);box-shadow:inset 0 0 0 3px #13110e,0 3px 9px #000c}.ability .key{top:auto;left:50%;bottom:-1px;transform:translate(-50%);min-width:17px;padding:0 2px;text-align:center;color:#ebd3ac;background:#1a1510;border:1px solid #907750;font-size:13px}.ability.locked{border-color:#574d42}.ability.ready{box-shadow:inset 0 0 0 3px #15110e,0 0 9px #bf8c45aa}.boss{top:66px;bottom:auto;width:min(690px,56vw);text-align:center;padding:0 25px 12px;background:linear-gradient(90deg,transparent,#15120fe8 12%,#15120fe8 88%,transparent)}.boss .name{font-size:calc(27px * var(--ui-scale));font-variant:small-caps;letter-spacing:.09em;color:#ead7bc}.boss .bar{height:17px;border:3px ridge #77644c;background:#0b0808;box-shadow:0 0 0 2px #17110d,0 6px 15px #000a}.boss .bar .fill{background:linear-gradient(180deg,#cd5147,#8a1f23 60%,#631419)}.foe-bar .track{width:90px;height:7px;overflow:visible;border:2px solid #927c60;background:#0b0908}.foe-bar .foe-name{margin-bottom:2px;text-align:center;white-space:nowrap;color:#f0ddc3;font:calc(13px * var(--ui-scale)) var(--display);letter-spacing:.07em;text-shadow:0 1px 3px #000}.foe-bar .track:before,.foe-bar .track:after{content:"◆";position:absolute;z-index:2;top:-7px;color:#8e795f;font:14px Georgia,serif}.foe-bar .track:before{left:-11px}.foe-bar .track:after{right:-11px}.foe-bar.boss .track:before,.foe-bar.boss .track:after{display:none}.reticle{width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:1px solid #edc889;transform:none;box-shadow:0 0 0 4px #0605037a,0 0 10px #e0a7598a}.reticle:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#edc889}.codex{padding:2vh 3vw 1vh;justify-content:flex-start;background:radial-gradient(ellipse at center,#0a080661,#040302d1);-webkit-backdrop-filter:blur(7px) saturate(.65);backdrop-filter:blur(7px) saturate(.65)}.codex>.tabs{z-index:3;width:min(1020px,76vw);height:48px;box-sizing:border-box;justify-content:center;gap:clamp(10px,2.4vw,38px);margin-bottom:-1px;padding:3px 20px 0;border:1px solid #775533;border-bottom-color:#ac7841;border-radius:12px 12px 0 0;background:linear-gradient(#2a1b12,#100e0c);box-shadow:inset 0 1px #986b3a,0 -5px 20px #0009}.codex>.tabs .tab{padding:5px 10px;white-space:nowrap;font-size:clamp(14px,1.5vw,21px);letter-spacing:.12em;color:#e0d0b3}.codex>.tabs .tab.on{color:#ffd28a;background:linear-gradient(#b16b242c,#d08b3720);text-shadow:0 0 8px #b97938}.codex>.tabs .tab.on:after{left:0;right:0;bottom:-4px;height:2px}.codex>.tabs .tab.on:before{bottom:-7px}.codex>.tabs .tab .key{font-size:10px}.codex>.tabs .turn{flex:none;border-color:#886a43;background:#2c1e15}.codex>.page{flex:none;width:min(1600px,94vw);height:min(880px,86vh);min-height:0;margin-top:0;background:url(/assets/ui/chronicle/open-book.png) center / 100% 100% no-repeat!important;border:0;box-shadow:0 22px 70px #000b;color:var(--chronicle-ink)}.codex>.page:before,.codex>.page>.corner{display:none}.codex>.page>.leaf{inset:4.5% 6.4% 5.5%}.codex>.foot{margin-top:10px;color:#e3d3b6;text-shadow:0 2px 3px #000}.codex>.shut{top:4vh;right:4vw;border:1px solid #b58b54;color:#eed9b9;background:#20170fd9}.codex .leaf *{scrollbar-color:#ad8250 #d8bc8e}.codex .leaf ::-webkit-scrollbar-track{background:#d4bc95}.codex .leaf ::-webkit-scrollbar-thumb{background:#a68151;border-color:#d4bc95}.codex .journal-panel .sheet,.codex .inventory .sheet,.charsheet,.settings-page{padding:4% 4.5% 3%;color:var(--chronicle-ink)}.codex .journal-panel h1,.codex .inventory h1,.codex .charsheet h1,.codex .settings-page h1{color:#2a2119;font-size:clamp(28px,3vw,42px);font-variant:small-caps;letter-spacing:.12em}.codex .journal-panel h1:after,.codex .charsheet h1:after,.codex .settings-page h1:after{background:linear-gradient(90deg,#88633a77,transparent)}.codex .journal-panel h2,.codex .inventory h2,.codex .charsheet h2,.codex .settings-page h2{color:#785b3d;letter-spacing:.12em}.codex .journal-panel .cols,.codex .inventory .cols,.charsheet .cols,.settings-page .cols{grid-template-columns:1fr 1fr;gap:11%}.codex .journal-panel .page{border:0;padding-left:0}.codex .journal-panel .page{position:relative;isolation:isolate}.codex .journal-panel .page:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:1%;height:22%;pointer-events:none;background:url(/assets/ui/chronicle/journal-landscape.png) center bottom / 100% 100% no-repeat;opacity:.36}.codex .journal-panel .page h3{color:#281e16;font-size:clamp(23px,2.6vw,37px);letter-spacing:.09em;border-bottom:1px solid #6c594163;padding-bottom:10px}.codex .journal-panel .page .kicker,.codex .journal-panel .page .summary,.codex .journal-panel .page .objective,.codex .journal-panel .entry{color:#3d3023}.codex .journal-panel .page .summary{font-size:clamp(15px,1.4vw,20px);font-style:italic}.codex .journal-panel .entry{padding:10px 12px;border-bottom:1px solid #70563a35;font-size:clamp(15px,1.4vw,20px)}.codex .journal-panel .cols{height:calc(100% - 108px);min-height:240px}.codex .journal-panel .list,.codex .journal-panel .page{overflow:auto}.codex .journal-panel .entry.picked,.codex .journal-panel .entry:hover{background:#ba7e3436;border-left-color:#a86a20;box-shadow:inset 0 0 0 1px #d2a0604d}.codex .journal-panel .entry.done,.codex .journal-panel .none,.codex .journal-panel .page .taxon{color:#736554}.codex .journal-panel .page .objective{border-left-color:#ad6e29;background:#bb874124}.codex .journal-panel .page .objective .mark,.codex .journal-panel .entry .mark{color:#b06a1f}.codex .journal-panel .page .reward{color:#765a3b}.codex .journal-panel .page .reward:before{color:#89571d}.codex .journal-panel .page .follow{color:#61401c;border-color:#9f7749;background:#cda76a33}.codex .journal-panel .foot{color:#6b5740;border-color:#6e523e4d}.codex .inventory .purse,.codex .inventory .detail .meta,.codex .inventory .vitals{color:#6e5a41}.codex .inventory .purse span,.codex .inventory .detail .name{color:#704216}.codex .inventory .detail{border-color:#73583b66}.codex .inventory .detail .text{color:#32271d}.codex .inventory .cell{background:linear-gradient(#ad8e6755,#99734970);border:2px solid #8e6945;box-shadow:inset 0 0 0 2px #ebd0a677;color:#382b1c}.codex .inventory .cell.empty{background:#94704928;border-color:#9c7c5a6b}.codex .inventory .cell.picked,.codex .inventory .cell:hover{border-color:#a26219;background:#bd914c72}.codex .inventory .cell .count,.codex .inventory .cell .slot{color:#4c3927}.codex .inventory .worn{grid-template-columns:repeat(2,minmax(0,clamp(72px,6.8vw,105px)))}.codex .inventory .pack{grid-template-columns:repeat(4,minmax(0,clamp(65px,6vw,95px)))}.codex .inventory .detail{margin-top:17px;min-height:70px}.codex .inventory .detail .meta,.codex .inventory .detail .text,.codex .inventory .vitals{opacity:1;color:#473323}.codex .inventory .vitals{position:static;width:auto;min-height:0;display:block;padding:0;margin-top:9px;background:none;border:0;clip-path:none;box-shadow:none;font-size:12px;line-height:1.4}.codex .inventory .vitals:before{content:none}.codex .inventory .vitals{margin-top:27px}.codex .inventory .belongings-compare{--kit-better: #6a4010;--kit-worse: #8a2f27;position:static;grid-column:1 / -1;margin:6px 0 0;padding:6px 10px;background:#7a5a341f;border-left:2px solid #a26219;font-size:13px;line-height:1.35}.codex .inventory .belongings-compare .head,.codex .inventory .belongings-compare .row,.codex .inventory .belongings-compare .row.same{color:#32271d}.codex .inventory .belongings-compare .head{position:static;margin:0;display:block;font-size:14px}.codex .inventory .belongings-compare .rarity,.codex .inventory .belongings-compare .against{color:#6e5a41}.codex .inventory .belongings-compare .row{gap:8px;padding:1px 0}.codex .inventory .belongings-compare .row .value{text-align:right}.codex .inventory .belongings-compare .row.better .value,.codex .inventory .belongings-compare .row.better .sign{color:var(--kit-better);font-weight:600}.codex .inventory .belongings-compare .row.worse .value,.codex .inventory .belongings-compare .row.worse .sign{color:var(--kit-worse);font-weight:600}.charsheet .who .title,.charsheet dd,.charsheet .tech .text,.charsheet .feat .name{color:#392b1e}.charsheet .who .level,.charsheet .crest,.charsheet .tech .name,.charsheet .deed b,.charsheet .feat.earned .name{color:#905d25}.charsheet dt,.charsheet .next,.charsheet .tech .meta,.charsheet .feat .text,.charsheet .feat .meta,.charsheet .deed span{color:#75614a}.charsheet .tech{background:#b68c5033;border-color:#8e714d77}.charsheet .tech .icon{background:#413329;border-color:#966f3a}.charsheet .tech.locked{opacity:1;background:#8c6d4631}.charsheet .tech.locked .name{color:#65513d}.charsheet .tech.locked .meta,.charsheet .tech.locked .text{color:#65584a}.charsheet .tech.locked .icon{border-color:#776852}.charsheet .deed{background:#aa855331;border-left-color:#a06c2e}.settings-page .row{border-color:#785c3a42}.settings-page .row>span:first-child{color:#3d3023}.settings-page .row .val,.settings-page .keys b{color:#83521f}.settings-page .note,.settings-page .keys{color:#715e47}.settings-page .choice button{color:#654b30;background:#a8835040;border-color:#96714a}.settings-page .choice button.on{color:#f7e6ca;background:#724417}.settings-page .switch{background:#b092675e;border-color:#7c5d37}.codex .pad-focus{outline-color:#af722a;box-shadow:0 0 10px #b77a34bb}.codex .worldmap .head{color:#382716;text-shadow:0 1px #e9cfaa}.codex .worldmap .foot{color:#473521;bottom:15px}.codex .worldmap .foot .goal-name{color:#593d20}.codex .worldmap .waystone .name{color:#f4e7ce}.pause{background:radial-gradient(ellipse at 50%,#1e1711c9,#060504ec)}.pause .card{width:min(470px,calc(100vw - 32px));border:2px solid #805e39;background:linear-gradient(135deg,#272019f2,#0e0d0cf4);box-shadow:inset 0 0 0 4px #15110d,inset 0 0 0 5px #8967405e,0 20px 60px #000b}.pause .menu button{border-bottom:1px solid #b3873c25}.pause .menu button.focus{color:#ffcd81;background:linear-gradient(90deg,transparent,#a0692a44,transparent)}.pause{justify-content:flex-start;background:#07060579;-webkit-backdrop-filter:blur(2px) saturate(.75);backdrop-filter:blur(2px) saturate(.75)}.pause .card{width:clamp(390px,30vw,640px);height:min(96vh,1120px);box-sizing:border-box;margin-left:clamp(10px,2vw,45px);padding:clamp(48px,7vh,86px) clamp(45px,3.8vw,78px) 30px;text-align:left;border:0;box-shadow:0 25px 60px #0008;background:url(/assets/ui/chronicle/pause-folio.png) center / 100% 100% no-repeat;color:#2e2419}.pause h1{color:#302014;text-shadow:none;text-align:center;font-size:calc(clamp(36px,3vw,52px) * var(--ui-scale));letter-spacing:.13em}.pause .sub{margin:19px 0 28px;color:#4a3725;font-size:calc(clamp(14px,1.15vw,18px) * var(--ui-scale));line-height:1.35;text-align:center}.pause .sub:after{width:84%;background:linear-gradient(90deg,transparent,#775330,transparent)}.pause .menu{gap:1px}.pause .menu button{width:100%;padding:11px 10px 11px 54px;text-align:left;font:calc(clamp(20px,1.6vw,29px) * var(--ui-scale)) var(--display);letter-spacing:.01em;border-bottom:1px solid #6b4e322d;color:#33251a}.pause .menu button:before{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#59402a;font:26px var(--display)}.pause .menu button:nth-child(1):before{content:"◇"}.pause .menu button:nth-child(2):before{content:"▧"}.pause .menu button:nth-child(3):before{content:"▤"}.pause .menu button:nth-child(4):before{content:"♧"}.pause .menu button:nth-child(5):before{content:"♙"}.pause .menu button:nth-child(6):before{content:"▣"}.pause .menu button:nth-child(7):before{content:"⚙"}.pause .menu button.focus,.pause .menu button:hover{color:#4e2f13;border:1px solid #c18a43;background:linear-gradient(90deg,#efcb8c91,#e3b66b38);box-shadow:inset 3px 0 #b77729,0 0 10px #d7943a67}.pause .menu button.focus:before,.pause .menu button.focus:after{width:auto;height:auto;margin:0;background:none;color:#a65d17}.pause .menu button.focus:before{left:10px;transform:translateY(-50%)}.pause .menu button.focus:after{content:"◇";right:12px;top:50%;transform:translateY(-50%);font:18px var(--display)}.pause .menu .danger{margin-top:15px;padding:12px 0 3px 46px;border-top:1px solid #845b3884;border-bottom:0;color:#81352b;font:calc(clamp(12px,1.05vw,18px) * var(--ui-scale)) var(--display)}.pause .menu .danger:before{content:"⚠";color:#96382c;font:26px Georgia,serif}.pause .menu .danger.focus{color:#ad4736;border-color:#845b3884;background:none;box-shadow:none}.pause .menu .danger.focus:before{display:block}.pause .restart-note{margin:-2px 0 0 46px;color:#813b30;font:italic calc(clamp(11px,.85vw,14px) * var(--ui-scale)) var(--body)}@media(max-width:600px){.pause .card{width:min(94vw,440px);margin:0 auto;padding-left:12%;padding-right:12%}.pause .menu button{font-size:18px;padding-top:5px;padding-bottom:5px}}.fishing .reel,.fishing .fish-prompt{border:2px solid #9d7846;background:linear-gradient(#2e2319f2,#0e0d0beb);box-shadow:inset 0 0 0 3px #17110d,0 10px 30px #0008}.fishing .reel-title{letter-spacing:.1em}.fishing .reel-track{border:2px solid #90724b}.fishing{bottom:clamp(115px,19vh,235px)}.fishing .reel{width:min(610px,77vw);padding:16px 27px 13px;border:1px solid #a77f4c;background:linear-gradient(180deg,#1a1713ed,#0d0e0df5);box-shadow:inset 0 0 0 3px #0b0b0a,0 16px 42px #0009}.fishing .reel-title{margin-bottom:13px;font-size:calc(29px * var(--ui-scale));font-variant:small-caps;color:#f1d6a8}.fishing .reel-track{height:37px;border-color:#a58960;background:linear-gradient(#1b292b,#202d32 55%,#10191d)}.fishing .reel-fish{top:8px;width:37px;height:22px}.fishing .reel-thread{height:6px;margin-top:13px;border-color:#9d7d4c}.fishing .reel-hint{margin-top:10px;font-size:calc(15px * var(--ui-scale))}.photo-panel{width:315px;border:2px solid #a57b45;background:linear-gradient(#2a2118ed,#100d0aef);box-shadow:inset 0 0 0 4px #17110d,0 16px 45px #000a}.photo-panel h2{border-bottom:1px solid #a17b4d77;padding-bottom:10px}.photo-panel{inset:0 0 0 auto;transform:none;width:clamp(300px,23vw,430px);box-sizing:border-box;overflow-y:auto;padding:clamp(17px,3vh,38px) 28px 16px;border:0;border-left:1px solid #a98557;background:linear-gradient(90deg,#15100de8,#080706f4);box-shadow:-18px 0 35px #0008}.photo-panel h2{margin-bottom:10px;padding-bottom:11px;text-align:center;text-transform:uppercase;white-space:nowrap;letter-spacing:.18em;font-size:calc(clamp(20px,1.55vw,26px) * var(--ui-scale));border-bottom-color:#a47b4885}.photo-panel .row{display:block;margin:3px 0 8px;padding:0;font-size:calc(clamp(13px,1vw,16px) * var(--ui-scale))}.photo-panel .row>span:first-child{display:block;margin-bottom:4px;color:#f0e0c9}.photo-panel .control{display:flex;align-items:center;gap:15px}.photo-panel .control input[type=range]{flex:1;width:100%}.photo-panel .control .val{min-width:51px;text-align:right;color:#e9c58c;font:normal 14px var(--display)}.photo-panel .control.toggle{justify-content:flex-end}.photo-panel .buttons{margin-top:12px;border-top:1px solid #a47b4885;padding-top:10px}.photo-hint{left:auto;right:clamp(300px,23vw,430px);bottom:13px;transform:none;max-width:calc(100vw - clamp(300px,23vw,430px) - 30px);white-space:normal;text-align:center}.ui-layer.photo:after{content:"";position:absolute;top:0;bottom:0;left:0;right:clamp(300px,23vw,430px);pointer-events:none;opacity:.18;background:linear-gradient(90deg,transparent 33.2%,#f4e7c1 33.3%,transparent 33.4%,transparent 66.5%,#f4e7c1 66.6%,transparent 66.7%),linear-gradient(0deg,transparent 33.2%,#f4e7c1 33.3%,transparent 33.4%,transparent 66.5%,#f4e7c1 66.6%,transparent 66.7%)}.ui-layer.photo:before{content:"";position:absolute;z-index:1;inset:24px calc(clamp(300px,23vw,430px) + 24px) 24px 24px;pointer-events:none;opacity:.72;background:linear-gradient(#ead9ae,#ead9ae) left top / 25px 2px no-repeat,linear-gradient(#ead9ae,#ead9ae) left top / 2px 25px no-repeat,linear-gradient(#ead9ae,#ead9ae) right top / 25px 2px no-repeat,linear-gradient(#ead9ae,#ead9ae) right top / 2px 25px no-repeat,linear-gradient(#ead9ae,#ead9ae) left bottom / 25px 2px no-repeat,linear-gradient(#ead9ae,#ead9ae) left bottom / 2px 25px no-repeat,linear-gradient(#ead9ae,#ead9ae) right bottom / 25px 2px no-repeat,linear-gradient(#ead9ae,#ead9ae) right bottom / 2px 25px no-repeat}@media(max-width:700px){.photo-panel{width:min(300px,55vw);padding:15px}.photo-hint{right:min(300px,55vw)}.ui-layer.photo:after{right:min(300px,55vw)}}@media(min-height:850px){.photo-panel.show{display:flex;flex-direction:column;justify-content:space-between}.photo-panel .row,.photo-panel .buttons{margin-top:0;margin-bottom:0}}#loading{background:url(/assets/ui/chronicle/loading-coast.png) center / cover no-repeat!important}#loading:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0809074d,transparent 38%)}#loading>*{position:absolute}#loading .title{top:21%;color:#e7d8c3;letter-spacing:.24em!important;text-shadow:0 3px 12px #000;font-size:clamp(52px,6vw,94px)}#loading .place{top:36%;color:#d7c5a8;font-variant:small-caps;font-style:normal;letter-spacing:.22em;font-size:clamp(17px,1.7vw,26px)}#loading-status{top:81%;margin:0;color:#e7c69a;font-style:italic;font-size:clamp(18px,1.8vw,27px)}#loading .ember{top:75%;width:14px;height:14px;margin:0}#loading .ember:before{content:"";position:absolute;top:50%;left:-150px;width:315px;height:1px;transform:rotate(-45deg);background:linear-gradient(90deg,transparent,#bd9967 44%,transparent 49%,transparent 51%,#bd9967 56%,transparent)}@media(max-width:1400px){.compass{width:min(560px,44vw)}}@media(max-width:1100px){.journal{top:65px}.minimap{top:66px}.toasts{top:calc(80px + clamp(148px,16vw,220px) + var(--g2))}.boss{top:94px;width:min(590px,70vw)}.codex{padding-top:7vh}.codex>.tabs{width:86vw;gap:7px}.codex>.page{width:96vw;height:78vh}}@media(max-width:760px){.compass{width:62vw}.journal{min-width:0;max-width:42vw;padding:10px 15px}.journal .goal{font-size:16px}.vitals{width:270px;min-height:89px;padding:9px 12px 8px 73px;left:10px;bottom:12px}.vitals:before{left:8px;top:10px;width:51px;height:51px;font-size:32px}.vitals .draughts{left:11px;bottom:2px}.vitals .vital-label{font-size:10px}.abilities{bottom:12px;left:auto;right:12px;transform:none;gap:4px;padding:3px}.abilities:before,.abilities:after{display:none}.ability{width:40px;height:40px}.codex{padding:5vh 1vw 2vh}.codex>.tabs{width:98vw;overflow-x:auto;justify-content:flex-start}.codex>.tabs .tab{font-size:12px;padding:5px 2px}.codex>.page{width:98vw;height:82vh}.codex>.page>.leaf{inset:5% 6%}.codex .journal-panel .sheet,.codex .inventory .sheet,.charsheet,.settings-page{padding:3%}.codex .journal-panel .cols,.codex .inventory .cols,.charsheet .cols,.settings-page .cols{gap:8%}.codex .journal-panel h1,.codex .inventory h1,.codex .charsheet h1,.codex .settings-page h1{font-size:23px}}.dialogue{left:0;right:0;bottom:0;width:auto;max-height:min(58vh,560px);overflow-y:auto;box-sizing:border-box;padding:20px max(7vw,26px) 22px;transform:translateY(16px);border:0;border-top:1px solid #b98b5482;box-shadow:0 -18px 70px #0008;background:linear-gradient(180deg,#080706d9,#0b0908f7 42%,#080706fa)}.dialogue.show{transform:translateY(0)}.dialogue:before,.dialogue:after{display:none}.dialogue>div:first-child{padding-left:21px;border-left:2px solid #e6aa55}.dialogue .speaker{display:inline-block;letter-spacing:.1em;font-size:calc(29px * var(--ui-scale))}.dialogue .role{display:inline-block;margin-left:16px;color:#bfb09a;font-size:calc(15px * var(--ui-scale))}.dialogue .text{max-width:1000px;margin:12px 0 0 21px;min-height:1.5em;font-size:calc(21px * var(--ui-scale))}.dialogue .choices{max-width:1120px;margin:12px 0 0 21px}.dialogue .choices li{display:flex;align-items:center;gap:14px;margin:0;padding:8px 12px;border:0;border-bottom:1px solid #b98b4631;font-size:calc(18px * var(--ui-scale))}.dialogue .choices .n{flex:none;display:grid;place-items:center;width:25px;height:25px;margin:0;border:1px solid #a97334;transform:rotate(45deg);color:#efbc74;font-size:16px}.dialogue .choices .n b{transform:rotate(-45deg);font-weight:400}.dialogue .choices li:hover,.dialogue .choices li.focus{border-left:0;background:linear-gradient(90deg,#c68b3038,transparent 85%)}.dialogue .continue{max-width:1120px;margin-right:auto;text-align:right;letter-spacing:.14em}.dialogue .trade-card{display:none}.dialogue.trade-open{padding-right:max(34vw,390px);overflow:visible}.dialogue.trade-open .trade-card{display:block;position:absolute;bottom:12px;right:max(2vw,25px);width:min(27vw,500px);padding:20px 24px;box-sizing:border-box;border:1px solid #a57a43;background:linear-gradient(#19130eed,#0d0b09f7);box-shadow:inset 0 0 0 3px #19130de0,0 10px 28px #0009}.dialogue .trade-card .kicker{padding-bottom:12px;border-bottom:1px solid #a57a437d;text-align:center;font:calc(17px * var(--ui-scale)) var(--display);letter-spacing:.12em;color:#e3c99f}.dialogue .trade-card .offer{margin:15px 0 12px;font:calc(20px * var(--ui-scale))/1.2 var(--display);color:#f2dfc3}.dialogue .trade-comparison{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:8px;min-height:174px;margin:10px 0 14px;text-align:center}.dialogue .trade-comparison>div{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.dialogue .trade-comparison span{font:calc(16px * var(--ui-scale)) var(--display);color:#d7c1a4}.dialogue .trade-comparison img{width:min(100%,112px);height:105px;object-fit:contain;filter:drop-shadow(0 5px 8px #000)}.dialogue .trade-comparison b{color:#dfae62;font:26px var(--display)}.dialogue .trade-comparison em{font:calc(16px * var(--ui-scale)) var(--display);color:#f2bd62;white-space:nowrap}.dialogue .trade-cost{padding:13px 12px 10px;border-top:1px solid #a57a437d;color:#f0dcc0;font:calc(16px * var(--ui-scale)) var(--display)}.dialogue .trade-cost>span{display:block;margin-bottom:8px}.dialogue .trade-cost>div{display:flex;align-items:center;gap:11px;margin:5px 0}.dialogue .trade-cost img{width:30px;height:30px;object-fit:contain}.dialogue .trade-card .availability{margin-top:7px;padding:12px 8px 2px;border-top:1px solid #a57a437d;font:calc(15px * var(--ui-scale)) var(--body);color:#c9b8a0}.dialogue .trade-card .availability.can-trade{color:#b9ca79}.dialogue .trade-card .availability.cannot-trade{color:#c68672}.banner{top:21%;padding:25px 35px;background:radial-gradient(ellipse at center,#090806c9,transparent 72%)}.banner:before{content:"✥";display:block;color:#d6a35c;font:37px var(--display);text-shadow:0 0 15px #d99c4c9c}.banner .kicker{color:#ead4b1;font-size:calc(16px * var(--ui-scale))}.banner .title{font-size:calc(44px * var(--ui-scale));letter-spacing:.08em}.banner .rule{width:min(430px,80%);background:linear-gradient(90deg,transparent,#bd8746,#f3ca86,#bd8746,transparent)}.find{left:auto;right:24px;top:31%;transform:translate(15px);max-width:min(390px,38vw);border:1px solid #9a713d91;background:linear-gradient(100deg,#110e0ccf,#16110de8);box-shadow:0 10px 30px #0009}.find.show{transform:translate(0)}.find .icon{width:calc(60px * var(--ui-scale));height:calc(60px * var(--ui-scale))}.ending{background:radial-gradient(ellipse at center,#090807a8,#050504e5 84%);-webkit-backdrop-filter:blur(3px) saturate(.6);backdrop-filter:blur(3px) saturate(.6)}.ending .card{position:relative;width:min(760px,calc(100vw - 40px));max-width:none;padding:45px 55px;background:radial-gradient(ellipse at 50% 40%,#271b10dc,#100d0bd9 75%);border-top:1px solid #ad7941;border-bottom:1px solid #ad7941;box-shadow:0 20px 70px #000a}.ending .card:before,.ending .card:after{content:"✦ ───── ◇ ───── ✦";display:block;margin:0 auto 23px;color:#bb8647;letter-spacing:.3em}.ending .card:after{margin:26px auto 0}.ending h2{margin-top:26px;letter-spacing:.13em}.ending .lines p{line-height:1.45}.ending button{min-width:195px;border-color:#bb8848;letter-spacing:.08em}.veil{background:radial-gradient(ellipse at center,#090807e0,#040404f7)}.veil .words{letter-spacing:.09em}.veil .words:after{content:"─── ◇ ───";display:block;margin:18px 0;color:#b98343;font-size:17px}.codex .journal-panel.bestiary-open .page:after{display:none}.codex .journal-panel .page:has(.beast-study) h3{margin-bottom:2px}.codex .journal-panel .page .beast-study{display:flex;flex-direction:column;min-height:0}.codex .journal-panel .page .beast-sketch{width:100%;height:clamp(110px,22vh,230px);flex:none;margin:5px 0 7px;opacity:.72;background:url(/assets/ui/chronicle/bestiary-sketch.png) center / contain no-repeat;filter:invert(1) grayscale(1) sepia(.7);mix-blend-mode:multiply}.codex .journal-panel .page .beast-sketch.hound{background-image:url(/assets/ui/chronicle/bestiary-hound.png)}.codex .journal-panel .page .beast-sketch.keeper{background-image:url(/assets/ui/chronicle/bestiary-keeper.png)}.codex .journal-panel .page .beast-study .summary{margin:5px 0;font-size:clamp(13px,1.12vw,17px);line-height:1.38}.study-progress{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-top:auto;padding-top:13px;border-top:1px solid #86634275;color:#765539}.study-progress>span,.study-boon>span{font:13px var(--display);letter-spacing:.12em}.study-progress b{grid-column:2;grid-row:2;font:italic 13px var(--body)}.study-marks{display:flex;gap:5px;grid-column:1;grid-row:2;color:#b8a68e;font-size:17px}.study-marks .filled{color:#a66220}.study-boon{margin-top:12px;padding:10px 13px;border:1px solid #8d704b87;background:#a9824930;color:#766653}.study-boon.on{color:#80501d;border-color:#b07b35;background:#ca964a42}.study-boon strong{display:block;margin-top:2px;font:19px var(--display)}.settings-page .settings-layout{display:grid;grid-template-columns:40% 1fr;gap:15%;height:calc(100% - 68px);min-height:0}.settings-index{display:flex;flex-direction:column;gap:8px;padding:16px 12% 0 6%;border-right:1px solid #83654378}.settings-nav{padding:11px 16px;text-align:left;border:0;border-bottom:1px solid #89674478;color:#42301f;background:none;font:21px var(--display);cursor:pointer}.settings-nav:before{content:"◇";margin-right:13px;color:#986329}.settings-nav:hover,.settings-nav.on{background:#c3904c38;color:#734014}.settings-nav.on:before{content:"◆"}.settings-content{overflow:auto;padding:10px 5% 12px 0}.settings-section{display:none}.settings-section.active{display:block}.settings-section h2{margin-bottom:20px;font-size:clamp(23px,2.2vw,32px);color:#5c3a1c}.settings-section .row{grid-template-columns:minmax(0,1fr) minmax(90px,33%) auto;gap:12px;padding:11px 0}.settings-section input[type=range]{width:100%}.settings-scene{margin-top:25px;width:100%;height:min(27vh,230px);border:6px solid #7f5e37;box-sizing:border-box;box-shadow:inset 0 0 0 2px #e2c69e,0 8px 18px #3f281556;background:url(/assets/ui/chronicle/helmsdal-dawn.png) center / cover}.settings-page .keys{columns:1}@media(max-width:900px){.settings-page .settings-layout{grid-template-columns:37% 1fr;gap:5%}.settings-index{padding:5px 6% 0 0}.settings-nav{padding:8px 4px;font-size:15px}.settings-section .row{grid-template-columns:minmax(0,1fr) auto}.settings-section .row input{grid-column:1 / -1;grid-row:2}.settings-section .row .val{grid-column:2;grid-row:1}}@media(max-width:760px){.dialogue{padding:15px 20px 17px;max-height:65vh}.dialogue .text{font-size:calc(17px * var(--ui-scale))}.dialogue.trade-open{padding-right:20px}.dialogue.trade-open .trade-card{position:static;width:auto;margin:12px 0 0 21px;padding:11px 15px}.find{top:38%;right:10px;max-width:60vw}.banner .title{font-size:29px}.ending .card{padding:23px 18px}.ending .card:before,.ending .card:after{font-size:11px}}.codex .inventory .sheet{position:relative}.codex .inventory .head{position:absolute;top:5.5%;right:6%;margin:0}.codex .inventory .cols>section h2{margin:0 0 3px;padding-bottom:6px;border-bottom:1px solid #8b6e493f;color:#322518;font:clamp(27px,2.6vw,42px) var(--display);letter-spacing:.08em}.codex .inventory .section-subtitle{margin:0 0 18px;color:#6a523b;font:italic clamp(11px,1.05vw,17px)/1.25 var(--body)}.codex .inventory .cols>section:first-child{position:relative}.codex .inventory .cols>section:first-child:before{content:"";position:absolute;left:0;top:95px;width:47%;height:min(40vh,370px);background:var(--worn-portrait) center bottom / contain no-repeat;filter:grayscale(1) sepia(.72) contrast(.82);opacity:.5;mix-blend-mode:multiply;pointer-events:none}.codex .inventory .worn{position:relative;margin-left:48%;grid-template-columns:minmax(0,clamp(72px,7vw,112px));gap:16px}.codex .inventory .worn .cell{width:100%;height:clamp(70px,8vh,100px);box-sizing:border-box}.codex .inventory .vitals{position:absolute;top:min(55vh,520px);left:0;width:100%;height:auto;margin:0;padding:4px 6px;box-sizing:border-box;background:none;white-space:pre-line;font-size:clamp(12px,.95vw,15px);line-height:1.4}@media(max-width:760px){.codex .inventory .cols>section:first-child:before{width:38%;height:30vh}.codex .inventory .worn{margin-left:40%;gap:8px}}.charsheet .cols>section:first-child{position:relative}.charsheet .cols>section:first-child:before{content:"";position:absolute;left:0;top:0;width:40%;height:min(43vh,330px);background:var(--character-portrait) center top / contain no-repeat;filter:grayscale(1) sepia(.7) contrast(.8);opacity:.65;mix-blend-mode:multiply;pointer-events:none}.charsheet .who,.charsheet .thread,.charsheet .next,.charsheet .cols>section:first-child>dl:first-of-type{margin-left:42%}.charsheet .crest,.charsheet .cols>section:first-child>h2:first-of-type{display:none}.charsheet .who{min-height:69px}.charsheet .who .title{font-size:clamp(12px,1vw,17px)}.charsheet .who .level{font-size:clamp(23px,2vw,34px)}.charsheet .cols>section:first-child>dl:first-of-type{margin-top:14px;font-size:clamp(11px,.95vw,15px);row-gap:5px}.charsheet .cols>section:nth-child(2)>h2:first-child{position:absolute;top:4%;left:55%;width:40%;margin:0;padding-bottom:7px;border-bottom:1px solid #8568475c;color:#312315;font-size:clamp(28px,3vw,43px)}.charsheet .tech{grid-template-columns:42px minmax(0,1fr);gap:8px;height:64px;overflow:hidden;box-sizing:border-box;padding:5px 7px;margin-bottom:5px;background:#d9bd9299;border-color:#8b674683}.charsheet .tech.locked{opacity:1;background:#d1b68c70}.charsheet .tech .icon{width:42px;height:42px}.charsheet .tech .icon svg{width:29px;height:29px}.charsheet .tech .name,.charsheet .tech.locked .name{color:#55361e;font-size:clamp(16px,1.3vw,20px)}.charsheet .tech .key,.charsheet .tech .meta{color:#72563a;font-size:clamp(11px,.88vw,13px)}.charsheet .tech .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#4a3725;font-size:clamp(12px,.97vw,14px);line-height:1.2}.charsheet .cols>section:nth-child(2)>h2:not(:first-child){margin:10px 0 5px}.charsheet .deeds{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.charsheet .deed{padding:4px 5px;background:#cba6756e}.charsheet .deed b{font-size:18px;color:#68401e}.charsheet .deed span{font-size:11px;color:#563d27}.charsheet .worn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,.7vw,14px)}.charsheet .worn-card{display:flex;flex-direction:column;align-items:center;min-width:0;height:clamp(88px,13vh,160px);box-sizing:border-box;padding:5px 4px;border:1px solid #8b69477d;background:#c8a67a42;color:#3e2c1e;text-align:center}.charsheet .worn-card.empty{border-style:dashed;opacity:.65}.charsheet .worn-card .slot-name{align-self:flex-start;font-family:var(--display);font-size:clamp(11px,.9vw,15px);font-variant:small-caps}.charsheet .worn-card .worn-icon{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;font-size:24px}.charsheet .worn-card .worn-icon img{width:78%;height:80%;object-fit:contain;filter:grayscale(1) sepia(.45) contrast(.9);mix-blend-mode:multiply}.charsheet .worn-card .worn-icon svg{width:min(55px,65%);height:80%;fill:none;stroke:currentColor;stroke-width:1.4}.charsheet .worn-card .item-name{flex:none;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10px,.82vw,13px)}.charsheet .feat{opacity:1}.charsheet .feat .name{color:#513721}.charsheet .feat .text,.charsheet .feat .meta{color:#6b5137}@media(min-height:900px){.charsheet .tech{grid-template-columns:64px minmax(0,1fr);height:clamp(88px,9.5vh,110px);gap:12px;padding:9px 12px;margin-bottom:8px}.charsheet .tech .icon{width:64px;height:64px}.charsheet .tech .icon svg{width:41px;height:41px}.charsheet .tech .text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px}}@media(max-width:760px){.charsheet .cols>section:first-child:before{width:33%;height:30vh}.charsheet .who,.charsheet .thread,.charsheet .next,.charsheet .cols>section:first-child>dl:first-of-type{margin-left:35%}.charsheet .cols>section:nth-child(2)>h2:first-child{position:static;width:auto;margin-bottom:8px}}.codex:has(.leaf.on .worldmap)>.page{background:url(/assets/ui/chronicle/map-folio.png) center / 100% 100% no-repeat!important}.codex .worldmap canvas{z-index:1}.codex .worldmap .head{display:none}.codex .worldmap .map-ledger{position:absolute;z-index:2;top:3%;bottom:4%;left:.4%;width:25.5%;box-sizing:border-box;padding:4px 10px;color:#382718;pointer-events:none}.map-ledger h2{margin:5px 0 10px;padding-bottom:6px;border-bottom:1px solid #78563391;color:#3a2818;font:clamp(18px,1.55vw,25px) var(--display);letter-spacing:.08em}.map-ledger .destination{display:flex;align-items:center;gap:10px;min-height:48px;margin-bottom:26px;padding:5px 7px;border:1px solid #aa7c43;border-left:3px solid #a96722;background:#d6ae7661;font:clamp(13px,1.1vw,18px) var(--body)}.map-ledger .map-diamond{color:#bd711f;font:32px var(--display);line-height:.7}.map-ledger .legend-list{display:grid;gap:clamp(7px,1.5vh,15px)}.map-ledger .legend-list>div{display:flex;align-items:center;gap:12px;min-height:24px;font:clamp(13px,1.1vw,18px) var(--body)}.map-ledger .legend-list span{flex:none;display:inline-block;width:23px;color:#503c2b;text-align:center;font-size:20px;line-height:1}.map-ledger .legend-objective{color:#b47120!important}.map-ledger .legend-cairn svg{width:25px;height:25px;fill:#e9deca;stroke:#30251c;stroke-width:1.7}.map-ledger .legend-road,.map-ledger .legend-brook{width:23px!important;height:3px;background:#9d6942}.map-ledger .legend-brook{height:4px;border-radius:50%;background:#6f8b92}.map-ledger .map-rose{position:absolute;right:8%;bottom:0;width:clamp(62px,8vw,126px);height:clamp(62px,8vw,126px);overflow:visible;fill:none;stroke:#69543b;stroke-width:1.1;opacity:.85}.map-ledger .map-rose .rose-point{fill:#69543b;stroke:#493622;stroke-width:.5}.map-ledger .map-rose text{fill:#493622;stroke:none;text-anchor:middle;font:12px var(--display)}.codex .worldmap .travel{z-index:3}.codex .worldmap .foot{z-index:3;left:30%;right:3%;bottom:0;text-align:center;font-size:clamp(10px,.85vw,13px)}.codex .worldmap .foot>.key,.codex .worldmap .foot>.goal-name{display:none}@media(max-width:760px){.codex .worldmap .map-ledger{width:26%;padding:0 2px}.map-ledger .legend-list{gap:3px}.map-ledger .legend-list>div{font-size:9px;gap:4px}.map-ledger .legend-list span{width:13px;font-size:13px}}.codex:has(.leaf.on .settings-page){padding-top:4vh}.codex:has(.leaf.on .settings-page)>.tabs,.codex:has(.leaf.on .settings-page)>.foot{display:none}.codex:has(.leaf.on .settings-page)>.page{height:min(920px,90vh);background:url(/assets/ui/chronicle/settings-folio.png) center / 100% 100% no-repeat!important}.codex:has(.leaf.on .settings-page)>.page>.leaf{inset:5% 6%}.codex:has(.leaf.on .settings-page)>.shut{top:auto;bottom:12vh;right:9vw;z-index:5;min-width:105px;font-size:0;letter-spacing:.1em}.codex:has(.leaf.on .settings-page)>.shut:after{content:"Esc  Close";font:clamp(15px,1.3vw,19px) var(--display)}.settings-page{overflow:hidden;padding:3% 2.5% 4%}.settings-page h1{margin:0 0 18px;padding-bottom:5px;border-bottom:1px solid #856c4d99;font-size:clamp(32px,3vw,44px)}.settings-page h1:after{display:none}.settings-page .settings-layout{display:grid;grid-template-columns:minmax(145px,22%) minmax(0,47%) minmax(185px,27%);gap:2%;height:calc(100% - 70px);min-height:0}.settings-index{gap:3px;padding:6px 7% 0 0;border-right:1px solid #a1845b91}.settings-nav{padding:10px 8px;font-size:clamp(16px,1.6vw,23px);border:1px solid transparent;border-bottom-color:#9d816049}.settings-nav.on{border-color:#ad7535;box-shadow:0 0 0 1px #f4d2a57b,inset 0 0 18px #cb873c45}.settings-content{padding:6px 2% 16px 1%}.settings-section h2,.settings-preview h2{margin:0 0 12px;font-size:clamp(24px,2.2vw,32px);color:#3a2618}.settings-section .row{padding:5px 0;font-size:clamp(15px,1.4vw,20px)}.settings-section .row>span:first-child{color:#382919}.settings-section .row.range-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.settings-section .row.range-row input{grid-column:1 / -1;grid-row:2;width:100%}.settings-section .row.range-row .val{grid-column:2;grid-row:1;align-self:start;font-size:17px}.settings-section .row.choice-row{display:block}.settings-section .row.choice-row .choice{display:flex;width:100%;margin-top:9px}.settings-section .row.choice-row .choice button{flex:1}.settings-section .row.switch-row{grid-template-columns:minmax(0,1fr) auto}.settings-section .setting-label{font:clamp(17px,1.45vw,22px) var(--display);font-variant:small-caps}.settings-section .setting-label small{display:block;margin-top:3px;color:#705943;font:italic clamp(12px,1.05vw,16px) var(--body);font-variant:normal}.settings-section .note{font-size:clamp(13px,1.05vw,16px)}.settings-page .choice button{min-width:65px;padding:6px 12px;font-size:clamp(14px,1.2vw,18px)}.settings-preview{min-width:0;padding:6px 0 0 6%;border-left:1px solid #a1845b91}.settings-scene{width:100%;height:min(43vh,440px);margin:0;border:5px solid #795b38;background:url(/assets/ui/chronicle/settings-preview.png) center 52% / cover no-repeat}.settings-preview p{margin:10px 0;color:#67523b;font:italic clamp(13px,1.1vw,17px) var(--body)}.settings-page:after{content:"◇  Changes apply immediately";position:absolute;bottom:6%;left:2.5%;color:#4f3b29;font:italic clamp(12px,1.05vw,16px) var(--body)}@media(max-width:760px){.settings-page .settings-layout{grid-template-columns:29% 69%;gap:2%}.settings-preview{display:none}.settings-page h1{margin-bottom:5px}.settings-nav{padding:7px 2px;font-size:13px}.codex:has(.leaf.on .settings-page)>.shut{right:9vw;bottom:5vh}}.hud-stack>.vitals{width:clamp(315px,31.5vw,470px);height:clamp(119px,11.8vw,176px);min-height:0;padding:23px 27px 0 clamp(105px,8.5vw,130px);display:block;border:0;clip-path:none;background:url(/assets/ui/chronicle/combat-vitals-frame.png) center / 100% 100% no-repeat;box-shadow:none}.hud-stack>.vitals:before{content:"";left:3%;top:13%;width:22%;height:65%;border:0;border-radius:0;background:url(/assets/ui/icons/draught.webp) center / contain no-repeat;box-shadow:none}.hud-stack>.vitals .vital-line{margin-bottom:8px}.hud-stack>.vitals .vital-label{font-size:clamp(10px,.95vw,14px)}.hud-stack>.vitals .bar{height:11px;margin-top:2px;border:0;box-shadow:none;background:transparent}.hud-stack>.vitals .bar.thin{height:11px}.hud-stack>.vitals .draughts{left:27%;bottom:6%;gap:clamp(4px,.8vw,11px)}.hud-stack>.vitals .draughts i{width:clamp(24px,3vw,38px);height:clamp(24px,3vw,38px);border:0;border-radius:0;background:url(/assets/ui/icons/draught.webp) center / cover no-repeat;filter:grayscale(1) brightness(.42)}.hud-stack>.vitals .draughts i.full{border:0;background:url(/assets/ui/icons/draught.webp) center / cover no-repeat;filter:none}.hud-stack>.vitals .draughts span{margin-left:0;font-size:12px}.hud-stack>.vitals .level{position:absolute;left:68%;right:6%;bottom:10%;margin:0}.hud-stack>.vitals .level span{font-size:clamp(10px,.9vw,13px)}.hud-stack>.vitals:not(.calm) .level span:before{content:"Level "}.abilities{width:360px;height:90px;bottom:27px;gap:6px;box-sizing:border-box;padding:19px 78px 19px 56px;background:url(/assets/ui/chronicle/combat-ability-frame.png) center / 100% 140% no-repeat}.abilities:before,.abilities:after{display:none}.ability,.ability.locked{flex:none;width:52px;height:52px;border:0;background:transparent;box-shadow:none}.ability img{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:cover}.ability .key{bottom:-4px}.ability .lock{bottom:0}@media(max-width:760px){.hud-stack>.vitals{padding-top:15px}.hud-stack>.vitals .vital-line{margin-bottom:4px}.hud-stack>.vitals .draughts span{display:none}}.hud-stack>.vitals.calm{left:clamp(20px,2vw,38px);bottom:clamp(18px,2.5vh,34px);width:clamp(315px,31.5vw,470px);height:clamp(119px,11.8vw,176px);padding:23px 27px 0 clamp(105px,8.5vw,130px);background:url(/assets/ui/chronicle/combat-vitals-frame.png) center / 100% 100% no-repeat}.hud-stack>.vitals.calm:before{left:3%;top:13%;width:22%;height:65%;border:0;border-radius:0;background:url(/assets/ui/icons/draught.webp) center / contain no-repeat;box-shadow:none}.hud-stack>.vitals.calm:after{display:none}.hud-stack>.vitals.calm .vital-line{margin-bottom:8px}.hud-stack>.vitals.calm .vital-label{font-size:clamp(10px,.95vw,14px)}.hud-stack>.vitals.calm .bar{height:11px;margin-top:2px;border:0;background:transparent;box-shadow:none}.hud-stack>.vitals.calm .draughts{display:flex}.hud-stack>.vitals.calm .level{display:grid}.abilities.calm{width:clamp(284px,25vw,360px);height:clamp(62px,5.5vw,78px);bottom:clamp(18px,2.5vh,32px);padding:9px 31px;gap:5px;align-items:center;justify-content:space-between;background:url(/assets/ui/chronicle/exploration-ability-frame.png) center / 100% 270% no-repeat}.abilities.calm .ability,.abilities.calm .ability.locked{width:clamp(43px,4vw,56px);height:clamp(43px,4vw,56px);border:0;background:transparent;box-shadow:none}.abilities.calm .ability .key{bottom:-2px}@media(max-width:1000px){.hud-stack>.vitals.calm{width:min(42vw,370px);padding-left:88px}.abilities.calm{left:auto;right:14px;transform:none}.hint{bottom:105px;max-width:75vw;font-size:11px}}@media(max-width:760px){.hud-stack>.vitals.calm{width:285px;height:119px;padding:15px 12px 0 78px}.abilities.calm{right:10px;bottom:20px}.abilities.calm .ability,.abilities.calm .ability.locked{width:39px;height:39px}}.hud-stack>.vitals.mounted{left:clamp(24px,2.5vw,46px);bottom:clamp(22px,3vh,38px);width:clamp(290px,31vw,445px);height:83px;min-height:0;padding:13px 0 0 82px;border:0;clip-path:none;background:none;box-shadow:none}.hud-stack>.vitals.mounted:before{left:0;top:5px;width:66px;height:66px;border:1px solid #b59055;border-radius:50%;background:#17120f url(/assets/ui/icons/draught.webp) center / 62% no-repeat;box-shadow:0 0 0 3px #110d0aca,inset 0 0 0 3px #282016}.hud-stack>.vitals.mounted .vital-label{font-size:clamp(13px,1vw,16px);letter-spacing:.16em}.hud-stack>.vitals.mounted .bar{height:13px;border:1px solid #c39454;background:#090806c9;box-shadow:0 0 0 2px #100b07b8}.hud-stack>.vitals.mounted .stamina-line,.hud-stack>.vitals.mounted .draughts,.hud-stack>.vitals.mounted .level{display:none}.prompt.mounted{left:50%;right:auto;bottom:clamp(20px,3vh,40px);transform:translate(-50%);padding:7px 24px;border-left:0;border-right:0;background:linear-gradient(90deg,transparent,#130f0bed 17%,#130f0bed 83%,transparent);white-space:nowrap;font-size:clamp(16px,1.3vw,21px)}.prompt.mounted .key{margin-right:10px}.codex .journal-panel.bestiary-open .back-to-journal{display:block;width:100%;margin:0 0 12px;padding:7px 10px;border:1px solid #a17b4d88;background:#d1af7b66;color:#533719;text-align:left;font:clamp(13px,1.1vw,16px) var(--display)}.codex .journal-panel.bestiary-open .back-to-journal:hover,.codex .journal-panel.bestiary-open .back-to-journal:focus-visible{outline:2px solid #bd7d30;background:#c9924a70}.codex .journal-panel.bestiary-open .list h2{margin:0 0 10px}.codex .journal-panel.bestiary-open .entry{min-height:48px}.codex .journal-panel.bestiary-open .page{overflow:hidden;display:flex;flex-direction:column}.codex .journal-panel.bestiary-open .page .kicker{flex:none}.codex .journal-panel.bestiary-open .page h3{flex:none;margin:2px 0 6px}.codex .journal-panel.bestiary-open .page .taxon{flex:none;margin:0 0 6px}.codex .journal-panel.bestiary-open .beast-study{flex:1;min-height:0;display:grid;grid-template-columns:42% minmax(0,1fr);grid-template-rows:minmax(50px,1fr) auto auto;gap:0 8px}.codex .journal-panel.bestiary-open .beast-sketch{grid-column:1;grid-row:1 / 4;height:100%;min-height:0;margin:0;opacity:1;filter:invert(1) grayscale(1) sepia(.65) contrast(1.25) brightness(.6)}.codex .journal-panel.bestiary-open .beast-lore{grid-column:2;grid-row:1;overflow:auto;min-height:0;padding:2px 5px 2px 0}.codex .journal-panel.bestiary-open .beast-lore .summary{margin:0 0 8px}.codex .journal-panel.bestiary-open .study-progress{grid-column:2;grid-row:2;margin:0;padding-top:6px}.codex .journal-panel.bestiary-open .study-boon{grid-column:2;grid-row:3;margin-top:7px;padding:5px 10px}.codex .journal-panel.bestiary-open .study-boon strong{font-size:clamp(14px,1.25vw,18px)}.codex .inventory .sheet{overflow:hidden}.codex .inventory .cols{height:calc(100% - 38px);min-height:0}.codex .inventory .cols>section:nth-child(2){display:flex;flex-direction:column;min-height:0}.codex .inventory .pack{flex:none;gap:clamp(5px,.7vh,9px)}.codex .inventory .detail{flex:1;min-height:70px;overflow:auto;margin-top:10px;padding-top:8px}.codex .inventory .detail .name{font-size:clamp(16px,1.45vw,22px)}.codex .inventory .detail .meta{font-size:clamp(11px,.85vw,14px)}.codex .inventory .detail .text{font-size:clamp(13px,1.1vw,16px);line-height:1.34}.codex .inventory .sheet>*{max-width:none}.codex .inventory .pack{grid-template-columns:repeat(4,minmax(0,clamp(65px,6.7vw,125px)))}.codex .inventory .worn{grid-template-columns:minmax(0,clamp(72px,7.8vw,145px))}.codex .inventory .worn .cell{height:clamp(70px,9.5vh,120px)}.codex .inventory .cols>section:first-child:before{height:min(56vh,510px)}.codex .inventory .vitals{top:auto;bottom:2%}.codex .inventory .worn{margin-left:43%;width:57%;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2.2vh,24px)}.codex .inventory .worn-entry{display:grid;grid-template-columns:clamp(70px,7.5vw,138px) minmax(0,1fr);align-items:center;column-gap:clamp(10px,1.4vw,23px);min-width:0}.codex .inventory .worn-entry .cell{width:100%}.codex .inventory .worn-caption{min-width:0;color:#3b2b20}.codex .inventory .worn-caption strong{display:block;font-family:var(--display);font-size:clamp(14px,1.35vw,23px);font-variant:small-caps;font-weight:400;line-height:1.1}.codex .inventory .worn-caption span{display:block;margin-top:4px;font-size:clamp(12px,1.05vw,17px);line-height:1.14}.codex .inventory .worn-caption em{display:-webkit-box;margin-top:5px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(11px,.9vw,14px);line-height:1.18;color:#765c42}.codex .inventory .vitals{display:none}.codex .journal-panel .sheet>*{max-width:none}.codex .journal-panel .entry:hover:not(.picked){background:#8b6b3820;border-left-color:#9d784a82;box-shadow:none}.codex .inventory .cell[data-rarity]:after{content:"";position:absolute;z-index:2;left:7px;top:7px;width:9px;height:9px;transform:rotate(45deg);box-sizing:border-box;border:1px solid #6e6658;background:#8b8272}.codex .inventory .cell[data-rarity=forged]:after{border-color:#49657b;background:#8ba8b7}.codex .inventory .cell[data-rarity=fabled]:after{border-color:#9e6121;background:#d8a253}.ui-layer.photo:has(.photo-panel.hidden):before,.ui-layer.photo:has(.photo-panel.hidden):after{display:none}@media(max-width:1000px){.codex .inventory .worn{margin-left:38%;width:62%}.codex .inventory .worn-entry{grid-template-columns:clamp(54px,7vw,70px) minmax(0,1fr);column-gap:7px}.codex .inventory .worn-caption em{display:none}.codex .journal-panel.bestiary-open .beast-study{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(80px,29%) minmax(25px,1fr) auto auto}.codex .journal-panel.bestiary-open .beast-sketch{grid-column:1;grid-row:1;background-position:left center;background-size:auto 100%}.codex .journal-panel.bestiary-open .beast-lore{grid-column:1;grid-row:2}.codex .journal-panel.bestiary-open .study-progress{grid-column:1;grid-row:3}.codex .journal-panel.bestiary-open .study-boon{grid-column:1;grid-row:4}}.banner.discovery{top:17%;width:min(610px,55vw);box-sizing:border-box;padding:13px 24px 18px;background:linear-gradient(90deg,transparent,#0d0a07d9 14%,#0d0a07d9 86%,transparent)}.banner.discovery:before{content:"◇";font-size:22px;line-height:1}.banner.discovery .kicker{margin-top:3px;font-size:clamp(11px,.95vw,15px);letter-spacing:.2em}.banner.discovery .title{font-size:clamp(27px,2.8vw,43px)}.banner.discovery .sub{font-size:clamp(14px,1.25vw,19px)}.banner.discovery .rule{width:90%}@media(max-width:760px){.banner.discovery{top:23%;width:min(580px,90vw)}}.codex .journal-panel .open-bestiary{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding:10px 12px;border:1px solid #a17b4d88;background:#d1af7b66;color:#533719;text-align:left;font:clamp(16px,1.4vw,20px) var(--display);cursor:pointer}.codex .journal-panel .open-bestiary span{font:italic clamp(11px,.9vw,14px) var(--body);color:#785a3a}.codex .journal-panel .open-bestiary:hover{background:#c9924a70}.codex .journal-panel.bestiary-open .cols{height:calc(100% - 60px)}.codex .journal-panel.bestiary-open .foot{display:none}.codex .journal-panel.bestiary-open .list{overflow:hidden}.codex .journal-panel.bestiary-open .bestiary-index{display:grid;grid-template-columns:clamp(76px,7.5vw,112px) minmax(0,1fr);gap:8px;height:100%;min-height:0}.codex .journal-panel.bestiary-open .bestiary-sections{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding-top:5px;border-right:1px solid #8667477d}.codex .journal-panel.bestiary-open .bestiary-sections button,.codex .journal-panel.bestiary-open .bestiary-sections span{display:block;padding:10px 5px;border:0;background:none;color:#765d40;font:clamp(11px,.9vw,15px) var(--display);font-variant:small-caps;text-align:left}.codex .journal-panel.bestiary-open .bestiary-sections button{cursor:pointer}.codex .journal-panel.bestiary-open .bestiary-sections button:hover{color:#a2611a}.codex .journal-panel.bestiary-open .bestiary-sections .active{color:#8b4e15;background:#c8934a4a;box-shadow:inset 3px 0 #b56f22}.codex .journal-panel.bestiary-open .bestiary-cards{min-height:0;overflow:auto;padding-right:5px}.codex .journal-panel.bestiary-open .beast-card{display:grid;grid-template-columns:clamp(60px,5.5vw,88px) minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:clamp(68px,8.8vh,98px);box-sizing:border-box;margin:0 0 5px;padding:5px 8px;border:1px solid #8f704b5e;background:#d6bb9352;color:#39291b;text-align:left;cursor:pointer}.codex .journal-panel.bestiary-open .beast-card.picked{border-color:#b87327;background:#ca965272;box-shadow:inset 3px 0 #b87426,0 0 9px #bd7d3133}.codex .journal-panel.bestiary-open .beast-card:hover:not(.locked){border-color:#b87327;background:#c6955363}.codex .journal-panel.bestiary-open .beast-card.locked{opacity:.62;cursor:default}.codex .journal-panel.bestiary-open .beast-thumb{display:grid;place-items:center;width:100%;height:clamp(56px,7.8vh,86px);object-fit:contain;font:32px var(--display);color:#7b6b5a;filter:grayscale(1) sepia(.55) contrast(1.1);mix-blend-mode:multiply}.codex .journal-panel.bestiary-open .beast-card-copy{min-width:0}.codex .journal-panel.bestiary-open .beast-card-copy strong{display:block;font:clamp(14px,1.2vw,20px) var(--display);font-variant:small-caps;line-height:1.1}.codex .journal-panel.bestiary-open .beast-card-copy small{display:block;margin-top:6px;font:clamp(11px,.95vw,15px) var(--body);color:#6d563e}.codex .journal-panel.bestiary-open .beast-card-mark{color:#a6631e;font-size:18px}.codex .journal-panel.bestiary-open .page{overflow:hidden;padding:0}.codex .journal-panel.bestiary-open .beast-study{display:grid;grid-template-columns:53% minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:10px;width:100%;height:100%;min-height:0}.codex .journal-panel.bestiary-open .beast-sketch{grid-column:1;grid-row:1;width:100%;height:100%;margin:0;min-height:0;object-fit:contain;object-position:center top;background:none;opacity:.95;filter:grayscale(1) sepia(.55) contrast(1.2);mix-blend-mode:multiply;transform:scale(1.15);transform-origin:center top}.codex .journal-panel.bestiary-open .beast-content{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;padding:4px 2px 0 0}.codex .journal-panel.bestiary-open .beast-content .kicker{display:none}.codex .journal-panel.bestiary-open .beast-content h3{flex:none;margin:0 0 8px;padding-bottom:8px;font-size:clamp(22px,2.2vw,35px)}.codex .journal-panel.bestiary-open .beast-content .taxon{flex:none;margin:0 0 8px;font-size:clamp(12px,1vw,16px)}.codex .journal-panel.bestiary-open .beast-lore{flex:1;min-height:0;overflow:auto;padding-right:5px}.codex .journal-panel.bestiary-open .beast-lore .summary{font-size:clamp(13px,1.1vw,17px);line-height:1.34}.codex .journal-panel.bestiary-open .study-progress{flex:none;display:grid;grid-template-columns:1fr;gap:3px;margin:5px 0 0;padding-top:7px}.codex .journal-panel.bestiary-open .study-marks{grid-column:1;grid-row:3}.codex .journal-panel.bestiary-open .study-progress b{grid-column:1;grid-row:2}.codex .journal-panel.bestiary-open .study-boon{flex:none;margin-top:8px;padding:8px 10px}.codex .journal-panel.bestiary-open .study-boon strong{font-size:clamp(13px,1.2vw,19px)}.codex .journal-panel.bestiary-open .beast-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#735a3d;text-align:center}.codex .journal-panel.bestiary-open .beast-empty span{font-size:50px}.codex .journal-panel.bestiary-open .beast-empty h3{border:0;margin:10px 0}.codex .inventory .cols>section:first-child:before{left:-2%;top:70px;width:47%;height:min(66vh,620px);background-position:center top;background-size:auto 100%;filter:grayscale(1) sepia(.55) contrast(1.16);opacity:.84}.codex .inventory .detail{display:grid;grid-template-columns:clamp(90px,9vw,160px) minmax(0,1fr);align-items:start;gap:clamp(12px,1.3vw,22px)}.codex .inventory .detail-icon{align-self:center;width:100%;aspect-ratio:1;display:grid;place-items:center}.codex .inventory .detail-icon img{width:100%;height:100%;object-fit:contain}.codex .inventory .detail-icon svg{width:76%;height:76%;fill:none;stroke:#5d4028;stroke-width:1.2}.codex .inventory .detail-copy{min-width:0}.charsheet .cols>section:first-child:before{top:0;width:40%;height:min(29vh,310px);background-size:auto 180%;background-position:center top;filter:grayscale(1) sepia(.6) contrast(1.12);opacity:.78}.charsheet .deeds{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.charsheet .deed{min-height:86px;padding:10px 12px;border:1px solid #98775288;background:#d7b88c67}.charsheet .deed b{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:#3d2b1e;font:clamp(13px,1.1vw,18px) var(--display);font-variant:small-caps}.charsheet .deed b small{white-space:nowrap;color:#694522;font:clamp(12px,.9vw,15px) var(--body)}.charsheet .deed-track{height:7px;margin:9px 0 6px;background:#8c77626b;border:1px solid #81684a}.charsheet .deed-track i{display:block;height:100%;background:linear-gradient(90deg,#9b5d22,#dc9d45)}.charsheet .deed span{font:italic clamp(11px,.87vw,14px) var(--body)}.charsheet .more-deeds{margin-top:10px;padding:5px 2px;color:#5b402b}.charsheet .more-deeds summary{cursor:pointer;font:clamp(13px,1vw,16px) var(--display)}.charsheet .more-deeds p{margin:8px 0;font-style:italic}@media(max-width:760px){.codex .inventory .detail{grid-template-columns:70px minmax(0,1fr);gap:8px}}@media(max-width:1000px){.codex .journal-panel.bestiary-open .bestiary-index{grid-template-columns:64px minmax(0,1fr)}.codex .journal-panel.bestiary-open .beast-card{grid-template-columns:48px minmax(0,1fr)}.codex .journal-panel.bestiary-open .beast-card-mark{display:none}.codex .journal-panel.bestiary-open .beast-study{grid-template-columns:1fr;grid-template-rows:22% minmax(0,1fr);gap:2px}.codex .journal-panel.bestiary-open .beast-sketch{grid-column:1;grid-row:1}.codex .journal-panel.bestiary-open .beast-content{grid-column:1;grid-row:2}.codex .journal-panel.bestiary-open .beast-content h3{margin-bottom:4px;padding-bottom:5px}.codex .journal-panel.bestiary-open .beast-content .taxon{margin-bottom:4px}.codex .journal-panel.bestiary-open .study-progress{margin-top:3px;padding-top:4px}.codex .journal-panel.bestiary-open .study-boon{margin-top:4px;padding:5px 8px}}.ui-layer{--stack-left: clamp(20px, 2vw, 38px);--stack-w: clamp(315px, 31.5vw, 470px)}.hud-stack{position:absolute;left:var(--stack-left);bottom:clamp(18px,2.5vh,34px);display:flex;flex-direction:column;align-items:flex-start;gap:var(--g1);pointer-events:none}.hud-stack>.vitals,.hud-stack>.vitals.calm,.hud-stack>.vitals.mounted{position:relative;left:auto;bottom:auto;flex:none}.hud-stack>.abilities,.hud-stack>.abilities.calm{position:relative;left:auto;right:auto;bottom:auto;transform:none;width:auto;flex:none}.hud-stack>.abilities:not(.show){display:none}.hud-stack>.stack-slot:empty{display:none}.hud-stack>.abilities[data-slots="5"] .ability,.hud-stack>.abilities[data-slots="6"] .ability,.hud-stack>.abilities.calm[data-slots="5"] .ability,.hud-stack>.abilities.calm[data-slots="6"] .ability{width:clamp(34px,3vw,44px);height:clamp(34px,3vw,44px)}.hint{left:calc(var(--stack-left) + var(--stack-w) + var(--g3));right:calc(var(--stack-left) + var(--stack-w) + var(--g3));transform:none;max-width:none;bottom:14px}@media(max-width:1000px){.ui-layer{--stack-w: min(42vw, 370px)}}@media(max-width:760px){.ui-layer{--stack-w: 285px}}@media(max-width:900px){.hint{display:none}}.ui-layer.uix-measure *{transition:none!important}.ui-layer.uix-measure>.compass,.ui-layer.uix-measure>.journal,.ui-layer.uix-measure>.minimap,.ui-layer.uix-measure>.prompt,.ui-layer.uix-measure>.narration,.ui-layer.uix-measure>.banner,.ui-layer.uix-measure>.find,.ui-layer.uix-measure>.boss,.ui-layer.uix-measure>.hint,.ui-layer.uix-measure>.keys,.ui-layer.uix-measure .hud-stack>.abilities,.ui-layer.uix-measure .hud-stack>.vitals{opacity:1!important;visibility:visible!important}@media(max-width:1400px){.journal{top:68px}}.ui-layer:has(.boss.show) .journal{opacity:0!important}.ui-layer{--find-top: max(31%, calc(31px + clamp(148px, 16vw, 220px) + var(--g2)))}.find{top:var(--find-top)}.ui-layer:has(.find.show) .toasts{top:calc(var(--find-top) + 150px)}@media(max-width:1400px){.banner{top:max(21%,184px)}.banner.discovery{top:max(17%,184px)}}@media(max-width:760px){.find{top:max(38%,var(--find-top))}}.ui-layer{--stack-h: calc(90px + var(--g1) + clamp(119px, 11.8vw, 176px) + clamp(18px, 2.5vh, 34px))}.narration{max-width:min(640px,86vw,calc(100vw - 730px))}@media(max-width:1700px){.narration{bottom:calc(var(--stack-h) + var(--g3))}}.banner{width:min(610px,90vw,calc(100vw - 790px))}.banner.discovery{width:min(610px,55vw,calc(100vw - 720px))}