/* Spielkonsole und Fenster sind bewusst Teil derselben Retro-Desktopwelt. */
:root{color-scheme:dark;--ink:#dbeeff;--navy:#0c1b30;--line:#3f5873;--accent:#ffe08b;font-family:'Trebuchet MS',Arial,sans-serif;background:#08121f;color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer;min-height:40px;border:1px solid #547395;color:inherit;background:#1a3351;border-radius:4px;padding:8px 12px}button:hover{background:#2b5077;border-color:#8fceff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffdc7b;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed=true]{background:#294d76;border-color:var(--accent);color:var(--accent)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.dga_header{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;background:linear-gradient(110deg,#173e62,#102b47);border-bottom:1px solid #496682;gap:12px}.dga_header>a{justify-self:start;font-size:13px;padding:10px 16px;border:1px solid #7795b1;border-radius:30px}.dga_brand{display:flex;gap:10px;align-items:center;letter-spacing:1px}.dga_settings{justify-self:end;display:flex;align-items:center;gap:8px}.dga_settings select{width:145px;max-width:100%;background:#0f2945;color:#e1efff;border:1px solid #536e89;border-radius:4px;min-height:40px;font-size:12px}.jupi_sprachen_icon{display:none}.dga_game{max-width:1600px;margin:auto;box-shadow:0 15px 65px #0008}.dga_topbar{min-height:45px;background:#101f33;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 18px;font-size:12px;letter-spacing:.5px}.dga_topbar>div{display:flex;gap:8px}.dga_topbar button{font-size:11px;min-height:36px;padding:5px 10px}.dga_scene{height:clamp(430px,calc(100dvh - 255px),800px);min-height:430px;position:relative;overflow:hidden;isolation:isolate;background:#145bad}.dga_scene_art{position:absolute;inset:0;z-index:-2;background-image:url('assets/scenes.png');background-size:200% 200%;background-position:0 0;image-rendering:pixelated}.dga_scene[data-chapter="1"] .dga_scene_art{background-position:100% 0}.dga_scene[data-chapter="2"] .dga_scene_art{background-position:0 100%}.dga_scene[data-chapter="3"] .dga_scene_art{background-position:100% 100%}.dga_scene[data-chapter="4"] .dga_scene_art{background-position:0 0;filter:hue-rotate(9deg) saturate(.85)}.dga_desktop{position:absolute;inset:16px auto 100px 18px;display:flex;flex-direction:column;gap:8px}.dga_desktop button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;min-height:88px;background:transparent;border:1px solid transparent;gap:4px;padding:6px;color:#fff;font-size:12px;text-align:center;text-shadow:1px 2px 2px #000,0 0 3px #000}.dga_desktop button:hover{background:#1265bd60;border-color:#c4e6ff80}.dga_icon{width:44px;height:44px;image-rendering:pixelated;object-fit:contain}.dga_quest{position:absolute;right:22px;top:20px;width:260px;border:1px solid #b9d9ee70;box-shadow:3px 4px 0 #09254140;background:#0e2944df;padding:14px 16px;color:#fff}.dga_quest>span{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#afc9de}.dga_quest strong{display:block;font-size:16px;line-height:1.4;margin:7px 0 12px}.dga_progress{display:flex;gap:5px}.dga_progress i{height:4px;flex:1;background:#5c748c}.dga_progress i.done{background:#ffda79}.dga_actor{position:absolute;left:35%;bottom:36px;display:flex;align-items:flex-end;gap:8px;background:transparent!important;border:0!important;padding:0;transition:left .18s ease-out;filter:drop-shadow(3px 4px 0 #112a5680)}.dga_hero{height:150px;width:110px;object-fit:contain;image-rendering:pixelated}.dga_pico{width:52px;height:72px;image-rendering:pixelated}.dga_message{position:absolute;bottom:18px;left:53%;right:22px;background:#0b1d32f0;border:1px solid #7899b8;box-shadow:4px 4px 0 #0004;padding:13px 40px 14px 18px;min-height:90px;color:#f4f7fe;font-size:13px;line-height:1.55}.dga_speaker{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:bold}.dga_message p{margin:4px 0 0}.dga_message button{position:absolute;top:5px;right:5px;background:transparent;border:0;width:32px;min-height:36px;padding:2px;font-size:17px}.dga_taskbar{height:44px;display:flex;align-items:center;gap:8px;background:linear-gradient(#3c6ba0,#204976);border-top:2px solid #77a4cb;border-bottom:2px solid #142a45;padding:0 14px}.dga_taskbar button{min-height:34px;background:#153f69;font-size:12px;border-color:#6b91b9;padding:3px 12px;display:flex;align-items:center;gap:8px}.dga_taskbar .dga_icon{width:24px;height:24px}.dga_taskbar>span{font-size:10px;margin-left:auto}.dga_taskbar .dga_clock{font:14px monospace;margin-left:10px}.dga_console{display:flex;gap:16px;padding:12px 16px;background:linear-gradient(#172437,#0e1725);border-top:3px solid #566579;min-height:100px}.dga_verbs{display:flex;gap:6px}.dga_verbs button{width:90px;min-height:74px;background:linear-gradient(#23334a,#121d2c);box-shadow:inset 2px 2px 0 #526078,inset -2px -2px 0 #08101c;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.dga_verbs .dga_icon{width:30px;height:30px}.dga_inventory_wrap{min-width:0;flex:1}.dga_inventory_label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#9eb5cb;margin-bottom:5px}.dga_inventory{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}.dga_inventory button{flex:0 0 auto;min-width:64px;height:66px;border:1px solid #455b75;background:#0c1726;position:relative;padding:6px 6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px}.dga_inventory .dga_empty_slot{flex:0 0 64px;height:66px}.dga_slot_name{font-size:9px;line-height:1.1;font-weight:700;color:#d7e8f6;white-space:nowrap;text-align:center}.dga_inventory .dga_icon{width:34px;height:34px}.dga_inventory button[aria-pressed=true]{border-color:#ffdf88;box-shadow:0 0 8px #ffe08b40}.dga_hint{align-self:center;min-width:60px;font-size:11px;display:flex;align-items:center;flex-direction:column;gap:3px;background:#263240}.dga_hint .dga_icon{width:26px;height:26px}.dga_start{position:absolute;inset:0;z-index:8;background:linear-gradient(90deg,#071c38f5 3%,#082541e8 37%,#09264430 100%);padding:5% 7%;display:flex;flex-direction:column;justify-content:center}.dga_start_logo{position:absolute;top:30px;right:32px;display:flex;align-items:center;gap:10px;font:12px monospace;letter-spacing:2px;color:#fff}.dga_start_logo img{width:44px;height:44px}.dga_start_copy{max-width:550px;color:#fff}.dga_eyebrow{color:#ffdb82;text-transform:uppercase;font-size:11px;letter-spacing:3px;font-weight:bold}.dga_start h1{font-size:clamp(36px,4.6vw,68px);line-height:1.04;letter-spacing:-2px;margin:20px 0;text-shadow:4px 4px 0 #08274c}.dga_start_copy>p:not(.dga_eyebrow){font-size:16px;line-height:1.7;color:#cbdfed;max-width:440px}.dga_primary{color:#12263c;background:#ffe09a;border-color:#fff0bc;font-weight:bold;padding:15px 24px;margin:16px 0;box-shadow:3px 4px 0 #573f2570;min-height:52px}.dga_primary:hover{background:#ffedbf;color:#12263c}.dga_start_links{display:flex;gap:12px;flex-wrap:wrap}.dga_start_links button{background:transparent;font-size:12px;color:#c2d9ea;border:0;padding:8px 0;border-bottom:1px solid #7894a8;border-radius:0}.dga_start_bottom{position:absolute;bottom:22px;left:7%;right:28px;display:flex;justify-content:space-between;font:9px monospace;color:#b4cadc;letter-spacing:1px}.dga_window{position:absolute;z-index:4;left:17%;top:15%;width:min(760px,75%);max-height:73%;display:flex;flex-direction:column;color:#172b44;border:3px solid #193d68;border-radius:7px 7px 3px 3px;background:#e5e9ed;box-shadow:2px 2px 0 #a7d4f4 inset,5px 6px 0 #07244070}.dga_titlebar{background:linear-gradient(#6299d2,#2862a0);border-bottom:2px solid #224c7b;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px 3px 14px;color:white;font-size:14px}.dga_titlebar button{font:26px monospace;min-height:36px;height:36px;width:38px;padding:0;background:linear-gradient(#f48179,#bb2b2b);border:1px solid #fcb6b6;border-radius:3px;color:white}.dga_menubar{background:#f5f5f2;border-bottom:1px solid #b7c1cb;padding:10px 16px;font:12px monospace;overflow-wrap:anywhere}.dga_workspace{display:flex;overflow:auto;min-height:0}.dga_workspace aside{width:135px;flex-shrink:0;padding:15px 12px;background:#e8edf3;border-right:1px solid #bac6d5;font-size:11px;line-height:1.8}.dga_workspace aside img{width:48px;height:48px;margin:6px 20px 10px}.dga_document{padding:18px 22px;background:#fafaf7;min-width:0;flex:1;overflow:auto}.dga_document h2{font-size:15px;line-height:1.5;margin:14px 0;font-weight:600}.dga_options{display:flex;flex-wrap:wrap;gap:8px}.dga_options button{background:linear-gradient(#fff,#e1e6ec);border:1px solid #8fa1b6;color:#183251;min-height:44px;font-size:13px;padding:10px 14px;box-shadow:1px 1px 0 white inset}.dga_options button:hover{background:#d8eafe;border-color:#276cad}.dga_options .dga_icon{width:27px;height:27px;margin-right:8px;vertical-align:middle}.dga_options button:disabled{background:#daf0e3;opacity:.8}.dga_statusbar{border-top:1px solid #b6c1cf;padding:6px 14px;font:10px monospace;color:#4e6479}.dga_sequence{display:flex;gap:4px;flex-wrap:wrap;font-size:11px;color:#226045;margin-bottom:10px}.dga_sequence span{background:#d9ede2;border:1px solid #a4c6b3;padding:5px}.dga_sheet{width:100%;border-collapse:collapse;font:14px monospace}.dga_sheet td,.dga_sheet th{border:1px solid #bccbda;text-align:center;height:30px;padding:5px}.dga_sheet th{background:#e4ebf2}.dga_sheet .result{outline:2px solid #30874b;background:#edf8ed}.dga_letter{padding:14px 20px;border:1px solid #c6cdd5;background:white;font:14px monospace;line-height:1.7;min-height:80px}.dga_image{height:85px;border:1px solid #a4b3c2;background:repeating-conic-gradient(#fff 0 25%,#e7ebef 0 50%) 0/16px 16px;display:grid;place-items:center;font:bold 22px monospace;color:#173d69}.dga_process{display:grid;grid-template-columns:1fr auto;gap:6px;font:12px monospace;border:1px solid #b9c9d9;padding:10px}.dga_formula{display:flex;gap:8px;width:100%}.dga_formula input{min-width:0;flex:1;background:white;border:2px solid #7891ac;color:#143457;padding:10px;font:17px monospace}.dga_window .dga_primary{margin:0}.dga_restorebar{height:16px;background:#d0d9e2;border:1px solid #8b9caf;margin-top:10px}.dga_restorebar i{display:block;background:#35a961;height:100%;transition:width .18s}dialog{padding:0;width:min(700px,92vw);max-height:86dvh;border:3px solid #214a76;border-radius:6px;color:#e7f1fb;background:#11243b;box-shadow:8px 10px 0 #0005}dialog::backdrop{background:#041222c9;backdrop-filter:blur(3px)}.dga_dialog_body{padding:24px;line-height:1.8;overflow:auto;max-height:70dvh}.dga_dialog_body p{white-space:pre-line;margin-top:0}.dga_map{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.dga_map button{padding:8px 5px;font-size:11px}.dga_map_title{font-size:14px;color:#ffdf91;margin-bottom:8px}.dga_journal_item{border-bottom:1px solid #46617b;padding:10px 0;font-size:13px}.dga_journal_item img{width:28px;height:28px;vertical-align:middle;margin-right:10px}footer{max-width:1600px;padding:10px 18px;margin:auto;font-size:10px;color:#728da5;display:flex;justify-content:space-between}html[data-theme=light]{background:#e6edf3}html[data-theme=light] .dga_header{background:linear-gradient(135deg,#2e7d32,#43a047 55%,#66bb6a)}html[data-theme=light] .dga_header>a{background:white;color:#2e7d32;border:0}html[data-theme=dark] .dga_header{background:linear-gradient(135deg,#1a1a1a,#262626 55%,#4a2f0a)}
@media(min-width:1601px){.dga_game{margin-top:18px;border:1px solid #536e8a}.dga_scene{max-height:760px}}
@media(max-width:800px){.dga_header{padding:6px 10px;height:auto;min-height:54px;grid-template-columns:auto 1fr auto;gap:6px}.dga_brand strong{font-size:12px;letter-spacing:0}.dga_settings select{width:95px}.dga_header>a{font-size:10px;padding:8px}.dga_topbar{font-size:10px;padding:4px 8px;flex-wrap:wrap}.dga_topbar>span{max-width:47%}.dga_topbar button{padding:5px;font-size:10px}.dga_quest{width:210px;right:12px;top:12px;padding:10px}.dga_quest strong{font-size:13px}.dga_window{left:14%;width:84%;top:23%;max-height:63%}.dga_workspace aside{width:90px;padding:10px 6px;font-size:10px}.dga_document{padding:10px}.dga_document h2{font-size:13px}.dga_message{left:40%;right:12px;font-size:12px}.dga_actor{left:19%;bottom:30px}.dga_hero{height:125px;width:85px}.dga_pico{width:38px;height:54px}.dga_console{gap:8px;padding:10px 8px}.dga_verbs button{width:58px;min-height:68px;padding:7px 3px;font-size:10px}.dga_inventory button{min-width:56px;height:64px;padding:5px 5px 3px}.dga_inventory .dga_empty_slot{flex:0 0 56px;width:56px;height:64px}.dga_hint{min-width:48px;padding:7px}.dga_start_logo{display:none}.dga_start_copy{max-width:440px}.dga_start h1{font-size:46px}.dga_game{display:flex;flex-direction:column;min-height:calc(100dvh - 86px)}.dga_scene{height:auto;flex:1 1 auto;min-height:380px}.dga_taskbar{padding:0 6px;gap:5px}.dga_taskbar button{font-size:10px;padding:3px 6px}.dga_taskbar>span{max-width:160px;font-size:9px}.dga_inventory_label{font-size:8px}}
@media(max-width:500px){.dga_header{grid-template-columns:auto 1fr auto;gap:6px;padding:6px 10px}.dga_brand{justify-self:start}.dga_settings{grid-column:auto;justify-self:end;gap:6px}.dga_settings select{width:96px}.dga_header>a{width:40px;padding:0;font-size:0;display:grid;place-items:center}.dga_header>a::before{content:"←";font-size:16px}.dga_topbar{align-items:center;flex-wrap:nowrap;gap:6px}.dga_topbar>span{flex:1;min-width:0;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.dga_topbar>div{flex:0 0 auto;gap:4px}.dga_topbar button{padding:4px 7px;font-size:10px}.dga_scene{height:565px;min-height:565px}.dga_desktop{left:6px;top:8px;gap:2px}.dga_desktop button{width:76px;min-height:78px;font-size:10px}.dga_desktop .dga_icon{width:36px;height:36px}.dga_quest{width:205px;right:9px;top:12px}.dga_quest strong{font-size:12px}.dga_message{left:95px;right:9px;bottom:12px;padding:10px 33px 10px 12px;font-size:11px;min-height:100px}.dga_actor{left:8%;bottom:132px}.dga_hero{height:115px;width:80px}.dga_pico{width:36px;height:50px}.dga_window{left:85px;top:118px;width:calc(100% - 94px);max-height:330px}.dga_workspace aside{display:none}.dga_titlebar{font-size:11px;padding-left:9px}.dga_document{padding:10px}.dga_document h2{font-size:12px;margin:9px 0}.dga_options{gap:6px}.dga_options button{font-size:11px;padding:8px;min-height:40px}.dga_options .dga_icon{width:22px;height:22px;margin-right:4px}.dga_menubar{padding:7px 10px;font-size:10px}.dga_console{flex-wrap:wrap;gap:8px;position:relative}.dga_verbs{width:calc(100% - 60px)}.dga_verbs button{flex:1;min-height:57px;flex-direction:row;justify-content:center}.dga_verbs .dga_icon{width:22px;height:22px}.dga_inventory_wrap{flex-basis:100%;order:2}.dga_hint{position:absolute;right:8px;top:10px;height:56px}.dga_taskbar .dga_clock{display:none}.dga_taskbar>span{font-size:8px;max-width:80px}.dga_taskbar button{max-width:45%;overflow:hidden;white-space:nowrap}.dga_start{padding:26px}.dga_start h1{font-size:46px;letter-spacing:-1px}.dga_start_copy>p:not(.dga_eyebrow){font-size:14px}.dga_start_links{gap:14px}.dga_start_links button{font-size:11px}.dga_start_bottom{left:26px;font-size:8px;right:20px}.dga_map{grid-template-columns:repeat(2,1fr)}.dga_dialog_body{padding:18px}.dga_formula input{font-size:14px}.dga_formula button{padding:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Durchgehend erreichbare Touch-Ziele, auch bei kompakten Fenstern. */
.dga_topbar button,.dga_titlebar button,.dga_message button{min-height:40px;min-width:40px}
.dga_scene{container-type:size}.dga_scene_art{background-size:200% auto}
.dga_scene_art{pointer-events:none}
#theme{width:74px;height:40px;border-radius:22px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:5px 9px;font-size:17px;color:#ffe09a}
#theme i{position:absolute;left:4px;top:3px;width:32px;height:32px;background:#e7eef4;border-radius:50%;box-shadow:0 2px 6px #0006}
html[data-theme=dark] #theme i{left:36px}
.dga_hero{width:96px;height:192px;flex:none;image-rendering:pixelated}.dga_actor{transition:none}
@media(min-width:801px){.dga_actor{bottom:0}}
@media(max-width:800px){.dga_hero{width:96px;height:192px}}
@container (max-aspect-ratio:16/9){.dga_scene_art{background-size:auto 200%}}
body:not(.dga_playing) .dga_quest,body:not(.dga_playing) .dga_desktop,body:not(.dga_playing) .dga_message,body:not(.dga_playing) .dga_actor{visibility:hidden}
.dga_start::after{content:"";position:absolute;right:12%;bottom:42px;width:220px;height:360px;background:url(assets/hero.png) center/contain no-repeat;image-rendering:pixelated;z-index:-1}
@media(max-width:800px){.dga_start::after{right:2%;width:130px;height:220px;opacity:.65}}
@media(max-width:500px){.dga_start::after{display:none}}
.dga_workspace aside button{color:#eff6ff}
@media(max-width:500px){.dga_game{display:flex;flex-direction:column;min-height:calc(100dvh - 86px)}.dga_scene{height:auto;flex:1 1 auto;min-height:300px}.dga_window{top:105px;max-height:260px}.dga_message{max-height:112px;overflow:auto}}
.dga_diagram{display:flex;gap:16px;align-items:center;justify-content:center;border:1px solid #b9c9d9;background:#edf2f4;padding:12px}
.dga_diagram>div{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;text-align:center}
.dga_diagram small{font-size:10px}.dga_diagram code{color:#215f4d;font-size:12px;padding:4px;background:#dbeadf}.dga_browser_address{background:white;border:1px solid #acbdcd;border-radius:3px;padding:10px;font-size:12px}
.dga_portal{position:absolute;right:15%;bottom:44px;width:135px;height:245px;background:linear-gradient(90deg,#72e0ff,#faffff 35%,white 65%,#93edff);border:8px solid #d7faff;border-radius:0;box-shadow:0 0 0 6px #49baf0,0 0 0 10px #1675bb,0 0 36px #9cf3ff;image-rendering:pixelated;color:#0d5c91;z-index:-1}
.dga_portal span{position:absolute;top:-48px;left:-13px;font:bold 20px monospace;color:#e7fcff;text-shadow:3px 3px #145fa4;letter-spacing:8px}
@media(max-width:500px){.dga_diagram{padding:7px;gap:8px}.dga_diagram .dga_icon{width:30px;height:30px}.dga_diagram small{font-size:9px}.dga_portal{right:8%;height:170px;width:90px;bottom:140px}.dga_portal span{font-size:14px;top:-36px;letter-spacing:6px}}
@media(max-width:500px){.dga_window{left:115px;width:calc(100% - 124px)}}
/* Figur, Begleiter und Kulisse werden ohne Zwischenfilter exakt doppelt gezeichnet. */
#scenery{background:none;image-rendering:pixelated;filter:none}
#pico{position:absolute;width:64px;height:96px;z-index:3;image-rendering:pixelated;cursor:pointer}
body:not(.dga_playing) #pico{visibility:hidden}
.dga_hero,.dga_icon,#pico{image-rendering:pixelated}
.dga_start::after{width:192px;height:384px;background-size:192px 384px}
@media(max-width:800px){.dga_start::after{width:96px;height:192px;background-size:96px 192px}}
.dga_actor{bottom:0}
#pico{width:64px;height:88px}
body.dga_walking .dga_message{visibility:hidden}
@media(max-width:500px){.dga_actor{left:20px}}

/* Der Held läuft auf der Taskleiste. Ohne Bodenschatten sieht die Wasserlinie der
   Kulisse wie ein See aus, in dem er steht - der Schatten markiert die Kante. */
.dga_actor::after{content:"";position:absolute;left:50%;bottom:-1px;width:62%;height:9px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,#04101fbf,#04101f00);pointer-events:none}

/* Icon-Beschriftungen liegen auf unruhiger Pixelgrafik: ein dunkler Rand trägt
   weiter als die bisherige dünne Schattenlinie. */
.dga_desktop button{text-shadow:0 0 2px #04101f,0 0 4px #04101f,0 0 7px #04101f,0 1px 1px #000}

/* Sehr schmale Handys: die Marke zeigt nur noch ihr Logo, die Bedienung bleibt. */
@media(max-width:380px){.dga_brand strong{display:none}}