html,body{overscroll-behavior:none;background:#000;height:100%;margin:0;overflow:hidden}#app{width:100vw;height:100vh;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;position:relative}#game{position:absolute;inset:0}#game canvas{touch-action:none;display:block}#ui{pointer-events:none;color:#fff;font:12px/1.3 ui-monospace,monospace;position:absolute;inset:0}:root{--ui-scale:1;--stone-950:#15130f;--stone-900:#1f1c18;--stone-800:#2b2722;--stone-700:#3a352e;--stone-500:#6a6257;--stone-300:#a69d8f;--wood-900:#26170b;--wood-800:#3a2413;--wood-700:#57361c;--wood-600:#744a26;--wood-400:#a8733f;--parchment:#eadcc0;--parchment-dim:#c9b994;--brass:#d8ad52;--moss:#7f9a45;--tgt-object:#9fe0da;--tgt-scenery:#c6d99a;--tgt-npc:#f3bd5a;--tgt-item:#ff9a52;--tgt-foe:#ff8a8a;--ember:#f2a07f;--moss-light:#b8d27c;--plate:#15130fd9;--font-ui:system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-title:"Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--text:calc(14px * var(--ui-scale));--text-small:calc(12px * var(--ui-scale));--gap:calc(8px * var(--ui-scale));--ui-motion:1}.hud{--gear-size:calc(36px * var(--ui-scale));pointer-events:none;font:var(--text) / 1.4 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);position:absolute;inset:0}:where(.hud h1,.hud h2,.hud p){margin:0}.chat-scroll,.ctx-menu,.settings-panel,.credits-list{touch-action:pan-y}.btn,.gear,.hud button{touch-action:manipulation}.btn{pointer-events:auto;font:600 var(--text) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--wood-900);padding:calc(8px * var(--ui-scale)) calc(16px * var(--ui-scale));border:2px solid var(--wood-900);background:linear-gradient(var(--wood-600), var(--wood-700));box-shadow:inset 0 1px 0 var(--wood-400);cursor:pointer;border-radius:3px}.btn:hover{background:linear-gradient(var(--wood-400), var(--wood-600))}.btn:active{transform:translateY(1px)}.btn:focus-visible,.gear:focus-visible,.run-toggle:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.btn-primary{font-size:calc(18px * var(--ui-scale));padding:calc(12px * var(--ui-scale)) calc(28px * var(--ui-scale));border-color:var(--wood-900);color:var(--stone-950);text-shadow:0 1px 0 var(--parchment);background:linear-gradient(var(--brass), #b58a36);box-shadow:inset 0 1px #f0d58d}.btn-primary:hover{background:linear-gradient(#e6c06a, var(--brass))}.panel{pointer-events:auto;contain:layout paint;box-sizing:border-box;padding:calc(12px * var(--ui-scale));color:var(--parchment);background:var(--stone-800);background-image:linear-gradient(var(--stone-700), var(--stone-800) 40%, var(--stone-900));border:3px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-900), inset 0 0 0 3px var(--stone-500);border-radius:4px}.panel-head{justify-content:space-between;align-items:center;gap:var(--gap);padding-bottom:var(--gap);margin-bottom:var(--gap);border-bottom:2px solid var(--wood-800);display:flex}.panel-head h2{font:700 calc(18px * var(--ui-scale)) / 1.2 var(--font-title);letter-spacing:.04em;color:var(--brass)}.panel-note{color:var(--parchment-dim);font-size:var(--text-small);margin-bottom:var(--gap)}.panel-group{padding:var(--gap) 0 0;border:0;margin:0}.panel-group+.panel-group{margin-top:var(--gap)}.panel-group legend{color:var(--parchment-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:var(--text-small);padding:0}.panel-foot{padding-top:var(--gap);margin-top:var(--gap);border-top:2px solid var(--wood-800);justify-content:flex-end;display:flex}.settings-build{font-size:var(--text-small);color:var(--parchment-dim);-webkit-user-select:text;user-select:text;align-self:center;margin-right:auto}.title-screen{z-index:10;pointer-events:auto;contain:layout paint;background:radial-gradient(at 50% 45%,#15130f59,#15130fe0 75%);place-items:center;animation:.4s ease-out both fade-in;display:grid;position:absolute;inset:0}.plaque{box-sizing:border-box;width:min(440px,100vw - 32px);padding:calc(28px * var(--ui-scale)) calc(24px * var(--ui-scale));text-align:center;background-image:linear-gradient(var(--stone-700), var(--stone-800) 55%, var(--stone-900));border:4px solid var(--wood-700);box-shadow:inset 0 0 0 2px var(--wood-900), inset 0 0 0 5px var(--stone-500);border-radius:6px}.title-name{font:700 calc(56px * var(--ui-scale)) / 1 var(--font-title);letter-spacing:.06em;color:var(--parchment);text-shadow:0 2px 0 var(--stone-950), 0 -1px 0 var(--stone-500)}.title-tagline{margin-top:calc(10px * var(--ui-scale));font:italic var(--text) / 1.4 var(--font-title);color:var(--parchment-dim)}.title-play-touch{display:none}@media (pointer:coarse){.title-play-mouse{display:none}.title-play-touch{display:inline}}.hud[data-pointer=touch] .title-play-mouse{display:none}.hud[data-pointer=touch] .title-play-touch{display:inline}.title-actions{align-items:center;gap:calc(12px * var(--ui-scale));margin-top:calc(24px * var(--ui-scale));flex-direction:column;display:flex}.title-screen[data-edition=demo] .title-actions .btn{min-width:calc(200px * var(--ui-scale));touch-action:manipulation;min-height:44px}.title-ask{max-width:calc(320px * var(--ui-scale));font:700 var(--text) / 1.3 var(--font-ui);color:var(--parchment);text-align:center;margin:0}.modal-backdrop{z-index:30;pointer-events:auto;contain:layout paint;background:#15130f99;place-items:center;display:grid;position:absolute;inset:0}.credits-panel{flex-direction:column;width:min(560px,100vw - 32px);max-height:min(560px,100vh - 48px);display:flex}.credits-list{min-height:0;padding:0 calc(4px * var(--ui-scale)) 0 0;overscroll-behavior:contain;-webkit-user-select:text;user-select:text;flex:auto;margin:0;list-style:none;overflow-y:auto}.credit{padding:var(--gap) 0;border-bottom:1px solid var(--stone-700)}.credit:last-child{border-bottom:0}.credit-title{color:var(--parchment);font-weight:700}.credit-meta{gap:0 calc(12px * var(--ui-scale));font-size:var(--text-small);color:var(--parchment-dim);flex-wrap:wrap;display:flex}.credit-license{color:var(--moss);font-weight:700}.credit-source{font-size:var(--text-small);overflow-wrap:anywhere}.credit-source a{color:var(--brass)}.credit-notes{margin-top:calc(4px * var(--ui-scale));font-size:var(--text-small);color:var(--stone-300)}.gear{top:calc(10px * var(--ui-scale) + env(safe-area-inset-top,0px));right:calc(12px * var(--ui-scale) + env(safe-area-inset-right,0px));z-index:20;pointer-events:auto;box-sizing:border-box;width:var(--gear-size);height:var(--gear-size);color:var(--parchment);background:linear-gradient(var(--stone-700), var(--stone-900));border:2px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-900);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.gear:hover,.gear[aria-expanded=true]{color:var(--brass)}.gear:active{transform:translateY(1px)}.settings-panel{--settings-top:calc(10px * var(--ui-scale) + var(--gear-size) + 8px + env(safe-area-inset-top,0px));top:var(--settings-top);right:calc(12px * var(--ui-scale) + env(safe-area-inset-right,0px));z-index:20;width:calc(300px * var(--ui-scale));background-image:linear-gradient(var(--stone-700) 30%, transparent), linear-gradient(transparent, var(--stone-900) 70%), radial-gradient(farthest-side at 50% 0, #d8ad5266, transparent), radial-gradient(farthest-side at 50% 100%, #d8ad5266, transparent), linear-gradient(var(--stone-700), var(--stone-800) 40%, var(--stone-900));transform-origin:100% 0;scrollbar-width:thin;scrollbar-color:var(--brass) var(--stone-900);scrollbar-gutter:stable;background-position:top,bottom,top,bottom,top;background-repeat:no-repeat;background-size:100% 32px,100% 32px,100% 12px,100% 12px,100% 100%;background-attachment:local,local,scroll,scroll,scroll;max-width:calc(100vw - 20px);animation:.14s ease-out both panel-in;position:absolute}.settings-more{bottom:calc(-12px * var(--ui-scale));z-index:1;box-sizing:border-box;height:calc(40px * var(--ui-scale));margin:calc(-40px * var(--ui-scale)) calc(-12px * var(--ui-scale)) calc(-12px * var(--ui-scale));padding-bottom:calc(4px * var(--ui-scale));font:700 var(--text-small) / 1.2 var(--font-ui);color:var(--brass);background-image:linear-gradient(transparent, var(--stone-900) 70%);pointer-events:none;opacity:1;justify-content:center;align-items:flex-end;animation:linear both settings-more;animation-timeline:scroll();display:flex;position:sticky}@keyframes settings-more{0%,85%{opacity:1}to{opacity:0}}.settings-panel>.panel-head{top:calc(-12px * var(--ui-scale));z-index:1;margin-top:calc(-12px * var(--ui-scale));padding-top:calc(12px * var(--ui-scale));background:var(--stone-700);position:sticky}.slider-row{grid-template-columns:calc(96px * var(--ui-scale)) 1fr calc(40px * var(--ui-scale));align-items:center;gap:var(--gap);padding:calc(4px * var(--ui-scale)) 0;display:grid}.slider-row input[type=range]{pointer-events:auto;width:100%;height:24px;accent-color:var(--brass);cursor:pointer;margin:0}.slider-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--parchment-dim)}.check-row{pointer-events:auto;box-sizing:border-box;align-items:center;gap:var(--gap);min-height:24px;margin-top:var(--gap);cursor:pointer;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--brass);cursor:pointer;flex:none;margin:0}.gfx-row{padding-top:var(--gap)}.gfx-label{display:block}.gfx-options{align-items:center;column-gap:calc(14px * var(--ui-scale));flex-wrap:wrap;display:flex}.gfx-option{pointer-events:auto;box-sizing:border-box;align-items:center;gap:calc(6px * var(--ui-scale));cursor:pointer;min-width:44px;min-height:44px;display:inline-flex}.gfx-option input{accent-color:var(--brass);cursor:pointer;margin:0}.gfx-now{margin-left:calc(-8px * var(--ui-scale));color:var(--parchment-dim);font-size:var(--text-small)}.toasts{top:calc(16px * var(--ui-scale) - 12px);z-index:40;pointer-events:none;contain:layout paint;justify-content:center;padding-top:12px;display:flex;position:absolute;left:0;right:0}.toast{max-width:min(560px,100vw - 32px);padding:calc(8px * var(--ui-scale)) calc(16px * var(--ui-scale));color:var(--parchment);background:linear-gradient(var(--wood-700), var(--wood-800));border:2px solid var(--wood-900);box-shadow:inset 0 1px 0 var(--wood-400);will-change:transform, opacity;border-radius:3px;font-weight:600;animation:4s linear both toast-life}@keyframes toast-life{0%{opacity:0;transform:translate3d(0, calc(-12px * var(--ui-motion)), 0)}6%{opacity:1;transform:translate(0,0)}90%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate3d(0, calc(-6px * var(--ui-motion)), 0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translate3d(0, calc(-6px * var(--ui-motion)), 0)}to{opacity:1;transform:translate(0,0)}}.hud[data-reduce-motion="1"]{--ui-motion:0}@media (any-pointer:coarse){.hud{--gear-size:max(44px, calc(36px * var(--ui-scale)))}.settings-panel .btn,.slider-row,.check-row,.gfx-option,.slider-row input[type=range]{min-height:44px}}.hud[data-pointer=touch]{--gear-size:max(44px, calc(36px * var(--ui-scale)))}.hud[data-pointer=touch] .settings-panel .btn,.hud[data-pointer=touch] .slider-row,.hud[data-pointer=touch] .check-row,.hud[data-pointer=touch] .gfx-option,.hud[data-pointer=touch] .slider-row input[type=range]{min-height:44px}@media (max-height:500px){.settings-panel{right:calc(var(--side-edge) + var(--strip-cols,1) * (var(--side-tab) + 4px) + 4px);max-height:calc(100dvh - var(--settings-top) - 64px * var(--ui-scale) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;overflow-y:auto}}.glyph{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.glyph[data-glyph=melee]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 1v3L7 11 5 9l7-8z' fill='%23e8eef2' stroke='%2315120e'/%3E%3Cpath d='M3 8l5 5-1 1-5-5z' fill='%23d8ad52' stroke='%2315120e'/%3E%3Cpath d='M4 11l1 1-3 3-1-1z' fill='%238a5a33' stroke='%2315120e'/%3E%3C/svg%3E")}.glyph[data-glyph=defence],.quick-mark[data-mark=shield]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l6 2v5c0 4-3 6-6 7-3-1-6-3-6-7V3z' fill='%236f8db0' stroke='%2315120e'/%3E%3Cpath d='M8 3v10' stroke='%23d8ad52' stroke-width='2'/%3E%3C/svg%3E")}.glyph[data-glyph=vitality],.quick-mark[data-mark=heart]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 14L2 8C0 6 1 2 4.5 2 6.5 2 8 4 8 4s1.5-2 3.5-2C15 2 16 6 14 8z' fill='%23d9534a' stroke='%2315120e'/%3E%3C/svg%3E")}.glyph[data-glyph=athletics]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1h5v8l5 2v3H2v-3l2-1z' fill='%23a8743f' stroke='%2315120e'/%3E%3Cpath d='M2 12h12' stroke='%2315120e'/%3E%3C/svg%3E")}.glyph[data-glyph=cantoring],.glyph[data-glyph=note]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l8-2v9a2.5 2 0 1 1-1.5-1.8V4L7.5 5.5V12a2.5 2 0 1 1-1.5-1.8z' fill='%23f0e2bd' stroke='%2315120e' stroke-width='0.8'/%3E%3C/svg%3E")}.glyph[data-glyph=ranged],.glyph[data-glyph=magic],.glyph[data-glyph=cunning]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5z' fill='%23d8ad52' stroke='%2315120e'/%3E%3C/svg%3E")}.tgt-object{color:var(--tgt-object)}.tgt-scenery{color:var(--tgt-scenery)}.tgt-npc{color:var(--tgt-npc)}.tgt-item{color:var(--tgt-item)}.tgt-foe{color:var(--tgt-foe)}.hover-text{left:calc(8px * var(--ui-scale) + env(safe-area-inset-left,0px));top:calc(8px * var(--ui-scale) + env(safe-area-inset-top,0px));z-index:5;max-width:calc(100vw - 120px);padding:calc(3px * var(--ui-scale)) calc(8px * var(--ui-scale));white-space:nowrap;text-overflow:ellipsis;font:600 var(--text) / 1.3 var(--font-ui);color:var(--parchment);background-color:var(--plate);text-shadow:0 1px 0 var(--stone-950);pointer-events:none;contain:layout paint;border-radius:3px;position:absolute;overflow:hidden}.hover-text[data-shown="0"]{display:none}.hv-verb{color:var(--parchment)}.hv-more{color:var(--parchment-dim)}.menu-catcher{z-index:50;pointer-events:auto;touch-action:none;background:0 0;position:fixed;inset:0}.ctx-moat{--moat:calc(12px * var(--ui-scale));padding:var(--moat);transform:translate3d(clamp(calc(4px - var(--moat)), calc(var(--mx) - 50%), calc(100vw - 100% - 4px + var(--moat))), clamp(calc(4px - var(--moat)), calc(var(--my) - .75em - var(--moat)), calc(100dvh - 100% - 4px + var(--moat))), 0);position:absolute;top:0;left:0}.ctx-moat[data-source=touch]{--moat:0px;transform:translate3d(clamp(4px, calc(var(--mx) - 50%), calc(100vw - 100% - 4px)), clamp(4px, calc(var(--my) - 100% - 16px), calc(100dvh - 100% - 4px)), 0)}.ctx-menu{box-sizing:border-box;min-width:calc(150px * var(--ui-scale));overscroll-behavior:contain;white-space:nowrap;max-height:calc(100dvh - 8px);font:var(--text) / 1 var(--font-ui);color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-900);contain:layout paint;border-radius:3px;overflow-y:auto}.ctx-head{padding:0 calc(10px * var(--ui-scale));line-height:calc(24px * var(--ui-scale));color:var(--brass);background-color:var(--wood-800);border-bottom:1px solid var(--wood-900);font-weight:700}.ctx-row{--row-h:calc(26px * var(--ui-scale));box-sizing:border-box;width:100%;min-height:var(--row-h);padding:0 calc(10px * var(--ui-scale));font:inherit;line-height:var(--row-h);text-align:left;white-space:nowrap;color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);pointer-events:auto;touch-action:manipulation;cursor:pointer;background-color:#0000;border:0;margin:0;display:block}.ctx-row:hover{background-color:var(--wood-800)}.ctx-row[data-active="1"]{background-color:var(--wood-700)}.ctx-menu[data-source=touch] .ctx-row{--row-h:max(44px, calc(26px * var(--ui-scale)));min-height:44px}.chat{--chat-pad:calc(4px * var(--ui-scale));left:calc(8px * var(--ui-scale) + env(safe-area-inset-left,0px));bottom:calc(8px * var(--ui-scale) + env(safe-area-inset-bottom,0px));z-index:5;box-sizing:border-box;width:28em;max-width:calc(100vw - 128px);height:calc(9.8em + 2 * var(--chat-pad));font:var(--text-small) / 1.4 var(--font-ui);color:var(--parchment);background-color:var(--plate);border:1px solid var(--wood-800);pointer-events:none;contain:strict;border-radius:3px;position:absolute}.chat-scroll{box-sizing:border-box;height:100%;padding:var(--chat-pad) calc(8px * var(--ui-scale));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--stone-500) transparent;pointer-events:auto;flex-direction:column-reverse;display:flex;overflow-y:auto}.chat-line{overflow-wrap:anywhere;background:radial-gradient(circle, var(--parchment-dim) 0 .14em, transparent .16em) no-repeat .15em .45em / .5em .5em;margin:0;padding-left:.9em}.chat-lines>.chat-line[data-empty="1"]{display:none}.chat-line[data-kind=game]{color:var(--parchment)}.chat-line[data-kind=examine]{color:var(--parchment-dim)}.chat-line[data-kind=music]{color:var(--moss-light)}.chat-line[data-kind=warning]{color:var(--ember)}.chat-line[data-kind=npc]{color:var(--tgt-npc)}.chat-line[data-kind=level]{color:var(--brass)}.run-toggle{right:calc(12px * var(--ui-scale) + env(safe-area-inset-right,0px));bottom:calc(12px * var(--ui-scale) + env(safe-area-inset-bottom,0px));z-index:20;align-items:center;gap:calc(4px * var(--ui-scale));box-sizing:border-box;min-width:calc(36px * var(--ui-scale));height:calc(36px * var(--ui-scale));padding:0 calc(12px * var(--ui-scale)) 0 calc(8px * var(--ui-scale));font:700 var(--text) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-900);border:2px solid var(--wood-700);border-radius:calc(18px * var(--ui-scale));box-shadow:inset 0 0 0 1px var(--wood-900);pointer-events:auto;touch-action:manipulation;cursor:pointer;display:inline-flex;position:absolute}.run-toggle[aria-pressed=true]{color:var(--stone-950);text-shadow:0 1px #f0d58d;background-color:var(--brass);border-color:var(--wood-600)}.run-toggle:active{transform:translateY(1px)}.run-glyph{flex:none}.run-ring{width:calc(24px * var(--ui-scale));height:calc(24px * var(--ui-scale))}.run-ring-track,.run-ring-fill{fill:none;stroke:currentColor;stroke-width:3px}.run-ring-track{opacity:.25}.run-ring-fill{stroke-dasharray:100;stroke-linecap:butt}.run-mark{fill:var(--ember);stroke:var(--stone-950);stroke-width:1px;opacity:0}.run-toggle[data-winded="1"] .run-ring-fill,.run-toggle[data-tired="1"] .run-ring-fill{opacity:.4}.run-toggle[data-winded="1"] .run-mark,.run-toggle[data-tired="1"] .run-mark{opacity:1}.run-toggle[data-winded="1"]{color:var(--parchment-dim)}.run-energy-label{min-width:3.2em;font:700 var(--text-small) / 1 var(--font-ui);font-variant-numeric:tabular-nums;text-align:right}.hud[data-pointer=touch] .run-energy-label{display:none}.run-toggle[data-energy]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.run-toggle[data-shake=a]{animation:.36s ease-out run-shake-a}.run-toggle[data-shake=b]{animation:.36s ease-out run-shake-b}@keyframes run-shake-a{0%,to{transform:none}20%,60%{transform:rotate(calc(-6deg * var(--ui-motion)))}40%,80%{transform:rotate(calc(6deg * var(--ui-motion)))}}@keyframes run-shake-b{0%,to{transform:none}20%,60%{transform:rotate(calc(-6deg * var(--ui-motion)))}40%,80%{transform:rotate(calc(6deg * var(--ui-motion)))}}.run-breakdown{right:calc(var(--side-edge) + var(--strip-cols,1) * (var(--side-tab) + 4px) + 4px);bottom:calc(12px * var(--ui-scale) + max(44px, calc(36px * var(--ui-scale))) + 8px + env(safe-area-inset-bottom,0px));z-index:30;box-sizing:border-box;max-width:min(calc(280px * var(--ui-scale)), calc(100vw - 24px - var(--strip-cols,1) * (var(--side-tab) + 4px) - 4px - env(safe-area-inset-right,0px)));padding:calc(6px * var(--ui-scale)) calc(10px * var(--ui-scale));font:400 var(--text-small) / 1.35 var(--font-ui);color:var(--parchment);background-color:var(--plate);border:1px solid var(--wood-700);pointer-events:none;contain:layout paint;opacity:0;transform:translate3d(0, calc(4px * var(--ui-motion)), 0);border-radius:4px;transition:opacity .12s ease-out,transform .12s ease-out;position:absolute}.run-breakdown[data-open="1"]{opacity:1;transform:translate(0,0)}.run-breakdown-lines{margin:0;padding:0;list-style:none}.run-breakdown-line[data-shown="0"]{display:none}.run-breakdown-line:first-child{color:var(--energy-gold,var(--brass));font-weight:700}@media (any-pointer:coarse){.ctx-row{--row-h:max(44px, calc(26px * var(--ui-scale)));min-height:44px}.run-toggle{min-width:44px;min-height:44px}}.hud[data-pointer=touch] .run-toggle{min-width:44px;min-height:44px}@media (max-height:500px){.chat{max-width:40vw;height:calc(5.6em + 2 * var(--chat-pad))}}.hud{--side-tab:max(44px, calc(36px * var(--ui-scale)));--strip-rows:5;--side-edge:calc(12px * var(--ui-scale) + env(safe-area-inset-right,0px))}.side-panel{right:var(--side-edge);bottom:calc(64px * var(--ui-scale) + env(safe-area-inset-bottom,0px));z-index:15;pointer-events:none;width:0;height:0;position:absolute}.side-strip{max-height:calc(var(--strip-rows) * var(--side-tab) + (var(--strip-rows) - 1) * 4px);flex-flow:column-reverse wrap-reverse;align-content:flex-start;gap:4px;display:flex;position:absolute;bottom:0;right:0}.side-tab{box-sizing:border-box;width:var(--side-tab);height:var(--side-tab);color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-900);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:relative}.side-tab[aria-selected=true]{color:var(--stone-950);background-color:var(--brass);border-color:var(--wood-600)}.side-tab[data-new="1"]:after{content:"";background-color:var(--brass);width:8px;height:8px;box-shadow:0 0 0 1px var(--stone-950);border-radius:50%;position:absolute;top:1px;right:1px}.side-tab:active{transform:translateY(1px)}.side-tab:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.side-tab-glyph,.music-track>span{pointer-events:none}.side-tab-glyph{display:block}.side-body{bottom:0;right:calc(var(--strip-cols,1) * (var(--side-tab) + 4px) + 4px);width:min(calc(320px * var(--ui-scale)), 40vw);height:var(--body-h);padding:calc(8px * var(--ui-scale));background-color:var(--stone-800);visibility:hidden;pointer-events:none;contain:layout paint;background-image:none;flex-direction:column;display:flex;position:absolute}.side-body[data-open="1"]{visibility:visible;pointer-events:auto;animation:.14s ease-out both side-in}.side-body[data-tab=music]{--body-h:min(calc(510px * var(--ui-scale)), calc(100dvh - 126px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}@keyframes side-in{0%{opacity:0;transform:translate3d(calc(8px * var(--ui-motion)), 0, 0)}to{opacity:1;transform:translate(0,0)}}.songbook{flex-direction:column;gap:6px;height:100%;min-height:0;display:flex}.songbook-head{justify-content:space-between;align-items:baseline;gap:var(--gap);flex:none;padding:0 2px;display:flex}.songbook-head h2{font:700 calc(18px * var(--ui-scale)) / 1.2 var(--font-title);letter-spacing:.04em;color:var(--brass)}.songbook-counter{font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--parchment-dim)}.music-modes{flex:none;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.music-mode{box-sizing:border-box;height:44px;font:600 var(--text) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-900);border:2px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;margin:0;padding:0 4px}.music-mode[aria-pressed=true]{color:var(--stone-950);text-shadow:none;background-color:var(--brass);border-color:var(--wood-600)}.music-mode[aria-disabled=true]{color:var(--stone-300);cursor:default}.music-mode:active{transform:translateY(1px)}.songbook-stones{font-size:var(--text-small);color:var(--brass);flex:none;margin:0;padding:0 2px;line-height:16px}.songbook-stones[data-shown="0"]{display:none}.songbook-caption{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-small);color:var(--parchment-dim);flex:none;padding:0 2px;line-height:16px;overflow:hidden}.music-list{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--stone-500) transparent;pointer-events:auto;flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.music-track{box-sizing:border-box;width:100%;height:44px;font:inherit;text-align:left;color:var(--parchment);pointer-events:auto;touch-action:manipulation;cursor:pointer;background-color:#0000;border:0;border-radius:3px;flex-direction:column;justify-content:center;margin:0;padding:0 8px;display:flex;position:relative}.music-track-head{min-width:0;font-size:var(--text);align-items:baseline;gap:6px;line-height:18px;display:flex}.music-track-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.music-track-new{font-size:var(--text-small);color:var(--brass);flex:none;font-weight:700}.music-track[data-new="0"] .music-track-new{display:none}.music-track-hint{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-small);color:var(--parchment-dim);line-height:16px;display:block;overflow:hidden}.music-track[data-state=locked]{cursor:default}.music-track[data-state=locked] .music-track-title{color:var(--stone-300)}.music-track[data-state=playing] .music-track-title{font-weight:700}.music-track[data-state=playing]:before{content:"";background-color:var(--brass);border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:0}.music-mode:focus-visible,.music-track:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}@media (hover:hover){.side-tab[aria-selected=false]:hover{color:var(--brass)}.music-mode[aria-pressed=false][aria-disabled=false]:hover,.music-track[aria-disabled=false]:hover{background-color:var(--stone-700)}}@media (max-height:500px){.songbook-caption{display:none}}.dialogue{--dlg-pad:calc(8px * var(--ui-scale));--dlg-gap:calc(10px * var(--ui-scale));--dlg-portrait:calc(88px * var(--ui-scale));--dlg-name-h:calc(18px * var(--ui-scale));--dlg-text-h:calc(var(--text) * 1.4 * 4);--dlg-prompt-h:calc(18px * var(--ui-scale));--dlg-title-h:calc(21px * var(--ui-scale));--dlg-row:calc(27px * var(--ui-scale));left:calc(8px * var(--ui-scale) + env(safe-area-inset-left,0px));bottom:calc(8px * var(--ui-scale) + env(safe-area-inset-bottom,0px));z-index:6;box-sizing:border-box;width:min(calc(600px * var(--ui-scale)), calc(100vw - var(--side-edge) - var(--strip-cols,1) * (var(--side-tab) + 4px) - 4px - min(calc(320px * var(--ui-scale)), 40vw) - 16px * var(--ui-scale) - env(safe-area-inset-left,0px)));height:calc(2 * var(--dlg-pad) + var(--dlg-name-h) + var(--dlg-text-h) + var(--dlg-prompt-h) + 4px);padding:var(--dlg-pad);column-gap:var(--dlg-gap);grid-template-rows:var(--dlg-name-h) var(--dlg-text-h) var(--dlg-prompt-h);color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-900);pointer-events:auto;touch-action:manipulation;contain:layout paint;border-radius:3px;animation:.12s ease-out both dialogue-in;display:grid;position:absolute}.dialogue[data-who=npc]{grid-template-columns:var(--dlg-portrait) minmax(0, 1fr);grid-template-areas:"portrait name""portrait text""portrait prompt"}.dialogue[data-who=player]{grid-template-columns:minmax(0, 1fr) var(--dlg-portrait);grid-template-areas:"name portrait""text portrait""prompt portrait"}.dialogue[data-who=msg]{grid-template-columns:minmax(0,1fr);grid-template-areas:"name""text""prompt"}.dialogue[data-kind=options]{height:calc(2 * var(--dlg-pad) + var(--dlg-title-h) + 5 * var(--dlg-row) + 4px);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--dlg-title-h) minmax(0, 1fr);grid-template-areas:"title""rows"}.dialogue-portrait{box-sizing:border-box;width:var(--dlg-portrait);height:var(--dlg-portrait);background-color:var(--stone-800);border:2px solid var(--wood-700);transform-origin:50% 100%;border-radius:3px;grid-area:portrait;align-self:start;overflow:hidden}.dialogue-portrait-img{width:100%;height:100%;display:block}.dialogue-monogram{width:100%;height:100%;font:700 calc(30px * var(--ui-scale)) / 1 var(--font-title);letter-spacing:.04em;color:var(--brass);place-items:center;display:grid}.dialogue-name{white-space:nowrap;text-overflow:ellipsis;font:700 var(--text) / var(--dlg-name-h) var(--font-ui);color:var(--parchment);grid-area:name;overflow:hidden}.dialogue[data-who=npc] .dialogue-name{color:var(--tgt-npc)}.dialogue-text{max-height:var(--dlg-text-h);-webkit-line-clamp:4;font:var(--text) / 1.4 var(--font-ui);color:var(--parchment);overflow-wrap:break-word;-webkit-box-orient:vertical;grid-area:text;align-self:start;margin:0;display:-webkit-box;overflow:hidden}.dialogue[data-who=msg] .dialogue-text{color:var(--parchment-dim);font-style:italic}.dialogue-continue{box-sizing:border-box;padding:var(--dlg-pad);font:600 var(--text-small) / var(--dlg-prompt-h) var(--font-ui);color:var(--parchment-dim);text-shadow:0 1px 0 var(--stone-950);pointer-events:auto;touch-action:manipulation;cursor:pointer;background-color:#0000;border:0;border-radius:0;justify-content:flex-end;align-items:flex-end;margin:0;display:flex;position:absolute;inset:0}.dialogue[data-who=player] .dialogue-continue{padding-right:calc(var(--dlg-pad) + var(--dlg-portrait) + var(--dlg-gap))}.dialogue-continue:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}.dialogue-continue:active>span,.dialogue[data-kind=waiting] .dialogue-continue>span{transform:translateY(1px)}.dialogue[data-kind=waiting] .dialogue-continue{color:var(--stone-300);cursor:default}.dialogue-prompt-touch{display:none}@media (pointer:coarse){.dialogue-prompt-keys{display:none}.dialogue-prompt-touch{display:inline}}.hud[data-pointer=touch] .dialogue-prompt-keys{display:none}.hud[data-pointer=touch] .dialogue-prompt-touch{display:inline}.dialogue-title{white-space:nowrap;text-overflow:ellipsis;font:700 var(--text) / var(--dlg-title-h) var(--font-ui);color:var(--brass);grid-area:title;overflow:hidden}.dialogue-options{grid-area:rows;grid-auto-rows:var(--dlg-row);align-content:start;min-height:0;margin:0;padding:0;list-style:none;display:grid}.dialogue-option{box-sizing:border-box;width:100%;height:var(--dlg-row);padding:0 calc(8px * var(--ui-scale));white-space:nowrap;text-overflow:ellipsis;font:var(--text) / var(--dlg-row) var(--font-ui);text-align:left;color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);pointer-events:auto;touch-action:manipulation;cursor:pointer;background-color:#0000;border:0;border-radius:3px;margin:0;display:block;overflow:hidden}.dialogue-option-n{color:var(--brass);font-weight:700}.dialogue-option:active,.dialogue-option[data-pressed="1"]{background-color:var(--wood-700)}.dialogue-option:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}@media (hover:hover){.dialogue-option:hover{background-color:var(--wood-800)}}@media (any-pointer:coarse){.dialogue{--dlg-row:max(44px, calc(27px * var(--ui-scale)))}}.hud[data-pointer=touch] .dialogue{--dlg-row:max(44px, calc(27px * var(--ui-scale)))}.chat[data-covered="1"]{visibility:hidden}@media (max-height:500px){.dialogue{--dlg-pad:calc(6px * var(--ui-scale));--dlg-gap:calc(8px * var(--ui-scale));--dlg-portrait:calc(48px * var(--ui-scale));--dlg-name-h:calc(16px * var(--ui-scale));--dlg-text-h:calc(13px * var(--ui-scale) * 1.4 * 4);--dlg-prompt-h:calc(16px * var(--ui-scale))}.dialogue-text{font-size:calc(13px * var(--ui-scale))}.dialogue-monogram{font-size:calc(18px * var(--ui-scale))}}@keyframes dialogue-in{0%{opacity:0}to{opacity:1}}.dialogue-portrait[data-expr=happy]{animation:.28s ease-out both dialogue-happy}.dialogue-portrait[data-expr=laughing]{animation:.4s ease-out both dialogue-laughing}.dialogue-portrait[data-expr=scared]{animation:.32s linear both dialogue-scared}.dialogue-portrait[data-expr=thinking]{animation:.3s ease-out both dialogue-thinking}.dialogue-portrait[data-expr=confused]{animation:.4s ease-in-out both dialogue-confused}.dialogue-portrait[data-expr=sad]{animation:.3s ease-out both dialogue-sad}.dialogue-portrait[data-expr=angry]{animation:.18s ease-out both dialogue-angry}@keyframes dialogue-happy{0%{transform:scale(1)}40%{transform:scale(1, calc(1 + .04 * var(--ui-motion)))}to{transform:scale(1)}}@keyframes dialogue-laughing{0%{transform:scale(1)}25%{transform:scale(1, calc(1 + .035 * var(--ui-motion)))}50%{transform:scale(1)}75%{transform:scale(1, calc(1 + .035 * var(--ui-motion)))}to{transform:scale(1)}}@keyframes dialogue-scared{0%{transform:rotate(0)}20%{transform:rotate(calc(-1.3deg * var(--ui-motion)))}40%{transform:rotate(calc(1.3deg * var(--ui-motion)))}60%{transform:rotate(calc(-1.3deg * var(--ui-motion)))}80%{transform:rotate(calc(1.3deg * var(--ui-motion)))}to{transform:rotate(0)}}@keyframes dialogue-thinking{0%{transform:rotate(0)}to{transform:rotate(calc(-4deg * var(--ui-motion)))}}@keyframes dialogue-confused{0%{transform:rotate(0)}50%{transform:rotate(calc(4deg * var(--ui-motion)))}to{transform:rotate(0)}}@keyframes dialogue-sad{0%{transform:scale(1)}to{transform:scale(1, calc(1 - .0227 * var(--ui-motion)))}}@keyframes dialogue-angry{0%{transform:scale(1)}50%{transform:scale(calc(1 + .04 * var(--ui-motion)))}to{transform:scale(1)}}.side-body[data-tab=inventory]{--inv-cell-max:calc(44px * var(--ui-scale));--inv-cell:var(--inv-cell-max);--inv-gap:calc(4px * var(--ui-scale));--inv-head:calc(16px * var(--ui-scale));--inv-head-gap:calc(4px * var(--ui-scale));--inv-frame:calc(3px + 8px * var(--ui-scale));--inv-full-h:calc(7 * var(--inv-cell-max) + 6 * var(--inv-gap) + var(--inv-head) + var(--inv-head-gap) + 2 * var(--inv-frame));--body-h:var(--inv-full-h);width:calc(4 * var(--inv-cell) + 3 * var(--inv-gap) + 2 * var(--inv-frame))}.inv{gap:var(--inv-head-gap);flex-direction:column;flex:auto;min-height:0;display:flex}.inv-head{height:var(--inv-head);flex:none;justify-content:space-between;align-items:center;padding:0 2px;display:flex;overflow:hidden}.inv-head h2{font:700 var(--text) / var(--inv-head) var(--font-title);letter-spacing:.04em;color:var(--brass)}.inv-count{font-size:var(--text-small);line-height:var(--inv-head);font-variant-numeric:tabular-nums;color:var(--parchment-dim)}.inv-grid-box{flex:none;align-self:flex-start}.inv-grid{grid-template-columns:repeat(4, var(--inv-cell));grid-auto-rows:var(--inv-cell);gap:var(--inv-gap);contain:layout paint;flex:none;margin:0;padding:0;list-style:none;display:grid}.inv-cell{width:var(--inv-cell);height:var(--inv-cell)}.inv-slot{box-sizing:border-box;width:var(--inv-cell);height:var(--inv-cell);font:inherit;color:var(--parchment);background-color:var(--stone-900);border:1px solid var(--stone-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;contain:strict;border-radius:3px;place-items:center;margin:0;padding:0;display:grid;position:relative}.inv-slot[data-icon=none]{cursor:default}.inv-slot>span{pointer-events:none}.inv-icon{width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));image-rendering:pixelated;background-repeat:no-repeat;grid-area:1/1;display:none}.inv-slot[data-icon=sheet] .inv-icon{display:block}.inv-plate{box-sizing:border-box;width:calc(32px * var(--ui-scale));height:calc(32px * var(--ui-scale));font:700 var(--text-small) / 1 var(--font-ui);letter-spacing:.04em;color:var(--parchment);background-color:var(--wood-800);border:1px solid var(--wood-600);border-radius:3px;grid-area:1/1;place-items:center;display:none}.inv-slot[data-icon=plate] .inv-plate{display:grid}.inv-qty{font:700 var(--text-small) / 1 var(--font-ui);color:var(--brass);text-shadow:0 1px 0 var(--stone-950);position:absolute;top:1px;left:3px}.inv-slot[data-pending="1"]>span{opacity:.35}.inv-slot:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}@media (hover:hover){.inv-slot:not([data-icon=none]):hover{background-color:var(--stone-700)}}.inv-slot[data-armed="1"]{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass)}.inv-slot[data-drag=from]>span{opacity:.35}.inv-slot[data-drop="1"]{border-color:var(--parchment);background-color:var(--stone-700)}.inv-ghost{left:calc(-17px * var(--ui-scale));top:calc(-17px * var(--ui-scale));z-index:45;width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));pointer-events:none;visibility:hidden;contain:strict;place-items:center;display:grid;position:absolute}.inv-ghost[data-active="1"]{visibility:visible}.inv-ghost[data-icon=sheet] .inv-icon{display:block}.inv-ghost[data-icon=plate] .inv-plate{display:grid}.use-cancel{left:calc(8px * var(--ui-scale) + env(safe-area-inset-left,0px));top:calc(40px * var(--ui-scale) + env(safe-area-inset-top,0px));z-index:6;box-sizing:border-box;min-width:44px;min-height:44px;padding:0 calc(12px * var(--ui-scale));font:700 var(--text) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-900);border:2px solid var(--brass);pointer-events:none;touch-action:manipulation;cursor:pointer;visibility:hidden;border-radius:3px;margin:0;position:absolute}.use-cancel[data-shown="1"]{pointer-events:auto;visibility:visible}.use-cancel:active{transform:translateY(1px)}.use-cancel:focus-visible{outline:2px solid var(--brass);outline-offset:2px}@media (hover:hover){.use-cancel:hover{background-color:var(--stone-700)}}.inv[data-shake$="1"] .inv-grid,.inv[data-shake$="3"] .inv-grid,.inv[data-shake$="5"] .inv-grid,.inv[data-shake$="7"] .inv-grid,.inv[data-shake$="9"] .inv-grid{animation:.32s ease-out inv-shake-odd}.inv[data-shake$="2"] .inv-grid,.inv[data-shake$="4"] .inv-grid,.inv[data-shake$="6"] .inv-grid,.inv[data-shake$="8"] .inv-grid,.inv[data-shake$="0"]:not([data-shake="0"]) .inv-grid{animation:.32s ease-out inv-shake-even}:is(.side-panel:has(.inv[data-shake$="1"]) .side-tab[data-tab=inventory],.side-panel:has(.inv[data-shake$="3"]) .side-tab[data-tab=inventory],.side-panel:has(.inv[data-shake$="5"]) .side-tab[data-tab=inventory],.side-panel:has(.inv[data-shake$="7"]) .side-tab[data-tab=inventory],.side-panel:has(.inv[data-shake$="9"]) .side-tab[data-tab=inventory]){animation:.36s ease-out inv-tab-shake-odd}:is(.side-panel:has(.inv[data-shake$="2"]) .side-tab[data-tab=inventory],.side-panel:has(.inv[data-shake$="4"]) .side-tab[data-tab=inventory],.side-panel:has(.inv[data-shake$="6"]) .side-tab[data-tab=inventory],.side-panel:has(.inv[data-shake$="8"]) .side-tab[data-tab=inventory],.side-panel:has(.inv[data-shake$="0"]:not([data-shake="0"])) .side-tab[data-tab=inventory]){animation:.36s ease-out inv-tab-shake-even}@keyframes inv-shake-odd{0%{transform:rotate(0)}20%{transform:rotate(calc(-1.5deg * var(--ui-motion)))}45%{transform:rotate(calc(1.5deg * var(--ui-motion)))}70%{transform:rotate(calc(-.75deg * var(--ui-motion)))}to{transform:rotate(0)}}@keyframes inv-shake-even{0%{transform:rotate(0)}20%{transform:rotate(calc(-1.5deg * var(--ui-motion)))}45%{transform:rotate(calc(1.5deg * var(--ui-motion)))}70%{transform:rotate(calc(-.75deg * var(--ui-motion)))}to{transform:rotate(0)}}@keyframes inv-tab-shake-odd{0%{transform:rotate(0)}20%{transform:rotate(calc(-12deg * var(--ui-motion)))}45%{transform:rotate(calc(10deg * var(--ui-motion)))}70%{transform:rotate(calc(-5deg * var(--ui-motion)))}to{transform:rotate(0)}}@keyframes inv-tab-shake-even{0%{transform:rotate(0)}20%{transform:rotate(calc(-12deg * var(--ui-motion)))}45%{transform:rotate(calc(10deg * var(--ui-motion)))}70%{transform:rotate(calc(-5deg * var(--ui-motion)))}to{transform:rotate(0)}}@media (max-height:500px){.side-body[data-tab=inventory]{right:max(calc(var(--strip-cols,1) * (var(--side-tab) + 4px) + 4px), calc(84px * var(--ui-scale)));bottom:calc(8px - 64px * var(--ui-scale));--body-h:min(calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)), var(--inv-full-h));--inv-cell:min(var(--inv-cell-max), calc(( var(--body-h) - 2 * var(--inv-frame) - var(--inv-head) - var(--inv-head-gap) - 6 * var(--inv-gap) ) / 7))}}@media (max-height:389px){.side-body[data-tab=inventory]{--inv-gap:calc(2px * var(--ui-scale));--inv-head:0px;--inv-head-gap:0px}.inv-head{display:none}}.side-body[data-tab=professions]{--body-h:min(calc(376px * var(--ui-scale)), calc(100dvh - 126px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}.prof-tab{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;gap:4px;height:100%;min-height:0;display:grid}.prof-head{justify-content:space-between;align-items:center;gap:var(--gap);grid-area:1/1;min-width:0;height:44px;padding:0 2px;display:flex}.prof-head h2{font:700 calc(18px * var(--ui-scale)) / 22px var(--font-title);letter-spacing:.04em;color:var(--brass)}.how-to-train-open,.how-to-train-back{box-sizing:border-box;min-width:44px;height:44px;padding:0 calc(8px * var(--ui-scale));font:600 var(--text-small) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-900);border:2px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;margin:0}.how-to-train-open{grid-area:1/2}.how-to-train-open:disabled{color:var(--stone-300);cursor:default}.how-to-train-open:focus-visible,.how-to-train-back:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}.how-to-train-open:active:not(:disabled),.how-to-train-back:active{transform:translateY(1px)}.how-to-train{visibility:hidden;flex-direction:column;grid-area:2/1/4/3;gap:4px;min-height:0;display:flex}.how-to-train[data-open="1"]{visibility:visible}.how-to-head{align-items:center;gap:var(--gap);flex:none;min-width:0;display:flex}.how-to-title{min-width:0;font:700 var(--text) / 1.2 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;color:var(--brass);margin:0;overflow:hidden}.how-to-lines{overscroll-behavior:contain;touch-action:pan-y;min-height:0;font-size:var(--text-small);color:var(--parchment);pointer-events:auto;flex-direction:column;flex:auto;gap:6px;margin:0;padding:0 2px;line-height:16px;list-style:none;display:flex;overflow-y:auto}.how-to-line{background:linear-gradient(var(--brass), var(--brass)) 0 7px / 4px 4px no-repeat;padding-left:10px}.unlock-list{gap:4px;margin-top:6px;display:grid}.unlock-list-head{font:700 var(--text) / 1.2 var(--font-ui);color:var(--brass);margin:0}.unlock-none:empty{display:none}.unlock-none{color:var(--parchment-dim);margin:0}.unlock-levels{gap:4px;margin:0;padding:0;list-style:none;display:grid}.unlock-level{font-size:var(--text-small);color:var(--parchment);border-top:1px solid var(--stone-700);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;padding:2px 0;line-height:16px;display:grid}.unlock-level[data-reached="0"]{color:var(--parchment-dim)}.unlock-lv{font-variant-numeric:tabular-nums;width:56px;font-weight:700}.unlock-pics{gap:2px;min-width:0;display:grid}.unlock-pic{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:6px;min-width:0;display:grid}.unlock-pic-icon{box-sizing:border-box;width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));font:700 var(--text-small) / calc(34px * var(--ui-scale)) var(--font-ui);text-align:center;color:var(--parchment);background-color:var(--wood-800);image-rendering:pixelated;background-repeat:no-repeat;border-radius:2px;display:block}.unlock-pic-icon[data-atlas="1"]{background-color:#0000}.unlock-pic-icon[data-atlas="0"]:before{content:attr(data-plate)}.unlock-level[data-reached="0"] .unlock-pic-icon{opacity:.45}.unlock-pic-label{overflow-wrap:anywhere;min-width:0}.prof-total{font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--parchment-dim);line-height:22px}.prof-grid{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--stone-500) transparent;pointer-events:auto;flex:auto;grid-area:2/1/3/3;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:44px;align-content:start;gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.prof-row{grid-template-columns:calc(34px * var(--ui-scale)) minmax(0, 1fr);box-sizing:border-box;width:100%;height:44px;font:inherit;text-align:left;color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);pointer-events:auto;touch-action:manipulation;cursor:pointer;background-color:#0000;border:0;border-radius:3px;grid-template-rows:auto auto;align-content:center;gap:4px 6px;margin:0;padding:0 6px 0 4px;display:grid}.prof-row>span{pointer-events:none}.prof-icon{box-sizing:border-box;width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));font:700 var(--text-small) / 1 var(--font-ui);color:var(--parchment);background-color:var(--wood-800);image-rendering:pixelated;background-repeat:no-repeat;border-radius:3px;grid-row:1/span 2;place-items:center;display:grid}.prof-icon[data-atlas="1"]{background-color:#0000}.prof-level{font:700 var(--text) / 16px var(--font-ui);font-variant-numeric:tabular-nums;align-self:end}.prof-track{background-color:var(--stone-900);border-radius:2px;align-self:start;height:4px;display:block;overflow:hidden}.prof-bar{background-color:var(--moss);transform-origin:0;height:100%;display:block}.prof-row[data-content="0"],.prof-row[data-content="0"] .prof-icon{color:var(--stone-300)}.prof-row[data-content="0"] .prof-bar{background-color:var(--stone-500)}.prof-row[data-content="0"] .prof-icon[data-atlas="1"]{opacity:.5}.prof-row[data-selected="1"]{background-color:var(--stone-700)}.prof-row:active{transform:translateY(1px)}.prof-row:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}.prof-detail{height:calc(32px + 34px * var(--ui-scale));font-size:var(--text-small);color:var(--parchment);flex:none;grid-area:3/1/4/3;margin:0;padding:0 2px;line-height:16px;overflow:hidden}.prof-detail-head{max-height:32px;display:block;overflow:hidden}.prof-detail-join{display:none}.prof-detail-next{line-height:calc(34px * var(--ui-scale));white-space:nowrap;text-overflow:ellipsis;color:var(--parchment-dim);display:block;overflow:hidden}.prof-next-unlock[data-shown="0"]{display:none}.prof-next-icon{--next-pic-scale:1;box-sizing:border-box;width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));margin:0 calc(4px * var(--ui-scale)) 0 calc(-2px * var(--ui-scale));vertical-align:top;font:700 var(--text-small) / calc(34px * var(--ui-scale)) var(--font-ui);text-align:center;color:var(--parchment);background-color:var(--wood-800);image-rendering:pixelated;background-repeat:no-repeat;border-radius:2px;display:inline-block;overflow:hidden}.prof-next-icon[data-atlas="1"]{background-color:#0000}.prof-next-icon[data-atlas="0"]:before{content:attr(data-plate)}.prof-tab[data-page=howTo] .prof-grid,.prof-tab[data-page=howTo] .prof-detail,.prof-tab[data-page=howTo] .how-to-train-open{visibility:hidden}@media (hover:hover){.prof-row:hover{background-color:var(--stone-700)}}@media (max-height:500px){.side-body[data-tab=professions]{--body-h:min(calc(376px * var(--ui-scale)), calc(100dvh - 106px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}.prof-tab{gap:2px}.prof-head{height:44px}.prof-head h2{font-size:calc(14px * var(--ui-scale));line-height:16px}.prof-total{line-height:16px}.prof-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.prof-detail{height:32px}.prof-detail-head,.prof-detail-join,.prof-detail-next{display:inline}.prof-detail-next{line-height:16px}.prof-next-icon{--next-pic-scale:.5;width:calc(17px * var(--ui-scale));height:calc(17px * var(--ui-scale));margin:calc(-1px * var(--ui-scale)) calc(2px * var(--ui-scale)) 0 calc(-2px * var(--ui-scale));font:700 calc(8px * var(--ui-scale)) / calc(17px * var(--ui-scale)) var(--font-ui)}}.xp-drops{--drop-h:calc(24px * var(--ui-scale));--drop-rise:calc(48px * var(--ui-scale));right:var(--side-edge);bottom:calc(64px * var(--ui-scale) + env(safe-area-inset-bottom,0px) + var(--drop-rows) * (var(--side-tab) + 4px) + 4px);z-index:37;width:calc(240px * var(--ui-scale));height:calc(6 * var(--drop-h) + var(--drop-rise));pointer-events:none;contain:strict;position:absolute}.xp-drop-icon{width:calc(17px * var(--ui-scale));height:calc(17px * var(--ui-scale));margin-left:calc(4px * var(--ui-scale));vertical-align:calc(-3px * var(--ui-scale));image-rendering:pixelated}.xp-drop[data-pic=none] .xp-drop-icon{display:none}.xp-drop:not([data-pic=none]) .xp-drop-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.xp-drop{box-sizing:border-box;height:calc(20px * var(--ui-scale));padding:0 calc(8px * var(--ui-scale));white-space:nowrap;font:700 var(--text) / calc(20px * var(--ui-scale)) var(--font-ui);color:var(--parchment);background-color:var(--plate);text-shadow:0 1px 0 var(--stone-950);pointer-events:none;visibility:hidden;opacity:1;border-radius:3px;position:absolute;bottom:0;right:0;transform:none}.xp-drop[data-row="1"]{bottom:var(--drop-h)}.xp-drop[data-row="2"]{bottom:calc(2 * var(--drop-h))}.xp-drop[data-row="3"]{bottom:calc(3 * var(--drop-h))}.xp-drop[data-row="4"]{bottom:calc(4 * var(--drop-h))}.xp-drop[data-row="5"]{bottom:calc(5 * var(--drop-h))}@media (max-height:500px){.xp-drops{right:calc(var(--side-edge) + var(--strip-cols,1) * (var(--side-tab) + 4px) + 4px);bottom:calc(12px * var(--ui-scale) + 22px + 177px + var(--qb-slot,44px) / 2 + 8px + env(safe-area-inset-bottom,0px))}}.side-panel[data-open="1"]~.xp-drops{right:calc(var(--side-edge) + var(--strip-cols,1) * (var(--side-tab) + 4px) + 4px + min(calc(320px * var(--ui-scale)), 40vw) + 8px)}@media (max-height:500px){.settings-panel~.xp-drops{right:calc(var(--side-edge) + var(--strip-cols,1) * (var(--side-tab) + 4px) + 4px + min(calc(300px * var(--ui-scale)), calc(100vw - 20px)) + 8px)}}.xp-drop[data-live="1"]{visibility:visible;opacity:0;transform:translate3d(0, calc(-1 * var(--drop-rise) * var(--ui-motion)), 0);transition:transform 1.8s linear,opacity .6s linear 1.2s}.level-banners{top:calc(16px * var(--ui-scale));z-index:38;pointer-events:none;contain:layout paint;justify-content:center;display:flex;position:absolute;left:0;right:0}.level-banner{box-sizing:border-box;max-width:min(560px,100% - 32px);padding:calc(8px * var(--ui-scale)) calc(20px * var(--ui-scale));text-align:center;color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-900);pointer-events:none;visibility:hidden;opacity:0;border-radius:3px;flex-direction:column;align-items:center;gap:2px;display:flex}.level-banner[data-run=a]{visibility:visible;animation:4s linear both level-banner-a}.level-banner[data-run=b]{visibility:visible;animation:4s linear both level-banner-b}.level-banner-title{font:700 calc(18px * var(--ui-scale)) / 1.2 var(--font-title);letter-spacing:.04em;color:var(--brass)}.level-banner-line{font-size:var(--text);color:var(--parchment);line-height:1.3}.level-banner-unlocks{justify-content:center;align-items:center;gap:calc(4px * var(--ui-scale)) calc(10px * var(--ui-scale));font-size:var(--text);color:var(--parchment);flex-wrap:wrap;line-height:1.3;display:flex}.level-banner-unlock{align-items:center;gap:calc(6px * var(--ui-scale));display:inline-flex}.lbu-icon{box-sizing:border-box;width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));font:700 var(--text-small) / 1 var(--font-ui);color:var(--parchment);background-color:var(--wood-800);image-rendering:pixelated;background-repeat:no-repeat;border-radius:3px;flex:none;place-items:center;display:grid}.lbu-icon[data-atlas="1"]{background-color:#0000}.lbu-icon[data-atlas="0"]:before{content:attr(data-plate)}.level-banner-more{color:var(--parchment-dim)}.level-banner-cap{font-size:var(--text);color:var(--brass);line-height:1.3}.level-banner-cap:empty,.level-banner[data-pics="1"] .level-banner-line,.level-banner:not([data-pics="1"]) .level-banner-unlocks,.level-banner-unlock[data-shown="0"],.level-banner-more:empty{display:none}@media (max-height:500px){.side-panel:has(>.side-body[data-tab=professions][data-open="1"])~.level-banners{right:calc(var(--side-edge) + var(--strip-cols,1) * (var(--side-tab) + 4px) + 4px + min(calc(320px * var(--ui-scale)), 40vw) + 8px)}.side-panel:has(>.side-body[data-tab=inventory][data-open="1"])~.level-banners{right:calc(var(--side-edge) + max(calc(var(--strip-cols,1) * (var(--side-tab) + 4px) + 4px), calc(84px * var(--ui-scale))) + 4 * 44px * var(--ui-scale) + 3 * 4px * var(--ui-scale) + 2 * (3px + 8px * var(--ui-scale)) + 8px)}.level-banner{justify-content:center;align-items:baseline;gap:0 calc(12px * var(--ui-scale));padding-block:calc(6px * var(--ui-scale));flex-flow:wrap}.level-banner-title{font-size:calc(16px * var(--ui-scale));line-height:calc(20px * var(--ui-scale));white-space:nowrap;flex:none}.level-banner-line{min-width:0;line-height:calc(20px * var(--ui-scale));white-space:normal;overflow-wrap:anywhere}.level-banner[data-pics="1"]{padding-block:calc(1px * var(--ui-scale));align-items:center}.level-banner-unlocks{flex-wrap:wrap;justify-content:center;min-width:0}.lbu-label{overflow-wrap:anywhere}}@keyframes level-banner-a{0%{opacity:0;transform:scale(calc(1 - .08 * var(--ui-motion)))}5%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes level-banner-b{0%{opacity:0;transform:scale(calc(1 - .08 * var(--ui-motion)))}5%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.prof-skills-cell{grid-column:span 2}.prof-skills-open{grid-template-columns:calc(20px * var(--ui-scale)) auto minmax(0, 1fr);box-sizing:border-box;width:100%;height:44px;font:700 var(--text-small) / 1 var(--font-ui);text-align:left;color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-900);border:2px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;align-items:center;column-gap:6px;margin:0;padding:0 6px;display:grid}.prof-skills-open:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}.prof-skills-glyph{width:calc(20px * var(--ui-scale));height:calc(20px * var(--ui-scale))}.prof-skills-word{color:var(--brass)}.prof-skills-list{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--parchment-dim);font-weight:400;overflow:hidden}.skills-page{visibility:hidden;flex-direction:column;grid-area:2/1/4/3;gap:4px;min-height:0;display:flex}.skills-page[data-open="1"]{visibility:visible}.prof-tab[data-page=skills] .prof-grid,.prof-tab[data-page=skills] .prof-detail,.prof-tab[data-page=skills] .how-to-train-open{visibility:hidden}.skill-list{overscroll-behavior:contain;touch-action:pan-y;min-height:0;font-size:var(--text-small);color:var(--parchment);pointer-events:auto;flex-direction:column;flex:auto;gap:6px;margin:0;padding:0 2px;line-height:16px;list-style:none;display:flex;overflow-y:auto}.skill-row{grid-template-columns:calc(20px * var(--ui-scale)) auto auto minmax(0, 1fr);align-items:center;gap:2px 6px;display:grid}.skill-glyph{width:calc(20px * var(--ui-scale));height:calc(20px * var(--ui-scale))}.skill-name{color:var(--brass);font-weight:700}.skill-level{font-variant-numeric:tabular-nums}.skill-track{background-color:var(--stone-800);height:6px;overflow:hidden}.skill-bar{transform-origin:0;background-color:var(--brass);height:100%;display:block}.skill-xp,.skill-how{grid-column:2/5}.skill-xp{font-variant-numeric:tabular-nums;color:var(--parchment-dim)}.skill-techniques{padding-top:2px}.skill-techniques-head{font:700 var(--text-small) / 16px var(--font-ui);color:var(--brass);margin:0 0 4px}.skill-technique-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.skill-technique{grid-template-columns:calc(34px * var(--ui-scale)) minmax(0, 1fr);column-gap:6px;display:grid}.skill-technique-icon{width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));image-rendering:pixelated;grid-row:1/4}.skill-technique-name{font-weight:700}.skill-technique-facts{color:var(--parchment-dim)}@media (max-height:500px){.prof-skills-cell{grid-column:span 3}}.save-section{contain:layout paint}.save-body{gap:calc(6px * var(--ui-scale));padding-top:calc(4px * var(--ui-scale));flex-direction:column;display:flex}.save-note{font-size:var(--text-small);color:var(--parchment-dim);line-height:1.35}.save-row,.save-import-box,.save-text-box{gap:calc(6px * var(--ui-scale));flex-wrap:wrap;display:flex}.save-import-box,.save-text-box{flex-direction:column}.save-btn{box-sizing:border-box;padding:calc(8px * var(--ui-scale)) calc(10px * var(--ui-scale));pointer-events:auto;touch-action:manipulation;text-align:center;justify-content:center;align-items:center;line-height:1.2;display:inline-flex}.save-import-box .save-btn,.save-text-box .save-btn{align-self:flex-start}.save-file{position:relative}.save-file:focus-within{outline:2px solid var(--brass);outline-offset:2px}.save-file-input{opacity:0;clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.save-field{box-sizing:border-box;width:100%;min-height:calc(36px * var(--ui-scale));max-height:calc(120px * var(--ui-scale));padding:calc(6px * var(--ui-scale));resize:none;font:calc(12px * var(--ui-scale)) / 1.3 ui-monospace, "Cascadia Mono", Consolas, monospace;color:var(--parchment);background-color:var(--stone-950);border:2px solid var(--wood-800);text-shadow:none;word-break:break-all;overscroll-behavior:contain;pointer-events:auto;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:manipulation;border-radius:3px;margin:0;display:block;overflow-y:auto}.save-field::placeholder{color:var(--stone-300)}.save-field:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.save-confirm{scroll-margin:calc(8px * var(--ui-scale));gap:calc(6px * var(--ui-scale));padding:calc(8px * var(--ui-scale));font-size:var(--text-small);color:var(--parchment);background-color:var(--stone-950);border:2px solid var(--brass);border-radius:3px;flex-direction:column;line-height:1.35;display:flex}.save-confirm-summary{font-weight:700}.save-replace{color:var(--stone-950);text-shadow:none;background:linear-gradient(var(--brass), #b58a36);box-shadow:inset 0 1px #f0d58d}.save-replace:hover{background:linear-gradient(#e6c06a, var(--brass))}.save-loading{color:var(--brass);font-weight:700}.save-status{min-height:calc(17px * var(--ui-scale));font-size:var(--text-small);overflow-wrap:anywhere;color:var(--parchment-dim);line-height:1.35}.save-status[data-kind=ok]{color:var(--moss-light)}.save-status[data-kind=error]{color:var(--ember)}@media (any-pointer:coarse){.save-btn{min-height:44px}.save-field{min-height:44px;font-size:16px}}.hud[data-pointer=touch] .save-btn{min-height:44px}.hud[data-pointer=touch] .save-field{min-height:44px;font-size:16px}@media not all and (max-height:500px){.settings-panel{max-height:calc(100dvh - var(--settings-top) - 64px * var(--ui-scale) - env(safe-area-inset-bottom,0px) - var(--strip-rows) * var(--side-tab) - (var(--strip-rows) - 1) * 4px - 8px);overscroll-behavior:contain;overflow-y:auto}}@media (max-height:500px){.save-field{max-height:calc(88px * var(--ui-scale))}}.make{--mk-pad:calc(8px * var(--ui-scale));--mk-gap:calc(4px * var(--ui-scale));--mk-tap:calc(44px * var(--ui-scale));--mk-pic-w:calc(68px * var(--ui-scale));--mk-pic-h:calc(72px * var(--ui-scale));left:calc(8px * var(--ui-scale) + env(safe-area-inset-left,0px));bottom:calc(8px * var(--ui-scale) + env(safe-area-inset-bottom,0px));z-index:6;box-sizing:border-box;width:min(calc(600px * var(--ui-scale)), calc(100vw - var(--side-edge) - var(--strip-cols,1) * (var(--side-tab) + 4px) - 4px - min(calc(320px * var(--ui-scale)), 40vw) - 16px * var(--ui-scale) - env(safe-area-inset-left,0px)));height:calc(2 * var(--mk-pad) + var(--mk-tap) + var(--mk-pic-h) + var(--mk-tap) + 2 * var(--mk-gap) + 4px);padding:var(--mk-pad);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--mk-tap) var(--mk-pic-h) var(--mk-tap);row-gap:var(--mk-gap);color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-900);pointer-events:auto;touch-action:manipulation;contain:layout paint;border-radius:3px;display:grid;position:absolute}.make[data-open="0"]{visibility:hidden;opacity:0;pointer-events:none;transition:none}.make-head{grid-template-columns:minmax(0, 1fr) var(--mk-tap);align-items:center;column-gap:var(--mk-gap);min-width:0;display:grid}.make-title{white-space:nowrap;text-overflow:ellipsis;font:700 var(--text) / 1.3 var(--font-ui);color:var(--brass);margin:0;overflow:hidden}.make-close{box-sizing:border-box;width:var(--mk-tap);height:var(--mk-tap);font:700 calc(20px * var(--ui-scale)) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-800);border:1px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;margin:0;padding:0}.make-rows{gap:var(--mk-gap);overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:var(--stone-500) transparent;pointer-events:auto;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.make-rows>li{flex:0 0 var(--mk-pic-w)}.make-rows>li[data-shown="0"]{display:none}.make-row{grid-template-rows:calc(34px * var(--ui-scale)) auto auto;box-sizing:border-box;width:var(--mk-pic-w);height:var(--mk-pic-h);padding:calc(3px * var(--ui-scale)) 2px;font:inherit;color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-800);border:1px solid var(--wood-800);pointer-events:auto;touch-action:pan-x;cursor:pointer;border-radius:3px;align-content:start;justify-items:center;row-gap:1px;margin:0;display:grid;position:relative}.make-row>span{pointer-events:none}.make-icon{width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));place-items:center;display:grid}.make-sheet{width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));image-rendering:pixelated;background-repeat:no-repeat;grid-area:1/1;display:none}.make-icon[data-icon=sheet] .make-sheet{display:block}.make-plate{box-sizing:border-box;width:calc(32px * var(--ui-scale));height:calc(32px * var(--ui-scale));font:700 var(--text-small) / 1 var(--font-ui);letter-spacing:.04em;color:var(--parchment);background-color:var(--wood-800);border:1px solid var(--wood-600);border-radius:3px;grid-area:1/1;place-items:center;display:none}.make-icon[data-icon=plate] .make-plate{display:grid}.make-count{font:700 var(--text-small) / 1 var(--font-ui);color:var(--brass);position:absolute;top:2px;left:4px}.make-name,.make-level{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font:calc(11px * var(--ui-scale)) / calc(13px * var(--ui-scale)) var(--font-ui);overflow:hidden}.make-level{color:var(--ember)}.make-row[data-can="0"] .make-icon{opacity:.5}.make-row[data-can="0"] .make-name{color:var(--parchment-dim)}.make-row:active{background-color:var(--wood-700)}.make-row:focus-visible,.make-qty:focus-visible,.make-close:focus-visible,.make-x-ok:focus-visible,.make-x-cancel:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}@media (hover:hover){.make-row:hover,.make-qty:hover,.make-close:hover{background-color:var(--stone-700)}}.make-qtys,.make-x{align-items:center;gap:var(--mk-gap);min-width:0;display:flex}.make-qtys{border:0;margin:0;padding:0}.make-qty,.make-x-ok,.make-x-cancel{box-sizing:border-box;min-width:calc(52px * var(--ui-scale));height:var(--mk-tap);padding:0 calc(10px * var(--ui-scale));font:700 var(--text) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-800);border:1px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;margin:0}.make-qty[data-selected="1"]{color:var(--stone-950);text-shadow:none;background-color:var(--brass);border-color:var(--brass)}.make-x-label{font:600 var(--text) / 1.3 var(--font-ui);white-space:nowrap;color:var(--parchment)}.make-x-input{box-sizing:border-box;width:calc(88px * var(--ui-scale));height:var(--mk-tap);padding:0 calc(8px * var(--ui-scale));font:700 calc(16px * var(--ui-scale)) / 1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--parchment);background-color:var(--stone-950);border:1px solid var(--wood-600);pointer-events:auto;touch-action:manipulation;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;border-radius:3px;margin:0}.make-x-input:focus{outline:2px solid var(--brass);outline-offset:-2px}@media (max-height:500px){.make{--mk-pad:calc(6px * var(--ui-scale))}}.hud{--quest-todo:#f0a08a;--quest-doing:#f1d27a;--quest-done:#a9d18a}.side-body[data-tab=quests]{--body-h:min(calc(354px * var(--ui-scale)), calc(100dvh - 126px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}.quests-tab{grid-template:minmax(0,1fr)/minmax(0,1fr);height:100%;min-height:0;display:grid}.quests-tab[data-ready="0"]>*{display:none}.quest-list-page,.quest-journal{flex-direction:column;grid-area:1/1;gap:4px;min-height:0;display:flex}.quests-tab[data-page=list] .quest-journal,.quests-tab[data-page=journal] .quest-list-page{visibility:hidden}.quests-head{justify-content:space-between;align-items:baseline;gap:var(--gap);flex:none;height:22px;padding:0 2px;display:flex}.quests-head h2{font:700 calc(18px * var(--ui-scale)) / 22px var(--font-title);letter-spacing:.04em;color:var(--brass)}.quest-points{font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--parchment-dim);line-height:22px}.quest-list,.journal-lines{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--stone-500) transparent;pointer-events:auto;flex:auto;align-content:start;gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.quest-row{box-sizing:border-box;width:100%;height:44px;font:600 var(--text) / 1.2 var(--font-ui);text-align:left;color:var(--quest-todo);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-900);pointer-events:auto;touch-action:manipulation;cursor:pointer;border:0;border-radius:3px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;column-gap:8px;margin:0;padding:0 8px;display:grid}.quest-row>span{pointer-events:none}.quest-row[data-status=inProgress]{color:var(--quest-doing)}.quest-row[data-status=complete]{color:var(--quest-done)}.quest-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quest-word{font:400 var(--text-small) / 1.2 var(--font-ui);color:var(--parchment-dim)}.quest-mark{box-sizing:border-box;border:2px solid;border-radius:50%;width:12px;height:12px}.quest-row[data-status=inProgress] .quest-mark{background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.quest-row[data-status=complete] .quest-mark{background-color:currentColor}.quest-row:active,.journal-back:active,.reward-close:active{transform:translateY(1px)}.quest-row:focus-visible,.journal-back:focus-visible,.reward-close:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}@media (hover:hover){.quest-row:hover{background-color:var(--stone-700)}}.journal-head{align-items:center;gap:var(--gap);flex:none;min-width:0;display:flex}.journal-back{box-sizing:border-box;min-width:44px;height:44px;padding:0 calc(10px * var(--ui-scale));font:600 var(--text-small) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-900);border:2px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;flex:none;margin:0}.journal-name{min-width:0;font:700 var(--text) / 1.2 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;color:var(--brass);margin:0;overflow:hidden}.journal-word{font-size:var(--text-small);color:var(--parchment-dim);flex:none;margin-left:auto}.journal-lines{font-size:var(--text-small);color:var(--parchment);gap:6px;padding:0 2px;line-height:16px}.journal-line[data-done="1"]{color:var(--parchment-dim);text-decoration:line-through}.journal-rewards{background-color:var(--stone-900);border:2px solid var(--wood-700);border-radius:3px;gap:2px;padding:6px 8px;display:grid}.journal-rewards[data-shown="0"]{display:none}.journal-rewards-head{font-size:var(--text-small);color:var(--parchment-dim);margin:0}.journal-reward-headline{font:700 var(--text) / 1.25 var(--font-ui);color:var(--brass);margin:0}.journal-reward-lines{gap:2px;margin:0;padding:0;list-style:none;display:grid}.journal-reward-line{background:linear-gradient(var(--brass), var(--brass)) 0 7px / 4px 4px no-repeat;padding-left:10px}.journal-reward-points{color:var(--parchment-dim);margin:0}.journal-lore{border-top:2px solid var(--wood-700);gap:6px;padding:6px 8px;display:grid}.journal-lore[data-shown="0"]{display:none}.lore-page{gap:2px;display:grid}.lore-title{font:700 var(--text) / 1.25 var(--font-ui);color:var(--brass);margin:0}.lore-text{color:var(--parchment);margin:0}@media (max-height:500px){.quests-head{height:16px}.quests-head h2{font-size:calc(14px * var(--ui-scale));line-height:16px}.quest-points{line-height:16px}}.reward-scroll{--scroll-room:calc(100vw - var(--side-edge) - var(--strip-cols,1) * (var(--side-tab) + 4px) - 4px - min(calc(320px * var(--ui-scale)), 40vw) - 8px);--scroll-w:min(calc(360px * var(--ui-scale)), calc(100vw - 32px), calc(var(--scroll-room) - 16px));top:calc(96px * var(--ui-scale) + env(safe-area-inset-top,0px));left:min(calc(50% - var(--scroll-w) / 2), calc(var(--scroll-room) - var(--scroll-w)));z-index:30;box-sizing:border-box;width:var(--scroll-w);max-height:calc(100dvh - 248px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));color:var(--stone-900);text-align:center;text-shadow:none;background-color:var(--parchment);border:3px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-400);visibility:hidden;opacity:0;transform:translate3d(0, calc(-16px * var(--ui-motion)), 0);pointer-events:none;contain:layout paint;border-radius:4px;flex-direction:column;gap:6px;margin:0;padding:12px 16px;display:flex;position:absolute}.reward-scroll[data-open="1"]{visibility:visible;opacity:1;pointer-events:auto;transition-property:transform,opacity;transition-duration:.24s,.18s;transition-timing-function:ease-out,linear;transform:translate(0,0)}.reward-kicker{font:600 var(--text-small) / 16px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--wood-700);flex:none}.reward-name{font:700 calc(18px * var(--ui-scale)) / 22px var(--font-title);color:var(--stone-950);flex:none}.reward-headline{font:700 var(--text) / 18px var(--font-ui);color:var(--stone-950);border:1px solid var(--wood-400);background-color:#f6ecd6;border-radius:3px;flex:none;padding:4px 8px}.reward-lines{overscroll-behavior:contain;touch-action:pan-y;min-height:0;font:400 var(--text) / 18px var(--font-ui);pointer-events:auto;flex:0 auto;gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.reward-points{font:600 var(--text-small) / 16px var(--font-ui);color:var(--wood-700);flex:none}.reward-close{box-sizing:border-box;min-width:96px;height:44px;padding:0 calc(16px * var(--ui-scale));font:700 var(--text) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--wood-700);border:2px solid var(--wood-900);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;flex:none;align-self:center;margin:0}@media (max-height:500px){.reward-scroll{top:calc(40px * var(--ui-scale) + env(safe-area-inset-top,0px));left:calc(16px * var(--ui-scale) + env(safe-area-inset-left,0px));width:min(calc(440px * var(--ui-scale)), calc(100vw - 16px * var(--ui-scale) - env(safe-area-inset-left,0px) - var(--side-edge) - var(--strip-cols,1) * (var(--side-tab) + 4px) - 4px - min(calc(320px * var(--ui-scale)), 40vw) - 8px));max-height:calc(100dvh - 180px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:8px 12px;display:grid}.reward-kicker,.reward-name{text-align:left;grid-column:1}.reward-headline,.reward-lines,.reward-points{grid-column:1/-1}.reward-close{grid-area:1/2/3/3;min-width:88px}.reward-name{font-size:calc(16px * var(--ui-scale));line-height:20px}.reward-headline{padding:2px 8px}.reward-lines{font-size:var(--text-small);grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;line-height:16px}}.hud{--breath-blue:#5b9be6;--breath-deep:#1d3552;--off-key:#ff7a6e;--mark-up:#7fd65a;--mark-down:#ff7a6e;--run-slot:calc(96px * var(--ui-scale));--song-hud-w:calc(220px * var(--ui-scale));--page-btn-w:calc(84px * var(--ui-scale))}.hud:not([data-pointer=touch]){--run-slot:calc(96px * var(--ui-scale) + 4px * var(--ui-scale) + 3.2 * var(--text-small))}.music-tab{flex-direction:column;gap:6px;height:100%;min-height:0;display:flex}.music-pages{flex:none;grid-template-columns:1fr 1fr;gap:4px;display:grid}.music-page{box-sizing:border-box;min-width:44px;min-height:44px;font:700 var(--text) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-900);border:2px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;margin:0;padding:0 4px}.music-page[aria-pressed=true]{color:var(--stone-950);text-shadow:none;background-color:var(--brass);border-color:var(--wood-600)}.music-tab>.songbook{flex:auto;height:auto}.melody-page{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex}.cantoring-head{align-items:center;gap:var(--gap);flex:none;display:flex}.cantoring-info{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.cantoring-line{align-items:baseline;gap:var(--gap);min-width:0;display:flex}.melody-instrument{min-width:0;font:400 var(--text) / 1.2 var(--font-ui);color:var(--parchment-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cantoring-level{font:700 var(--text) / 1.2 var(--font-ui);color:var(--brass);flex:none}.cantoring-track,.breath-track{background-color:var(--stone-950);border-radius:3px;height:6px;display:block;position:relative;overflow:hidden}.cantoring-bar,.breath-fill,.play-fill{transform-origin:0;position:absolute;inset:0}.cantoring-bar{background-color:var(--brass)}.cantoring-how,.cantoring-how-back,.melody-play,.melody-improvise{box-sizing:border-box;min-width:44px;min-height:44px;font:700 var(--text-small) / 1 var(--font-ui);color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);background-color:var(--stone-900);border:2px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;flex:none;margin:0;padding:0 10px}.melody-play,.melody-improvise{min-width:56px}.melody-play:active,.melody-improvise:active,.melody-play[data-pressed="1"],.melody-improvise[data-pressed="1"],.cantoring-how:active,.cantoring-how-back:active{background-color:var(--wood-700);transform:translateY(1px)}.melody-play:disabled{color:var(--stone-300);border-color:var(--stone-700);cursor:default}.melody-list{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--stone-500) transparent;pointer-events:auto;flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.melody-row{border-bottom:1px solid var(--stone-700);align-items:center;gap:6px;padding:4px 2px;display:flex}.melody-row-improvise{border-top:1px solid var(--stone-700)}.melody-text{box-sizing:border-box;min-width:44px;min-height:44px;font:inherit;font-size:var(--text-small);color:var(--parchment);text-align:left;pointer-events:auto;touch-action:manipulation;cursor:help;background:0 0;border:0;flex-direction:column;flex:auto;justify-content:center;margin:0;padding:0;line-height:16px;display:flex}.melody-text:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}.melody-head{min-width:0;font-size:var(--text);flex-wrap:wrap;align-items:center;gap:0 6px;line-height:18px;display:flex}.melody-name{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.melody-reach{font:700 var(--text-small) / 16px var(--font-ui);color:var(--parchment-dim);white-space:nowrap;border:1px solid var(--stone-700);border-radius:8px;flex:none;align-items:center;gap:4px;padding:0 5px;display:inline-flex}.reach-icon{box-sizing:border-box;flex:none;width:10px;height:10px;display:block;position:relative}.melody-reach[data-reach=area] .reach-icon{border:2px solid;border-radius:50%}.melody-reach[data-reach=self] .reach-icon:before,.melody-reach[data-reach=self] .reach-icon:after,.melody-reach[data-reach=one] .reach-icon:before,.melody-reach[data-reach=one] .reach-icon:after{content:"";background-color:currentColor;position:absolute}.melody-reach[data-reach=self] .reach-icon:before{border-radius:50%;width:4px;height:4px;top:0;left:3px}.melody-reach[data-reach=self] .reach-icon:after{border-radius:4px 4px 0 0;width:8px;height:5px;bottom:0;left:1px}.melody-reach[data-reach=one] .reach-icon{border:1px solid;border-radius:50%}.melody-reach[data-reach=one] .reach-icon:before{width:12px;height:1px;top:3.5px;left:-2px}.melody-reach[data-reach=one] .reach-icon:after{width:1px;height:12px;top:-2px;left:3.5px}.melody-key{font:700 var(--text-small) / 16px var(--font-ui);color:var(--brass);border:1px solid var(--wood-600);border-radius:2px;flex:none;padding:0 4px}.melody-key:empty,.melody-text>span:empty{display:none}.melody-desc,.melody-facts,.melody-hint{color:var(--parchment-dim)}.melody-effect{color:var(--moss-light)}.melody-detail{white-space:pre-line;color:var(--parchment);display:none}.melody-text>.melody-detail[data-open="1"]{display:block}.melody-reason{color:var(--ember)}.melody-row[data-known="0"] .melody-name,.melody-row[data-known="0"] .melody-effect,.melody-row[data-known="0"] .melody-facts{color:var(--stone-300)}.melody-row[data-known="0"] .melody-reason,.music-tab[data-page=songbook] .melody-page,.music-tab[data-page=melodies] .songbook{display:none}.cantoring-how-page{touch-action:pan-y;pointer-events:auto;flex-direction:column;flex:auto;gap:6px;min-height:0;display:none;overflow-y:auto}.melody-page[data-sub=howTo] .melody-list{display:none}.melody-page[data-sub=howTo] .cantoring-how-page{display:flex}.cantoring-how-page h3{font:700 var(--text) / 1.2 var(--font-ui);color:var(--brass);margin:0}.cantoring-how-lines{font-size:var(--text-small);margin:0;padding-left:1.2em;line-height:1.4}.cantoring-how-back{align-self:flex-start}.song-hud{right:calc(var(--side-edge) + var(--run-slot));bottom:calc(12px * var(--ui-scale) + env(safe-area-inset-bottom,0px));z-index:12;width:var(--song-hud-w);pointer-events:none;contain:layout paint;flex-direction:column-reverse;align-items:flex-end;row-gap:4px;display:flex;position:absolute}.breath-bar{box-sizing:border-box;width:100%;height:calc(36px * var(--ui-scale));font:700 var(--text-small) / 1 var(--font-ui);background-color:var(--plate);border:1px solid var(--wood-800);border-radius:3px;align-items:center;gap:6px;padding:0 8px;display:flex}.breath-label{color:var(--breath-blue)}.breath-track{background-color:var(--breath-deep);flex:auto;height:8px}.breath-fill{background-color:var(--breath-blue)}.breath-num{text-align:right;font-variant-numeric:tabular-nums;min-width:2.2em}.play-bar{left:calc(50vw - 40px * var(--ui-scale));z-index:12;box-sizing:border-box;width:calc(80px * var(--ui-scale));height:calc(8px * var(--ui-scale));background-color:var(--stone-950);border:1px solid var(--wood-800);opacity:0;pointer-events:none;contain:layout paint;border-radius:3px;position:absolute;top:58dvh;overflow:hidden}.play-bar[data-shown="1"]{opacity:1}.play-fill{background-color:var(--brass)}.buff-hud{right:calc(var(--side-edge) + var(--run-slot));bottom:calc(12px * var(--ui-scale) + env(safe-area-inset-bottom,0px) + 36px * var(--ui-scale) + 6px);z-index:12;max-width:calc(100vw - var(--side-edge) - var(--run-slot) - 16px * var(--ui-scale) - env(safe-area-inset-left,0px) - min(calc(28 * var(--text-small)), calc(100vw - 128px)));pointer-events:none;contain:layout paint;flex-direction:column-reverse;align-items:flex-end;row-gap:4px;display:flex;position:absolute}.hud:has(>.side-panel[data-open="1"])>.buff-hud{right:calc(var(--side-edge) + var(--strip-cols,1) * (var(--side-tab) + 4px) + 4px + min(calc(320px * var(--ui-scale)), 40vw) + 8px);max-width:calc(100vw - var(--side-edge) - var(--strip-cols,1) * (var(--side-tab) + 4px) - 4px - min(calc(320px * var(--ui-scale)), 40vw) - 8px - 16px * var(--ui-scale) - env(safe-area-inset-left,0px) - min(calc(28 * var(--text-small)), calc(100vw - 128px)))}.buff-icons{flex-wrap:wrap-reverse;justify-content:flex-end;gap:4px;display:flex}.buff-slot{background-color:var(--plate);border:1px solid var(--wood-800);border-radius:3px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0 2px;padding:0 4px;display:flex}.buff-slot[data-shown="0"]{display:none}.buff-slot[data-slot=offKey]{border-color:var(--off-key)}.buff-head{align-items:baseline;gap:6px;padding:0 4px;display:inline-flex}.buff-word,.buff-time{font:700 var(--text-small) / 1 var(--font-ui);font-variant-numeric:tabular-nums}.buff-word{color:var(--parchment)}.buff-time{color:var(--parchment-dim)}.buff-slot[data-slot=offKey] .buff-word{color:var(--off-key)}.buff-slot[data-big="1"] .buff-word{color:var(--brass)}.buff-icon{box-sizing:border-box;min-width:44px;min-height:44px;font:700 var(--text-small) / 1 var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--parchment);text-shadow:0 1px 0 var(--stone-950);pointer-events:auto;touch-action:manipulation;cursor:help;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;margin:0;padding:0 4px;display:inline-flex}.buff-mark{border-left:5px solid #0000;border-right:5px solid #0000;flex:none;width:0;height:0;display:block}.buff-mark[data-dir=up]{border-bottom:8px solid var(--mark-up)}.buff-mark[data-dir=down]{border-top:8px solid var(--mark-down)}.buff-pic{width:calc(17px * var(--ui-scale));height:calc(17px * var(--ui-scale));background-color:var(--stone-700);image-rendering:pixelated;background-repeat:no-repeat;border-radius:2px;display:block}.buff-icon[data-atlas="1"] .buff-pic{background-color:#0000}.buff-icon[data-track=all] .buff-pic{display:none}.buff-tip{white-space:pre-line;max-width:100%;font-size:var(--text-small);background-color:var(--plate);opacity:0;border-radius:3px;margin:0;padding:2px 6px}.buff-tip[data-shown="1"]{opacity:1}@media (max-height:500px){.music-tab{position:relative}.music-pages{z-index:1;display:block;position:absolute;top:0;right:0}.music-page{width:var(--page-btn-w)}.music-page[aria-pressed=true]{display:none}.music-tab .songbook-head,.cantoring-head{box-sizing:border-box;min-height:44px;padding-right:calc(var(--page-btn-w) + 6px);align-items:center}.melody-page{gap:4px}.cantoring-line{flex-direction:column;align-items:flex-start;gap:0}.melody-instrument-label{display:none}.melody-instrument{max-width:100%;font-size:var(--text-small);line-height:1.1}.melody-row{padding:1px 2px}.melody-text{line-height:14px}.melody-head{line-height:16px}.melody-key{line-height:14px}.melody-desc{display:none}.melody-effect{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.melody-reach{line-height:14px}.melody-text:has(>.melody-reason:not(:empty))>.melody-facts{display:none}.buff-hud{max-width:calc(100vw - var(--side-edge) - var(--run-slot) - 16px * var(--ui-scale) - env(safe-area-inset-left,0px) - min(calc(28 * var(--text-small)), 40vw))}.hud:has(>.side-panel[data-open="1"])>.buff-hud{bottom:calc(8px * var(--ui-scale) + env(safe-area-inset-bottom,0px) + 5.6 * var(--text-small) + 8px * var(--ui-scale) + 2px + 6px);max-width:calc(100vw - var(--side-edge) - var(--strip-cols,1) * (var(--side-tab) + 4px) - 4px - min(calc(320px * var(--ui-scale)), 40vw) - 8px - 8px * var(--ui-scale) - env(safe-area-inset-left,0px))}}.tut-overlay{--tut-ghost:48px;z-index:44;pointer-events:none;contain:layout paint;position:fixed;inset:0;overflow:hidden}.tut-spot,.tut-ghost,.tut-bubble,.tut-tick,.tut-edge{opacity:0;pointer-events:none;transition:opacity .18s ease-out;position:absolute;top:0;left:0}.tut-spot{width:100%;height:100%}.tut-dim{transform-origin:0 0;background-color:#0c0a088c;width:100%;height:100%;position:absolute;top:0;left:0}.tut-ring{box-sizing:border-box;border:3px solid var(--brass);transform-origin:0 0;border-radius:8px;width:100px;height:100px;animation:1.2s ease-in-out infinite alternate tut-pulse;position:absolute;top:0;left:0}@keyframes tut-pulse{0%{opacity:1}to{opacity:calc(1 - .65 * var(--ui-motion))}}.tut-bubble{box-sizing:border-box;width:max-content;max-width:min(calc(280px * var(--ui-scale)), 62vw);color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--brass);border-radius:6px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.tut-words{font:700 var(--text) / 1.3 var(--font-ui);text-shadow:0 1px 0 var(--stone-950);margin:0}.tut-got-it{box-sizing:border-box;min-width:44px;min-height:44px;font:700 var(--text-small) / 1 var(--font-ui);color:var(--parchment);background-color:var(--stone-800);border:2px solid var(--wood-700);visibility:hidden;pointer-events:none;touch-action:manipulation;cursor:pointer;border-radius:3px;flex:none;margin:0;padding:0 10px}.tut-overlay[data-shown="1"] .tut-got-it[data-shown="1"]{visibility:visible;pointer-events:auto}.tut-got-it:active{transform:translateY(1px)}.tut-teaser-note{font:700 var(--text) / 1 var(--font-ui);color:var(--brass);flex:none;display:none}.tut-overlay[data-teaser="1"] .tut-teaser-note{display:inline}.tut-overlay[data-teaser="1"] .tut-bubble{border-color:var(--brass)}.tut-teaser-close{cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0;display:none;position:absolute;inset:0}.tut-overlay[data-teaser="1"] .tut-teaser-close{display:block}.tut-overlay[data-shown="1"][data-teaser="1"] .tut-teaser-close{pointer-events:auto}.tut-overlay[data-teaser="1"] .tut-got-it,.tut-overlay[data-teaser="1"] .tut-spot,.tut-overlay[data-teaser="1"] .tut-ghost,.tut-overlay[data-teaser="1"] .tut-edge{display:none}.tut-ghost{width:var(--tut-ghost);height:var(--tut-ghost);transform-origin:0 0}.tut-ghost-img{width:var(--tut-ghost);height:var(--tut-ghost);transform-origin:0 0;display:block}.tut-ghost[data-gesture=tap] .tut-ghost-img{animation:1.6s ease-in-out infinite tut-tap}.tut-ghost[data-gesture=rotate] .tut-ghost-img{animation:2s ease-in-out infinite tut-drag}.tut-ghost[data-gesture=zoom] .tut-ghost-img{animation:1.6s ease-in-out infinite tut-zoom}.tut-ghost[data-gesture=useOn] .tut-ghost-img{animation:2.4s ease-in-out infinite tut-use}@keyframes tut-tap{0%{opacity:calc(1 - var(--ui-motion));transform:translate3d(calc(14px * var(--ui-motion)), calc(14px * var(--ui-motion)), 0)}30%{opacity:1;transform:translate3d(calc(14px * var(--ui-motion)), calc(14px * var(--ui-motion)), 0)}55%,to{opacity:1;transform:none}}@keyframes tut-drag{0%{opacity:calc(1 - var(--ui-motion));transform:translate3d(calc(-90px * var(--ui-motion)), 0, 0)}15%{opacity:1;transform:translate3d(calc(-90px * var(--ui-motion)), 0, 0)}80%,to{opacity:1;transform:none}}@keyframes tut-zoom{0%,20%{transform:scale(calc(1 + .3 * var(--ui-motion)))}70%,to{transform:none}}@keyframes tut-use{0%{opacity:calc(1 - var(--ui-motion));transform:translate3d(calc(var(--from-x,0px) * var(--ui-motion)), calc(var(--from-y,0px) * var(--ui-motion)), 0)}15%,30%{opacity:1;transform:translate3d(calc(var(--from-x,0px) * var(--ui-motion)), calc(var(--from-y,0px) * var(--ui-motion)), 0)}75%,to{opacity:1;transform:none}}.tut-tick,.tut-edge{width:var(--tut-ghost);height:var(--tut-ghost)}.tut-tick img,.tut-edge img{width:var(--tut-ghost);height:var(--tut-ghost);display:block}.tut-tick[data-shown="1"] img{animation:.26s ease-out both tut-pop}@keyframes tut-pop{0%{transform:scale(calc(1 - .6 * var(--ui-motion)))}to{transform:none}}.tut-edge{transform-origin:calc(var(--tut-ghost) / 2) calc(var(--tut-ghost) / 2)}.tut-edge[data-shown="1"] img{animation:1s ease-in-out infinite alternate tut-nudge}@keyframes tut-nudge{0%{transform:none}to{transform:translate3d(calc(6px * var(--ui-motion)), 0, 0)}}.tut-overlay[data-shown="1"] .tut-spot[data-shown="1"],.tut-overlay[data-shown="1"] .tut-ghost[data-shown="1"],.tut-overlay[data-shown="1"] .tut-bubble,.tut-overlay[data-shown="1"] .tut-edge[data-shown="1"],.tut-tick[data-shown="1"]{opacity:1}.pace-shield{z-index:40;pointer-events:auto;touch-action:none;background-color:#0d0b088c;position:absolute;inset:0}.pace-shield[data-shown="0"]{display:none}.pace-choice{top:calc(56px + env(safe-area-inset-top,0px));z-index:41;box-sizing:border-box;width:min(calc(420px * var(--ui-scale)), calc(100vw - 32px));color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--brass);pointer-events:none;contain:layout paint;border-radius:6px;padding:10px 12px;position:absolute;left:50%;transform:translate(-50%)}.pace-choice[data-shown="0"]{display:none}.pace-head{font:700 var(--text) / 1.2 var(--font-ui);color:var(--brass);margin:0 0 8px}.pace-options{gap:8px;display:flex}.pace-btn{box-sizing:border-box;text-align:left;min-height:44px;color:var(--parchment);background-color:var(--stone-800);border:2px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;flex-direction:column;flex:1 1 0;justify-content:center;gap:2px;margin:0;padding:6px 10px;display:flex}.pace-btn:active{background-color:var(--wood-700);transform:translateY(1px)}.pace-name{font:700 var(--text) / 1.2 var(--font-ui)}.pace-btn[data-default="1"]{border-color:var(--brass);background-color:var(--wood-700)}.side-body[data-tab=guide]{--body-h:min(calc(400px * var(--ui-scale)), calc(100dvh - 126px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}.guide-page{flex-direction:column;gap:6px;height:100%;min-height:0;display:flex}.guide-head{flex:none}.guide-head h2{font:700 var(--text) / 1.2 var(--font-ui);color:var(--brass);margin:0}.guide-line{font:var(--text-small) / 1.2 var(--font-ui);color:var(--stone-300);margin:2px 0 0}.guide-story{display:contents}.guide-story .guide-section[data-used="0"],.guide-story .guide-row[data-used="0"]{display:none}.guide-list{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--stone-500) transparent;pointer-events:auto;flex:auto;min-height:0;overflow-y:auto}.guide-section h3{font:700 var(--text-small) / 1.2 var(--font-ui);color:var(--stone-300);text-transform:uppercase;margin:6px 0 2px}.guide-section ul{margin:0;padding:0;list-style:none}.guide-show{box-sizing:border-box;text-align:left;width:100%;min-height:44px;color:var(--parchment);border:0;border-bottom:1px solid var(--stone-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;background:0 0;align-items:center;gap:8px;margin:0;padding:0 6px;display:flex}.guide-show:active{background-color:var(--stone-700)}.guide-title{font:700 var(--text) / 1.2 var(--font-ui);flex:auto}.guide-mark{font:var(--text-small) / 1 var(--font-ui);color:var(--stone-300);flex:none}.guide-mark[data-done="1"]{color:var(--brass)}.guide-mark[data-done="1"]:before{content:"✓"}.guide-show-word{font:700 var(--text-small) / 1 var(--font-ui);color:var(--brass);flex:none}.show-me{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.show-me-btn{box-sizing:border-box;min-width:44px;min-height:44px;font:700 var(--text-small) / 1 var(--font-ui);color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--brass);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;margin:0;padding:0 10px}.replay-ask{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.replay-btn,.replay-ask .btn{min-height:44px}.hud{--qb-slot:max(44px, calc(40px * var(--ui-scale)));--qb-gap:6px;--qb-width:calc(6 * var(--qb-slot) + 5 * var(--qb-gap));--hp-red:#d9534a;--energy-gold:#d8c25a;--focus-brass:var(--brass)}.quick-bar{left:50%;bottom:calc(12px * var(--ui-scale) + env(safe-area-inset-bottom,0px));z-index:14;gap:var(--qb-gap);pointer-events:none;align-items:flex-end;display:flex;position:absolute;transform:translate(-50%)}.quick-cell{width:var(--qb-slot);height:var(--qb-slot);transition:transform .18s ease-out,opacity .18s ease-out;position:relative}.quick-bar[data-open="0"] .quick-cell,.quick-bar[data-open="0"] .quick-edit{opacity:0;transform:translate3d(0, calc(24px * var(--ui-motion)), 0) scale(.6);pointer-events:none}.quick-bar[data-open="0"] .quick-slot,.quick-bar[data-open="0"] .quick-clear,.quick-bar[data-open="0"] .quick-edit{pointer-events:none}.quick-slot{box-sizing:border-box;width:var(--qb-slot);height:var(--qb-slot);min-width:44px;min-height:44px;font:700 var(--text-small) / 1 var(--font-ui);color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-900);pointer-events:auto;touch-action:manipulation;cursor:pointer;contain:layout paint;border-radius:6px;place-items:center;margin:0;padding:0;display:grid;position:relative;overflow:hidden}.quick-slot:focus-visible,.quick-edit:focus-visible,.quick-toggle:focus-visible,.chat-button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.quick-icon{width:calc(34px * var(--qb-icon-scale,1) * var(--ui-scale));height:calc(34px * var(--qb-icon-scale,1) * var(--ui-scale));image-rendering:pixelated;background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quick-plate{font-size:var(--text-small);letter-spacing:.02em;position:relative}.quick-add{color:var(--parchment-dim);display:none;position:absolute;inset:0}.quick-add>svg{width:calc(20px * var(--ui-scale));height:calc(20px * var(--ui-scale));stroke-width:2.4px;stroke-linecap:round}.quick-slot[data-empty="1"] .quick-add{place-items:center;display:grid}.quick-slot[data-empty="1"]{background-color:var(--plate);border-style:dashed}.quick-sweep{transform-origin:50% 100%;background-color:#0a09079e;position:absolute;inset:0}.quick-slot[data-cooling="0"] .quick-sweep{opacity:0}.quick-count{box-sizing:border-box;min-width:calc(14px * var(--ui-scale));height:calc(14px * var(--ui-scale));padding:0 calc(2px * var(--ui-scale));font:700 calc(10px * var(--ui-scale)) / calc(14px * var(--ui-scale)) var(--font-ui);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;color:var(--parchment);border-radius:calc(7px * var(--ui-scale));pointer-events:none;background-color:#0c0a08db;position:absolute;bottom:18%;right:14%}.quick-count[data-shown="0"]{display:none}.quick-key{font:700 calc(10px * var(--ui-scale)) / 1 var(--font-ui);color:var(--parchment-dim);position:absolute;top:2px;left:3px}.quick-slot[data-usable="0"][data-empty="0"] .quick-icon,.quick-slot[data-usable="0"][data-empty="0"] .quick-plate{opacity:.4}.quick-slot[data-count="0"] .quick-count{color:var(--stone-300)}.quick-slot[data-armed="1"]{border-color:var(--brass);box-shadow:inset 0 0 0 2px var(--brass), inset 0 0 8px 2px #d8ad528c}.quick-slot[data-pressed="1"],.quick-slot:active{transform:translateY(1px)}@keyframes quick-wiggle{0%,to{transform:rotate(calc(-3deg * var(--ui-motion)))}50%{transform:rotate(calc(3deg * var(--ui-motion)))}}.quick-bar[data-edit="1"] .quick-slot{animation:.3s ease-in-out infinite quick-wiggle}.quick-clear{z-index:1;width:44px;height:44px;color:var(--stone-950);pointer-events:auto;touch-action:manipulation;cursor:pointer;background:0 0;border:0;place-items:end start;margin:0;padding:0;display:none;position:absolute;top:-30px;right:-18px}.quick-clear>span{width:20px;height:20px;font:700 14px / 1 var(--font-ui);background-color:var(--parchment);border:1px solid var(--wood-800);border-radius:50%;place-items:center;display:inline-grid}.quick-bar[data-edit="1"] .quick-clear[data-empty="0"]{display:grid}.quick-edit{box-sizing:border-box;width:44px;height:44px;color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:50%;place-items:center;margin:0;padding:0;transition:transform .18s ease-out,opacity .18s ease-out;display:grid}.quick-edit[aria-pressed=true]{color:var(--stone-950);background-color:var(--brass)}.quick-toggle{left:50%;bottom:calc(12px * var(--ui-scale) + env(safe-area-inset-bottom,0px));z-index:14;box-sizing:border-box;width:44px;height:44px;color:var(--parchment);background-color:var(--plate);border:2px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:50%;place-items:center;margin:0;padding:0;transition:opacity .18s ease-out;display:grid;position:absolute;transform:translate(-50%)}.quick-toggle[data-open="1"]{opacity:0;pointer-events:none}.quick-bar[data-layout=arc]{left:auto;right:calc(var(--side-edge) + 36px);bottom:calc(12px * var(--ui-scale) + 22px + env(safe-area-inset-bottom,0px));width:0;height:0;display:block;transform:none}.quick-bar[data-layout=arc] .quick-cell,.quick-bar[data-layout=arc] .quick-edit{left:calc(var(--qb-slot) / -2);top:calc(var(--qb-slot) / -2);transform:translate3d(var(--ax), var(--ay), 0);position:absolute}.quick-bar[data-layout=arc] .quick-slot{--qb-icon-scale:.8;border-radius:50%}.quick-bar[data-layout=arc] .quick-icon{image-rendering:auto}.quick-bar[data-layout=arc] .quick-key{display:none}.quick-bar[data-layout=arc] .quick-cell[data-index="0"]{--ax:-180px;--ay:0px}.quick-bar[data-layout=arc] .quick-cell[data-index="1"]{--ax:-173px;--ay:-50px}.quick-bar[data-layout=arc] .quick-cell[data-index="2"]{--ax:-153px;--ay:-95px}.quick-bar[data-layout=arc] .quick-cell[data-index="3"]{--ax:-120px;--ay:-134px}.quick-bar[data-layout=arc] .quick-cell[data-index="4"]{--ax:-79px;--ay:-162px}.quick-bar[data-layout=arc] .quick-cell[data-index="5"]{--ax:-31px;--ay:-177px}.quick-bar[data-layout=arc] .quick-edit{--ax:-232px;--ay:0px}.quick-bar[data-layout=arc][data-open="0"] .quick-cell,.quick-bar[data-layout=arc][data-open="0"] .quick-edit{transform:translate(0,0)scale(.3)}.quick-toggle[data-layout=arc]{left:auto;right:calc(var(--side-edge) + var(--side-tab) + 4px);bottom:calc(12px * var(--ui-scale) + 48px + env(safe-area-inset-bottom,0px));transform:none}.hud>.song-hud,.hud>.buff-hud{transition:opacity .18s ease-out}.hud[data-layout=phone]>.song-hud{opacity:0}.hud:has(>.side-panel[data-open="1"])>.quick-toggle[data-layout=arc]{opacity:0;pointer-events:none}:is(.hud:has(>.quick-bar[data-layout=arc][data-open="1"])>.song-hud,.hud:has(>.quick-bar[data-layout=arc][data-open="1"])>.buff-hud){opacity:0;pointer-events:none}.quick-picker{left:50%;bottom:calc(12px * var(--ui-scale) + var(--qb-slot) + 72px + env(safe-area-inset-bottom,0px));z-index:16;box-sizing:border-box;overscroll-behavior:contain;background-color:var(--stone-900);border:2px solid var(--wood-700);pointer-events:auto;touch-action:pan-y;contain:layout paint;border-radius:4px;width:min(320px,100vw - 32px);max-height:min(260px,100dvh - 140px);padding:6px;display:none;position:absolute;overflow-y:auto;transform:translate(-50%)}.quick-picker[data-shown="1"]{display:block}.quick-picker-tabs{gap:4px;display:flex}.quick-picker-tab,.quick-picker-close,.quick-choice{min-height:44px;font:600 var(--text) / 1 var(--font-ui);color:var(--parchment);background-color:var(--stone-800);border:1px solid var(--wood-800);touch-action:manipulation;cursor:pointer;border-radius:3px;margin:0;padding:0 10px}.quick-picker-tab[aria-selected=true]{color:var(--stone-950);background-color:var(--brass)}.quick-picker-close{min-width:44px;margin-left:auto}.quick-picker-list{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.quick-choice{text-align:left;width:100%}.quick-picker-empty{color:var(--parchment-dim);margin:8px 4px}.quick-ghost{z-index:40;border:2px solid var(--brass);background-color:var(--plate);pointer-events:none;opacity:.85;border-radius:50%;width:44px;height:44px;position:fixed;top:-22px;left:-22px}.quick-ghost[data-shown="0"]{opacity:0}.effect-arrow{margin-left:1px;font-size:.8em;font-weight:700}.hud-bars{left:50%;bottom:calc(12px * var(--ui-scale) + var(--qb-slot) + 10px + env(safe-area-inset-bottom,0px));z-index:13;box-sizing:border-box;width:var(--qb-width);background-color:var(--plate);pointer-events:none;contain:layout paint;border-radius:3px;grid-template-columns:1fr 1fr;gap:3px 10px;padding:4px 6px;display:grid;position:absolute;transform:translate(-50%)}.hud-bar{font:700 calc(12px * var(--ui-scale)) / 1.2 var(--font-ui);grid-template-columns:4.6em 1fr 2.6em;align-items:center;gap:4px;display:grid}.hud-bar-track{background-color:var(--stone-800);height:6px;overflow:hidden}.hud-bar-fill{transform-origin:0;background-color:var(--parchment);height:100%;display:block}.hud-bar-num{text-align:right;font-variant-numeric:tabular-nums}.hud-bar[data-kind=health] .hud-bar-fill{background-color:var(--hp-red)}.hud-bar[data-kind=breath] .hud-bar-fill{background-color:#6fb3ff}.hud-bar[data-kind=energy] .hud-bar-fill{background-color:var(--energy-gold)}.hud-bar[data-kind=energy][data-winded="1"]{opacity:.45}.hud-bar[data-kind=focus] .hud-bar-fill{background-color:var(--focus-brass)}.hud:not([data-layout=phone]) .hud-bar[data-kind=breath]{display:none}.hud[data-layout=pc]:has(>.dialogue){--slot-box-h:calc(2 * 8px * var(--ui-scale) + 18px * var(--ui-scale) + var(--text) * 1.4 * 4 + 18px * var(--ui-scale) + 4px)}.hud[data-layout=pc]:has(>.dialogue[data-kind=options]){--slot-box-h:calc(2 * 8px * var(--ui-scale) + 21px * var(--ui-scale) + 5 * 27px * var(--ui-scale) + 4px)}@media (any-pointer:coarse){.hud[data-layout=pc]:has(>.dialogue[data-kind=options]){--slot-box-h:calc(2 * 8px * var(--ui-scale) + 21px * var(--ui-scale) + 5 * max(44px, 27px * var(--ui-scale)) + 4px)}}.hud[data-layout=pc][data-pointer=touch]:has(>.dialogue[data-kind=options]){--slot-box-h:calc(2 * 8px * var(--ui-scale) + 21px * var(--ui-scale) + 5 * max(44px, 27px * var(--ui-scale)) + 4px)}.hud[data-layout=pc]:has(>.make[data-open="1"]){--slot-box-h:calc(2 * 8px * var(--ui-scale) + 44px * var(--ui-scale) + 72px * var(--ui-scale) + 44px * var(--ui-scale) + 2 * 4px * var(--ui-scale) + 4px)}:is(.hud[data-layout=pc]:has(>.dialogue),.hud[data-layout=pc]:has(>.make[data-open="1"])){--slot-lift:calc(var(--slot-box-h) + 8px - 4px * var(--ui-scale))}.hud[data-layout=pc]>.hud-bars{bottom:calc(12px * var(--ui-scale) + var(--qb-slot) + 10px + env(safe-area-inset-bottom,0px) + var(--slot-lift,0px))}.hud[data-layout=pc]>.quick-bar,.hud[data-layout=pc]>.quick-toggle{bottom:calc(12px * var(--ui-scale) + env(safe-area-inset-bottom,0px) + var(--slot-lift,0px))}.hud[data-layout=pc]>.quick-picker{bottom:calc(12px * var(--ui-scale) + var(--qb-slot) + 72px + env(safe-area-inset-bottom,0px) + var(--slot-lift,0px))}.hud[data-layout=phone] .hud-bars{left:calc(8px * var(--ui-scale) + env(safe-area-inset-left,0px));top:calc(8px * var(--ui-scale) + env(safe-area-inset-top,0px));width:calc(156px * var(--ui-scale));grid-template-columns:1fr;gap:2px;bottom:auto;transform:none}.hud[data-layout=phone] .hud-bar{font-size:calc(13px * var(--ui-scale))}.hud[data-layout=phone]:has(>.hud-bars)>.hover-text{top:calc(92px * var(--ui-scale) + env(safe-area-inset-top,0px))}.target-frame{left:50%;top:calc(64px * var(--ui-scale) + env(safe-area-inset-top,0px));z-index:13;box-sizing:border-box;width:calc(220px * var(--ui-scale));font:700 var(--text-small) / 1.2 var(--font-ui);background-color:var(--plate);border:1px solid var(--wood-800);pointer-events:none;contain:layout paint;border-radius:3px;grid-template-columns:1fr auto;gap:3px 8px;padding:4px 8px;transition:opacity .18s ease-out;display:grid;position:absolute;transform:translate(-50%)}.target-frame[data-shown="0"]{opacity:0;visibility:hidden;transition:opacity}.target-name{color:var(--tgt-foe)}.target-track{background-color:var(--stone-800);grid-column:1;height:6px;overflow:hidden}.target-fill{transform-origin:0;background-color:var(--hp-red);height:100%;display:block}.target-num{font-variant-numeric:tabular-nums}.target-icons{grid-column:1/-1;gap:4px;display:flex}.target-icon{text-align:center;border:1px solid var(--hp-red);border-radius:3px;width:16px;height:16px;line-height:16px;display:none}.target-icon[data-status=hushed]{text-decoration:line-through}.target-icons[data-icons~=hushed]>[data-status=hushed],.target-icons[data-icons~=winded]>[data-status=winded],.target-icons[data-icons~=staggered]>[data-status=staggered]{display:block}.chat-button,.chat-peek{display:none}.hud[data-layout=phone] .chat-button{left:calc(8px * var(--ui-scale) + env(safe-area-inset-left,0px));bottom:calc(8px * var(--ui-scale) + env(safe-area-inset-bottom,0px));z-index:6;box-sizing:border-box;width:44px;height:44px;color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:absolute}.hud[data-layout=phone] .chat-button[data-open="1"]{color:var(--stone-950);background-color:var(--brass)}.hud[data-layout=phone] .chat:not([data-open="1"]){opacity:0}.hud[data-layout=phone] .chat:not([data-open="1"]) .chat-scroll{pointer-events:none}.hud[data-layout=phone] .chat[data-open="1"]{transform:translateY(-52px)}@keyframes chat-peek{0%{opacity:0}6%,80%{opacity:1}to{opacity:0}}.hud[data-layout=phone] .chat-peek{left:calc(8px * var(--ui-scale) + env(safe-area-inset-left,0px));bottom:calc(8px * var(--ui-scale) + 52px + env(safe-area-inset-bottom,0px));z-index:5;max-width:40vw;font:var(--text-small) / 1.4 var(--font-ui);background-color:var(--plate);pointer-events:none;opacity:0;contain:layout paint;border-radius:3px;padding:2px 8px;animation:4s ease-out forwards chat-peek;display:block;position:absolute}.hud[data-layout=phone] .chat-peek[data-open="1"],.hud[data-layout=phone] .chat-peek[data-lines="0"],.chat-peek>.chat-line[data-empty="1"]{display:none}.side-body[data-tab=inventory]:has(.inv-pages){width:calc(4 * var(--inv-cell) + 3 * var(--inv-gap) + 2 * var(--inv-frame) + 48px)}.inv:has(>.inv-pages){padding-left:48px;position:relative}.inv-pages{flex-direction:column;gap:4px;display:flex;position:absolute;top:0;left:0}.inv-page{width:44px;min-height:44px;font:600 var(--text-small) / 1 var(--font-ui);color:var(--parchment);background-color:var(--stone-800);border:1px solid var(--wood-800);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;padding:0}.inv-page[aria-pressed=true]{color:var(--stone-950);background-color:var(--brass)}.inv[data-page=gear] .inv-grid-box,.inv[data-page=pack] .gear-page,.inv[data-page=gear] .inv-count{display:none}.gear-page{--gear-tile:calc(44px * var(--ui-scale));overscroll-behavior:contain;touch-action:pan-y;contain:layout paint;flex:auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:4px;min-width:0;min-height:0;padding:4px 0;display:grid;position:relative;overflow:hidden auto}.gear-figure{grid-template-columns:repeat(3, var(--gear-tile));grid-auto-rows:var(--gear-tile);grid-template-areas:"level head retaliate""cape neck ammo""weapon body shield"".legs.""hands feet ring";justify-content:center;gap:2px 12px;margin:0;padding:0;list-style:none;display:grid}.gear-cell{place-items:center;min-width:0;display:grid}.gear-cell-level{grid-area:level}.gear-cell-retaliate{grid-area:retaliate}.gear-cell-head{grid-area:head}.gear-cell-cape{grid-area:cape}.gear-cell-neck{grid-area:neck}.gear-cell-ammo{grid-area:ammo}.gear-cell-weapon{grid-area:weapon}.gear-cell-body{grid-area:body}.gear-cell-shield{grid-area:shield}.gear-cell-legs{grid-area:legs}.gear-cell-hands{grid-area:hands}.gear-cell-feet{grid-area:feet}.gear-cell-ring{grid-area:ring}.gear-tile{box-sizing:border-box;width:var(--gear-tile);height:var(--gear-tile);color:var(--parchment);background-color:var(--stone-900);background-image:linear-gradient(var(--stone-900), var(--stone-950));border:2px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-900);pointer-events:auto;touch-action:manipulation;cursor:pointer;contain:layout paint;border-radius:3px;place-items:center;margin:0;padding:0;display:grid;position:relative}.gear-tile[data-worn="1"]{border-color:var(--brass);background-image:linear-gradient(var(--stone-800), var(--stone-900))}.gear-tile>*{pointer-events:none;grid-area:1/1}.gear-outline{width:calc(26px * var(--ui-scale));height:calc(26px * var(--ui-scale));fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;opacity:.28}.gear-tile[data-worn="1"] .gear-outline{display:none}.gear-icon{width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));image-rendering:pixelated;background-repeat:no-repeat}.gear-tile[data-worn="0"] .gear-icon{display:none}.gear-level,.gear-retaliate{box-sizing:border-box;width:var(--gear-tile);height:var(--gear-tile);border:2px solid var(--wood-600);background-color:var(--stone-800);border-radius:50%;place-items:center;display:grid;position:relative}.gear-level-pic,.gear-retaliate-pic,.gear-style-pic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round}.gear-level-pic{width:30px;height:30px;color:var(--parchment-dim);opacity:.18;grid-area:1/1}.gear-level-num{font:700 calc(17px * var(--ui-scale)) / 1 var(--font-title);color:var(--brass);grid-area:1/1}.gear-retaliate{color:var(--parchment-dim);pointer-events:auto;cursor:pointer}.gear-retaliate:has(input:checked){color:var(--stone-950);background-color:var(--brass);border-color:var(--wood-400)}.gear-retaliate input{opacity:0;cursor:pointer;touch-action:manipulation;width:100%;height:100%;margin:0;position:absolute;inset:0}.gear-retaliate-pic{pointer-events:none;width:24px;height:24px}.gear-totals{height:18px;font:400 var(--text-small) / 18px var(--font-ui);color:var(--parchment-dim);white-space:nowrap;justify-content:center;gap:10px;margin:0;display:flex;overflow:hidden}.gear-said{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gear-totals b{color:var(--parchment);font-variant-numeric:tabular-nums;font-weight:700}.gear-styles{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0;margin:0;padding:0;display:grid}.gear-style{min-width:0;min-height:44px;color:var(--parchment);background-color:var(--stone-800);border:1px solid var(--wood-700);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;place-items:center;padding:0;display:grid}.gear-style-pic{pointer-events:none;width:24px;height:24px}.gear-style[aria-pressed=true]{color:var(--stone-950);background-color:var(--brass);border-color:var(--wood-400)}.gear-style-line{height:16px;font:400 var(--text-small) / 16px var(--font-ui);color:var(--parchment-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.gear-style-now[data-on=false]{display:none}.gear-style-now b{color:var(--parchment)}.gear-card{z-index:1;box-sizing:border-box;font:400 var(--text-small) / 1.3 var(--font-ui);background-color:var(--stone-900);border:2px solid var(--wood-700);box-shadow:inset 0 0 0 1px var(--wood-900);border-radius:4px;gap:2px;padding:6px 8px;display:none;position:absolute;bottom:0;left:0;right:0}.gear-card[data-shown="1"]{display:grid}.gear-card[data-at=top]{top:0;bottom:auto}.gear-card-name{font:700 var(--text) / 1.2 var(--font-ui);color:var(--brass);overflow-wrap:anywhere}.gear-card-slot,.gear-card-bonuses{color:var(--parchment-dim);overflow-wrap:anywhere}.gear-card[data-worn="0"] .gear-card-bonuses{display:none}.gear-card-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;margin-top:4px;display:grid}.gear-card-remove,.gear-card-close{min-width:0;min-height:44px;font:600 var(--text-small) / 1.1 var(--font-ui);color:var(--parchment);background-color:var(--stone-800);border:1px solid var(--wood-800);pointer-events:auto;touch-action:manipulation;cursor:pointer;border-radius:3px;padding:0 6px}.gear-card[data-worn="0"] .gear-card-remove{visibility:hidden}.quick-glyph{position:absolute;inset:8px}.quick-glyph[data-glyph=""]{display:none}.quick-slot[data-usable="0"][data-empty="0"] .quick-glyph{opacity:.4}.quick-mark{width:calc(16px * var(--ui-scale));height:calc(16px * var(--ui-scale));pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;bottom:18%;left:14%}.quick-mark[data-mark=""]{display:none}.quick-slot[data-usable="0"][data-empty="0"] .quick-mark{opacity:.4}.quick-mark[data-mark=spark]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l2 5 5 2-5 2-2 5-2-5-5-2 5-2z' fill='%23f2c14e' stroke='%2315120e'/%3E%3C/svg%3E")}.quick-mark[data-mark=page]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h7l3 3v11H3z' fill='%23f0e2bd' stroke='%2315120e'/%3E%3Cpath d='M5 7h6M5 10h6' stroke='%2315120e'/%3E%3C/svg%3E")}.quick-mark[data-mark=wave]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 8c2-3 4-3 5 0s3 3 5 0 4-3 4 0v6H1z' fill='%235a9bd5' stroke='%2315120e'/%3E%3C/svg%3E")}.quick-mark[data-mark=flame]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1c1 3 5 5 5 9a5 5 0 0 1-10 0c0-3 2-4 2-6 1 1 1 2 2 3 0-2 1-4 1-6z' fill='%23e8803a' stroke='%2315120e'/%3E%3C/svg%3E")}.quick-mark[data-mark=pot]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 6h12v2c0 4-2 6-6 6S2 12 2 8z' fill='%238a8a8a' stroke='%2315120e'/%3E%3Cpath d='M1 6h14' stroke='%2315120e' stroke-width='1.5'/%3E%3C/svg%3E")}.quick-mark[data-mark=leaf]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 14C2 6 6 2 14 2c0 8-4 12-12 12z' fill='%236aa84f' stroke='%2315120e'/%3E%3Cpath d='M2 14l8-8' stroke='%2315120e'/%3E%3C/svg%3E")}.quick-mark[data-mark=clover]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 9v6' stroke='%2315120e' stroke-width='1.5'/%3E%3Cg fill='%2357a84a' stroke='%2315120e'%3E%3Ccircle cx='8' cy='4.5' r='3'/%3E%3Ccircle cx='4.5' cy='9' r='3'/%3E%3Ccircle cx='11.5' cy='9' r='3'/%3E%3C/g%3E%3C/svg%3E")}.quick-mark[data-mark=stone]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 13l2-6 5-4 5 4v6z' fill='%23948f86' stroke='%2315120e'/%3E%3C/svg%3E")}.quick-choice{align-items:center;gap:8px;padding:2px 8px;display:flex}.quick-choice-icon{width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));image-rendering:pixelated;background-repeat:no-repeat;flex:none;position:relative}.quick-choice-icon>.glyph{position:absolute;inset:4px}.quick-choice-text{gap:2px;min-width:0;display:grid}.quick-choice-facts{font:400 var(--text-small) / 1.2 var(--font-ui);color:var(--parchment-dim)}.quick-card{left:50%;bottom:calc(12px * var(--ui-scale) + var(--qb-slot) + 64px + env(safe-area-inset-bottom,0px));z-index:17;box-sizing:border-box;width:min(300px,100vw - 32px);font:400 var(--text-small) / 1.3 var(--font-ui);color:var(--parchment);background-color:var(--stone-900);border:2px solid var(--wood-700);pointer-events:none;contain:layout paint;opacity:0;border-radius:4px;padding:6px 8px;transition:opacity .12s ease-out;position:absolute;transform:translate(-50%)}.quick-card[data-shown="1"]{opacity:1}.quick-card[data-layout=arc]{left:auto;right:calc(var(--side-edge) + 36px + 250px);bottom:calc(12px * var(--ui-scale) + env(safe-area-inset-bottom,0px));width:min(260px, calc(100vw - var(--side-edge) - 302px));transform:none}.quick-card-name{font:700 var(--text) / 1.2 var(--font-ui);color:var(--brass);display:block}.quick-card-does,.quick-card-facts,.quick-card-key{margin:2px 0 0}.quick-card-facts,.quick-card-key{color:var(--parchment-dim)}.quick-card-key[data-shown="0"]{display:none}.hud-chorus{left:calc(50% + var(--qb-width) / 2 + 6px);bottom:calc(12px * var(--ui-scale) + var(--qb-slot) + 10px + env(safe-area-inset-bottom,0px));z-index:13;align-items:center;gap:calc(4px * var(--ui-scale));padding:1px calc(8px * var(--ui-scale)) 1px 1px;font:700 max(12px, calc(12px * var(--ui-scale))) / 1.2 var(--font-ui);color:var(--brass);white-space:nowrap;background-color:var(--plate);border:1px solid var(--brass);pointer-events:none;contain:layout paint;border-radius:3px;display:flex;position:absolute}.hud-chorus-icon{width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));font:400 calc(22px * var(--ui-scale)) / 1 var(--font-ui);color:var(--parchment);image-rendering:pixelated;background-repeat:no-repeat;flex:none;place-items:center;display:grid}.hud-chorus[data-shown="0"]{display:none}.hud[data-layout=phone]{--phone-bars-h:calc(4 * 13px * var(--ui-scale) * 1.2 + 3 * 2px + 8px);--phone-chorus-top:calc(8px * var(--ui-scale) + var(--phone-bars-h) + 6px + env(safe-area-inset-top,0px))}.hud[data-layout=phone] .hud-chorus{left:calc(8px * var(--ui-scale) + env(safe-area-inset-left,0px));top:var(--phone-chorus-top);bottom:auto}.hud[data-layout=phone]:has(>.hud-chorus[data-shown="1"])>.hover-text{top:calc(var(--phone-chorus-top) + 34px * var(--ui-scale) + 4px + 6px)}.death-line{z-index:42;box-sizing:border-box;width:min(calc(100% - 32px), calc(460px * var(--ui-scale)));text-align:center;font:italic 700 max(16px, calc(18px * var(--ui-scale))) / 1.35 var(--font-title);color:var(--parchment);pointer-events:none;contain:layout paint;opacity:0;margin:0;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.death-line[data-shown="1"]{opacity:1;transition:opacity .4s linear .5s}.lantern-fuel{left:calc(-22px * var(--ui-scale));top:calc(-1 * max(8px, calc(7px * var(--ui-scale))));z-index:4;box-sizing:border-box;width:calc(44px * var(--ui-scale));height:max(8px, calc(7px * var(--ui-scale)));font:inherit;color:inherit;background-color:var(--stone-800);pointer-events:none;visibility:hidden;contain:layout style;touch-action:manipulation;border:0;border-radius:2px;margin:0;padding:1px;position:absolute}.lantern-fuel[data-shown="1"]{visibility:visible;pointer-events:auto;cursor:pointer}.lantern-fuel:before{content:"";position:absolute;inset:-8px -4px}.lantern-fuel-track{width:100%;height:100%;display:block;overflow:hidden}.lantern-fuel-flicker{font:700 calc(12px * var(--ui-scale)) / 1 var(--font-ui);color:var(--parchment);visibility:hidden;position:absolute;top:50%;left:calc(100% + 3px);transform:translateY(-50%)}.lantern-fuel[data-low="1"] .lantern-fuel-flicker{visibility:inherit;animation:.8s steps(2,jump-none) infinite fuel-flicker}@keyframes fuel-flicker{0%{opacity:1}to{opacity:calc(1 - .65 * var(--ui-motion))}}.lantern-fuel-words{font:700 calc(12px * var(--ui-scale)) / 1.2 var(--font-ui);white-space:nowrap;color:var(--parchment);background-color:var(--plate);opacity:0;pointer-events:none;border-radius:3px;padding:2px 6px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.lantern-fuel[data-shown="1"]:hover .lantern-fuel-words,.lantern-fuel[data-shown="1"][data-open="1"] .lantern-fuel-words{opacity:1}.lantern-fuel-fill{transform-origin:0;background-color:var(--energy-gold);width:100%;height:100%;display:block}.lantern-fuel[data-low="1"] .lantern-fuel-fill{background-color:var(--hp-red)}.cutscene-layer{--cut-bar:11%;z-index:46;pointer-events:none;contain:layout paint;position:absolute;inset:0}.hud[data-cutscene="1"]>:not(.cutscene-layer):not(.tut-overlay){opacity:0;pointer-events:none;transition:opacity .25s ease-out;animation:none}.hud[data-cutscene="1"]>.tut-overlay{z-index:48}.cutscene-shield{pointer-events:none;touch-action:none;position:absolute;inset:0}.cutscene-shield[data-active="1"]{pointer-events:auto}.cutscene-skip{top:calc(var(--cut-bar) + 8px);right:calc(12px + env(safe-area-inset-right,0px));z-index:3;box-sizing:border-box;min-width:88px;min-height:44px;padding:0 calc(14px * var(--ui-scale));font:700 calc(16px * var(--ui-scale)) / 1 var(--font-ui);color:var(--parchment);border:2px solid var(--brass);pointer-events:auto;touch-action:manipulation;cursor:pointer;background-color:#15130fd1;border-radius:22px;justify-content:center;align-items:center;gap:6px;animation:.3s ease-out backwards cutscene-in;display:inline-flex;position:absolute}.cutscene-skip:hover{background-color:var(--wood-700)}.cutscene-skip:active{opacity:.8}.cutscene-skip:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.cutscene-captions{left:50%;bottom:calc(var(--cut-bar) / 2);pointer-events:none;flex-direction:column;align-items:center;gap:2px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;transform:translate(-50%,50%)}.cutscene-caption{font:600 calc(18px * var(--ui-scale)) / 1.25 var(--font-ui);color:#fff8e6;text-align:center;text-shadow:0 1px #000,0 0 4px #000;overflow-wrap:anywhere;margin:0;animation:.35s ease-out backwards cutscene-in}.cutscene-caption[data-style=title]{font:700 calc(26px * var(--ui-scale)) / 1.15 var(--font-ui);letter-spacing:.04em;color:var(--brass)}.cutscene-caption[data-style=subtitle]{font-size:calc(16px * var(--ui-scale));font-style:italic}.cutscene-caption[data-style=narration]{font-style:italic}.cutscene-speaker{color:var(--brass)}@keyframes cutscene-in{0%{opacity:0}to{opacity:1}}