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}#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) + 128px);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{color:#10170f;font:inherit;pointer-events:auto;touch-action:manipulation;background:#5fa35f;border:2px solid #10170f;border-radius:50%;padding:0;font-size:13px;font-weight:600;line-height:1.1;position:absolute}.radial-button:hover,.radial-button:focus-visible{background:#c9a227}#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) + 64px);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) + 184px);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:799px){#edge-stack{z-index:var(--z-rand);bottom:calc(env(safe-area-inset-bottom,0px) + 64px);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{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}#frame-grip{background:var(--brass);border-radius:3px;align-self:center;width:48px;height:5px;margin:4px 0 8px;display:none}#window-frame[data-layout=sheet] #frame-grip{display:block}#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:Georgia, "Times New Roman", 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}#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}#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{border:2px solid var(--brass);background:var(--leather-deep);border-radius:3px;height:14px;box-shadow:inset 0 1px 3px #000}#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;border:6px double var(--brass);box-shadow:0 0 0 2px var(--leather-deep), inset 0 0 0 2px var(--leather-deep);pointer-events:none;background:#24150e59;border-radius:50%;position:absolute}.radial-button{border:3px solid var(--brass);background:radial-gradient(circle at 50% 35%, var(--leather-hi), var(--leather-deep) 85%);box-shadow:inset 0 0 0 2px var(--leather-deep), 0 3px 0 #000;color:var(--parchment);font-family:var(--font-ui);text-shadow:0 1px #000;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;transition:transform 80ms ease-out,filter 80ms ease-out;display:flex}.radial-button:hover,.radial-button:focus-visible,.radial-button:active{border-color:var(--brass-hi);background:radial-gradient(circle at 50% 35%, #7a4e33, var(--leather) 85%)}.radial-button:active{transform:translateY(2px)}.radial-button svg{width:28px;height:28px;image-rendering:pixelated;flex:none}@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}}