body:has(#title-screen){--z-rand:var(--z-start-oben);--z-meldung:var(--z-start-oben);--z-dialog:var(--z-start-oben)}body:has(#title-screen) #connection-status{z-index:var(--z-welt)}html,body{overscroll-behavior:none;color:#d6c49e;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#1c261e;width:100%;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;width:100%;height:100%;display:block}#connection-status{z-index:var(--z-rand);top:calc(env(safe-area-inset-top,0px) + 18px);right:calc(env(safe-area-inset-right,0px) + 120px);pointer-events:none;background:#0000008c;border-radius:12px;padding:4px 10px;font-size:14px;position:fixed}body:has(#title-screen) #connection-status{right:calc(env(safe-area-inset-right,0px) + 64px)}#connection-status[data-word=false]{top:calc(env(safe-area-inset-top,0px) + 24px);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:0;display:flex}#connection-status[data-word=false]:before{margin-right:0}#restart-button{z-index:var(--z-dialog);top:calc(env(safe-area-inset-top,0px) + 64px);right:calc(env(safe-area-inset-right,0px) + 8px);color:#1c261e;min-width:140px;min-height:48px;font:inherit;touch-action:manipulation;background:#c9a227;border:0;border-radius:12px;padding:0 20px;font-size:18px;font-weight:600;position:fixed}#restart-button[hidden]{display:none}#leave-confirm{z-index:var(--z-dialog);box-sizing:border-box;text-align:center;touch-action:manipulation;background:#1c261ef0;border-radius:12px;width:min(24rem,100vw - 32px);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000073}#leave-confirm p{margin:0 0 16px;font-size:20px}.leave-actions{justify-content:center;gap:12px;display:flex}#leave-confirm button{color:#10170f;min-width:140px;min-height:48px;font:inherit;touch-action:manipulation;background:#5fa35f;border:0;border-radius:12px;padding:0 20px;font-size:18px;font-weight:600}#leave-confirm #leave-yes{background:#c9a227}#leave-confirm[hidden]{display:none}#dialog-pop{z-index:var(--z-dialog);box-sizing:border-box;margin-left:env(safe-area-inset-left,0px);transform:translateY(calc(-1 * env(safe-area-inset-bottom,0px)));cursor:pointer;touch-action:manipulation;gap:12px;padding:8px;display:flex;position:fixed;overflow:hidden}#dialog-pop[hidden]{display:none}#dialog-portrait{box-sizing:border-box;object-fit:cover;-webkit-user-select:none;user-select:none;flex:none;width:72px;height:96px}#dialog-body{min-width:0}#dialog-name,#dialog-text{margin:0}#dialog-name{font-size:16px;line-height:22px}#dialog-text{font-size:15px;line-height:20px}#door-hint{z-index:var(--z-meldung);left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);text-align:center;pointer-events:none;background:#000000b3;border-radius:12px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:18px;position:fixed;transform:translate(-50%)}#ground-notice{z-index:var(--z-meldung);top:calc(env(safe-area-inset-top,0px) + 64px);text-align:center;pointer-events:none;background:#000000b3;border-radius:12px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:18px;position:fixed;left:50%;transform:translate(-50%)}#ground-notice[hidden],#door-hint[hidden]{display:none}#pickup-hint{z-index:var(--z-meldung);bottom:calc(env(safe-area-inset-bottom,0px) + 76px);right:calc(env(safe-area-inset-right,0px) + 8px);text-align:right;pointer-events:none;background:#000000b3;border-radius:12px;max-width:calc(100vw - 32px);padding:8px 14px;font-size:18px;position:fixed}#pickup-hint[hidden]{display:none}#connection-status:before{content:"";background:#c9a227;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}#connection-status[data-state=connected]:before{background:#5fa35f}#connection-status[data-state=lost]:before,#connection-status[data-state=closed]:before{background:#b5483b}#title-screen{z-index:var(--z-start);pointer-events:none;opacity:1;background:#1c261e;transition:opacity .7s ease-in-out;position:fixed;inset:0;overflow:hidden}#title-screen[data-leaving=true]{opacity:0}#title-art{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s ease-out;position:absolute;inset:0}#title-screen[data-art=ready] #title-art{opacity:1}#title-particles{width:100%;height:100%;position:absolute;inset:0}#title-screen[data-particles=off] #title-particles{display:none}#title-name{top:calc(env(safe-area-inset-top,0px) + 14px);letter-spacing:.04em;text-align:center;margin:0;padding:0 16px;font-size:clamp(26px,4.4vw,48px);font-weight:700;line-height:1.1;position:absolute;left:0;right:0}#name-form,#login-form{z-index:var(--z-start-oben);top:calc(env(safe-area-inset-top,0px) + clamp(72px, 13vh, 120px));box-sizing:border-box;touch-action:manipulation;background:#1c261eeb;border-radius:12px;width:min(26rem,100vw - 32px);padding:20px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000073}#name-form label,#login-form label{margin-bottom:12px;font-size:20px;display:block}#name-form .name-row,#login-form .name-row{gap:8px;display:flex}#name-input,#login-input{color:#1c261e;min-width:0;min-height:44px;font:inherit;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#f4ecd8;border:1px solid #6b5f45;border-radius:8px;flex:1;padding:0 12px;font-size:18px}#name-form .name-row button,#login-form .name-row button{color:#10170f;min-width:72px;min-height:44px;font:inherit;touch-action:manipulation;background:#5fa35f;border:0;border-radius:8px;font-size:18px;font-weight:600}#name-form .name-row button:disabled,#login-form .name-row button:disabled{color:#9a9a8c;background:#4a5246}#name-form .name-continue{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#name-form .name-other{width:100%;min-height:44px;font:inherit;touch-action:manipulation;margin-top:10px;font-size:16px}#name-hint,#login-hint{margin:12px 0 0;font-size:15px}#name-hint[data-problem=true],#login-hint[data-problem=true]{color:#e8a090}.release-note{text-align:left;-webkit-user-select:text;user-select:text;border-top:1px solid #d6c49e40;max-height:32vh;margin-top:16px;padding-top:12px;font-size:15px;overflow-y:auto}.release-note-wrap{position:relative}.release-more{color:#c9a227;min-height:44px;font:inherit;touch-action:manipulation;background:linear-gradient(#0000,#1c261ef2 60%);border:0;padding:18px 12px 0;font-size:15px;position:absolute;bottom:0;left:0;right:0}.release-more[hidden]{display:none}.release-note h2{margin:0;font-size:18px}.release-note h3{color:#c9a227;margin:10px 0 4px;font-size:15px}.release-note ul{margin:0;padding-left:20px}.release-note li{margin:2px 0}.release-note .release-note-date{opacity:.7;margin:0;font-size:13px}#sound-toggle,#settings-button{z-index:var(--z-rand);top:calc(env(safe-area-inset-top,0px) + 8px);box-sizing:border-box;width:48px;height:48px;color:inherit;font:inherit;touch-action:manipulation;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}#settings-button{right:calc(env(safe-area-inset-right,0px) + 8px)}#sound-toggle{right:calc(env(safe-area-inset-right,0px) + 64px)}body:has(#title-screen) #sound-toggle{right:calc(env(safe-area-inset-right,0px) + 8px)}body:has(#title-screen) #settings-button{display:none}#sound-toggle[hidden],#settings-button[hidden],#sound-toggle .slash{display:none}#sound-toggle[data-muted=true] .slash{display:inline}#sound-toggle[data-muted=true] .wave{display:none}#settings-button[data-unseen=true]:after{content:"";background:var(--amber);width:10px;height:10px;box-shadow:0 0 0 2px var(--leather-deep);border-radius:50%;position:absolute;top:6px;right:6px}body:has(#radial-menu:not([hidden])) :is(#sound-toggle,#settings-button,#connection-status,#button-bar,#tool-belt){visibility:hidden}.settings-list{flex-direction:column;gap:8px;margin:8px 0;display:flex}.settings-row{min-height:56px;color:inherit;font:inherit;text-align:left;touch-action:manipulation;background:#00000059;border:1px solid #d6c49e73;border-radius:0;padding:0 16px;font-size:17px;position:relative}.settings-row:disabled{opacity:.45}.settings-row[data-unseen=true]:after{content:"";background:var(--amber);border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;right:16px}#notes-overlay{z-index:var(--z-dialog);box-sizing:border-box;touch-action:manipulation;background:#1c261ef5;border-radius:12px;width:min(30rem,100vw - 32px);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000073}#notes-overlay .release-note{border:0;max-height:60vh;margin:0 0 16px;padding:0;font-size:17px}#notes-close{color:#10170f;min-width:140px;min-height:48px;font:inherit;touch-action:manipulation;background:#5fa35f;border:0;border-radius:12px;padding:0 20px;font-size:18px;font-weight:600}#notes-overlay[hidden]{display:none}#reading-overlay{z-index:var(--z-dialog);box-sizing:border-box;touch-action:manipulation;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#reading-overlay[hidden]{display:none}#reading-window{box-sizing:border-box;flex-direction:column;align-items:center;gap:10px;width:min(46rem,100%,133.333dvh - 200px);display:flex}#reading-page{aspect-ratio:4/3;width:100%;position:relative;box-shadow:0 6px 24px #0000008c;container-type:inline-size}#reading-image{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}#reading-text{color:#2a190f;width:41%;max-height:76%;font-family:var(--font-ui);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:3.2cqw;line-height:1.4;position:absolute;top:11.5%;left:6.6%;overflow:hidden}#reading-recipe{text-align:center;margin:0;font-size:18px}#reading-recipe[hidden]{display:none}#reading-close{min-width:140px;min-height:56px;font:inherit;touch-action:manipulation;padding:0 24px;font-size:18px;font-weight:600}#rotate-hint{z-index:var(--z-system);top:calc(env(safe-area-inset-top,0px) + 64px);white-space:nowrap;pointer-events:none;background:#000000b3;border-radius:12px;padding:8px 16px;font-size:16px;position:fixed;left:50%;transform:translate(-50%)}#rotate-hint[hidden]{display:none}#radial-menu{z-index:var(--z-welt-radial);pointer-events:none;position:fixed;inset:0}#radial-menu[hidden]{display:none}.radial-button{pointer-events:auto;touch-action:manipulation;padding:0;position:absolute}#gather-progress{z-index:var(--z-meldung);left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);box-sizing:border-box;text-align:center;pointer-events:none;background:#000000b3;border-radius:12px;width:min(260px,100vw - 32px);padding:8px 14px 10px;font-size:16px;position:fixed;transform:translate(-50%)}#gather-progress[hidden]{display:none}#gather-progress .bar,#backpack-bar{background:#d6c49e38;border-radius:5px;height:10px;margin-top:6px;overflow:hidden}#gather-fill,#backpack-fill{background:#5fa35f;border-radius:5px;width:0;height:100%}#button-bar{z-index:var(--z-rand);bottom:calc(env(safe-area-inset-bottom,0px) + var(--edge-gap,8px));right:calc(env(safe-area-inset-right,0px) + 8px);gap:8px;display:flex;position:fixed}#button-bar[data-covered=true]{visibility:hidden}#backpack-button,#handbook-button,#tasks-button{min-width:56px;min-height:56px;color:inherit;font:inherit;touch-action:manipulation;background:#0000008c;border:1px solid #d6c49e73;border-radius:12px;padding:0 14px;font-size:16px}#backpack-button[data-open=true],#handbook-button[data-open=true],#tasks-button[data-open=true]{color:#10170f;background:#c9a227}#handbook-button,#tasks-button{align-items:center;gap:8px;display:flex}#handbook-button svg,#tasks-button svg{width:28px;height:28px;image-rendering:pixelated;flex:none}@media (max-width:499px){#handbook-button svg,#tasks-button svg{display:none}}#tasks-button{position:relative}#tasks-button[data-unseen=true]:after{content:"";background:var(--amber);width:10px;height:10px;box-shadow:0 0 0 2px var(--leather-deep);border-radius:50%;position:absolute;top:6px;right:6px}#handbook-button[data-glow=true]{animation:.9s ease-out skills-glow}@keyframes skills-glow{0%{filter:brightness(1.6);box-shadow:0 0 0 3px #e0c473}to{filter:brightness();box-shadow:0 0 #e0c47300}}@media (prefers-reduced-motion:reduce){#handbook-button[data-glow=true]{animation:none;box-shadow:0 0 0 3px #e0c473}}#skill-gain-hint{z-index:var(--z-meldung);bottom:calc(env(safe-area-inset-bottom,0px) + 132px);right:calc(env(safe-area-inset-right,0px) + 8px);box-sizing:border-box;pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;max-width:calc(100vw - 32px);animation:.2s ease-out skill-gain-in;display:flex;position:fixed}#skill-gain-hint p{text-align:right;background:#000000b3;border-radius:12px;margin:0;padding:6px 14px;font-size:17px}@keyframes skill-gain-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#skill-gain-hint{animation:none}}#edge-stack{display:contents}@media (max-width:599px) and (orientation:portrait){body:has(#tool-belt:not([hidden])){--edge-gap:72px}}@media (max-width:799px){#edge-stack{z-index:var(--z-rand);bottom:calc(env(safe-area-inset-bottom,0px) + var(--edge-gap,8px));left:calc(env(safe-area-inset-left,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}#edge-stack>*{position:static;transform:none}#edge-stack>#gather-progress,#edge-stack>#door-hint{align-self:center}#edge-stack>#button-bar{pointer-events:auto}}#skills-list{margin:0;padding:0;list-style:none}.skill-row{background:#d6c49e1a;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:4px 10px;min-height:64px;margin-bottom:8px;padding:6px 10px 8px 6px;display:grid}.skill-icon{grid-row:1/3;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.skill-icon svg{width:32px;height:32px;image-rendering:pixelated}.skill-name{font-size:18px;font-weight:600}.skill-value{font-variant-numeric:tabular-nums;text-align:right;font-size:18px}.skill-bar{background:#d6c49e38;border-radius:5px;grid-column:2/4;height:10px;overflow:hidden}.skill-fill{background:#5fa35f;border-radius:5px;width:0;height:100%}#skills-total{font-variant-numeric:tabular-nums;text-align:right;border-bottom:1px solid #d6c49e59;margin:12px 0;padding-bottom:10px;font-size:18px}#backpack{flex-direction:column;min-height:100%;display:flex}#backpack h2{margin:8px 0 0;font-size:22px}.inv-weight-row{margin:12px 0;font-size:17px}#backpack-slots{flex:1;margin:0;padding:0;list-style:none}.inv-slot{background:#d6c49e1a;border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;min-height:64px;margin-bottom:8px;padding:4px 8px 4px 4px;display:flex}.inv-slot.inv-lifted{opacity:.45}#backpack[data-drop=outside] .inv-lifted{border-color:#b5483b}.inv-handle{touch-action:none;cursor:grab;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.inv-handle img{pointer-events:none;width:48px;height:48px}.inv-text{flex:1;grid-template-columns:1fr auto;column-gap:8px;font-size:17px;display:grid}.inv-name{grid-column:1;font-weight:600}.inv-count{text-align:right;grid-column:2}.inv-grams{opacity:.75;grid-column:1/3;font-size:14px}.inv-drop{min-width:56px;min-height:48px;color:inherit;font:inherit;touch-action:manipulation;background:0 0;border:1px solid #d6c49e66;border-radius:12px;flex:none;padding:0 10px;font-size:15px}.inv-combine{min-width:96px;min-height:56px;color:inherit;font:inherit;touch-action:manipulation;background:0 0;border:1px solid #d6c49e99;border-radius:12px;flex:none;padding:0 12px;font-size:15px}.radial-greyed{opacity:.45}#backpack-empty{opacity:.75;margin:8px 0}.inv-ghost{z-index:var(--z-system);pointer-events:none;width:56px;height:56px;margin:-28px 0 0 -28px;position:fixed}.inv-ghost img{width:100%;height:100%}#drop-confirm{z-index:var(--z-dialog);box-sizing:border-box;text-align:center;touch-action:manipulation;background:#1c261ef5;border-radius:12px;width:min(24rem,100vw - 32px);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000073}#drop-confirm p{margin:0 0 16px;font-size:20px}#drop-confirm button{color:#10170f;min-width:140px;min-height:48px;font:inherit;touch-action:manipulation;background:#5fa35f;border:0;border-radius:12px;padding:0 20px;font-size:18px;font-weight:600}#drop-confirm #drop-yes{background:#c9a227}#drop-confirm #drop-confirm-hint{opacity:.85;margin:0 0 16px;font-size:15px}#drop-slider-row{align-items:center;gap:14px;margin:0 0 12px;display:flex}#drop-slider{appearance:none;touch-action:manipulation;background:0 0;flex:1;min-width:0;height:48px;margin:0;padding:0}#drop-slider::-webkit-slider-runnable-track{border-radius:7px;height:14px}#drop-slider::-moz-range-track{border-radius:7px;height:14px}#drop-slider::-webkit-slider-thumb{appearance:none;border-radius:50%;width:44px;height:44px;margin-top:-15px}#drop-slider::-moz-range-thumb{box-sizing:border-box;border-radius:50%;width:44px;height:44px}#drop-amount{font-variant-numeric:tabular-nums;text-align:right;min-width:4.8em;font-size:20px}#backpack-button[hidden],#handbook-button[hidden],#tasks-button[hidden],#skill-gain-hint[hidden],#backpack-empty[hidden],#tool-belt[hidden],#drop-slider-row[hidden],#drop-confirm[hidden]{display:none}#measure-panel{z-index:var(--z-welt-messung);top:calc(env(safe-area-inset-top,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + 8px);box-sizing:border-box;color:#d6c49e;pointer-events:none;background:#000000a6;border-radius:12px;max-width:min(260px,100vw - 160px);padding:6px 10px;position:fixed}#measure-lines{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:12px/1.35 ui-monospace,SF Mono,Menlo,Consolas,monospace}#measure-copy{min-height:44px;color:inherit;font:inherit;pointer-events:auto;touch-action:manipulation;background:#0000008c;border:1px solid #d6c49e73;border-radius:12px;margin-top:6px;padding:0 14px;font-size:14px}#measure-fallback{box-sizing:border-box;pointer-events:auto;width:100%;margin-top:6px;font-size:11px;display:block}#measure-copy[hidden],#measure-fallback[hidden]{display:none}#window-frame{--frame-top:calc(env(safe-area-inset-top,0px) + 60px);z-index:var(--z-fenster);box-sizing:border-box;color:var(--parchment);font-family:var(--font-ui);touch-action:manipulation;background:#24150ef5;flex-direction:column;display:flex;position:fixed}#window-frame[data-layout=side]{top:var(--frame-top);width:var(--frame-size,360px);padding:8px calc(env(safe-area-inset-right,0px) + 8px) calc(env(safe-area-inset-bottom,0px) + 60px) 8px;border-left:2px solid var(--brass);bottom:0;right:0;box-shadow:-6px 0 24px #00000073}#window-frame[data-layout=sheet]{height:var(--frame-size,58dvh);padding:4px calc(env(safe-area-inset-right,0px) + 8px) calc(env(safe-area-inset-bottom,0px) + 60px) calc(env(safe-area-inset-left,0px) + 8px);border-top:2px solid var(--brass);bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000073}#window-frame header{justify-content:space-between;align-items:stretch;gap:8px;display:flex}#frame-tabs{flex:1;gap:4px;min-width:0;display:flex}#frame-tabs [role=tab],#frame-close{min-width:56px;min-height:56px;color:inherit;font:inherit;touch-action:manipulation;background:#00000059;border:1px solid #d6c49e73;border-radius:0;padding:0 10px;font-size:16px}#frame-close{font-size:28px;line-height:1}#frame-tabs [role=tab]{flex:1 1 0;justify-content:center;align-items:center;gap:8px;min-width:56px;font-size:15px;display:flex;position:relative;overflow:hidden}#frame-tabs [role=tab][data-selected=true]{border-color:var(--brass-hi);background:var(--kit-brass);color:var(--ink)}#frame-tabs [role=tab] svg{flex:none;width:24px;height:24px}#frame-tabs [role=tab] span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#frame-tabs [role=tab][data-selected=true]{flex-grow:3}#frame-tabs [role=tab][data-selected=false] span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#frame-body{overscroll-behavior:contain;touch-action:pan-y;flex:1;margin-top:8px;overflow-y:auto}.handbook-tabs{gap:4px;margin-bottom:8px;display:flex}.handbook-tab{min-width:0;min-height:48px;color:inherit;font:inherit;touch-action:manipulation;background:#00000059;border:1px solid #d6c49e73;border-radius:0;flex:1 1 0;padding:0 6px;font-size:15px}.handbook-tab[data-selected=true]{border-color:var(--brass-hi);background:var(--brass);color:var(--ink);font-weight:700}.handbook-list,.task-list{margin:0;padding:0;list-style:none}.handbook-note,.task-note{margin:16px 8px;font-size:16px;line-height:1.4}.recipe-row,.find-row{border:2px solid var(--brass-lo);background:var(--leather-deep);margin-bottom:8px;padding:8px 10px 10px;box-shadow:inset 0 0 0 2px #120a06}.recipe-name,.find-name{color:var(--brass-hi);margin:0 0 4px;font-size:18px}.recipe-parts{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:15px;display:grid}.recipe-term{color:#cdbf9b}.recipe-value{margin:0}.find-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.find-year{color:var(--brass-hi);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.find-text{margin:4px 0 0;font-size:15px;line-height:1.4}.task-head{border-bottom:1px solid var(--brass-lo);align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.task-portrait{box-sizing:border-box;border:2px solid var(--brass);object-fit:cover;object-position:50% 15%;flex:none;width:64px;height:64px}.task-name{color:var(--brass-hi);margin:0;font-size:20px}.task-row{border:2px solid var(--brass-lo);background:var(--leather-deep);align-items:flex-start;gap:10px;min-height:56px;margin-bottom:8px;padding:10px;display:flex;box-shadow:inset 0 0 0 2px #120a06}.task-row[data-state=done]{opacity:.6}.task-mark{color:var(--brass-hi);flex:none;display:flex}.task-text{flex:1;min-width:0}.task-title{margin:0;font-size:17px;font-weight:600}.task-hint{margin:4px 0 0;font-size:15px;line-height:1.4}.task-state{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#window-frame[hidden]{display:none}#tool-belt{z-index:var(--z-rand);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);gap:8px;margin:0;padding:0;list-style:none;display:flex;position:fixed;left:50%;transform:translate(-50%)}.belt-slot{box-sizing:border-box;background:#0000008c;border:1px solid #d6c49e73;border-radius:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.belt-slot[data-held=true]{border-color:var(--brass-hi);background:var(--kit-brass)}.belt-slot img{pointer-events:none;width:40px;height:40px}#craft-window{z-index:var(--z-fenster-station);top:calc(env(safe-area-inset-top,0px) + 60px);box-sizing:border-box;width:min(340px,100vw);padding:8px 8px calc(env(safe-area-inset-bottom,0px) + 60px) calc(env(safe-area-inset-left,0px) + 8px);border-right:2px solid var(--brass);color:var(--parchment);font-family:var(--font-ui);touch-action:manipulation;background:#24150ef5;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;box-shadow:6px 0 24px #00000073}#craft-window[hidden]{display:none}#craft-window header{justify-content:space-between;align-items:stretch;gap:8px;display:flex}#craft-title{flex:1;align-items:center;min-height:56px;margin:0;font-size:20px;display:flex}#craft-close{min-width:56px;min-height:56px;color:inherit;font:inherit;touch-action:manipulation;background:#00000059;border:1px solid #d6c49e73;border-radius:0;padding:0 10px;font-size:28px;line-height:1}#craft-empty{margin:16px 8px;font-size:16px;line-height:1.4}#craft-list{overscroll-behavior:contain;touch-action:pan-y;flex:1;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.craft-row{border:2px solid var(--brass-lo);background:var(--leather-deep);border-radius:6px;grid-template-columns:56px 1fr;gap:4px 12px;min-height:56px;margin-bottom:8px;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #120a06}.craft-icon{object-fit:contain;width:56px;height:56px}.craft-name{margin:0 0 4px;font-size:18px}.craft-needs{margin:0;padding:0;font-size:15px;line-height:1.4;list-style:none}.craft-line,.craft-reason{margin:2px 0 0;font-size:15px;line-height:1.4}.craft-short,.craft-reason{color:#e8776a}.craft-do{border:2px solid var(--brass-hi);background:var(--kit-brass);min-height:56px;box-shadow:inset 0 0 0 2px var(--brass-lo), 0 2px 0 #000;color:var(--ink);font:inherit;touch-action:manipulation;border-radius:6px;grid-column:1/-1;padding:0 12px;font-size:17px;font-weight:700}.craft-do[aria-disabled=true]{border-color:var(--brass-lo);background:var(--kit-leather);box-shadow:inset 0 0 0 2px var(--leather-deep);color:#a89a78}@media (max-width:599px) and (orientation:portrait){#craft-window{border-right:0;border-bottom:2px solid var(--brass);width:auto;max-height:calc(42dvh - 60px);padding-bottom:8px;bottom:auto;right:0}}:root{--z-welt:0;--z-welt-radial:10;--z-welt-messung:20;--z-rand:100;--z-fenster:200;--z-fenster-station:210;--z-meldung:300;--z-dialog:400;--z-start:500;--z-start-oben:510;--z-system:600;--leather:#3a2418;--leather-deep:#24150e;--leather-hi:#55362a;--brass:#b8923a;--brass-hi:#e0c473;--brass-lo:#6e5420;--parchment:#ecdfba;--ink:#24150e;--amber:#e29a2c;--rust:#b5483b;--font-ui:Verdana, "DejaVu Sans", sans-serif;--kit-corners:linear-gradient(var(--brass-hi), var(--brass-hi)) 0 0 / 10px 3px no-repeat, linear-gradient(var(--brass-hi), var(--brass-hi)) 0 0 / 3px 10px no-repeat, linear-gradient(var(--brass-hi), var(--brass-hi)) 100% 0 / 10px 3px no-repeat, linear-gradient(var(--brass-hi), var(--brass-hi)) 100% 0 / 3px 10px no-repeat, linear-gradient(var(--brass-hi), var(--brass-hi)) 0 100% / 10px 3px no-repeat, linear-gradient(var(--brass-hi), var(--brass-hi)) 0 100% / 3px 10px no-repeat, linear-gradient(var(--brass-hi), var(--brass-hi)) 100% 100% / 10px 3px no-repeat, linear-gradient(var(--brass-hi), var(--brass-hi)) 100% 100% / 3px 10px no-repeat;--kit-leather:linear-gradient(var(--leather-hi), var(--leather) 45%, var(--leather-deep));--kit-brass:linear-gradient(var(--brass-hi), var(--brass) 50%, var(--brass-lo))}#sound-toggle,#settings-button,.settings-row,#backpack-button,#handbook-button,#tasks-button,#restart-button,#notes-close,#reading-close,#leave-confirm button,#drop-confirm button,#name-form .name-row button,#name-form .name-other,#login-form .name-row button,.inv-drop,.release-more{border:2px solid var(--brass);background:var(--kit-corners), var(--kit-leather);box-shadow:inset 0 0 0 2px var(--leather-deep), 0 2px 0 #000;color:var(--parchment);font-family:var(--font-ui);opacity:1;text-shadow:0 1px #000;border-radius:6px;transition:transform 80ms ease-out,filter 80ms ease-out}#restart-button,#leave-confirm #leave-yes,#drop-confirm #drop-yes,#name-form .name-row button,#login-form .name-row button,#backpack-button[data-open=true],#handbook-button[data-open=true],#tasks-button[data-open=true]{border-color:var(--brass-hi);background:var(--kit-brass);box-shadow:inset 0 0 0 2px var(--brass-lo), 0 2px 0 #000;color:var(--ink);text-shadow:0 1px #ffffff4d}#name-form .name-row button:disabled,#login-form .name-row button:disabled{border-color:var(--brass-lo);background:var(--kit-leather);box-shadow:inset 0 0 0 2px var(--leather-deep);color:#a89a78;text-shadow:none}#sound-toggle:active,#settings-button:active,.settings-row:active,#backpack-button:active,#handbook-button:active,#tasks-button:active,#restart-button:active,#notes-close:active,#leave-confirm button:active,#name-form .name-other:active,#drop-confirm button:active,.inv-drop:active{filter:brightness(1.15);transform:translateY(2px)}button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}#leave-confirm,#name-form,#login-form,#notes-overlay,#drop-confirm{border:3px solid var(--brass);background:var(--kit-corners), var(--kit-leather);box-shadow:inset 0 0 0 3px var(--leather-deep), 0 8px 28px #0000008c;color:var(--parchment);font-family:var(--font-ui);border-radius:8px}#dialog-pop{box-shadow:none;filter:drop-shadow(0 4px 8px #0000008c);color:var(--page-ink);font-family:var(--font-ui);background:url(/assets/ui/kit/parchment.webp) 0 0/128px;border:12px solid #0000;border-image:url(/assets/ui/kit/page.webp) 40 fill/12px;border-radius:0;padding:2px}#dialog-portrait{border:3px solid var(--brass);box-shadow:inset 0 0 0 2px var(--brass-lo), 0 1px 3px #00000073;background:var(--leather-deep)}#dialog-name{color:var(--page-ink-soft);font-weight:700}#door-hint,#ground-notice,#pickup-hint,#skill-gain-hint p,#rotate-hint,#connection-status,#gather-progress{border:2px solid var(--brass-lo);color:var(--parchment);font-family:var(--font-ui);background:#24150ee6}#pickup-hint,#skill-gain-hint p{border-color:var(--brass);color:var(--brass-hi);border-radius:6px;font-weight:700}#door-hint,#ground-notice,#pickup-hint,#skill-gain-hint p{box-sizing:border-box;border:10px solid var(--brass-lo);text-shadow:0 1px 2px #000;background:0 0;border-image:url(/assets/ui/kit/sign.webp) 17 fill/10px 12px;border-radius:0;padding:2px 6px}#backpack h2,.release-note h2{color:var(--brass-hi);font-weight:700}.release-note h3,.release-more{color:var(--brass-hi)}.release-more{box-shadow:none;background:linear-gradient(#0000,#24150ef5 60%);border:0}#name-input,#login-input{border:2px solid var(--brass);background:var(--parchment);color:var(--ink);font-family:var(--font-ui)}#backpack-bar,.skill-bar,#gather-progress .bar{box-sizing:border-box;border:6px solid var(--brass);background:var(--leather-deep);height:20px;box-shadow:none;border-image:url(/assets/ui/kit/bar.webp) 6/6px;border-radius:0}#backpack-fill,.skill-fill,#gather-fill{background:linear-gradient(var(--brass-hi), var(--amber) 55%, #a8651a);border-radius:0}#backpack-bar[data-level=warn] #backpack-fill{background:linear-gradient(#f0b050,#d98c2b 55%,#8c5412)}#backpack-bar[data-level=full] #backpack-fill{background:linear-gradient(#d9705f, var(--rust) 55%, #6e281f)}#drop-slider::-webkit-slider-runnable-track{border:2px solid var(--brass);background:var(--leather-deep);box-shadow:inset 0 1px 3px #000}#drop-slider::-moz-range-track{border:2px solid var(--brass);background:var(--leather-deep);box-shadow:inset 0 1px 3px #000}#drop-slider::-webkit-slider-thumb{border:2px solid var(--brass-hi);background:var(--kit-brass);box-shadow:inset 0 0 0 2px var(--brass-lo), 0 2px 0 #000}#drop-slider::-moz-range-thumb{border:2px solid var(--brass-hi);background:var(--kit-brass);box-shadow:inset 0 0 0 2px var(--brass-lo), 0 2px 0 #000}#drop-slider:focus-visible{outline:3px solid var(--amber);outline-offset:2px}#drop-amount{color:var(--brass-hi);font-family:var(--font-ui);font-weight:700}.inv-slot{border:2px solid var(--brass-lo);background:var(--leather-deep);border-radius:6px;box-shadow:inset 0 0 0 2px #120a06}.inv-slot.inv-target{border-color:var(--brass-hi)}.skill-row{border:2px solid var(--brass-lo);background:var(--leather-deep);border-radius:6px;box-shadow:inset 0 0 0 2px #120a06}.skill-value{color:var(--brass-hi);font-weight:700}#skills-total{border-bottom-color:var(--brass-lo);color:var(--parchment);font-weight:700}#drop-confirm button,#backpack button{font-size:16px}.inv-grams,#backpack-empty{color:#cdbf9b;opacity:1}.radial-ring{box-sizing:border-box;image-rendering:pixelated;pointer-events:none;background:url(/assets/ui/kit/wheel.webp) 50%/100% 100% no-repeat,#24150e61;border-radius:50%;position:absolute}.radial-button{filter:drop-shadow(0 3px #000000b3);color:var(--parchment);font-family:var(--font-ui);image-rendering:pixelated;background:url(/assets/ui/kit/socket.webp) 50%/100% 100% no-repeat;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:transform 80ms ease-out,filter 80ms ease-out;display:flex}.radial-symbol{object-fit:contain;pointer-events:none;width:40px;height:40px;margin-bottom:4px}.radial-label{box-sizing:border-box;color:var(--parchment);text-shadow:0 1px #000;text-align:center;pointer-events:none;border-style:solid;border-width:5px 10px;border-image:url(/assets/ui/kit/band.webp) 12 24 fill/5px 10px;width:max-content;max-width:112px;padding:0 4px;font-size:13px;line-height:16px;position:absolute;top:calc(100% - 12px);left:50%;transform:translate(-50%)}.radial-button:hover,.radial-button:focus-visible,.radial-button:active{filter:brightness(1.25)drop-shadow(0 3px #000000b3)}.radial-button:hover .radial-label,.radial-button:focus-visible .radial-label,.radial-button:active .radial-label{color:var(--brass-hi)}.radial-button:active{transform:translateY(2px)}@media (prefers-reduced-motion:reduce){#sound-toggle,#settings-button,.settings-row,#backpack-button,#handbook-button,#tasks-button,#restart-button,#notes-close,#reading-close,#leave-confirm button,#drop-confirm button,.inv-drop,.radial-button{transition:none}#sound-toggle:active,#settings-button:active,.settings-row:active,#backpack-button:active,#handbook-button:active,#tasks-button:active,#restart-button:active,#notes-close:active,#leave-confirm button:active,#drop-confirm button:active,.inv-drop:active,.radial-button:active{filter:none;transform:none}}#title-name{color:var(--parchment);font-family:var(--font-ui);text-shadow:0 2px 0 var(--leather-deep), 0 0 14px #24150ed9, 0 0 2px var(--brass-lo)}#title-shade{background:linear-gradient(#24150eb8,#0000 26%),linear-gradient(#0000 70%,#24150e99),radial-gradient(#0000 55%,#140b0773);position:absolute;inset:0}@supports not selector(::-webkit-scrollbar){.release-note,#frame-body{scrollbar-width:thin;scrollbar-color:var(--brass) var(--leather-deep)}}.release-note::-webkit-scrollbar{width:8px}#frame-body::-webkit-scrollbar{width:8px}.release-note::-webkit-scrollbar-track{background:var(--leather-deep);border-radius:4px;box-shadow:inset 0 0 0 1px #120a06}#frame-body::-webkit-scrollbar-track{background:var(--leather-deep);border-radius:4px;box-shadow:inset 0 0 0 1px #120a06}.release-note::-webkit-scrollbar-thumb{border:1px solid var(--brass-lo);background:var(--kit-brass);border-radius:4px}#frame-body::-webkit-scrollbar-thumb{border:1px solid var(--brass-lo);background:var(--kit-brass);border-radius:4px}.release-note::-webkit-scrollbar-thumb:hover{background:var(--brass-hi)}#frame-body::-webkit-scrollbar-thumb:hover{background:var(--brass-hi)}@media (hover:none){.release-note::-webkit-scrollbar{width:5px}#frame-body::-webkit-scrollbar{width:5px}.release-note::-webkit-scrollbar-track{box-shadow:none;background:0 0}#frame-body::-webkit-scrollbar-track{box-shadow:none;background:0 0}}:root{--page-ink:#2b1a0e;--page-ink-soft:#4d3519;--page-line:#4d351973}#window-frame{background:var(--leather-deep) url(/assets/ui/kit/leather.webp) 0 0 / 256px;box-shadow:none;border:18px solid #0000;border-image:url(/assets/ui/kit/panel.webp) 52 fill/18px round}#window-frame[data-layout=side]{padding:0 0 calc(env(safe-area-inset-bottom,0px) + 42px) 0;filter:drop-shadow(-4px 0 10px #00000073)}#window-frame[data-layout=sheet]{padding:0 0 calc(env(safe-area-inset-bottom,0px) + 42px) 0;filter:drop-shadow(0 -4px 10px #00000073)}#frame-tabs [role=tab],.handbook-tab{color:var(--parchment);text-shadow:0 1px #000;background:0 0;border:0}#frame-tabs [role=tab][data-selected=true],.handbook-tab[data-selected=true]{color:var(--ink);text-shadow:0 1px #ffffff59;background:0 0}#frame-close{color:var(--brass-hi);background:0 0;border:0}#frame-body{margin-top:6px}#window-frame:is([data-tab=handbuch],[data-tab=aufgaben]) #frame-body{box-sizing:border-box;color:var(--page-ink);background:url(/assets/ui/kit/parchment.webp) 0 0/128px;border:14px solid #0000;border-image:url(/assets/ui/kit/page.webp) 40 fill/14px}#window-frame:is([data-tab=handbuch],[data-tab=aufgaben]) :is(.recipe-row,.find-row,.task-row,.skill-row){border:0;border-bottom:1px solid var(--page-line);box-shadow:none;background:0 0;border-radius:0}#window-frame:is([data-tab=handbuch],[data-tab=aufgaben]) :is(.recipe-name,.find-name,.find-year,.task-name,.skill-value,.task-mark,.recipe-term){color:var(--page-ink-soft)}#window-frame:is([data-tab=handbuch],[data-tab=aufgaben]) :is(#skills-total,.task-head){border-bottom-color:var(--page-line);color:var(--page-ink)}#window-frame:is([data-tab=handbuch],[data-tab=aufgaben]) .task-portrait{border-color:var(--brass-lo)}.task-reward{color:var(--page-ink-soft);margin:4px 0 0;font-size:14px;font-weight:700;line-height:1.4}.inv-slot{border:1px solid var(--brass-lo);box-shadow:none;background:#120a068c;border-radius:0;flex-wrap:wrap;row-gap:6px}.inv-handle{box-sizing:border-box;border:14px solid #0000;border-image:url(/assets/ui/kit/slot.webp) 28 fill/14px;width:64px;height:64px}.inv-handle img{width:36px;height:36px;margin:-4px}.inv-text{flex:96px;min-width:0}.inv-drop,.inv-combine{box-sizing:border-box;text-wrap:balance;height:56px;min-height:56px;margin-left:auto;padding:0 10px;line-height:1.15}.inv-combine{border:2px solid var(--brass);background:var(--kit-corners), var(--kit-leather);min-width:56px;max-width:128px;box-shadow:inset 0 0 0 2px var(--leather-deep), 0 2px 0 #000;color:var(--parchment);text-shadow:0 1px #000;border-radius:6px}#sound-toggle,#settings-button{box-shadow:none;text-shadow:none;background:url(/assets/ui/kit/sound.webp) 50%/100% 100% no-repeat;border:0;border-radius:0}#sound-toggle[data-muted=true]{background-image:url(/assets/ui/kit/sound-off.webp)}#settings-button{background-image:url(/assets/ui/kit/cog.webp)}#sound-toggle svg,#settings-button svg,#handbook-button svg,#tasks-button svg{display:none}#sound-toggle:active,#settings-button:active{filter:brightness(1.2);transform:translateY(2px)}#backpack-button,#handbook-button,#tasks-button{width:64px;min-width:56px;height:64px;min-height:56px;box-shadow:none;color:#0000;text-shadow:none;background:50%/100% 100% no-repeat;border:0;border-radius:50%;padding:0;font-size:0}#backpack-button{background-image:url(/assets/ui/kit/backpack.webp)}#handbook-button{background-image:url(/assets/ui/kit/handbook.webp)}#tasks-button{background-image:url(/assets/ui/kit/tasks.webp)}#backpack-button[data-open=true],#handbook-button[data-open=true],#tasks-button[data-open=true]{box-shadow:none;filter:brightness(1.25) drop-shadow(0 0 6px var(--amber));background-color:#0000;border:0}#backpack-button:active,#handbook-button:active,#tasks-button:active{filter:brightness(1.2);transform:translateY(2px)}@media (max-width:599px) and (orientation:portrait){#sound-toggle,#settings-button{width:44px;height:44px;top:calc(env(safe-area-inset-top,0px) + 6px)}#sound-toggle{right:calc(env(safe-area-inset-right,0px) + 56px)}body:has(#title-screen) #sound-toggle{right:calc(env(safe-area-inset-right,0px) + 6px)}#settings-button{right:calc(env(safe-area-inset-right,0px) + 6px)}#button-bar{gap:4px}#backpack-button,#handbook-button,#tasks-button{width:48px;min-width:44px;height:48px;min-height:44px}#window-frame[data-layout=sheet]{border-width:12px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 30px);border-image-width:12px}#frame-tabs [role=tab],#frame-close,.handbook-tab{min-height:44px}#frame-tabs [role=tab],#frame-close{min-width:44px}}@media (max-width:599px) and (orientation:portrait),(max-height:499px){#backpack h2{font-size:18px}.inv-text,.handbook-note,.task-note,.task-hint,.find-text,.recipe-parts,.settings-row{font-size:14px}.inv-grams{font-size:13px}.inv-weight-row,.skill-name,.skill-value,#skills-total,.recipe-name,.find-name,.find-year,.task-title{font-size:15px}.task-name{font-size:16px}#frame-tabs [role=tab],.handbook-tab,.inv-drop,.inv-combine,#backpack button{font-size:13px}}#reading-overlay{background:#120a06;padding:64px 12px 12px}#reading-window{width:min(100%,133.333dvh - 186.667px)}#reading-close{top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);min-width:48px;min-height:48px;padding:0 16px;font-size:15px;position:fixed}body:has(#reading-overlay:not([hidden])) :is(#window-frame,#button-bar,#edge-stack,#sound-toggle,#settings-button,#connection-status,#tool-belt){visibility:hidden}@media (max-height:499px){#window-frame{border-width:12px;border-image-width:12px}#backpack h2{height:34px;margin:0 0 4px;padding:0 30px 7px;font-size:15px}.inv-weight-row{margin:4px 0}#frame-tabs [role=tab],#frame-close,.handbook-tab{min-height:44px}#frame-tabs [role=tab],#frame-close{min-width:44px}}#frame-tabs [role=tab] svg{display:none}@media (max-width:599px) and (orientation:portrait),(max-height:499px){.handbook-tabs{gap:3px}.handbook-tab{white-space:nowrap;flex:auto;padding:0 10px;font-size:13px}}#tool-belt{box-sizing:border-box;border:2px solid var(--brass-lo);box-shadow:inset 0 0 0 2px var(--leather-deep), inset 0 0 0 3px #d6c49e59, 0 3px 8px #00000080;background:url(/assets/ui/kit/leather.webp) 0 0/256px;align-items:center;gap:6px;padding:6px 10px 6px 50px}#tool-belt:before{content:"";pointer-events:none;background:url(/assets/ui/kit/buckle.webp) 50%/contain no-repeat;width:44px;height:49px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.belt-slot,.belt-slot[data-held=true]{background:url(/assets/ui/kit/slot.webp) 50%/100% 100% no-repeat;border:0}.belt-slot img{box-sizing:content-box;width:36px;height:36px}.belt-slot[data-held=true] img{background:var(--kit-brass);border-radius:2px;padding:3px}@media (max-width:599px) and (orientation:portrait){#tool-belt{left:calc(env(safe-area-inset-left,0px) + 8px);transform:none}#tool-belt .belt-slot{width:48px;height:48px}}@font-face{font-family:DejaVu Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/dejavu-sans-regular.woff2)format("woff2")}@font-face{font-family:DejaVu Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/dejavu-sans-bold.woff2)format("woff2")}body{font-family:var(--font-ui)}#reading-text{font-family:Georgia,Times New Roman,serif}#window-frame[data-tab=handbuch] #frame-body{background:0 0;border:0;border-image:;flex-direction:column;padding:0;display:flex;overflow:hidden}#window-frame[data-tab=handbuch] .handbook{flex-direction:row-reverse;flex:1;min-height:0;display:flex}#window-frame[data-tab=handbuch] .handbook-panel{box-sizing:border-box;overscroll-behavior:contain;min-width:0;color:var(--page-ink);touch-action:pan-y;background:url(/assets/ui/kit/parchment.webp) 0 0/128px;border:14px solid #0000;border-image:url(/assets/ui/kit/page.webp) 40 fill/14px;flex:1;position:relative;overflow-y:auto}#window-frame[data-tab=handbuch] .handbook-tabs{scrollbar-width:none;flex-direction:column;flex:none;gap:6px;margin:0 0 0 -5px;padding:14px 0 0;display:flex;position:relative;overflow-y:auto}#window-frame[data-tab=handbuch] .handbook-tab{box-sizing:border-box;min-width:44px;min-height:44px;color:var(--parchment);text-shadow:0 1px #000;white-space:nowrap;writing-mode:vertical-rl;background:0 0;border:9px solid #0000;border-width:9px 14px 9px 8px;border-image:url(/assets/ui/kit/tab-side.webp) 26 22 26 14 fill/9px 14px 9px 8px;flex:none;margin:0;padding:10px 0;font-size:13px;font-weight:400}#window-frame[data-tab=handbuch] .handbook-tab:nth-child(2){border-image-source:url(/assets/ui/kit/tab-side-2.webp)}#window-frame[data-tab=handbuch] .handbook-tab:nth-child(3){border-image-source:url(/assets/ui/kit/tab-side-3.webp)}#window-frame[data-tab=handbuch] .handbook-tab[data-selected=true]{color:var(--ink);text-shadow:0 1px #ffffff59;border-image-source:url(/assets/ui/kit/tab-side-open.webp);font-weight:700}@media (max-width:599px) and (orientation:portrait){#window-frame[data-layout=sheet]{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}}#window-frame header{align-items:center}#window-frame #frame-tabs{align-items:center;gap:10px;padding-left:4px}#window-frame #frame-tabs[hidden]{display:none}#window-frame #frame-tabs [role=tab]{box-sizing:border-box;filter:brightness(.8);background:50%/100% 100% no-repeat;border:0;border-image:;border-radius:50%;flex:none;width:56px;min-width:44px;height:56px;min-height:44px;padding:0;font-size:13px;transition:transform 80ms ease-out,filter 80ms ease-out}#window-frame #frame-tabs [role=tab][data-tab=rucksack]{background-image:url(/assets/ui/kit/backpack.webp)}#window-frame #frame-tabs [role=tab][data-tab=handbuch]{background-image:url(/assets/ui/kit/handbook.webp)}#window-frame #frame-tabs [role=tab][data-tab=aufgaben]{background-image:url(/assets/ui/kit/tasks.webp)}#window-frame #frame-tabs [role=tab][data-selected=true]{box-shadow:0 0 0 3px var(--brass-hi), 0 0 12px 2px #f0c8788c;filter:brightness(1.2);background-color:#0000}#window-frame #frame-tabs [role=tab]:active{transform:translateY(2px)}#window-frame #frame-tabs [role=tab] span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#frame-title{color:var(--brass-hi);font-family:var(--font-ui);text-shadow:0 1px #000;flex:1;margin:0;padding-left:8px;font-size:18px;font-weight:700}#frame-title[hidden]{display:none}@media (max-width:599px) and (orientation:portrait),(max-height:499px){#window-frame #frame-tabs [role=tab]{width:46px;height:46px}#frame-close,#craft-close{width:48px;height:48px}#frame-title{font-size:16px}}#backpack{position:relative}#backpack h2{clip-path:inset(50%);width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}#backpack #backpack-slots{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));align-content:start;justify-items:center;gap:10px 8px;margin-top:8px;display:grid}#backpack .inv-slot{width:64px;min-height:0;box-shadow:none;background:0 0;border:0;margin:0;padding:0;display:block}#backpack .inv-handle{cursor:pointer;position:relative}#backpack .inv-slot[data-open=true] .inv-handle{filter:brightness(1.3) drop-shadow(0 0 5px var(--brass-hi))}#backpack .inv-slot.inv-target .inv-handle{filter:brightness(1.3)}.inv-badge{color:var(--parchment);font-family:var(--font-ui);pointer-events:none;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;font-size:14px;font-weight:700;line-height:1;position:absolute;bottom:-8px;right:-8px}.inv-card{z-index:var(--z-fenster);box-sizing:border-box;color:var(--page-ink);filter:drop-shadow(0 4px 8px #0000008c);background:url(/assets/ui/kit/parchment.webp) 0 0/128px;border:12px solid #0000;border-image:url(/assets/ui/kit/page.webp) 40 fill/12px;flex-direction:column;gap:8px;padding:2px;display:flex;position:absolute}.inv-card[hidden]{display:none}.inv-card .inv-text{flex:none;grid-template-columns:1fr auto;column-gap:8px;font-size:15px;display:grid}.inv-card .inv-name{color:var(--page-ink);font-size:16px;font-weight:700}.inv-card .inv-count,.inv-card .inv-grams,.inv-card .inv-quality{color:var(--page-ink-soft)}.inv-card .inv-quality{grid-column:1/3;font-size:14px}.inv-actions{flex-wrap:wrap;gap:6px;display:flex}.inv-actions button{flex:96px;margin:0}#frame-close,#craft-close,#reading-close,#info-close,.task-detail-close{box-sizing:border-box;width:56px;min-width:44px;height:56px;min-height:44px;box-shadow:none;filter:brightness(.8)saturate(.85)drop-shadow(0 2px 1px #000000b3);background:url(/assets/ui/kit/close.webp) 50%/24px 24px no-repeat;border:0;border-image:;flex:none;padding:0;font-size:0;line-height:0;transition:transform 80ms ease-out,filter 80ms ease-out}#frame-close:active,#craft-close:active,#reading-close:active,#info-close:active,.task-detail-close:active{filter:brightness(.95)saturate(.85)drop-shadow(0 1px #000000b3);transform:translateY(2px)}.settings-list{flex-flow:wrap;align-items:flex-start;gap:16px 20px;margin:16px 8px}.settings-list .settings-row{min-width:80px;min-height:56px;box-shadow:none;color:var(--parchment);font-family:var(--font-ui);text-align:center;text-shadow:0 1px #000;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:700;display:flex}.settings-disc{background:url(/assets/ui/kit/blank.webp) 50%/100% 100% no-repeat;width:64px;height:64px;display:block;position:relative}.settings-symbol{filter:drop-shadow(0 1px #000);background:50%/contain no-repeat;position:absolute;inset:17px 15px}#settings-notes .settings-symbol{background-image:url(/assets/ui/kit/letter.webp)}#settings-leave .settings-symbol{background-image:url(/assets/ui/kit/power.webp)}#settings-info .settings-symbol{background-image:url(/assets/ui/kit/info.webp)}#info-card{box-sizing:border-box;color:var(--page-ink);font-family:var(--font-ui);filter:drop-shadow(0 4px 8px #0000008c);background:url(/assets/ui/kit/parchment.webp) 0 0/128px;border:14px solid #0000;border-image:url(/assets/ui/kit/page.webp) 40 fill/14px;margin:0 8px 16px;padding:2px 44px 2px 2px;font-size:15px;line-height:1.4;position:relative}#info-card[hidden]{display:none}#info-close{position:absolute;top:-12px;right:-12px}#info-card .info-text p{margin:0 0 8px}#info-card .info-signature{font-weight:700}#info-card .info-mail{min-height:44px;color:var(--page-ink);align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}.settings-list .settings-row:active .settings-disc{filter:brightness(1.2);transform:translateY(2px)}.settings-list .settings-row[data-unseen=true]:after{display:none}.settings-list .settings-row[data-unseen=true] .settings-disc:after{content:"";background:var(--amber);border:2px solid #000;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;right:2px}.settings-list[hidden]{display:none}.settings-list .settings-row:disabled{opacity:.45}#skills-list{grid-template-columns:32px max-content max-content minmax(56px,1fr);column-gap:10px;display:grid}#skills-list .skill-row{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;min-height:52px;margin:0;padding:4px 6px;display:grid}#skills-list .skill-icon{grid-row:auto;width:32px;height:32px}#skills-list .skill-value{text-align:left}#skills-list .skill-bar{grid-column:auto}#skills-list .skill-icon img{object-fit:contain;width:32px;height:32px}@media (max-width:599px) and (orientation:portrait),(max-height:499px){#skills-list .skill-row{min-height:46px;padding:2px 6px}#window-frame[data-tab=handbuch] #skills-total{margin:4px 0;padding-bottom:4px}}.task-row{cursor:pointer}.task-text{color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-self:stretch;padding:0;display:block}.task-text>span{display:block}.task-text:focus-visible{outline:3px solid var(--brass-hi);outline-offset:4px}.tasks[data-view=detail] .task-head{display:none}#window-frame[data-tab=aufgaben]:has(.tasks[data-view=detail]) #frame-body{background:0 0;border:0;border-image:}.task-detail{align-items:flex-end;gap:10px;min-height:min(60vh,520px);display:flex}.task-figure{flex:0 0 36%;align-self:flex-end;max-width:260px;margin:0}.task-figure-img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 4px 6px #0000008c);width:100%;height:auto;max-height:68vh;display:block}.task-figure-name{color:var(--brass-hi);text-align:center;margin:4px 0 0;font-size:15px;font-weight:700}.task-scroll{box-sizing:border-box;min-width:0;color:var(--page-ink);background:linear-gradient(90deg,#3c240e47,#0000 9% 91%,#3c240e47),url(/assets/ui/kit/parchment.webp) 0 0/128px;flex:1;align-self:center;margin:22px 0;padding:18px 14px 20px;position:relative;box-shadow:0 6px 10px #0000008c}.task-scroll:before,.task-scroll:after{content:"";background:linear-gradient(#6a4824 0%,#c9a566 28%,#e4c88c 45%,#a67d42 72%,#4d3519 100%);border-radius:11px;height:22px;position:absolute;left:-8px;right:-8px;box-shadow:0 3px 5px #0000008c}.task-scroll:before{top:-14px}.task-scroll:after{bottom:-14px}.task-detail-close{position:absolute;top:4px;right:0}.task-detail-title{color:var(--page-ink);margin:0 40px 8px 0;font-size:18px;line-height:1.25}.task-detail-text{margin:0 0 12px;font-size:16px;line-height:1.45}.task-facts{border-top:1px solid var(--page-line);gap:2px 0;margin:0;padding-top:8px;display:grid}.task-fact-label{color:var(--page-ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-size:13px;font-weight:700}.task-fact-text{margin:0;font-size:15px;line-height:1.4}.task-detail[data-state=done] .task-fact-text:last-child{font-weight:700}@media (max-width:599px) and (orientation:portrait),(max-height:499px){.task-detail{gap:6px}.task-figure{flex-basis:40%}.task-scroll{padding:16px 10px 18px}.task-detail-title{font-size:16px}.task-detail-text,.task-fact-text{font-size:14px}}#window-frame[data-layout=side]:has(.tasks[data-view=detail]){width:max(var(--frame-size,360px), min(560px, 92vw))}.task-figure-name{overflow-wrap:anywhere}#window-frame[data-layout=sheet]:has(.tasks[data-view=detail]){height:max(var(--frame-size,58dvh), 90dvh)}#compass-button{z-index:var(--z-rand);top:calc(env(safe-area-inset-top,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + 8px);box-sizing:border-box;color:#0000;touch-action:manipulation;background:url(/assets/ui/kompass.webp) 50%/100% 100% no-repeat;border:0;border-radius:50%;width:56px;height:56px;padding:0;font-size:0;position:fixed;box-shadow:0 2px 4px #0009}#compass-button[hidden]{display:none}body:has(#title-screen) #compass-button{display:none}#compass-button:active{filter:brightness(1.2);transform:translateY(2px)}#compass-button[data-glow=true]{animation:.8s ease-in-out 3 compass-glow}@keyframes compass-glow{0%,to{filter:brightness();box-shadow:0 0 #e0c47300}50%{filter:brightness(1.5);box-shadow:0 0 0 5px #e0c473}}@media (prefers-reduced-motion:reduce){#compass-button[data-glow=true]{animation:none;box-shadow:0 0 0 3px #e0c473}}body:has(#radial-menu:not([hidden])) #compass-button{visibility:hidden}@media (max-width:599px) and (orientation:portrait){#compass-button{width:44px;height:44px;top:calc(env(safe-area-inset-top,0px) + 6px);left:calc(env(safe-area-inset-left,0px) + 6px)}}#map-overlay{z-index:var(--z-dialog);box-sizing:border-box;touch-action:manipulation;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#map-overlay[hidden]{display:none}#map-window{box-sizing:border-box;aspect-ratio:1;background:#24150e url(/assets/ui/kit/leather.webp) 0 0/256px;border:16px solid #0000;border-image:url(/assets/ui/kit/panel.webp) 52 fill/16px round;width:min(100%,100dvh - 48px,46rem);position:relative;box-shadow:0 6px 24px #0009}#map-image{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}#map-markers{pointer-events:none;position:absolute;inset:0}.map-dot{background:#f1e3c2;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #24150e,0 1px 3px #0009}.map-dot[data-self=true]{background:var(--amber,#fb923c);width:18px;height:18px;box-shadow:0 0 0 3px #24150e,0 0 0 5px #f1e3c2,0 1px 5px #000000b3}#map-close{box-sizing:border-box;color:#0000;filter:drop-shadow(0 2px 2px #000000b3);touch-action:manipulation;background:url(/assets/ui/kit/close.webp) 50%/100% 100% no-repeat;border:0;width:48px;min-width:44px;height:48px;min-height:44px;padding:0;font-size:0;position:absolute;top:-30px;right:-30px}@media (max-width:599px) and (orientation:portrait){#map-overlay{padding:16px}#map-window{width:100%}#map-close{width:44px;height:44px;top:-20px;right:-20px}}