:root{--face: #c0c0c0;--hi: #ffffff;--sh: #808080;--dk: #000000;--navy: #000080}*{box-sizing:border-box}html,body{margin:0;height:100%;background:teal;overflow:hidden;font-family:"MS Sans Serif",Tahoma,Verdana,Arial,sans-serif;font-size:12px;color:#000;-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none}.window{position:absolute;inset:6px;display:flex;flex-direction:column;background:var(--face);border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);box-shadow:inset -1px -1px 0 var(--sh),inset 1px 1px #dfdfdf;padding:3px}.titlebar{background:linear-gradient(90deg,var(--navy),#1084d0);color:#fff;font-weight:700;padding:3px 4px;display:flex;align-items:center;gap:6px;height:22px;flex:none}.titlebar.small{height:18px;font-size:11px}.ticon{background:#c8102e;color:#fff;width:15px;height:15px;display:inline-grid;place-items:center;font-size:10px;border:1px solid #fff}.tbtns{margin-left:auto;display:flex;gap:2px}button{font:inherit;background:var(--face);border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);box-shadow:inset -1px -1px 0 var(--sh);min-width:18px;padding:1px 6px;cursor:pointer;color:#000}button:active{border-color:var(--dk) var(--hi) var(--hi) var(--dk);box-shadow:inset 1px 1px 0 var(--sh)}.tbtns button{width:16px;height:14px;padding:0;line-height:9px;font-size:10px;font-weight:700;min-width:0}.menubar{display:flex;gap:2px;padding:2px 0;flex:none}.menubar span{padding:2px 7px;cursor:pointer}.menubar span:hover{background:var(--navy);color:#fff}.menubar span.on:after{content:" ♫"}.client{position:relative;flex:1;min-height:0;background:#000;border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block}#game.pixel{image-rendering:pixelated;image-rendering:crisp-edges}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.lbl{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font:700 11px "MS Sans Serif",Tahoma,Verdana,sans-serif;color:#ff5;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000}.lbl.legend{color:#ff9cff}.lbl.near{color:#fff}.lbl.near:after{content:" [E]";color:#7dff7d}.statusbar{display:flex;gap:3px;padding-top:3px;flex:none}.statusbar span{border:1px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#st-ort{width:170px}#st-hint{flex:1}#st-zeit{width:78px;text-align:center}.win{position:absolute;background:var(--face);border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);box-shadow:inset -1px -1px 0 var(--sh);padding:2px}.map{right:8px;top:8px;cursor:pointer}.map canvas{display:block;image-rendering:pixelated;border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);margin-top:2px;width:200px;height:148px}.dialog{left:50%;bottom:18px;transform:translate(-50%);width:min(520px,calc(100% - 24px))}.dlg-body{display:flex;gap:12px;padding:12px 12px 6px;align-items:flex-start}.dlg-body canvas{width:72px;height:102px;image-rendering:pixelated;flex:none}.dlg-body img{width:102px;height:136px;image-rendering:pixelated;flex:none;border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh)}[hidden]{display:none!important}.dlg-body p{margin:0;line-height:1.45;font-size:13px}.dlg-btns{display:flex;justify-content:center;padding:6px 0 8px}.dlg-btns button{min-width:76px;padding:3px 10px}#figur,#grafik{top:50%;bottom:auto;transform:translate(-50%,-50%)}.gfx{display:grid;gap:8px;padding:12px}.gfx button{text-align:left;padding:8px 10px;line-height:1.4}.gfx button.sel{outline:1px dotted #000;outline-offset:-5px}.figs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px}.fig{display:grid;justify-items:center;gap:4px;padding:6px 2px;border:1px dotted transparent;cursor:pointer;text-align:center}.fig canvas{width:72px;height:102px;image-rendering:pixelated}.fig.sel{background:var(--navy);color:#fff;border-color:#fff}#loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;z-index:80;overflow:hidden;background:repeating-linear-gradient(180deg,#2f7fd0 0 12.5%,#4a93da 12.5% 25%,#66a8e4 25% 37.5%,#84bdec 37.5% 50%,#a2d0f4 50% 62.5%,#bfe0fa 62.5% 75%,#d8ecfc 75% 87.5%,#ecf6fe 87.5% 100%)}.boot{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px}#loading-wappen{width:150px;height:165px;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 rgba(0,0,40,.35))}img#loading-wappen,img.about-wappen{object-fit:contain;image-rendering:auto}.boot-title{font:italic 900 46px Arial,Helvetica,sans-serif;color:#101030;letter-spacing:-1px;text-shadow:2px 2px 0 #fff;line-height:1}.boot-title b{color:#e06a10;margin-left:8px;font-size:52px}.boot-slogan{font:700 14px Arial,Helvetica,sans-serif;color:#101030}.boot-bar{width:min(320px,80vw);height:14px;margin-top:10px;background:#000;border:2px solid;border-color:#404040 #fff #fff #404040;overflow:hidden;position:relative}.boot-bar i{position:absolute;top:0;bottom:0;width:40%;left:-40%;background:linear-gradient(90deg,#000,#1a3cc8 30%,#6fa0ff,#1a3cc8 70%,#000);animation:boot-run 1.6s linear infinite}@keyframes boot-run{to{left:100%}}#loading-main{font:700 13px "MS Sans Serif",Tahoma,Verdana,sans-serif;color:#101030}#loading small{display:block;max-width:420px;color:#202048;font-size:12px}.boot-credit{position:absolute;left:0;right:0;bottom:8px;margin:0 auto}.touch{position:absolute;left:10px;bottom:10px;display:none;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:2px;opacity:.86;touch-action:none}.touch button{font-size:16px}.touch button[data-d="0,-1"]{grid-area:1 / 2}.touch button[data-d="-1,0"]{grid-area:2 / 1}.touch button[data-d="1,0"]{grid-area:2 / 3}.touch button[data-d="0,1"]{grid-area:3 / 2}#t-run{grid-area:3 / 3}#t-run.on{background:#ffe14a}.touch-e{position:absolute;right:14px;bottom:34px;width:68px;height:68px;font-size:22px;font-weight:700;display:none;opacity:.9;touch-action:none}.menubar .lang{font-style:normal}@media(pointer:coarse){.touch{display:grid}.touch-e{display:block}#st-hint{display:none}.map{transform:scale(.75);transform-origin:top right}}@media(max-width:640px){.menubar{flex-wrap:wrap;white-space:nowrap;row-gap:0}.menubar::-webkit-scrollbar{display:none}.menubar span{padding:4px 6px}.menubar .lang{display:none}.map{transform:scale(.5);transform-origin:top right}.titlebar .tbtns button:not(#btn-close){display:none}.dialog{width:calc(100% - 12px)!important}.bookwin,.aboutwin{width:calc(100% - 8px);height:calc(100% - 8px)}.about{flex-direction:column;align-items:center}.boot-title{font-size:36px}.boot-title b{font-size:40px}#loading-wappen{width:120px;height:132px}}@media(max-height:480px)and (orientation:landscape){.touch{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}.map{transform:scale(.5);transform-origin:top right}}.w98-inset{background:#fff;border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);box-shadow:inset 1px 1px 0 var(--dk)}.w98-raised{background:var(--face);border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);box-shadow:inset -1px -1px 0 var(--sh)}.w98-group{border:2px groove #dfdfdf;padding:8px;margin:6px 0;position:relative}.w98-group>.legend{position:absolute;top:-8px;left:8px;background:var(--face);padding:0 4px}.w98-progress{height:18px;padding:2px;background:#fff;border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);display:flex;gap:2px;overflow:hidden}.w98-progress i{flex:0 0 10px;height:100%;background:var(--navy);display:block}.w98-list{background:#fff;border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);overflow-y:auto}.w98-list>div{padding:2px 6px;cursor:pointer;white-space:nowrap}.w98-list>div.sel,.w98-list>div:hover{background:var(--navy);color:#fff}.w98-list>div.locked{color:gray}button:disabled{color:gray;text-shadow:1px 1px 0 #fff;cursor:default}.gamewin{left:50%;top:50%;transform:translate(-50%,-50%);z-index:30}.gamewin .titlebar{cursor:default}.gamewin .titlebar .x{margin-left:auto;width:16px;height:14px;padding:0;line-height:9px;font-size:10px;font-weight:700;min-width:0}.game-root{position:relative;width:600px;height:380px;overflow:hidden;background:var(--face);margin-top:2px}.game-status{border:1px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);padding:2px 6px;margin-top:2px;min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msgbox{left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;min-width:280px;max-width:min(440px,calc(100% - 20px))}.msgbox .body{display:flex;gap:12px;padding:14px 12px 8px;align-items:flex-start;line-height:1.45}.msgbox .icon{width:32px;height:32px;flex:none;display:grid;place-items:center;font-weight:700;font-size:20px;border-radius:50%;color:#fff}.msgbox .icon.info,.msgbox .icon.frage{background:#1f4fb0}.msgbox .icon.warn{background:#f2c21b;color:#000;border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:8px}.msgbox .icon.error{background:#c8102e}.msgbox .btns{display:flex;justify-content:center;gap:8px;padding:6px 8px 10px}.msgbox .btns button{min-width:76px;padding:3px 10px}#shade{position:absolute;inset:0;z-index:25;background:transparent}.lbl.npc{color:#fff;font-weight:400}.lbl.sign{color:#bfe8ff;font-weight:400}#vignette{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#78000000 45%,#960000bf)}.toast{position:absolute;left:50%;top:10px;transform:translate(-50%);background:#ffffe1;border:1px solid #000;padding:4px 10px;z-index:70;box-shadow:2px 2px #00000059;transition:opacity .5s;max-width:calc(100% - 240px);pointer-events:none}.toast+.toast{top:38px}.toast+.toast+.toast{top:66px}.toast.out{opacity:0}#explore-bar{left:8px;top:8px;display:flex;gap:6px;align-items:center;padding:4px 6px;max-width:calc(100% - 240px)}#explore-bar span{flex:1}.appwin{left:50%;top:50%;transform:translate(-50%,-50%);z-index:40;display:flex;flex-direction:column}.appwin .titlebar .x{margin-left:auto;width:16px;height:14px;padding:0;line-height:9px;font-size:10px;font-weight:700;min-width:0}.appbody{flex:1;min-height:0;padding:4px;display:flex}.mapwin-big{width:min(1100px,calc(100% - 16px));height:min(760px,calc(100% - 16px))}.bigmap{display:flex;gap:6px;flex:1;min-height:0;min-width:0}.bigmap-view{flex:1;position:relative;overflow:hidden;min-width:0;background:#fff}.bigmap-view canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.bigmap-tip{position:absolute;background:#ffffe1;border:1px solid #000;padding:1px 5px;pointer-events:none;white-space:nowrap;z-index:2}.bigmap-side{width:230px;display:flex;flex-direction:column;gap:4px;min-height:0}.bigmap-side input,.book-left select{font:inherit;border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);padding:2px 4px;background:#fff}.bigmap-list{flex:1;min-height:60px}.w98-list>div.head{background:var(--face);color:#000;font-weight:700;cursor:default;position:sticky;top:0;border-bottom:1px solid var(--sh)}.bigmap-info{min-height:92px;padding:5px 6px;line-height:1.4;overflow-y:auto;max-height:150px}.bigmap-info .small{color:#555;margin-bottom:3px}.bigmap-btns{display:flex;gap:4px}.bigmap-btns button{flex:1;padding:3px 4px}.bigmap-count,.book-count{color:#333}.bookwin{width:min(820px,calc(100% - 16px));height:min(600px,calc(100% - 16px))}.book{display:flex;gap:6px;flex:1;min-height:0;min-width:0}.book-left{width:220px;display:flex;flex-direction:column;gap:4px;min-height:0}.book-list{flex:1}.book-page{flex:1;padding:10px 14px;overflow-y:auto;background:#ffffe8;line-height:1.5;font-size:13px}.book-page h3{margin:0 0 8px;font-size:16px;color:var(--navy);border-bottom:1px solid #b0b0a0;padding-bottom:4px}.book-page p{margin:0 0 9px}.book-src{color:#666;font-size:11px;border-top:1px dotted #b0b0a0;padding-top:5px}@media(max-width:700px){.bigmap,.book{flex-direction:column}.bigmap-side,.book-left{width:auto;max-height:45%}#explore-bar span{display:none}}.lbl.neu:before{content:"!";display:inline-block;margin-right:3px;padding:0 3px;background:#ffe14a;color:#000;border:1px solid #000;text-shadow:none;font-weight:700;animation:neu-hop 1s steps(2) infinite}@keyframes neu-hop{50%{transform:translateY(-2px)}}.book-prog{display:flex;flex-direction:column;gap:3px}.book-head{background:var(--navy);color:#fff;padding:1px 4px;font-weight:700;position:sticky;top:0}.book-list .locked{color:#777}.book-page ul{margin:0 0 9px;padding-left:20px}.game-status{max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aboutwin{width:min(520px,calc(100% - 16px))}.about{display:flex;gap:14px;padding:12px;align-items:flex-start}.about-wappen{width:90px;height:99px;image-rendering:pixelated;flex:none}.about-text h3{margin:0 0 6px;font-size:18px}.about-text p{margin:0 0 8px;line-height:1.45}.about-text a{color:#0000c8}.about-keys{color:#333;font-size:11px}.book-bar i{flex:none}.appbody>.btns{display:flex;justify-content:flex-end;gap:8px;padding:6px 10px 10px}.appbody .btns button,.book-page .btns button{min-width:76px;padding:3px 10px}.book-page .btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.aboutwin .appbody{display:block}html,body{overscroll-behavior:none;touch-action:manipulation}#app{padding-bottom:env(safe-area-inset-bottom)}body.modal .touch,body.modal .touch-e{display:none}@media(max-width:1100px){.menubar{flex-wrap:wrap}}.about-credit{margin-top:10px;padding-top:8px;border-top:1px solid #909090;font-size:11px;color:#333}.lbl.dim{opacity:.82;font-size:10px}.lbl.near{font-size:13px;z-index:2}.lbl.mini:before{margin-right:0}.tutwin{width:min(520px,calc(100% - 16px))}.tutwin .appbody{display:block}.tut{display:flex;gap:14px;padding:14px 14px 6px;min-height:170px}.tut-bild{flex:none;width:76px;height:76px;display:grid;place-items:center;font-size:42px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080}.tut-text h3{margin:0 0 8px;font-size:16px;color:navy}.tut-text p{margin:0 0 7px;line-height:1.45}.tut-seite{color:#555;font-size:11px;margin-top:8px}.tutwin .btns button:disabled{color:#888}.fue-anleitung{margin:6px 0 8px;padding:6px 8px;background:#ffffe8;border:1px solid #808080;line-height:1.4}