:root{--px: 2px;--ink: #0b0d10;--night: #15181d;--panel: #1c2026;--card: #252a31;--hover: #323843;--cream: #f2e2b6;--parchment: #e2cc96;--shade: #c4a76c;--gold: #c9a15d;--bronze: #8b6534;--text: #eadfc4;--dim: #b8ad92;--mute: #8a826e;--red: #e0573f;--red-deep: #c4402e;--green: #8fc95a;--blue: #86bdf5;--frost: #a8dde2;--font-text: "Duskmere Text", Georgia, serif;--font-display: "Duskmere Display", "Duskmere Text", Georgia, serif;--font-small: "Duskmere Small", "Duskmere Text", Arial, sans-serif;--t1: calc(var(--px) * 9);--t2: calc(var(--px) * 18);--d1: calc(var(--px) * 12);--d2: calc(var(--px) * 24);--d3: calc(var(--px) * 36);--s1: calc(var(--px) * 6);--s2: calc(var(--px) * 12);--g1: var(--px);--g2: calc(var(--px) * 2);--g3: calc(var(--px) * 3);--g4: calc(var(--px) * 4);--g6: calc(var(--px) * 6);--g8: calc(var(--px) * 8);--g12: calc(var(--px) * 12);--g16: calc(var(--px) * 16);--shadow: var(--px) var(--px) 0 var(--ink);--shadow-2: var(--g2) var(--g2) 0 var(--ink);font-family:var(--font-text);color:var(--text);background:#1b2425;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:var(--g1) solid var(--cream);outline-offset:var(--g1)}canvas#world{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated;display:block}#ui{position:fixed;inset:0;pointer-events:none}.interface{height:100%;font:var(--t1) / calc(var(--px) * 13) var(--font-text);-webkit-font-smoothing:none;text-shadow:var(--shadow)}.interface button,.interface input,.interface select,.interface textarea,.interface summary{pointer-events:auto}h1,h2,h3,p{margin-top:0}h2{font:var(--d2) / calc(var(--px) * 26) var(--font-display);color:var(--cream);text-shadow:var(--shadow-2);margin-bottom:var(--g4)}h3{font:var(--d1) / calc(var(--px) * 14) var(--font-display);color:var(--parchment);margin:var(--g8) 0 var(--g4)}p{margin-bottom:var(--g6)}b,strong{font-weight:400;color:var(--cream)}em,i{font-style:normal}small{font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--dim)}.eyebrow{display:flex;align-items:center;gap:var(--g4);width:max-content;max-width:100%;font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold);margin-bottom:var(--g4)}.eyebrow:before,.eyebrow:after{content:"";flex:0 0 var(--g12);height:var(--g1);background:currentColor;box-shadow:var(--shadow)}.lead{color:var(--dim);margin-bottom:var(--g12)}.muted,.small-note{color:var(--dim)}.small-note{font:var(--t1) / calc(var(--px) * 11) var(--font-text)}.ornament{display:flex;align-items:center;justify-content:center;gap:var(--g3);color:var(--gold);margin:var(--g4) 0}.ornament i{display:block;width:calc(var(--px) * 40);height:var(--g1);background:var(--gold);box-shadow:var(--shadow)}.ornament span{font:var(--t1) / 1 var(--font-text)}kbd{display:inline-block;min-width:calc(var(--px) * 12);padding:0 var(--g1);border:var(--g3) solid;border-image:var(--frame-key) 3 fill / var(--g3);font:var(--s1) / calc(var(--px) * 6) var(--font-small);letter-spacing:0;color:var(--ink);text-align:center;text-shadow:none;white-space:nowrap;vertical-align:calc(var(--px) * -2)}.icon{display:inline-block;flex:none;width:calc(var(--px) * var(--w));height:calc(var(--px) * var(--h));vertical-align:middle}.icon svg{display:block;width:100%;height:100%}.button{width:100%;min-height:calc(var(--px) * 24);display:flex;align-items:center;gap:var(--g4);padding:var(--g2) var(--g6);border:var(--g4) solid;border-image:var(--frame-button) 4 fill / var(--g4);font:var(--d1) / calc(var(--px) * 12) var(--font-display);color:var(--cream);text-align:left;text-shadow:var(--shadow)}.button:hover:not(:disabled){border-image-source:var(--frame-buttonHover)}.button .label{flex:1;min-width:0}.button .chevron,.button .lead-mark{font:var(--d1) / 1 var(--font-display);color:var(--gold)}.button.primary{border-width:calc(var(--px) * 5);border-image:var(--frame-primary) 5 fill / calc(var(--px) * 5);padding:var(--g1) var(--g6);color:var(--ink);text-shadow:var(--px) var(--px) 0 #fff6dc80}.button.primary:hover:not(:disabled){border-image-source:var(--frame-primaryHover)}.button.primary .chevron,.button.primary .lead-mark{color:#6b4a22;text-shadow:none}.button small{margin-left:auto;color:var(--dim)}.button.primary small{color:#5a4426;text-shadow:none}.button div small{display:block;margin:var(--g2) 0 0}:where(.panel) button:where(:not(.button,.close,.background-card,.leave)){border:var(--g3) solid;border-image:var(--frame-chip) 3 fill / var(--g3);padding:0 var(--g4);min-height:calc(var(--px) * 15);font:var(--t1) / calc(var(--px) * 9) var(--font-text);color:var(--cream);text-shadow:var(--shadow);white-space:nowrap}:where(.panel) button:where(:not(.button,.close,.background-card,.leave)):hover:not(:disabled){border-image-source:var(--frame-chipHover)}.interface input[type=text],.interface input[type=number],.interface input:not([type]),.interface select,.interface textarea{border:var(--g3) solid;border-image:var(--frame-input) 3 fill / var(--g3);padding:var(--g2) var(--g4);font:var(--t1) / calc(var(--px) * 11) var(--font-text);color:var(--cream);background:none;border-radius:0;text-shadow:none}.interface select{appearance:none;padding-right:var(--g16);background:var(--art-select) right var(--g4) center / calc(var(--px) * 7) calc(var(--px) * 4) no-repeat;cursor:pointer}.interface select option{background:var(--panel);color:var(--cream);font-family:var(--font-text)}.interface input::placeholder{color:var(--mute)}.interface input[type=range]{appearance:none;width:100%;height:var(--g12);background:none;cursor:pointer}.interface input[type=range]::-webkit-slider-runnable-track{height:var(--g4);background:var(--night);box-shadow:0 calc(var(--px) * -1) 0 var(--ink),0 var(--px) 0 var(--bronze)}.interface input[type=range]::-moz-range-track{height:var(--g4);background:var(--night);box-shadow:0 calc(var(--px) * -1) 0 var(--ink),0 var(--px) 0 var(--bronze)}.interface input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--g6);height:var(--g12);margin-top:calc(var(--px) * -4);background:var(--parchment);border:0;box-shadow:inset var(--px) var(--px) 0 #fff6dc,inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--bronze),0 0 0 var(--px) var(--ink)}.interface input[type=range]::-moz-range-thumb{width:var(--g6);height:var(--g12);border:0;border-radius:0;background:var(--parchment);box-shadow:inset var(--px) var(--px) 0 #fff6dc,inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--bronze),0 0 0 var(--px) var(--ink)}.interface input[type=checkbox]{appearance:none;flex:none;width:calc(var(--px) * 12);height:calc(var(--px) * 12);margin:0;border:var(--g3) solid;border-image:var(--frame-input) 3 fill / var(--g3);cursor:pointer}.interface input[type=checkbox]:checked{background:var(--art-check) center / calc(var(--px) * 8) calc(var(--px) * 6) no-repeat}.interface :is(.panel,.inventory-list){scrollbar-width:thin;scrollbar-color:var(--shade) var(--night)}.interface ::-webkit-scrollbar{width:var(--g6);height:var(--g6)}.interface ::-webkit-scrollbar-track{background:var(--night)}.interface ::-webkit-scrollbar-thumb{background:var(--shade);box-shadow:inset var(--px) var(--px) 0 var(--cream),inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--bronze)}details summary{cursor:pointer;color:var(--parchment)}textarea{width:100%}.screen{position:fixed;inset:0;pointer-events:auto}.loading{background:radial-gradient(ellipse at 50% 40%,#2b3536,#10181a 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.loading .crest{font:var(--t2) / 1 var(--font-text);color:var(--gold)}.loading h1{font:var(--d3) / calc(var(--px) * 36) var(--font-display);letter-spacing:var(--g2);color:var(--cream);text-shadow:calc(var(--px) * 3) calc(var(--px) * 3) 0 var(--ink);margin:var(--g8) 0 0}.loading p{font-style:italic;color:var(--dim);margin:var(--g8) 0}.loading small{position:absolute;bottom:var(--g16);color:var(--mute)}.loader{position:relative;width:calc(var(--px) * 96);height:calc(var(--px) * 10);border:var(--g3) solid;border-image:var(--frame-bar) 3 / var(--g3);background:var(--night);background-clip:padding-box}.loader:after{content:"";position:absolute;top:0;bottom:0;width:calc(var(--px) * 18);background:repeating-linear-gradient(90deg,var(--gold) 0 var(--g4),var(--bronze) var(--g4) var(--g6));animation:load 1.6s steps(13) infinite alternate}@keyframes load{0%{left:0}to{left:calc(var(--px) * 72)}}.title-screen{position:absolute;inset:0;background:linear-gradient(90deg,#0a1315e6 0%,#0d1719bb 34%,#11191b33 62%,transparent 75%),linear-gradient(0deg,#0a1214e0,transparent 26%,transparent 82%,#0a121470);pointer-events:auto}.title-screen header,.title-footer{position:absolute;left:var(--g16);right:var(--g16);display:flex;justify-content:space-between;align-items:center;gap:var(--g12);font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--dim)}.title-screen header{top:var(--g12)}.edition,.chapter-label{display:flex;align-items:center;gap:var(--g4);color:var(--parchment)}.edition:before,.chapter-label:after{content:"◆";color:var(--gold)}.title-content{position:absolute;left:calc(var(--px) * 32);top:22%;width:min(calc(var(--px) * 260),86vw)}.title-kicker{display:flex;align-items:center;gap:var(--g4);font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold)}.title-kicker i,.title-kicker:after{content:"";width:var(--g16);height:var(--g1);background:var(--gold);box-shadow:var(--shadow)}.title-content h1{width:max-content;font:var(--d3) / calc(var(--px) * 36) var(--font-display);letter-spacing:var(--g2);margin:var(--g6) 0 0;color:var(--cream);background:linear-gradient(180deg,#fff6dc 0 52%,#e9cf96 52% 78%,#c9a15d 78%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(calc(var(--px) * 3) calc(var(--px) * 3) 0 var(--ink));text-shadow:none}.title-content .ornament{justify-content:flex-start;margin:var(--g6) 0 var(--g8)}.tagline{font-style:italic;color:var(--text);line-height:calc(var(--px) * 13)}.title-actions{width:calc(var(--px) * 190);max-width:100%;margin-top:var(--g12);display:flex;flex-direction:column;gap:var(--g4)}.title-actions .button.primary{min-height:calc(var(--px) * 26)}.title-links{display:flex;align-items:center;justify-content:space-between;margin-top:var(--g6);color:var(--dim)}.title-links button{white-space:nowrap;padding:var(--g1) 0;border-bottom:var(--g1) solid var(--bronze);color:var(--text)}.title-links button:hover{color:var(--cream);border-color:var(--gold)}.title-links span{font:var(--s1) / 1 var(--font-small);color:var(--gold)}.title-footer{bottom:var(--g12)}.title-footer p{margin:0}.title-footer b{margin:0 var(--g3);color:var(--gold)}.live-dot{display:inline-block;width:var(--g2);height:var(--g2);margin-right:var(--g3);background:var(--gold);box-shadow:0 0 0 var(--px) var(--ink);animation:blink 1.2s steps(1) infinite;vertical-align:middle}@keyframes blink{50%{opacity:.25}}.modal-backdrop{position:absolute;inset:0;z-index:2;background-color:#070a0c8c;background-image:var(--dither);background-size:var(--g2) var(--g2);display:flex;align-items:center;justify-content:center;padding:var(--g8);pointer-events:auto}.panel{width:min(calc(var(--px) * 560),100%);max-height:calc(100dvh - var(--px) * 16);overflow:auto;position:relative;padding:var(--g8) var(--g12) var(--g12);border:calc(var(--px) * 7) solid;border-image:var(--frame-panel) 7 fill / calc(var(--px) * 7)}.close{position:absolute;right:var(--g4);top:var(--g4);display:flex;gap:var(--g3);align-items:center;padding:var(--g1) var(--g3);border:var(--g3) solid;border-image:var(--frame-chip) 3 fill / var(--g3)}.close:hover{border-image-source:var(--frame-chipHover)}.world-header{position:absolute;top:var(--g8);left:var(--g8);right:var(--g8);display:flex;justify-content:space-between;align-items:flex-start;z-index:1}.wordmark{font:var(--d2) / calc(var(--px) * 24) var(--font-display);letter-spacing:var(--g2);color:var(--cream);text-shadow:var(--shadow-2)}.wordmark span{display:flex;align-items:center;gap:var(--g3);font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--parchment);text-shadow:var(--shadow)}.wordmark span:before,.wordmark span:after{content:"";width:var(--g8);height:var(--g1);background:var(--gold);box-shadow:var(--shadow)}.menu-button{display:flex;align-items:center;gap:var(--g4);padding:var(--g1) var(--g4);border:var(--g4) solid;border-image:var(--frame-button) 4 fill / var(--g4);font:var(--d1) / calc(var(--px) * 12) var(--font-display);color:var(--cream)}.menu-button:hover{border-image-source:var(--frame-buttonHover)}.compass-ribbon{position:absolute;top:var(--g8);left:50%;transform:translate(-50%);width:min(calc(var(--px) * 196),46vw);pointer-events:none}.compass-track{position:relative;height:calc(var(--px) * 22);border:var(--g4) solid;border-image:var(--frame-compass) 4 fill / var(--g4)}.compass-track:before,.compass-track:after{content:"";position:absolute;top:calc(var(--px) * 3);width:calc(var(--px) * 7);height:calc(var(--px) * 7);background:var(--art-knob) 0 0 / 100% 100%}.compass-track:before{left:calc(var(--px) * -11)}.compass-track:after{right:calc(var(--px) * -11)}.compass-window{position:absolute;inset:0;overflow:hidden}.compass-needle{position:absolute;left:50%;top:calc(var(--px) * -8);width:calc(var(--px) * 7);height:calc(var(--px) * 5);transform:translate(-50%);background:var(--art-needle) 0 0 / 100% 100%;z-index:1}.compass-cardinal{position:absolute;top:var(--g1);transform:translate(-50%);font:var(--d1) / calc(var(--px) * 12) var(--font-display);color:var(--cream)}.compass-cardinal.north{color:var(--red)}.compass-cardinal.minor{top:var(--g4);font:var(--s1) / calc(var(--px) * 6) var(--font-small);color:var(--parchment)}.compass-tick{position:absolute;top:calc(var(--px) * 6);width:var(--g2);height:var(--g2);transform:translate(-50%);background:var(--gold);box-shadow:var(--shadow)}.compass-poi{position:absolute;top:calc(100% + var(--g2));transform:translate(-50%);display:flex;color:var(--parchment);filter:drop-shadow(var(--px) 0 0 var(--ink)) drop-shadow(0 var(--px) 0 var(--ink)) drop-shadow(calc(var(--px) * -1) 0 0 var(--ink)) drop-shadow(0 calc(var(--px) * -1) 0 var(--ink))}.compass-poi svg{width:calc(var(--px) * 11);height:calc(var(--px) * 11)}.compass-poi.pinned{color:#ffd57b;z-index:2}.compass-poi.pinned svg{width:calc(var(--px) * 17);height:calc(var(--px) * 17)}.compass-poi.raid{z-index:3;color:var(--red);filter:drop-shadow(0 0 calc(var(--px) * 2) #000)}.compass-poi.raid b{align-self:center}.compass-poi.teacher{color:#bcd6f2}.compass-poi.teacher svg{width:calc(var(--px) * 10);height:calc(var(--px) * 10)}.compass-poi.service{color:var(--parchment);opacity:.8}.compass-poi.service svg{width:calc(var(--px) * 9);height:calc(var(--px) * 9)}.compass-poi.pinned b{align-self:center}.compass-poi.horse,.compass-poi.horse b{color:#f0c98a}.compass-poi b{font:var(--d1) / 1 var(--font-display);color:#ffd57b}.compass-caption{display:block;min-height:var(--g8);margin-top:calc(var(--px) * 26);text-align:center;color:var(--parchment)}.quest-track{position:absolute;left:var(--g8);top:calc(var(--px) * 46);width:calc(var(--px) * 150)}.quest-track .eyebrow{color:var(--parchment)}.quest-track p{color:var(--text)}.raid-status,.wanted-status,.champion-status,.senses{position:absolute;border:calc(var(--px) * 5) solid;border-image:var(--frame-alert) 5 fill / calc(var(--px) * 5);padding:var(--g3) var(--g6) var(--g4);pointer-events:none}.hud-alerts{position:absolute;right:var(--g8);top:calc(var(--px) * 40);width:calc(var(--px) * 176);display:flex;flex-direction:column;gap:var(--g4);pointer-events:none}.hud-alerts>*{position:static;width:auto}.raid-status,.wanted-status{display:grid;grid-template-columns:auto 1fr;column-gap:var(--g6);align-items:start}.wanted-status.watched{border-color:var(--gold)}.wanted-status.watched em{color:var(--gold)}.raid-status .icon,.wanted-status .icon{grid-row:span 3;margin-top:var(--g2)}.raid-status strong,.wanted-status strong{font:var(--d1) / calc(var(--px) * 13) var(--font-display);color:var(--cream);border-bottom:var(--g1) solid var(--bronze);padding-bottom:var(--g2);margin-bottom:var(--g2)}.raid-status strong em,.wanted-status strong em{display:block;margin-top:var(--g2);font:var(--s1) / calc(var(--px) * 7) var(--font-small);letter-spacing:var(--px);color:var(--red)}.raid-status span,.wanted-status span{color:var(--text)}.raid-status small,.wanted-status small,.champion-status small{font:var(--t1) / calc(var(--px) * 11) var(--font-text);letter-spacing:0;color:var(--dim)}.champion-status{top:calc(var(--px) * 58);left:50%;transform:translate(-50%);width:min(calc(var(--px) * 210),70vw);display:grid;gap:var(--g2);text-align:center}.champion-status strong{font:var(--d1) / calc(var(--px) * 12) var(--font-display);color:var(--cream)}.champion-status span{color:var(--text)}.enemy-bar{height:calc(var(--px) * 6);width:calc(var(--px) * 72);margin:var(--g2) auto var(--g3);background:var(--ink);border:var(--g1) solid var(--ink);box-shadow:0 0 0 var(--px) var(--bronze)}.enemy-bar i{display:block;height:100%;background:linear-gradient(180deg,var(--red) 0 34%,var(--red-deep) 34% 100%)}.champion-status .enemy-bar{width:100%}.senses p:first-of-type{margin-top:var(--g2)}.senses small{color:var(--frost)}.senses p{margin:var(--g2) 0 0;color:var(--frost)}.senses b{color:var(--parchment);margin-left:var(--g3)}.crosshair{position:absolute;top:50%;left:50%;width:calc(var(--px) * 7);height:calc(var(--px) * 7);transform:translate(-50%,-50%);background:var(--art-crosshair) 0 0 / 100% 100%;opacity:.85}.interact{position:absolute;top:calc(50% + var(--g12));left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.interact .target-name{display:block;font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);text-transform:uppercase;color:var(--cream);text-shadow:var(--shadow);margin-bottom:var(--g1)}.interact .enemy-bar{height:calc(var(--px) * 4);width:calc(var(--px) * 44);margin:var(--g1) auto var(--g2)}.interact.hostile .target-name{color:var(--red)}.interact>span:last-child{color:var(--text)}.interact kbd{margin-right:var(--g2)}.interact>span.takedown{display:block;margin-top:var(--g1);color:var(--gold);text-shadow:var(--shadow)}.interact>span.takedown.kill{color:var(--red)}.cast-meter{position:absolute;bottom:calc(var(--px) * 34);left:50%;transform:translate(-50%);width:calc(var(--px) * 120);text-align:center}.cast-meter span{font:var(--d1) / calc(var(--px) * 13) var(--font-display);color:var(--cream)}.cast-meter>div{height:calc(var(--px) * 12);margin:var(--g2) 0;border:var(--g3) solid;border-image:var(--frame-bar) 3 / var(--g3);background:var(--night);background-clip:padding-box}.cast-meter i{display:block;height:100%;background:linear-gradient(180deg,#d6f3f1 0 34%,#7fc7c6 34% 100%)}.cast-meter small{color:var(--text)}.discovery{position:absolute;top:20%;left:50%;transform:translate(-50%);text-align:center;animation:discover 6s steps(24) forwards;pointer-events:none;width:calc(var(--px) * 240);max-width:92vw}.discovery>span{font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--g1);color:var(--gold)}.discovery h2{margin:var(--g4) 0 0}.discovery p{font-style:italic;color:var(--text)}@keyframes discover{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}.vitals{position:absolute;left:var(--g8);bottom:var(--g6);display:flex;flex-direction:column;gap:var(--g2)}.vital{display:grid;grid-template-columns:calc(var(--px) * 46) auto auto;align-items:center;gap:var(--g4);font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--cream)}.vital b{font:var(--s1) / 1 var(--font-small);color:var(--cream)}.vital.ammo b{color:var(--gold)}.vital.ammo.low b{color:var(--red)}.vital.ammo .icon{width:calc(var(--px) * 9);height:calc(var(--px) * 9)}.vital em{color:var(--dim)}.affliction.bleeding{color:var(--red)}.affliction.poisoned{color:var(--gold)}.affliction.burning{color:var(--shade)}.stealth-eye{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:var(--parchment)}.stealth-eye .eye-art{display:block;width:calc(var(--px) * 34);height:calc(var(--px) * 34);opacity:.88;transition:transform .25s,filter .25s}.stealth-eye.suspected .eye-art{transform:scale(1.08);filter:drop-shadow(0 0 var(--px) var(--gold))}.stealth-eye.seen .eye-art{transform:scale(1.16);filter:drop-shadow(0 0 calc(var(--px) * 2) var(--red))}.stealth-eye .lamp-art{position:absolute;top:50%;left:calc(100% + var(--px) * 2);width:calc(var(--px) * 16);height:calc(var(--px) * 16);transform:translateY(-50%);opacity:calc(.55 + .45 * var(--light))}.stealth-eye .eye{display:block;width:calc(var(--px) * 13);height:calc(var(--px) * (1 + 6 * var(--open)));border:var(--px) solid currentColor;border-radius:50%;transition:height .2s}.stealth-eye .gem{position:absolute;top:50%;left:calc(100% + var(--px) * 3);width:calc(var(--px) * 5);height:calc(var(--px) * 5);transform:translateY(-50%) rotate(45deg);border:var(--px) solid var(--ink);background:color-mix(in srgb,var(--cream) calc(var(--light) * 100%),var(--night));box-shadow:0 0 calc(var(--px) * 4 * var(--light)) var(--cream)}.stealth-eye.suspected{color:var(--gold)}.stealth-eye.seen{color:var(--red)}.ride-keys{font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--parchment)}.pip-bar{position:relative;width:calc(var(--px) * 78);height:calc(var(--px) * 13);border:var(--g3) solid;border-image:var(--frame-bar) 3 / var(--g3);background:var(--pip-socket) 0 0 / var(--g6) calc(var(--px) * 7) repeat-x;background-clip:padding-box}.pip-bar i{display:block;height:100%;width:calc(var(--px) * var(--fill));background:var(--pip-health) 0 0 / var(--g6) calc(var(--px) * 7) repeat-x}.pip-bar.stamina i{background-image:var(--pip-stamina)}.pip-bar.mana i{background-image:var(--pip-mana)}.allies{display:flex;flex-direction:column;gap:var(--g2);margin-bottom:var(--g3)}.ally{display:grid;gap:var(--g1);width:max-content;padding:var(--g2) var(--g4);border:var(--g2) solid;border-image:var(--frame-slot) 3 fill / var(--g2);font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--cream)}.ally-name{color:var(--gold);text-transform:uppercase}.ally-row{display:flex;align-items:center;gap:var(--g4)}.ally-row em{color:var(--dim)}.ally-time{width:calc(var(--px) * 78);height:calc(var(--px) * 5);background:var(--ink);box-shadow:0 0 0 var(--px) var(--bronze)}.ally-time i{display:block;height:100%;background:linear-gradient(180deg,var(--gold) 0 40%,var(--bronze) 40% 100%)}.element-condition,.breath{color:var(--frost);margin-bottom:var(--g1)}.breath{font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px)}.champion-buffs{display:flex;flex-wrap:wrap;gap:var(--g6);color:var(--frost)}.insight-card{display:grid;gap:var(--g1);margin:var(--g2) auto 0;padding:var(--g2) var(--g4);width:max-content;max-width:calc(var(--px) * 220);white-space:normal;border:var(--g2) solid;border-image:var(--frame-slot) 3 fill / var(--g2);font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);text-align:left;color:var(--text)}.insight-card div{display:grid;grid-template-columns:calc(var(--px) * 40) 1fr;gap:var(--g4)}.insight-card dt{color:var(--gold);text-transform:uppercase}.insight-card dd{margin:0}.hud-footer{position:absolute;left:var(--g8);right:var(--g8);bottom:var(--g6);display:grid;grid-template-columns:minmax(calc(var(--px) * 190),1fr) auto 1fr;align-items:end;gap:var(--g8);pointer-events:none}.hud-footer button{pointer-events:auto}.hotbar{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:var(--g2)}.hotbar .held{display:flex;flex-direction:column;align-items:center;min-height:calc(var(--px) * 20);margin:0;text-shadow:var(--shadow)}.hotbar .held b{font:var(--d1) / calc(var(--px) * 12) var(--font-display);color:var(--cream);letter-spacing:0}.hotbar .held small{font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold)}.hotbar .hands{display:flex;align-items:flex-start;gap:var(--g6)}.hotbar .left-hand{display:flex;flex-direction:column;align-items:center;gap:var(--g1);padding-right:var(--g6);border-right:var(--px) solid var(--bronze)}.hotbar .art-hand{display:flex;flex-direction:column;align-items:center;gap:var(--g1);padding-left:var(--g6);border-left:var(--px) solid var(--bronze)}.hotbar .art-hand .slot{position:relative}.hotbar .art-hand .slot.cooling img{opacity:.4;filter:grayscale(.8)}.art-wait{position:absolute;inset:0;display:grid;place-items:center;font:var(--d1) / 1 var(--font-display);color:var(--cream);text-shadow:var(--shadow)}.hotbar ol{display:flex;gap:var(--g2);margin:0;padding:0;list-style:none}.hotbar li{display:flex;flex-direction:column;align-items:center;gap:var(--g1)}.hotbar .slot{display:grid;place-items:center;width:calc(var(--px) * 24);height:calc(var(--px) * 24);padding:0;border:var(--g3) solid;border-image:var(--frame-slot) 3 fill / var(--g3);background:none;cursor:pointer}.hotbar .slot .item-picture{width:100%;height:100%;object-fit:contain;pointer-events:none}.hotbar .slot.empty{opacity:.6}.hotbar .slot.active{outline:var(--px) solid var(--gold);outline-offset:var(--px);transform:translateY(calc(var(--px) * -2))}.hotbar kbd{font:var(--s1) / calc(var(--px) * 8) var(--font-small);color:var(--text)}.hotbar li:has(.active) kbd{color:var(--gold)}.hud-footer.locked .hotbar .slot{pointer-events:none}.header-buttons{display:flex;flex-direction:column;align-items:flex-end;gap:var(--g3)}.shortcuts-key{display:flex;align-items:center;gap:var(--g2);padding:0;border:0;background:none;font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--text);cursor:pointer;text-shadow:var(--shadow)}.shortcuts-key:hover span{color:var(--cream)}.shortcuts-key.locked{pointer-events:none}.pocket-watch{position:absolute;right:var(--g8);bottom:var(--g6);display:flex;align-items:center;gap:var(--g4);pointer-events:none}.watch-readout{display:flex;flex-direction:column;align-items:flex-end;gap:var(--g1);white-space:nowrap;font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--parchment);text-shadow:var(--shadow)}.watch-readout em{color:var(--red);font-style:normal}.watch-readout em.mild{color:var(--gold)}.watch-needs{display:flex;gap:var(--g2);margin-top:var(--g1)}.watch-needs .need{display:inline-flex;font-style:normal;filter:drop-shadow(var(--px) 0 0 var(--ink)) drop-shadow(0 var(--px) 0 var(--ink)) drop-shadow(calc(var(--px) * -1) 0 0 var(--ink)) drop-shadow(0 calc(var(--px) * -1) 0 var(--ink))}.watch-needs .need.good{color:#9fd47c}.watch-needs .need.warn{color:var(--gold)}.watch-needs .need.bad{color:var(--red)}.watch-face{position:relative;height:calc(var(--px) * 96);aspect-ratio:314 / 384}.watch-case,.watch-disc{position:absolute;display:block}.watch-case{inset:0;width:100%;height:100%}.watch-disc{width:64.67%;left:17.55%;top:30.09%;border-radius:50%}.toast{position:absolute;left:50%;bottom:calc(var(--px) * 80);transform:translate(-50%);max-width:min(calc(var(--px) * 300),92vw);width:max-content;border:calc(var(--px) * 5) solid;border-image:var(--frame-alert) 5 fill / calc(var(--px) * 5);padding:var(--g2) var(--g6);color:var(--text);z-index:10;animation:toast 4.5s steps(18) forwards;pointer-events:none;display:flex;gap:var(--g4);align-items:center}.toast>span{color:var(--gold)}.toast.danger{color:#f3c3ae}.toast.danger>span{color:var(--red)}@keyframes toast{0%{opacity:0;translate:0 var(--g4)}8%,85%{opacity:1;translate:0 0}to{opacity:0}}.performance{position:absolute;bottom:calc(var(--px) * 112);left:50%;transform:translate(-50%);border:var(--g3) solid;border-image:var(--frame-slot) 3 fill / var(--g3);padding:var(--g2) var(--g4);font:var(--s1) / calc(var(--px) * 9) var(--font-small);letter-spacing:var(--px);color:var(--frost);white-space:nowrap;z-index:10;pointer-events:none}.panel-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--g6) var(--g8);border-top:var(--g1) solid var(--bronze);box-shadow:0 calc(var(--px) * -1) 0 var(--ink);padding-top:var(--g8);margin-top:var(--g12);color:var(--dim)}.panel-footer>span:last-child{margin-left:auto}.quest-card,.craft-list article,.background-card,.pause-sections button,.atlas-directory button{min-width:0;border:var(--g4) solid;border-image:var(--frame-card) 4 fill / var(--g4);padding:var(--g4) var(--g6) var(--g6);white-space:normal}.quest-card{margin-bottom:var(--g6)}.quest-card>div,.quest-card>span:first-child,.quest-card>small:first-child{display:flex;justify-content:space-between;gap:var(--g4);font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold)}.quest-card>div small{color:var(--dim)}.quest-card h3{margin:var(--g3) 0 var(--g3);color:var(--cream)}.quest-card p{color:var(--dim);margin-bottom:var(--g4)}.quest-card b{display:block;color:var(--parchment);margin-bottom:var(--g4)}.quest-card.complete{opacity:.6}.quest-card.tracked{outline:var(--g2) solid var(--gold);outline-offset:var(--g2)}.quest-card button.tracking{border-color:var(--gold);color:var(--gold)}.quest-card.complete>div{color:var(--green)}.entry{padding:var(--g6) 0;border-bottom:var(--g1) solid var(--bronze);box-shadow:0 var(--px) 0 var(--ink)}.entry b{font:var(--d1) / calc(var(--px) * 13) var(--font-display);color:var(--cream)}.entry small{color:var(--gold)}.entry b~small{display:block;margin-bottom:var(--g3);font:var(--t1) / calc(var(--px) * 11) var(--font-text);letter-spacing:0;color:var(--shade)}.entry p{color:var(--dim);margin:var(--g2) 0 var(--g4)}.journal-grid .eyebrow{margin-top:var(--g12)}.journal-grid .eyebrow:first-child{margin-top:0}.journal-fold{margin-top:var(--g8);border:var(--g1) solid #8b653466;background:var(--night)}.journal-fold-body{padding:var(--g6) var(--g6) 0}.journal-fold .quest-card.complete{opacity:1}.panel-create{width:min(calc(var(--px) * 600),100%)}.creation-grid{display:grid;grid-template-columns:1fr calc(var(--px) * 150);gap:var(--g12)}.background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g4)}.background-card{text-align:left;min-height:calc(var(--px) * 104)}.background-card:hover{border-image-source:var(--frame-chipHover)}.background-card>span{font:var(--t2) / 1 var(--font-text);color:var(--gold)}.background-card h3{margin:var(--g4) 0 var(--g2)}.background-card p{color:var(--dim);margin-bottom:var(--g4)}.background-card small{display:block;color:var(--gold)}.background-card.selected{border-image-source:var(--frame-buttonHover)}.background-card.selected h3{color:var(--cream)}.creation-grid aside{display:flex;flex-direction:column;gap:var(--g4)}.traveller-emblem{font:var(--t2) / 1 var(--font-text);color:var(--gold);text-align:center}.creation-grid label{font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold)}.creation-grid input{width:100%}.creation-grid aside>p{color:var(--dim);margin:0}.start-gear>span{font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold)}.start-gear p{margin:var(--g2) 0}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g4)}.background-card.choice{display:flex;flex-direction:column;align-items:center;gap:var(--g2);min-height:0;padding:var(--g3) var(--g2) var(--g4);text-align:center}.background-card.choice b{font:var(--t1) / 1.1 var(--font-text);color:var(--text)}.background-card.choice.selected b{color:var(--cream)}.background-card.choice small{color:var(--dim);font:var(--s1) / 1 var(--font-small)}.choice-pic,.creator-portrait,.creator-sign{display:grid;grid-template:100% / 100%;place-items:center}.choice-pic{width:calc(var(--px) * 54);height:calc(var(--px) * 54)}.choice-pic span,.creator-portrait>span{font:var(--d2) / 1 var(--font-text);color:var(--gold)}.choice-pic img,.creator-portrait img,.creator-sign img{width:100%;height:100%;object-fit:contain;pointer-events:none}.choice-detail{margin-top:var(--g6);padding:var(--g4) var(--g6);border:var(--g4) solid;border-image:var(--frame-card) 4 fill / var(--g4)}.choice-detail h3{margin:0 0 var(--g2)}.choice-detail h3 small{color:var(--dim);margin-left:var(--g2)}.choice-detail p{margin:0 0 var(--g2)}.creator-portrait{position:relative;height:calc(var(--px) * 112);padding:var(--g3);border:var(--g3) solid;border-image:var(--frame-slot) 3 fill / var(--g3)}.creator-sign{position:absolute;right:calc(var(--px) * -6);bottom:calc(var(--px) * -6);width:calc(var(--px) * 40);height:calc(var(--px) * 40)}.pause-grid{display:grid;grid-template-columns:calc(var(--px) * 196) 1fr;gap:var(--g12)}.pause-grid nav{display:flex;flex-direction:column;gap:var(--g3)}.pause-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--g4);align-content:start}.pause-sections button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--g6);align-items:center;text-align:left;min-height:calc(var(--px) * 46)}.pause-sections button:hover{border-image-source:var(--frame-buttonHover)}.pause-sections .icon{grid-row:span 2;width:calc(var(--px) * var(--w) * 2);height:calc(var(--px) * var(--h) * 2)}.pause-sections h3{margin:0;color:var(--cream)}.pause-sections p{margin:var(--g2) 0 0;color:var(--dim)}.relic-note{color:var(--gold)}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g4);margin-bottom:var(--g6)}.equipment-grid .quest-card{display:grid;grid-template-columns:calc(var(--px) * 18) 1fr auto;align-items:center;column-gap:var(--g4);margin:0;padding:var(--g3) var(--g4)}.slot-mark{display:grid;place-items:center;width:calc(var(--px) * 18);height:calc(var(--px) * 18);border:var(--g3) solid;border-image:var(--frame-slot) 3 fill / var(--g3);color:var(--mute);font:var(--t1) / 1 var(--font-text)}.equipment-grid .filled .slot-mark{color:var(--gold)}.equipment-grid .quest-card>div{display:block;min-width:0;font:inherit;letter-spacing:0;color:inherit}.equipment-grid h3{margin:0;text-transform:capitalize}.equipment-grid p{margin:0;color:var(--dim)}.equipment-grid .filled p{color:var(--text)}.ammo-line{display:flex;align-items:center;gap:var(--g4);color:var(--dim)}.inventory-list{max-height:46vh;overflow:auto;border-top:var(--g1) solid var(--bronze);border-bottom:var(--g1) solid var(--bronze);margin:var(--g6) 0}.item-row{display:flex;align-items:center;gap:var(--g6);border-bottom:var(--g1) solid #8b653455;padding:var(--g4) var(--g2)}.item-row:hover{background:#ffffff08}.item-icon{display:grid;place-items:center;flex:none;width:calc(var(--px) * 26);height:calc(var(--px) * 26);border:var(--g3) solid;border-image:var(--frame-slot) 3 fill / var(--g3);font:var(--t1) / 1 var(--font-text);color:var(--gold)}.item-row>div{flex:1;min-width:0}.item-icon img{width:100%;height:100%;object-fit:contain;pointer-events:none}.item-icon.small{width:calc(var(--px) * 18);height:calc(var(--px) * 18)}.shop-row>div{flex:1;min-width:0}.possessions{display:grid;grid-template-columns:auto 1fr;gap:var(--g8);align-items:stretch}.body-slots{display:grid;grid-template-columns:repeat(3,calc(var(--px) * 38));grid-auto-rows:calc(var(--px) * 38);gap:var(--g3);align-content:start}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,calc(var(--px) * 40));grid-auto-rows:calc(var(--px) * 40);gap:var(--g3);justify-content:start}.item-grid.scroll{max-height:calc(var(--px) * 178);overflow:auto;padding:var(--g2) var(--g4) var(--g2) var(--g2)}.item-tile{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;padding:var(--g2);border:var(--g3) solid;border-image:var(--frame-slot) 3 fill / var(--g3);background:none;box-shadow:none;color:var(--gold);cursor:pointer}.item-tile:hover:not(:disabled){filter:brightness(1.18)}.item-tile.selected{outline:var(--px) solid var(--gold);outline-offset:var(--px)}.item-tile.rare:after,.item-tile.stolen:after{content:"";position:absolute;inset:var(--px);pointer-events:none}.item-tile.rare:after{box-shadow:inset 0 0 0 var(--px) color-mix(in srgb,var(--rarity) 70%,transparent),inset 0 calc(var(--px) * -3) 0 var(--rarity)}.item-tile.stolen:after{box-shadow:inset 0 0 0 calc(var(--px) * 2) var(--red),inset 0 calc(var(--px) * -4) 0 var(--rarity, var(--red));background:color-mix(in srgb,var(--red) 12%,transparent)}.item-tile img,.detail-picture img{width:100%;height:100%;object-fit:contain;pointer-events:none}.item-tile.dim img{opacity:.45;filter:grayscale(.7)}.item-tile.empty{cursor:default;opacity:.55}.item-tile.empty:disabled{filter:none}.tile-glyph{font:var(--t2) / 1 var(--font-text);color:var(--gold)}.tile-label{font:var(--s1) / 1.1 var(--font-small);color:var(--dim);text-align:center;text-transform:uppercase}.tile-count,.tile-level,.tile-tag{position:absolute;z-index:1;bottom:calc(var(--px) * 3);font:var(--s1) / 1 var(--font-small);text-shadow:var(--px) 0 var(--ink),calc(var(--px) * -1) 0 var(--ink),0 var(--px) var(--ink),0 calc(var(--px) * -1) var(--ink)}.tile-count{right:var(--px);color:var(--cream)}.tile-tag{left:var(--px);color:var(--gold)}.tile-tag.warn{color:var(--red)}.tile-odds{position:absolute;z-index:1;top:var(--px);left:var(--px);font:var(--s1) / 1 var(--font-small);color:var(--cream);text-shadow:var(--px) 0 var(--ink),calc(var(--px) * -1) 0 var(--ink),0 var(--px) var(--ink),0 calc(var(--px) * -1) var(--ink)}.tile-level{right:var(--px);color:var(--rarity, var(--gold))}.tile-mark{position:absolute;z-index:1;top:var(--px);width:var(--g4);height:var(--g4);box-shadow:var(--shadow)}.tile-mark.equipped{left:var(--px);background:var(--gold)}.tile-mark.stolen{right:var(--px);background:var(--red)}.item-detail{display:grid;grid-template-columns:calc(var(--px) * 104) 1fr;gap:var(--g8);align-items:start;min-width:0;min-height:calc(var(--px) * 161);padding:var(--g6);border:var(--g4) solid;border-image:var(--frame-card) 4 fill / var(--g4)}.item-detail.none{display:grid;place-items:center;grid-template-columns:1fr}.detail-picture{display:grid;place-items:center;width:calc(var(--px) * 104);height:calc(var(--px) * 104);padding:var(--g4);border:var(--g3) solid;border-image:var(--frame-slot) 3 fill / var(--g3)}.detail-picture .tile-glyph{font:var(--d3) / 1 var(--font-text)}.detail-text{min-width:0}.detail-text h3{margin:0 0 var(--g2);font:var(--d1) / 1.1 var(--font-display)}.detail-sub{margin:0 0 var(--g4);color:var(--dim)}.detail-needs{margin:0 0 var(--g4);color:var(--text)}.detail-needs .unmet{color:var(--red)}.detail-facts{max-height:calc(var(--px) * 96);overflow:auto}.detail-facts p{margin:0 0 var(--g3)}.detail-facts .lore{color:var(--dim);font-style:italic}.detail-buttons{display:flex;flex-wrap:wrap;gap:var(--g4);margin-top:var(--g6)}.pack-title{margin:var(--g8) 0 var(--g4);color:var(--dim);font:var(--t1) / 1 var(--font-text)}.trade{display:grid;grid-template-columns:1fr calc(var(--px) * 236);gap:var(--g8);align-items:start}.trade .item-detail{grid-template-columns:1fr;justify-items:center;text-align:center}.trade .detail-buttons{justify-content:center}.tab-turn{align-self:center}.detail-buttons>.pad-glyph{align-self:center}.trade-tabs{display:flex;flex-wrap:wrap;gap:var(--g4);margin-bottom:var(--g6)}.trade-tabs button[aria-pressed=true]{outline:var(--px) solid var(--gold);outline-offset:var(--px)}.item-row h3{margin:0 0 var(--g1)}.item-row h3 small{margin-left:var(--g2)}.item-row p{margin:0;color:var(--dim)}.item-row .quiet{color:var(--dim)}.needs{display:flex;flex-wrap:wrap;gap:var(--g4) var(--g12);color:var(--dim);margin-top:var(--g8)}.needs b{margin-left:var(--g2)}.character-meta{display:flex;flex-wrap:wrap;gap:var(--g6) var(--g16);margin:var(--g8) 0;font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold)}.character-meta b{display:block;margin-top:var(--g2);font:var(--d1) / calc(var(--px) * 13) var(--font-display);letter-spacing:0;color:var(--cream)}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g6) var(--g12);margin:var(--g8) 0}.skills>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--g2) var(--g4)}.skills>div>b{font:var(--d1) / 1 var(--font-display);color:var(--cream)}.skills>div>button{grid-column:1 / -1;justify-self:start}.skills .quest-card{margin:0}.skill-experience{grid-column:1 / -1;color:var(--dim)}.skill-bar{grid-column:1 / -1;height:calc(var(--px) * 4);background:var(--night);box-shadow:0 0 0 var(--px) var(--ink)}.skill-bar i{display:block;height:100%;background:linear-gradient(180deg,var(--cream) 0 50%,var(--gold) 50%)}.arts-group h4{margin:var(--g8) 0 var(--g4);font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold);text-transform:uppercase}.art-card.readied{outline:var(--px) solid var(--gold);outline-offset:var(--px)}.book{display:grid;grid-template-columns:calc(var(--px) * 92) minmax(0,1fr);gap:var(--g8);align-items:start}.book-pages{display:flex;flex-direction:column;gap:var(--g3);position:sticky;top:0;z-index:1}:where(.panel) .book-pages button{display:flex;justify-content:space-between;align-items:center;gap:var(--g3);text-align:left;white-space:normal;padding:var(--g2) var(--g4)}.book-pages button[aria-selected=true]{border-image-source:var(--frame-chipHover);color:var(--gold);outline:var(--px) solid var(--gold);outline-offset:var(--px)}.book-badge{min-width:calc(var(--px) * 9);padding:0 var(--g2);background:var(--gold);color:var(--ink);text-shadow:none;text-align:center;font:var(--s1) / calc(var(--px) * 9) var(--font-small)}.book-page{min-width:0}.book-page>h3:first-child{margin-top:0}@media(max-width:760px){.book{grid-template-columns:minmax(0,1fr)}.book-pages{flex-direction:row;flex-wrap:wrap;position:static}}.perks-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--g6);margin-bottom:var(--g4)}.perk-points b{color:var(--gold)}.perk-browser{display:grid;grid-template-columns:calc(var(--px) * 104) minmax(0,1fr);gap:var(--g8);align-items:start}.perk-skills{display:flex;flex-direction:column;gap:var(--g2)}.perk-skills .eyebrow{margin-top:var(--g4)}:where(.panel) .perk-skills button.perk-skill{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--g3);text-align:left;white-space:normal}.perk-skills button.perk-skill em{grid-column:1 / -1;font:var(--s1) / calc(var(--px) * 8) var(--font-small);font-style:normal;color:var(--gold)}.perk-skills button.perk-skill[aria-pressed=true]{border-image-source:var(--frame-chipHover);outline:var(--px) solid var(--gold);outline-offset:var(--px)}.perk-tree .perk-tier{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:var(--g3);margin-bottom:var(--g4)}.perk-rank{flex:0 0 calc(var(--px) * 18);align-self:center;color:var(--dim);font:var(--s1) / 1 var(--font-small);text-align:right}:where(.panel) .perk-tree button.perk{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;white-space:normal;text-align:left;min-width:calc(var(--px) * 70);padding:var(--g2) var(--g4)}.perk-tree button.perk small{font:var(--s1) / calc(var(--px) * 8) var(--font-small);color:var(--dim)}.perk-tree button.perk.taken small{color:var(--green)}.perk-tree button.perk.ready small{color:var(--gold)}.perk-tree button.perk.shut{color:var(--mute)}.perk-tree button.perk.chosen{outline:var(--px) solid var(--cream);outline-offset:var(--px)}.perk-browser .perk-detail{position:static;margin-top:var(--g6)}@media(max-width:760px){.perk-browser{grid-template-columns:minmax(0,1fr)}}.loadout-bar{display:flex;flex-wrap:wrap;gap:var(--g8);align-items:flex-end;margin-bottom:var(--g4)}.loadout-slots{display:flex;flex-wrap:wrap;gap:var(--g2)}.loadout-slot{position:relative;width:calc(var(--px) * 24);height:calc(var(--px) * 24);display:grid;place-items:center;border:var(--g2) solid;border-image:var(--frame-slot, var(--frame-chip)) 3 fill / var(--g2)}:where(.panel) button.loadout-slot{padding:0;min-height:0}.loadout-slot img,.loadout-slot .icon{max-width:80%;max-height:80%;image-rendering:pixelated}.loadout-slot small{position:absolute;right:var(--g1);bottom:0;font:var(--s1) / 1 var(--font-small);color:var(--dim)}.loadout-slot.held{box-shadow:inset 0 0 0 var(--px) var(--gold)}.loadout-slot.chosen{outline:var(--px) solid var(--cream);outline-offset:var(--px)}.loadout.placing .loadout-slots .loadout-slot:not(:focus){outline:var(--px) dashed var(--gold);outline-offset:var(--px)}.loadout.placing .loadout-slots .loadout-slot:focus{outline:var(--g2) solid var(--cream);outline-offset:var(--px);background:var(--bronze)}.loadout-placing{color:var(--gold)}.loadout-pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--g8);align-items:start;margin-top:var(--g4)}.loadout-list{display:flex;flex-direction:column;gap:var(--g2);max-height:max(calc(var(--px) * 110),calc(100dvh - var(--px) * 200));overflow:auto;padding:var(--g1)}.loadout-list>*{flex:none}:where(.panel) .loadout-list button.loadout-entry{display:grid;grid-template-columns:calc(var(--px) * 14) minmax(0,1fr);align-items:center;gap:var(--g4);text-align:left;white-space:normal;padding:var(--g1) var(--g4)}.loadout-entry small{display:block;font:var(--s1) / calc(var(--px) * 8) var(--font-small);color:var(--dim)}.loadout-entry[aria-pressed=true]{outline:var(--px) solid var(--gold);outline-offset:var(--px)}.loadout-pic{display:grid;place-items:center;width:calc(var(--px) * 14);height:calc(var(--px) * 14)}.loadout-pic img,.loadout-pic .icon{max-width:100%;max-height:100%;image-rendering:pixelated}.loadout-detail{position:sticky;top:0;padding:var(--g4) var(--g6) var(--g6);border:var(--g4) solid;border-image:var(--frame-card) 4 fill / var(--g4)}.loadout-detail h3{margin:0 0 var(--g2);color:var(--cream)}.spell-filter{display:flex;gap:var(--g4);margin-bottom:var(--g4)}.spell-filter button[aria-pressed=true]{outline:var(--px) solid var(--gold);outline-offset:var(--px)}@media(max-width:760px){.loadout-pick{grid-template-columns:minmax(0,1fr)}}.perk-trees{margin:var(--g6) 0 var(--g12)}.perk-trees h4{margin:var(--g8) 0 var(--g2);font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold);text-transform:uppercase}.perk-row{display:grid;grid-template-columns:calc(var(--px) * 74) repeat(5,minmax(0,1fr));gap:var(--g2) var(--g3);align-items:center;margin-bottom:var(--g2)}.perk-head span{font:var(--s1) / 1 var(--font-small);color:var(--dim);text-align:center}.perk-skill{color:var(--text)}.perk-skill b{color:var(--cream)}.perk-tier{display:flex;flex-direction:column;gap:var(--g1);min-width:0}.perk-trees button.perk{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:var(--s1)}.perk-trees button.perk.taken{color:var(--ink);text-shadow:none;background:var(--gold)}.perk-trees button.perk.shut{color:var(--mute)}.perk-trees button.perk.chosen{outline:var(--px) solid var(--cream);outline-offset:var(--px)}.perk-detail{position:sticky;bottom:0;z-index:2;margin-top:var(--g8);padding:var(--g4) var(--g6) var(--g6);border:var(--g4) solid;border-image:var(--frame-card) 4 fill / var(--g4)}.perk-detail h3{margin:0 0 var(--g3);color:var(--cream)}.perk-detail p{color:var(--dim)}.perk-detail small{display:block;margin:var(--g3) 0;color:var(--gold)}.perk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--px) * 120),1fr));gap:var(--g4);margin:var(--g6) 0 var(--g12)}.perk-grid .quest-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--g2);margin:0}.perk-grid .quest-card h3{margin:0}.perk-grid .quest-card p{flex:1;margin:0}.spell-loadout{display:flex;gap:var(--g6);flex-wrap:wrap;margin:var(--g6) 0}.spell-loadout label,.inscription>label,.panel-craft>label{display:inline-flex;flex-direction:column;gap:var(--g2);margin:0 var(--g6) var(--g6) 0;font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold)}.spell-loadout select,.panel-craft select{min-width:calc(var(--px) * 90);letter-spacing:0}.inscription{margin:var(--g12) 0}.inscription>button,.panel-craft>button{margin:0 var(--g3) var(--g4) 0}.journal-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--g12)}.map-frame{display:grid;grid-template-columns:1fr calc(var(--px) * 130);gap:var(--g8);height:55vh}.map-frame>svg{height:100%;width:100%;border:var(--g4) solid;border-image:var(--frame-card) 4 / var(--g4);background:#b9aa88}.map-place{cursor:pointer}.map-place text{font-size:19px;fill:#302f26;font-family:var(--font-display);paint-order:stroke;stroke:#ccbe9b;stroke-width:3px}.map-place:hover text{fill:#8f422f}.map-north{font:25px var(--font-display);fill:#544e40;text-anchor:middle}.map-frame aside{padding:var(--g4) 0}.map-frame aside>span{font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--gold)}.map-frame aside h3{margin-top:var(--g4);color:var(--cream)}.map-frame aside p{color:var(--dim)}.map-frame hr{border:0;border-top:var(--g1) solid var(--bronze);margin:var(--g8) 0}.atlas-toolbar{display:flex;align-items:center;gap:var(--g3);flex-wrap:wrap;margin:var(--g6) 0}.atlas-toolbar small{margin-left:auto;color:var(--parchment)}.exploration-map{height:auto;align-items:start}.exploration-map>svg{aspect-ratio:1;min-width:0;height:auto;max-height:calc(var(--px) * 340);cursor:crosshair;background:#383b36}.atlas-label{fill:#f8e7bf;stroke:#1d211d;stroke-width:6px;paint-order:stroke;font-family:var(--font-display)}.atlas-landmark{cursor:pointer}.atlas-landmark:focus circle,.atlas-landmark:hover circle{stroke:#fff2c9;stroke-width:5}.biome-legend{display:grid;gap:var(--g2);margin:var(--g4) 0}.biome-legend>div{display:flex;gap:var(--g4);align-items:center}.biome-legend i{width:var(--g8);height:var(--g6);box-shadow:0 0 0 var(--px) var(--ink),0 0 0 calc(var(--px) * 2) var(--bronze)}.icon-legend{display:flex;gap:var(--g3) var(--g6);flex-wrap:wrap}.icon-legend>span{display:flex;align-items:center;gap:var(--g2);color:var(--text)}.icon-legend svg{width:calc(var(--px) * 11);height:calc(var(--px) * 11);color:var(--parchment)}.atlas-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--px) * 110),1fr));gap:var(--g4)}.atlas-directory button{display:flex;align-items:center;gap:var(--g4);text-align:left;color:var(--cream);font:var(--d1) / calc(var(--px) * 13) var(--font-display)}.atlas-directory button:hover{border-image-source:var(--frame-buttonHover)}.atlas-directory svg{flex:none;width:calc(var(--px) * 11);height:calc(var(--px) * 11);color:var(--gold)}.atlas-directory small{display:block;margin-top:var(--g1)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--g16)}.settings-grid label{display:block;margin:0 0 var(--g8);color:var(--text)}.settings-grid select{display:block;width:100%;margin-top:var(--g2)}.settings-grid input[type=range]{display:block;margin-top:var(--g2)}.settings-grid .toggle{display:flex;justify-content:space-between;align-items:center;gap:var(--g6);border-bottom:var(--g1) solid #8b653466;padding-bottom:var(--g6);margin-bottom:var(--g6)}.settings-grid h3{margin-top:var(--g12)}.rebinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g3);margin:var(--g4) 0 var(--g8)}.rebinds button{text-align:left;white-space:normal}.rebinds.pad-binds{grid-template-columns:minmax(0,1fr)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g12)}.guide-grid h3{margin:0 0 var(--g4)}.guide-grid p{color:var(--dim)}.guide-grid kbd{vertical-align:calc(var(--px) * -1)}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g12)}.shortcut-grid h3{margin:0 0 var(--g4)}.shortcut-grid dl{display:grid;gap:var(--g4);margin:0}.shortcut-grid dl>div{display:grid;gap:var(--g1)}.shortcut-grid dt{display:flex;flex-wrap:wrap;gap:var(--g1)}.shortcut-grid dd{margin:0;color:var(--dim)}.pad-layout{margin-bottom:var(--g12)}.pad-layout h3{margin:0 0 var(--g6)}.pad-layout dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g4) var(--g12);margin:0}.pad-layout dl>div{display:grid;grid-template-columns:calc(var(--px) * 48) minmax(0,1fr);align-items:center;gap:var(--g6)}.pad-layout dt{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--g1)}.pad-layout dd{margin:0;color:var(--dim)}.pad-layout .pad-glyph{min-width:calc(var(--px) * 12);height:calc(var(--px) * 12)}.panel-dialogue{width:min(calc(var(--px) * 380),100%);text-align:center;padding:var(--g12) var(--g16) var(--g8)}.panel-dialogue .eyebrow{margin:0 auto var(--g6)}.panel-dialogue h2{font-size:var(--d2);margin:0}.dialogue-role{display:block;color:var(--dim);font:var(--s1) / calc(var(--px) * 10) var(--font-small);letter-spacing:var(--px)}.dialogue-text{white-space:pre-line;margin:var(--g8) 0;color:var(--text);font:var(--t1) / calc(var(--px) * 13) var(--font-text)}.dialogue-choices{text-align:left;display:flex;flex-direction:column;gap:var(--g4);margin-top:var(--g8)}.dialogue-choices .button{border-width:calc(var(--px) * 5);border-image:var(--frame-primary) 5 fill / calc(var(--px) * 5);padding:var(--g1) var(--g6);font:var(--d1) / calc(var(--px) * 12) var(--font-display);color:var(--ink);text-shadow:var(--px) var(--px) 0 #fff6dc80}.dialogue-choices .button:hover:not(:disabled){border-image-source:var(--frame-primaryHover)}.dialogue-choices .button .chevron{color:#6b4a22;text-shadow:none}.leave{margin-top:var(--g4);padding:var(--g4);text-align:center;font-style:italic;color:var(--dim)}.leave:hover{color:var(--cream)}.leave:before{content:"◆";display:block;margin-bottom:var(--g4);font-style:normal;color:var(--gold)}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--g12)}.shop-grid h3{color:var(--parchment);border-bottom:var(--g1) solid var(--bronze);box-shadow:0 var(--px) 0 var(--ink);padding-bottom:var(--g4)}.shop-row{display:flex;justify-content:space-between;align-items:center;gap:var(--g6);padding:var(--g3) 0;border-bottom:var(--g1) solid #8b653455}.shop-row b{color:var(--cream)}.shop-row small{display:block;margin-top:var(--g1)}.craft-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g4);margin-bottom:var(--g8)}.craft-list article{display:flex;flex-direction:column;gap:var(--g2)}.card-pic{display:grid;place-items:center;width:calc(var(--px) * 44);height:calc(var(--px) * 44);padding:var(--g2);border:var(--g3) solid;border-image:var(--frame-slot) 3 fill / var(--g3);font:var(--t2) / 1 var(--font-text);color:var(--gold)}.spell-card .card-pic{float:left;margin:0 var(--g6) var(--g2) 0}.card-pic img{width:100%;height:100%;object-fit:contain;pointer-events:none}.craft-list article>span{font:var(--t2) / 1 var(--font-text);color:var(--gold)}.craft-list h3{margin:var(--g2) 0;color:var(--cream)}.craft-list p{color:var(--dim);margin:0}.craft-list .makes{border-top:var(--g1) solid var(--bronze);box-shadow:0 calc(var(--px) * -1) 0 var(--ink);padding-top:var(--g3);color:var(--text)}.craft-list small{display:block;margin-bottom:var(--g2)}.craft-list .button{margin-top:auto;min-height:calc(var(--px) * 22)}.craft-list .button:only-of-type{border-width:calc(var(--px) * 5);border-image:var(--frame-primary) 5 fill / calc(var(--px) * 5);padding:var(--g1) var(--g6);color:var(--ink);text-shadow:var(--px) var(--px) 0 #fff6dc80}.craft-list .button:only-of-type:hover:not(:disabled){border-image-source:var(--frame-primaryHover)}.craft-list .button:only-of-type .chevron{color:#6b4a22;text-shadow:none}.craft-list article>button:not(.button){align-self:flex-start}.panel-ending,.panel-dead{width:min(calc(var(--px) * 360),100%);text-align:center}.panel-ending .eyebrow,.panel-dead .eyebrow{margin:0 auto var(--g4)}.ending-symbol{font:var(--t2) / 1 var(--font-text);color:var(--gold);margin-bottom:var(--g8)}.ending-text{color:var(--text);margin:var(--g8) 0}.panel-ending>.button,.panel-dead>.button,.panel-load .button{margin-top:var(--g4)}.cheat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g4);margin-bottom:var(--g4)}.cheat-weather{display:flex;flex-wrap:wrap;gap:var(--g3);margin-bottom:var(--g12)}.debug-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g8)}.debug-grid .button{min-height:calc(var(--px) * 20);margin-bottom:var(--g3)}@media(max-width:900px){.title-content{left:var(--g16)}.creation-grid{grid-template-columns:1fr}.traveller-emblem,.creation-grid aside>p,.start-gear{display:none}.guide-grid,.shortcut-grid,.craft-list,.equipment-grid{grid-template-columns:1fr 1fr}.shortcuts-key span{display:none}}@media(max-width:700px),(max-aspect-ratio:1/1){.title-content h1{font-size:var(--d2);line-height:calc(var(--px) * 24)}.pause-grid,.journal-grid,.settings-grid,.shop-grid{grid-template-columns:1fr}.pause-sections{display:none}.map-frame{height:auto;display:block}.map-frame>svg{height:55vh}.skills{grid-template-columns:1fr 1fr}.guide-grid,.shortcut-grid,.debug-grid,.pad-layout dl{grid-template-columns:1fr}.background-grid,.equipment-grid{grid-template-columns:1fr 1fr}.vitals{bottom:calc(var(--px) * 62)}.hud-footer{grid-template-columns:1fr auto 1fr}.compass-ribbon{top:calc(var(--px) * 40);width:70vw}.pocket-watch{bottom:calc(var(--px) * 62)}.quest-track{top:calc(var(--px) * 100)}.raid-status,.wanted-status{width:calc(var(--px) * 130);top:calc(var(--px) * 110)}.title-footer p,.title-footer>span:last-child,.chapter-label{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}.loader:after,.live-dot{animation:none}.discovery{animation:none;opacity:1}}.ammo-line .eyebrow{margin:0}.purses{display:flex;flex-wrap:wrap;gap:var(--g4);margin:var(--g2) 0 var(--g4)}.purse{display:flex;align-items:center;gap:var(--g3);padding:var(--g2) var(--g6);border:var(--g3) solid;border-image:var(--frame-slot) 3 fill / var(--g3)}.purse-label{font:var(--s1) / 1.1 var(--font-small);color:var(--dim);text-transform:uppercase}.purse b{font:var(--t2) / 1 var(--font-text);color:var(--gold)}.purse.short b{color:var(--red)}.purse.fence b{color:var(--red);font:var(--s1) / 1.1 var(--font-small);text-transform:uppercase}.container-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--g6);margin-top:var(--g4)}.container-foot .muted{margin:0}.container-warn{color:var(--red)}.lockpick{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--g2);padding:var(--g3);background:radial-gradient(ellipse at 50% 56%,#1d160ee6,#050506f5 72%);color:var(--text);cursor:ew-resize;user-select:none;pointer-events:auto}.lockpick header{text-align:center}.lockpick header h2{margin:0;font-family:var(--font-display);color:var(--cream);text-shadow:var(--shadow)}.lockpick header p{margin:0;color:var(--dim)}.lockpick-grade{font-family:var(--font-display)}.lockpick-grade.grade-0{color:var(--cream)}.lockpick-grade.grade-1{color:var(--green)}.lockpick-grade.grade-2{color:var(--blue)}.lockpick-grade.grade-3{color:#c79bf2}.lockpick-grade.grade-4{color:#f0a24a}.lockpick canvas{width:min(92vw,calc(58vh * 320 / 300));aspect-ratio:320 / 300;image-rendering:pixelated}.lockpick-status{min-height:1.4em;margin:0;font-family:var(--font-display);color:var(--cream);text-shadow:var(--shadow)}.lockpick-status.bad{color:var(--red)}.lockpick-status.good{color:var(--gold)}.lockpick-picks{display:flex;align-items:center;gap:calc(var(--px) * 3)}.lockpick-picks i{width:calc(var(--px) * 2);height:calc(var(--px) * 11);background:linear-gradient(var(--cream),var(--mute));box-shadow:var(--px) 0 0 var(--ink);transform:rotate(22deg)}.lockpick-picks span{margin-left:var(--g3);color:var(--dim)}.lockpick-keys{margin:0;color:var(--mute);font-family:var(--font-small)}.lockpick .leave{cursor:pointer}.quest-track.tracking small{display:block;margin-top:var(--g1);color:var(--gold);text-shadow:var(--shadow)}.save-journeys{display:grid;gap:var(--g6);max-height:62vh;overflow-y:auto;margin:var(--g8) 0;padding-right:var(--g4)}.save-journey{border:var(--g1) solid #8b653466;background:var(--night)}.save-journey-head,.journal-fold-head{display:flex;align-items:baseline;gap:var(--g6);width:100%;padding:var(--g6) var(--g8);background:var(--card);color:var(--parchment);border:0;text-align:left;cursor:pointer}.save-journey-head small,.journal-fold-head small{color:var(--dim);flex:1}.save-journey-head:hover,.journal-fold-head:hover{background:var(--hover)}.save-row{display:grid;grid-template-columns:calc(var(--px) * 96) 1fr auto;gap:var(--g8);align-items:center;padding:var(--g4) var(--g8);border-top:var(--g1) solid #8b653433}.save-thumb{width:calc(var(--px) * 96);height:calc(var(--px) * 54);object-fit:cover;image-rendering:pixelated;border:var(--g1) solid var(--bronze);background:var(--ink)}.save-thumb.none{display:grid;place-items:center;color:var(--bronze)}.save-what{display:grid;gap:var(--g1);min-width:0}.save-what b{color:var(--cream)}.save-what small{color:var(--dim);font:var(--t1) / 1.3 var(--font-small)}.save-buttons{display:flex;flex-wrap:wrap;gap:var(--g3);justify-content:flex-end}.save-button{padding:var(--g3) var(--g6);background:var(--card);color:var(--text);border:var(--g1) solid var(--bronze);cursor:pointer}.save-button.primary{color:var(--gold)}.save-button:hover{background:var(--hover)}.save-button.armed{background:var(--red-deep);color:var(--cream)}.save-name{display:block;margin:var(--g8) 0;color:var(--text)}.save-name input{display:block;width:100%;margin-top:var(--g3);padding:var(--g4) var(--g6);background:var(--ink);color:var(--cream);border:var(--g1) solid var(--bronze);font:inherit}.save-over{margin-top:var(--g12)}.setting-value{color:var(--gold);float:right}:root.colour-safe{--red: #f0a23c;--red-deep: #c8792a;--green: #6fb7f2}.entry.calendar p{margin:var(--g2) 0;color:var(--dim)}.entry.calendar b{color:var(--parchment)}.entry.calendar .festival-now b{color:var(--gold)}.breath{display:flex;align-items:center;gap:var(--g4)}.breath .bubbles{display:inline-flex;gap:var(--g1)}.breath .bubbles i{width:calc(var(--px) * 5);height:calc(var(--px) * 5);border:var(--px) solid var(--frost);border-radius:50%;opacity:.35}.breath .bubbles i.full{background:radial-gradient(circle at 35% 35%,#ffffffcc 0 25%,var(--frost) 30% 100%);opacity:1}.breath.low{color:var(--red)}.breath.low .bubbles i{border-color:var(--red)}.breath.drowning{animation:drowning .6s steps(2) infinite}@keyframes drowning{50%{opacity:.45}}.breath.breathing{color:var(--green)}.dialogue-head.with-portrait{display:grid;grid-template-columns:calc(var(--px) * 96) 1fr;gap:var(--g8);align-items:start;text-align:left}.dialogue-head.with-portrait h2{text-align:left}.dialogue-portrait{width:calc(var(--px) * 96);height:calc(var(--px) * 96);image-rendering:pixelated;border:var(--g1) solid var(--bronze);background:radial-gradient(circle at 50% 40%,#2b3038 0 55%,var(--ink) 100%);box-shadow:var(--shadow-2)}.panel-dialogue:has(.with-portrait){width:min(calc(var(--px) * 460),100%)}.small-link{display:block;margin:calc(var(--g4) * -1) 0 var(--g8);padding:0;background:none;border:0;color:var(--gold);text-decoration:underline;cursor:pointer;font:var(--t1) / 1.4 var(--font-small)}.pad-nav :focus{outline:var(--g2) solid var(--cream);outline-offset:var(--g1);box-shadow:0 0 0 var(--g4) #c9a15d73;position:relative;z-index:1}.pad-nav .item-tile:focus{outline-color:#ffe39a}.pad-glyph{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--px) * 10);height:calc(var(--px) * 10);padding:0 var(--g1);border-radius:50%;border:var(--px) solid var(--ink);background:var(--cream);color:var(--ink);font:var(--s1) / 1 var(--font-small);text-shadow:none;vertical-align:calc(var(--px) * -2);box-shadow:0 var(--px) 0 var(--ink);position:relative}.pad-glyph.wide{border-radius:calc(var(--px) * 2);padding:0 var(--g2)}.pad-glyph.tone-green{background:#8fc95a}.pad-glyph.tone-red{background:#e0735f}.pad-glyph.tone-blue{background:#86bdf5}.pad-glyph.tone-yellow{background:#f0d064}.pad-glyph.tone-pink{background:#e7a6c7}.pad-glyph[class*=shape-]{background:var(--card);color:var(--cream)}.pad-glyph[class*=shape-]:before{content:"";position:absolute;inset:calc(var(--px) * 2)}.pad-glyph.shape-cross:before{background:linear-gradient(45deg,transparent 42%,currentColor 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,currentColor 42% 58%,transparent 58%)}.pad-glyph.shape-circle:before{border:var(--px) solid currentColor;border-radius:50%}.pad-glyph.shape-square:before{border:var(--px) solid currentColor}.pad-glyph.shape-triangle:before{background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%,50% 0,50% 28%,22% 82%,78% 82%,50% 28%)}.pad-status.found{color:var(--green)}.pad-trouble{margin:var(--g4) 0 var(--g8);padding:var(--g4) var(--g6);border:var(--px) solid var(--bronze);background:var(--night)}.pad-trouble h4{margin:0 0 var(--g2);color:var(--gold);font:var(--t1) / 1.4 var(--font-small)}.pad-trouble ul{margin:0;padding-left:var(--g8);color:var(--dim);font:var(--t1) / calc(var(--px) * 11) var(--font-text)}.pad-trouble li+li{margin-top:var(--g3)}.pad-trouble b{color:var(--text);font-weight:400}.pad-hint{margin:0 0 var(--g6)}.pad-hint .small-link{display:inline;margin:0}.pad-test{margin:var(--g4) 0 var(--g8)}.pt-body{position:relative;width:min(100%,calc(var(--px) * 190));height:calc(var(--px) * 100);margin:0 auto var(--g4);border:var(--px) solid var(--bronze);border-radius:calc(var(--px) * 22) calc(var(--px) * 22) calc(var(--px) * 40) calc(var(--px) * 40);background:var(--night)}.pt-body>span{position:absolute;transform:translate(-50%,-50%);opacity:.45}.pt-body>span.on{opacity:1}.pt-key.on .pad-glyph{outline:var(--px) solid var(--cream);transform:scale(1.3)}.pt-lt{left:22%;top:9%}.pt-rt{left:78%;top:9%}.pt-lb{left:22%;top:22%}.pt-rb{left:78%;top:22%}.pt-l3{left:21%;top:47%}.pt-r3{left:63%;top:75%}.pt-view{left:41%;top:42%}.pt-home{left:50%;top:30%}.pt-menu{left:59%;top:42%}.pt-up{left:37%;top:63%}.pt-left{left:30%;top:75%}.pt-right{left:44%;top:75%}.pt-down{left:37%;top:87%}.pt-y{left:79%;top:36%}.pt-x{left:71%;top:49%}.pt-b{left:87%;top:49%}.pt-a{left:79%;top:62%}.pt-trigger{display:flex;align-items:center;justify-content:center;width:26%;height:calc(var(--px) * 10);border:var(--px) solid var(--bronze);background:var(--ink);overflow:hidden}.pt-trigger>i{position:absolute;inset:0 auto 0 0;background:var(--gold)}.pt-stick{width:calc(var(--px) * 26);height:calc(var(--px) * 26);border:var(--px) solid var(--shade);border-radius:50%;background:var(--ink)}.pt-stick.on{background:var(--bronze)}.pt-stick>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.pt-dead{border:var(--px) dashed var(--mute)}.pt-dot{width:calc(var(--px) * 6);height:calc(var(--px) * 6);background:var(--cream)}.pt-body.none>span{opacity:.2}.pt-body>.pt-none{left:50%;top:58%;opacity:1;padding:var(--g2) var(--g4);border:var(--px) solid var(--bronze);background:var(--ink);white-space:nowrap;color:var(--gold);font:var(--t1) / 1 var(--font-small)}.pt-body.aiming>span{opacity:.3}.pt-body>span.aim{opacity:1}.pt-key.aim .pad-glyph,.pt-trigger.aim,.pt-stick.aim{outline:var(--g2) solid var(--gold);outline-offset:var(--px);animation:pt-aim .8s steps(1) infinite}@keyframes pt-aim{50%{outline-color:transparent}}@media(prefers-reduced-motion:reduce){.pt-key.aim .pad-glyph,.pt-trigger.aim,.pt-stick.aim{animation:none}}.pt-stick[data-push]:after{content:"";position:absolute;border:calc(var(--px) * 4) solid transparent}.pt-stick[data-push=right]:after{left:calc(100% + var(--g3));top:50%;transform:translateY(-50%);border-left-color:var(--gold)}.pt-stick[data-push=down]:after{top:calc(100% + var(--g3));left:50%;transform:translate(-50%);border-top-color:var(--gold)}.pt-ask{margin:0 0 var(--g2);color:var(--cream);text-align:center}.pt-links{display:flex;flex-wrap:wrap;gap:var(--g4) var(--g16);margin-bottom:var(--g8)}.pt-links .small-link,.small-link.inline{display:inline;margin:0}.pt-heard{margin:0 0 var(--g4);padding:var(--g3) var(--g4);border:var(--px) solid var(--bronze);background:var(--ink)}.pt-heard h4{margin:0 0 var(--g2);color:var(--gold);font:var(--t1) / 1.4 var(--font-small)}.pt-heard ul{display:flex;flex-wrap:wrap;gap:var(--g2);margin:0 0 var(--g2);padding:0;list-style:none}.pt-heard li{padding:0 var(--g2);border:var(--px) solid var(--mute);color:var(--text);font:var(--t1) / calc(var(--px) * 11) var(--font-text)}.pt-heard li.pad{border-color:var(--green);color:var(--green)}.pt-heard li.keys{border-color:var(--shade)}.pt-verdict.good{color:var(--green)}.pt-verdict.bad{color:var(--red)}.pad-trouble code{display:block;margin-top:var(--g2);padding:var(--g1) var(--g2);background:var(--ink);color:var(--text);font:var(--t1) / 1.4 monospace;overflow-wrap:anywhere;user-select:all}.pad-glyph.shape-up:before,.pad-glyph.shape-down:before,.pad-glyph.shape-left:before,.pad-glyph.shape-right:before{background:currentColor;inset:calc(var(--px) * 2.5)}.pad-glyph.shape-up:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.pad-glyph.shape-down:before{clip-path:polygon(0 0,100% 0,50% 100%)}.pad-glyph.shape-left:before{clip-path:polygon(0 50%,100% 0,100% 100%)}.pad-glyph.shape-right:before{clip-path:polygon(0 0,100% 50%,0 100%)}.pad-glyph.tone-blue[class*=shape-]{color:#86bdf5}.pad-glyph.tone-red[class*=shape-]{color:#e0735f}.pad-glyph.tone-pink[class*=shape-]{color:#e7a6c7}.pad-glyph.tone-green[class*=shape-]{color:#8fc95a}.pad-prompt small{font:var(--s1) / 1 var(--font-small);color:var(--dim)}.hotbar-step{align-self:center;margin:0 var(--g2)}.pad-binds button{display:flex;align-items:center;gap:var(--g3);text-align:left}.pad-binds small{color:var(--dim)}.osk-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:end center;padding-bottom:var(--g16);background:#0b0d108c}.osk{display:grid;gap:var(--g2);padding:var(--g6);background:var(--panel);border:var(--g2) solid var(--gold);box-shadow:var(--shadow-2)}.osk-label{margin:0;color:var(--gold);font:var(--s1) / 1.2 var(--font-small);text-transform:uppercase}.osk-value{display:block;min-height:calc(var(--px) * 12);padding:var(--g2) var(--g3);background:var(--ink);color:var(--cream);font:var(--t1) / 1.4 var(--font-text)}.osk-row{display:flex;gap:var(--g2);justify-content:center}.osk-key{min-width:calc(var(--px) * 16);min-height:calc(var(--px) * 14);background:var(--card);color:var(--text);border:var(--px) solid var(--ink);font:var(--t1) / 1 var(--font-text);cursor:pointer}.osk-key.wide{min-width:calc(var(--px) * 36)}.osk-key.wider{min-width:calc(var(--px) * 80)}.osk-key.primary{background:var(--gold);color:var(--ink)}.osk-help{margin:0;color:var(--dim);font:var(--s1) / 1.2 var(--font-small);text-align:center}.overhead-tags{position:fixed;inset:0;pointer-events:none;overflow:hidden}.overhead-tag{position:absolute;left:0;top:0;padding:calc(var(--px) * 2) calc(var(--px) * 4) calc(var(--px) * 3);border:var(--px) solid var(--cream);border-radius:calc(var(--px) * 3);background:#0b0d10d1;color:var(--cream);font:calc(var(--px) * 7) / calc(var(--px) * 9) var(--font-small);letter-spacing:.04em;max-width:calc(var(--px) * 150);width:max-content;text-align:center;-webkit-font-smoothing:none;text-shadow:none}.overhead-tag[hidden]{display:none}.quick-holds{display:flex;flex-wrap:wrap;gap:var(--g6);margin-top:var(--g4);color:var(--parchment)}.quick-holds span{position:relative;display:inline-flex;align-items:center;gap:var(--g2);padding-bottom:var(--g1)}.quick-holds span.done{color:var(--gold)}.quick-holds i{position:absolute;left:0;bottom:0;height:var(--px);background:var(--gold)}.compare{width:100%;margin:var(--g2) 0 var(--g4);border-collapse:collapse;font:var(--s1) / calc(var(--px) * 10) var(--font-small)}.compare th,.compare td{padding:var(--px) var(--g2) var(--px) 0;text-align:right;font-weight:400;white-space:nowrap}.compare th:first-child{text-align:left;opacity:.8}.compare thead th{color:var(--gold);border-bottom:var(--px) solid currentColor}.compare thead th.yours{max-width:calc(var(--px) * 96);overflow:hidden;text-overflow:ellipsis}.compare td.yours{opacity:.75}.compare .better{color:#9fd47c}.compare .worse{color:var(--red)}.compare .same,.compare .quiet{opacity:.6}.compare .icon{margin-right:var(--px)}.tile-verdict{position:absolute;z-index:1;right:var(--g1);top:var(--g1);display:flex;filter:drop-shadow(var(--px) 0 0 var(--ink)) drop-shadow(0 var(--px) 0 var(--ink))}.tile-verdict.better{color:#9fd47c}.tile-verdict.worse{color:var(--red)}.need-note{margin:var(--g2) 0 0}.need-note.good{color:#9fd47c}.need-note.warn{color:var(--gold)}.need-note.bad{color:var(--red)}.level-bar{display:flex;align-items:center;gap:var(--g2);width:100%;max-width:calc(var(--px) * 200);font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--cream);text-shadow:var(--shadow);pointer-events:auto}.level-bar b{flex:none;font-weight:400;color:var(--gold)}.level-bar em{flex:none;font-style:normal;color:#9fd47c}.level-track{position:relative;flex:1;height:calc(var(--px) * 3);background:var(--ink);box-shadow:0 0 0 var(--px) #0009}.level-track i{display:block;height:100%;background:var(--gold);transition:width .4s steps(6)}.level-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - var(--px)),var(--ink) calc(10% - var(--px)),var(--ink) 10%)}.discovery.level-up{top:16%;animation:discover 7s steps(28) forwards,level-pop .5s steps(5)}.discovery.level-up>span{font:var(--d1) / calc(var(--px) * 14) var(--font-display);letter-spacing:var(--g1);color:#ffd57b;text-shadow:var(--shadow)}.discovery.level-up h2{color:#ffd57b}@keyframes level-pop{0%{transform:translate(-50%) scale(1.5)}to{transform:translate(-50%) scale(1)}}.attribute-row-note{display:block;opacity:.75}.attribute-help{margin-top:var(--g4)}.attribute-help h4{margin:0 0 var(--g2);color:var(--gold)}.attribute-help ul{margin:0;padding-left:var(--g6)}.tile-verdict .icon{width:calc(var(--px) * 10);height:calc(var(--px) * 6)}.time-passing{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#06070a;color:var(--cream);font:var(--d1) / calc(var(--px) * 14) var(--font-display);animation:time-passing .35s steps(6)}@keyframes time-passing{0%{opacity:0}to{opacity:1}}.season-0{--season: #9fd47c}.season-1{--season: #ffd57b}.season-2{--season: #df9450}.season-3{--season: #a9d0ee}.watch-season{display:inline-flex;align-items:center;gap:var(--g1);color:var(--season)}.cal-year{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g4);margin:var(--g4) 0}.cal-season{padding:var(--g2);border:var(--px) solid color-mix(in srgb,var(--season) 40%,transparent);color:var(--season)}.cal-season.now{border-color:var(--season);background:color-mix(in srgb,var(--season) 12%,transparent)}.cal-season-name{display:flex;align-items:center;gap:var(--g2);margin-bottom:var(--g2);font:var(--s1) / calc(var(--px) * 9) var(--font-small);letter-spacing:var(--px);text-transform:uppercase}.cal-season>div{display:grid;gap:var(--px)}.cal-season button{width:100%;padding:var(--px) var(--g2);border:0;background:none;color:var(--parchment);text-align:left;white-space:nowrap}.cal-season button.now{color:var(--cream)}.cal-season button.now:after{content:" ◆";color:var(--season)}.cal-season button[aria-pressed=true]{background:color-mix(in srgb,var(--season) 30%,transparent);color:var(--cream)}.cal-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--g6)}.cal-month h3{margin:0 0 var(--g2);color:var(--season)}.cal-month h3 small{opacity:.7}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--px)}.cal-weekday{padding-bottom:var(--px);text-align:center;font:var(--s1) / calc(var(--px) * 8) var(--font-small);letter-spacing:var(--px);color:var(--parchment);opacity:.8}.cal-day{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:calc(var(--px) * 25);padding:var(--px) var(--g1);border:var(--px) solid rgba(255,255,255,.12);background:#00000040;color:var(--parchment)}.cal-day b{font-weight:400}.cal-day.past{opacity:.5}.cal-day.feast{border-color:var(--gold);color:var(--gold)}.cal-day.today{background:var(--season);border-color:var(--cream);color:var(--ink);opacity:1}.cal-day[aria-pressed=true]{box-shadow:0 0 0 var(--px) var(--cream)}.cal-marks{display:flex;align-items:center;gap:var(--px);min-height:calc(var(--px) * 7)}.cal-owed{width:var(--g2);height:var(--g2);background:var(--red)}.cal-season-words{margin:var(--g2) 0 0;color:var(--season)}.cal-side h3,.cal-side p{margin:var(--g1) 0}.cal-feast{color:var(--gold)}.cal-due{color:var(--red)}.cal-coming{margin-top:var(--g4);padding-top:var(--g2);border-top:var(--px) solid rgba(255,255,255,.15)}.cal-next{display:flex;justify-content:space-between;gap:var(--g4)}.cal-next b{font-weight:400;color:var(--cream)}.cal-next small{flex:none;opacity:.8}.calendar .eyebrow{white-space:nowrap}.cal-day.today b{color:var(--ink);text-shadow:none}.cal-day.today .icon{color:var(--ink)}.cal-key{display:flex;flex-wrap:wrap;gap:var(--g1) var(--g4);margin:var(--g2) 0 0;font:var(--s1) / calc(var(--px) * 9) var(--font-small);letter-spacing:var(--px);color:var(--parchment);opacity:.85}.cal-key span{display:inline-flex;align-items:center;gap:var(--g1)}.cal-next.deadline b{color:var(--red)}.pause-sections .season-icon{color:var(--gold)}.tile-mark.equipped,.tile-mark.task{position:absolute;z-index:2;top:0;left:auto;right:0;width:auto;height:auto;min-width:calc(var(--px) * 7);padding:var(--px) calc(var(--px) * 2);background:var(--gold);color:var(--ink);font:var(--s1) / 1 var(--font-small);text-align:center;border:0}.tile-mark.task{right:auto;left:0;background:#cfe6ff}.defence-total{display:flex;flex-wrap:wrap;gap:var(--g2) var(--g4);align-items:center;margin:var(--g1) 0 var(--g2);padding:var(--g1) var(--g2);background:#0a080673;border:var(--px) solid rgba(225,212,180,.25)}.defence-total span{display:inline-flex;align-items:center;gap:calc(var(--px) * 3)}.defence-total b{color:var(--gold);font-size:var(--s3, 1.2em)}.defence-total small{opacity:.75}.lesson-list{display:flex;flex-direction:column;gap:var(--g2)}.lesson{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:var(--g1) var(--g3);align-items:center}.lesson small{display:block;opacity:.75}.lesson-practice{display:block;height:calc(var(--px) * 4);background:#0a080699;border:var(--px) solid rgba(225,212,180,.3)}.lesson-practice i{display:block;height:100%;background:var(--gold)}.lesson-why{grid-column:1 / -1;color:var(--gold)}
