.fe-game{font-family:system-ui,sans-serif!important;line-height:1.5;max-width:950px;margin:1.5rem auto;padding:1.5rem;border:2px solid #d9e3ee;border-radius:18px;background:#fff!important;color:#14243b!important;box-sizing:border-box;scroll-margin-top:110px;color-scheme:light}
.fe-game *, .fe-game *::before,.fe-game *::after{box-sizing:border-box}
.fe-game h2,.fe-game h3,.fe-game p,.fe-game li,.fe-game label,.fe-game strong,.fe-game span,.fe-game .fe-mode{color:#14243b!important;text-shadow:none!important}
.fe-game h2{font-size:1.5rem;line-height:1.3;margin:1rem 0}
.fe-game h3{font-size:1.18rem;margin:.2rem 0}
.fe-game p{margin:.75rem 0}
.fe-game button{cursor:pointer;border:2px solid #2261a4!important;border-radius:10px;padding:.7rem 1rem;font:inherit;margin:.25rem;background:#fff!important;color:#174a80!important;text-shadow:none!important;box-shadow:none!important}
.fe-game button:hover{background:#e9f3ff!important}
.fe-game button:focus-visible,.fe-game input:focus-visible{outline:3px solid #e67700!important;outline-offset:2px}
.fe-game button:disabled{opacity:.65;cursor:not-allowed}
.fe-game button.fe-primary{background:#174e91!important;color:#fff!important;font-weight:700}
.fe-game button.fe-primary:hover{background:#10396e!important;color:#fff!important}
.fe-game button.fe-subtle{border-color:#7c8999!important;color:#14243b!important}
.fe-game input{font:inherit;max-width:100%;padding:.45rem .6rem;border:2px solid #52647a!important;border-radius:6px;background:#fff!important;color:#14243b!important;-webkit-text-fill-color:#14243b!important;box-shadow:none!important;color-scheme:light}
.fe-weight{display:block;margin:.5rem 0}.fe-weight input{width:75px;margin-left:.5rem}
.fe-score{display:flex;justify-content:space-between;gap:1rem;background:#eaf5ff;border-radius:12px;padding:1rem;font-size:1.1rem;color:#14243b!important}
.fe-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.fe-offer{border:2px solid #c5d1dc;border-radius:14px;padding:1rem;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}
.fe-offer img,.fe-placeholder{width:100%;height:130px;object-fit:contain;text-align:center;font-size:4rem}
.fe-offer button{margin-top:auto}.fe-amount{display:block;font-size:1.8rem;color:#14243b!important}
.fe-money{display:flex;align-items:flex-start;gap:.6rem;flex-wrap:wrap;margin:1rem 0;max-width:100%;overflow-x:auto}
.fe-game .fe-piece,.fe-game button.fe-piece{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;flex:none;width:var(--fe-w);min-width:var(--fe-w);height:auto;min-height:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:1.15;text-align:center;text-decoration:none;color:#14243b!important}
.fe-game button.fe-piece:hover .fe-visual{outline:3px solid #174e91;outline-offset:2px}
.fe-game .fe-visual{position:relative;display:flex;align-items:center;justify-content:center;width:var(--fe-w);height:var(--fe-h);flex:none;overflow:hidden;box-shadow:inset 0 1px 4px #0006,0 2px 4px #0003}
.fe-game .fe-coin .fe-visual{border-radius:50%;border:4px ridge #975e43;background:radial-gradient(circle at 35% 30%,#f7c9a0,#b06e46 65%,#8b4f31)}
.fe-game .fe-coin[data-value="10"] .fe-visual,.fe-game .fe-coin[data-value="20"] .fe-visual,.fe-game .fe-coin[data-value="50"] .fe-visual{border-color:#b38d34;background:radial-gradient(circle at 35% 30%,#fff2a0,#d4a946 65%,#997426)}
.fe-game .fe-coin[data-value="100"] .fe-visual{border-color:#c7c8cb;background:radial-gradient(circle,#d8e0e4 0 55%,#d8b750 57% 100%)}
.fe-game .fe-coin[data-value="200"] .fe-visual{border-color:#bfc2c6;background:radial-gradient(circle,#f2dd8d 0 55%,#bac2c8 57% 100%)}
.fe-game .fe-note .fe-visual{border-radius:5px;border:2px solid #7f868c;background:repeating-linear-gradient(130deg,#e0e3e4,#e0e3e4 6px,#c5c9cc 7px,#eceeef 13px)}
.fe-game .fe-note[data-value="1000"] .fe-visual{border-color:#9a4d4a;background:repeating-linear-gradient(130deg,#f4c1b9,#f4c1b9 6px,#e89d98 7px,#f7d0ca 13px)}
.fe-game .fe-note[data-value="2000"] .fe-visual{border-color:#3e669a;background:repeating-linear-gradient(130deg,#d3e8ff,#d3e8ff 6px,#a6c9ed 7px,#e0f0ff 13px)}
.fe-game .fe-note[data-value="5000"] .fe-visual{border-color:#a96c37;background:repeating-linear-gradient(130deg,#ffe3b8,#ffe3b8 6px,#eec080 7px,#ffeccf 13px)}
.fe-game .fe-note[data-value="10000"] .fe-visual{border-color:#477e68;background:repeating-linear-gradient(130deg,#d5f0de,#d5f0de 6px,#a9d7bd 7px,#e3f6e9 13px)}
.fe-game .fe-note[data-value="20000"] .fe-visual{border-color:#9c8b38;background:repeating-linear-gradient(130deg,#fff1ad,#fff1ad 6px,#e7d487 7px,#fff5c6 13px)}
.fe-game .fe-note[data-value="50000"] .fe-visual{border-color:#76578e;background:repeating-linear-gradient(130deg,#e8d8ef,#e8d8ef 6px,#c9afd8 7px,#f1e5f5 13px)}
.fe-game .fe-visual img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);max-width:none;max-height:none;object-fit:contain;border-radius:inherit;mix-blend-mode:multiply}
.fe-game .fe-visual-value{font-weight:800;font-size:clamp(.7rem,1.4vw,1.2rem);color:#17243b!important}
.fe-game .fe-denom{display:block;width:100%;padding:2px 0;background:transparent!important;color:#14243b!important;font-size:.7rem;font-weight:700;overflow-wrap:anywhere;text-align:center}
.fe-game .fe-feedback{border-left:4px solid #b35c00;background:#fff1d6;padding:.65rem;color:#512b00!important}
.fe-game .fe-shopping-list li{display:flex;align-items:center;gap:1rem;margin:.65rem 0;padding:.65rem;border:1px solid #c5d1dc;border-radius:8px}.fe-game .fe-list-image{width:90px;height:90px;flex:none;object-fit:contain;border-radius:6px;background:#fff}.fe-game .fe-list-details{min-width:0;flex:1}.fe-game .fe-shopping-list span{display:block}
.fe-mode{padding:1rem;margin:.8rem 0;border:1px solid #c8d5e3;border-radius:12px;background:#fff}.fe-mode p{margin:.3rem 0}
.fe-steps-result li{padding:.6rem 0;border-bottom:1px solid #cad5df}.fe-steps-result p{margin:.2rem 0}
@media(max-width:650px){.fe-game{padding:1rem;scroll-margin-top:70px}.fe-offers{grid-template-columns:1fr}.fe-offer img,.fe-placeholder{height:95px}.fe-score{flex-direction:column}}
.fe-game{position:relative}
.fe-game button.fe-exit{position:sticky;top:12px;z-index:20;display:block;margin:0 0 .8rem auto;padding:.45rem .8rem;background:#eef4fa!important;color:#153550!important;border:2px solid #355b78!important;font-size:.9rem;font-weight:700}
.fe-game input[type=number],.fe-game input[type=text],.fe-game input[type=number]:focus,.fe-game input[type=text]:focus,.fe-game input[type=number]:active,.fe-game input[type=text]:active{background:#fff!important;color:#14243b!important;-webkit-text-fill-color:#14243b!important;caret-color:#14243b!important;border-color:#355b78!important;opacity:1!important;color-scheme:light!important}
.fe-game input::selection{background:#174e91!important;color:#fff!important}
.fe-game .fe-note .fe-visual img{object-fit:cover;transform:scale(1.8);transform-origin:center}
.fe-game .fe-note .fe-visual img{object-fit:contain;transform:none;inset:0;width:100%;height:100%}

.fe-balance-label{font-weight:700;margin:.75rem 0 .2rem;color:#14243b!important}.fe-balance-pieces .fe-money{margin:.3rem 0 1.1rem}

@media print{
 body.fe-printing *{visibility:hidden!important}
 body.fe-printing .fe-print-target,body.fe-printing .fe-print-target *{visibility:visible!important}
 body.fe-printing .fe-print-target{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:12mm!important;box-sizing:border-box!important;box-shadow:none!important;background:#fff!important;color:#14243b!important;overflow:visible!important}
 body.fe-printing .fe-print-target button,body.fe-printing .fe-print-target .fe-exit{display:none!important}
 body.fe-printing .fe-print-target li,body.fe-printing .fe-print-target .fe-piece,body.fe-printing .fe-print-target .fe-score{break-inside:avoid}
 body.fe-printing .fe-print-target .fe-money{overflow:visible!important}
 @page{size:A4;margin:12mm}
}

@media print{body.fe-printing .fe-worksheet .fe-worksheet-item{break-inside:avoid;border-bottom:1px solid #c5d1dc;padding:.5rem 0}body.fe-printing .fe-worksheet .fe-list-image{float:right;margin:0 0 .4rem .8rem}body.fe-printing .fe-worksheet h2{break-after:avoid}}

@media print{body.fe-printing .fe-worksheet .fe-worksheet-offer{display:flex;align-items:center;gap:.7rem;margin:.25rem 0;break-inside:avoid}body.fe-printing .fe-worksheet .fe-worksheet-offer p{margin:.2rem 0}body.fe-printing .fe-worksheet .fe-worksheet-offer-image{width:60px;height:60px;object-fit:contain;flex:none;background:#fff;border-radius:5px}}

.fe-game .fe-display-modes{border:1px solid #8095ad;border-radius:8px;padding:.75rem 1rem;margin:1rem 0;background:#fff!important;color:#14243b!important}.fe-game .fe-display-modes legend{font-weight:700;padding:0 .3rem;background:#fff!important;color:#14243b!important}.fe-game .fe-display-modes label{display:block;margin:.45rem 0;color:#14243b!important}.fe-game .fe-display-modes input{margin-right:.35rem}

.fe-money-choice{display:inline-flex;flex-direction:column;align-items:center;gap:3px}.fe-game .fe-money-choice .fe-add-money{font-size:.82rem;padding:.24rem .4rem;margin:0}.fe-game .fe-piece[role=button]{cursor:pointer}.fe-game .fe-piece[role=button]:focus-visible{outline:3px solid #e67700;outline-offset:3px}

/* Zutaten kaufen: explicit colors in all interaction states, also with dark themes. */
.fe-game .fe-recipe-field{display:block;margin:12px 0;color:#172b43}
.fe-game input,.fe-game select,.fe-game textarea{background:#fff!important;color:#172b43!important;border:2px solid #65768a!important;opacity:1}
.fe-game input::placeholder,.fe-game textarea::placeholder{color:#526174!important;opacity:1}
.fe-game input:focus,.fe-game select:focus,.fe-game textarea:focus{background:#fff!important;color:#172b43!important;outline:3px solid #1262b0;outline-offset:2px}
.fe-game input:disabled,.fe-game select:disabled,.fe-game button:disabled{background:#e3e8ee!important;color:#35465a!important;opacity:1!important;cursor:not-allowed}
.fe-game .fe-recipe-table{overflow-x:auto;margin:16px 0;max-width:100%}
.fe-game .fe-recipe-table table{border-collapse:collapse;width:100%;color:#172b43;background:#fff}
.fe-game .fe-recipe-table th{background:#e8eff8;color:#172b43;text-align:left}
.fe-game .fe-recipe-table th,.fe-game .fe-recipe-table td{padding:10px;border:1px solid #65768a;vertical-align:top}
.fe-game .fe-recipe-money{margin:16px 0;padding:12px;border:1px solid #65768a;border-radius:12px}
.fe-game .fe-selected-money{min-height:30px}
@media print{.fe-game .fe-recipe-table{overflow:visible!important}.fe-game .fe-recipe-table table{font-size:10pt}.fe-game .fe-recipe-table tr{break-inside:avoid}.fe-game .fe-list-image{max-width:90px!important}}

.fe-game .fe-offer img.fe-item-image{width:80px;height:80px;object-fit:contain}

.fe-game input[aria-invalid="true"]{border-color:#ad2525!important;background:#fff4f4!important}.fe-game input[aria-invalid="false"]{border-color:#29683d!important}

.fe-recipe-pdf-viewer{border:1px solid #65768a;border-radius:10px;padding:14px;margin-bottom:20px;background:#fff;color:#172b43}.fe-pdf-frame{display:block;width:100%;height:600px;border:1px solid #65768a;margin-top:12px}.fe-pdf-download{display:inline-block;padding:10px 15px;background:#174e91!important;color:#fff!important;border-radius:8px;text-decoration:none;font-weight:600}@media(max-width:650px){.fe-pdf-frame{height:450px}}@media print{.fe-recipe-pdf-viewer{display:none!important}}
/* Language selection and logical alignment; images retain their original orientation. */
.fe-language-list{display:flex;flex-wrap:wrap;gap:12px}.fe-language-list button{min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px}.fe-game[dir=rtl]{direction:rtl;text-align:right}.fe-game[dir=rtl] th,.fe-game[dir=rtl] td{text-align:right}.fe-game[dir=rtl] .fe-weight,.fe-game[dir=rtl] .fe-recipe-field{text-align:right}.fe-game[dir=rtl] input{direction:ltr;unicode-bidi:isolate;text-align:center}.fe-game[dir=rtl] .fe-amount,.fe-game[dir=rtl] .fe-visual-value{direction:ltr;unicode-bidi:isolate}.fe-game[dir=rtl] img{transform:none}.fe-language-change{margin:8px 0}.fe-worksheet[dir=rtl]{direction:rtl;text-align:right}
@media print{.fe-language-change{display:none!important}}
