@font-face{font-family:Fraunces;src:url(/fonts/fraunces-var-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Spectral;src:url(/fonts/spectral-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Spectral;src:url(/fonts/spectral-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}:root{--papier:#EFE7D6;--papier-hoch:#F8F3E7;--papier-tief:#E2D8C2;--tinte:#191512;--tinte-weich:rgba(25,21,18,.6);--linie:rgba(25,21,18,.22);--glut:#D4471C;--glut-tief:#A8330F;--span:#3A5A6B;--messing:#8A6A20;--flaeche:#D9CDB4;--schatten:#B9A98A;--anzeige:"Fraunces",ui-serif,Georgia,serif;--text:"Spectral",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--r-s:2px;--r-l:4px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0f0d0a;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none}body{font-family:var(--text);color:var(--papier)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul{list-style:none;margin:0;padding:0}:focus-visible{outline:2px solid var(--glut);outline-offset:2px}#spiel{position:fixed;inset:0;display:flex;flex-direction:column}#brett{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}#spiel:after{content:"";position:absolute;inset:0;z-index:40;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E")}#kopf{position:relative;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:calc(env(safe-area-inset-top) + 10px) 12px 0;pointer-events:none}#aufgabe{background:#0f0d0ab8;border:1px solid var(--linie);border-radius:var(--r-s);padding:7px 11px;max-width:62%}#aufgabe .ort{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tinte-weich);color:#efe7d68c}#aufgabe .text{display:block;font-family:var(--anzeige);font-size:.94rem;line-height:1.25;margin-top:2px}#minikarte{border:1px solid var(--linie);border-radius:var(--r-s);background:#0f0d0ab8;flex:none;width:110px;height:110px}#meldungen{position:absolute;left:12px;top:50%;transform:translateY(-60%);z-index:20;display:flex;flex-direction:column;gap:4px;pointer-events:none;max-width:70%}#meldungen li{font-family:var(--mono);font-size:.76rem;letter-spacing:.02em;background:#0f0d0aa8;border-left:2px solid var(--messing);padding:3px 8px;border-radius:0 var(--r-s) var(--r-s) 0;animation:einblenden .18s ease-out}#meldungen li.gepraegt{border-left-color:var(--glut);color:#f0b79e}#meldungen li.verschriftet{border-left-color:var(--messing);color:#e2ce96}#meldungen li.gezeichnet{border-left-color:var(--span);color:#afc8d6}#meldungen li.stufe{border-left-color:var(--glut);font-weight:500}@keyframes einblenden{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}#bedienung{position:relative;z-index:30;margin-top:auto;padding:0 12px calc(env(safe-area-inset-bottom) + 12px);display:flex;flex-direction:column;gap:10px}#balken{display:flex;flex-direction:column;gap:3px}.balken{position:relative;height:9px;background:#0f0d0abf;border:1px solid var(--linie);border-radius:var(--r-s);overflow:hidden}.balken i{display:block;height:100%;width:0;transition:width .12s linear}.balken.leben{height:16px}.balken.leben i{background:var(--glut)}.balken.leben span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;text-shadow:0 1px 0 rgba(0,0,0,.6)}.balken.vorrat i{background:var(--span)}.balken.erfahrung{height:4px}.balken.erfahrung i{background:var(--messing)}#knoepfe{display:flex;flex-direction:column;gap:10px}#slots{display:flex;gap:8px;width:100%}#steuerknoepfe{display:flex;justify-content:space-between;gap:12px}#knoepfe button,.slot{border:1.5px solid var(--linie);border-radius:var(--r-l);background:#0f0d0acc;display:grid;place-items:center;gap:1px;transition:transform .07s ease,background .12s ease,border-color .12s ease}#autolauf,#anker{min-width:120px;min-height:56px;display:flex;align-items:center;gap:8px;padding:0 16px}#knoepfe button:active,.slot:active{transform:scale(.94)}#autolauf[aria-pressed=true],#anker[aria-pressed=true]{border-color:var(--glut);background:#d4471c2e}.zeichen{font-size:1.35rem;line-height:1}.wort{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.slot{position:relative;flex:1 1 0;min-width:0;min-height:62px;overflow:hidden;padding:4px 2px}.slot .name{font-family:var(--mono);font-size:.5rem;letter-spacing:0;text-align:center;line-height:1.2;opacity:.85;padding:0 2px;overflow-wrap:anywhere;hyphens:auto}.slot .nr{position:absolute;top:3px;left:5px;font-family:var(--mono);font-size:.5rem;opacity:.4}.slot .abklingen{position:absolute;inset:0;background:#0f0d0ab8;transform-origin:bottom;pointer-events:none}.slot.regel{border-color:var(--messing)}.slot.regel:after{content:"";position:absolute;top:4px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--messing)}.slot.bereit{border-color:#efe7d659}#stick{position:fixed;z-index:25;pointer-events:none;opacity:0;transition:opacity .12s}#stick.aktiv{opacity:.75}#stick .ring{fill:#0f0d0a59;stroke:#efe7d680;stroke-width:2}#stick .knopf{fill:#efe7d6bf;stroke:var(--tinte);stroke-width:2}#abschluss{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#0f0d0adb;padding:20px}#abschluss[hidden]{display:none}#abschluss .karte{background:var(--papier);color:var(--tinte);border:1px solid var(--linie);border-radius:var(--r-l);padding:22px 20px;max-width:340px;width:100%}#abschluss h2{font-family:var(--anzeige);font-size:1.5rem;margin:0 0 14px;line-height:1.1}#abschluss dl{display:grid;grid-template-columns:1fr auto;gap:5px 14px;margin:0 0 14px;font-family:var(--mono);font-size:.8rem}#abschluss dt{color:#1915129e}#abschluss dd{margin:0;text-align:right;font-weight:500}#abschluss .ledger{font-style:italic;font-size:.88rem;line-height:1.5;border-top:1px solid var(--linie);padding-top:12px;margin:0 0 16px;color:#191512bf}#nochmal{width:100%;min-height:52px;background:var(--glut);color:#fff3ec;border-radius:var(--r-s);font-family:var(--mono);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}#nochmal:active{background:var(--glut-tief)}@media (orientation:landscape) and (max-height:620px){#kopf{padding-top:8px}#minikarte{width:88px;height:88px}#bedienung{position:absolute;left:0;right:0;bottom:0;padding:0 16px calc(env(safe-area-inset-bottom) + 10px);gap:8px}#balken{max-width:300px}#knoepfe{flex-direction:row;align-items:flex-end;justify-content:space-between}#slots{flex:0 1 460px;max-width:52vw}.slot{min-height:54px}#steuerknoepfe{flex-direction:row;gap:10px;flex:0 0 auto}#autolauf,#anker{min-width:104px;min-height:50px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}