:root{--paper: #FCF8F1;--porcelain-2: #F3F6EC;--ink: #2A2A24;--ink-70: rgba(42, 42, 36, .7);--ink-14: rgba(42, 42, 36, .14);--deep: #45623C;--deep-2: #3A5433;--amber: #7FA06A;--sun: #D9962E;--green-text: #F3F7EC;--ruby: #A9707B;--display: "Kaisei Decol", Georgia, serif;--body: "Instrument Sans", system-ui, sans-serif;--serif: "Literata", Georgia, serif;--radius: 10px;--radius-lg: 14px}[data-season=fruehling]{--deep: #3F6B3F;--deep-2: #335A33;--green-text: #F2F8EC;--paper: #FBF9F1;--porcelain-2: #F0F6E8;--amber: #6B9550}[data-season=herbst]{--deep: #7A4A2B;--deep-2: #653C22;--green-text: #FBF1E6;--paper: #FCF6EE;--porcelain-2: #F6EFE3;--amber: #A8733A}[data-season=winter]{--deep: #2F5356;--deep-2: #264548;--green-text: #EEF4F3;--paper: #F9F9F6;--porcelain-2: #EDF2F0;--amber: #9A5A62}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--serif);overflow:hidden;-webkit-tap-highlight-color:transparent}body.page{overflow:auto}#stage{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#stage canvas{display:block;width:100%;height:100%}.hud{position:fixed;top:0;left:0;right:0;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:max(12px,env(safe-area-inset-top)) 16px 0;font-family:var(--body);pointer-events:none}.hud-item{background:color-mix(in srgb,var(--paper) 86%,transparent);border:1px solid var(--ink-14);border-radius:var(--radius);padding:6px 12px;display:flex;flex-direction:column;line-height:1.1}.hud-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-70)}.hud-value{font-size:20px;font-variant-numeric:tabular-nums}.hud-ziel.done{background:var(--deep);border-color:var(--deep)}.hud-ziel.done .hud-label,.hud-ziel.done .hud-value{color:var(--green-text)}.hud-bar{display:block;width:72px;height:5px;margin-top:4px;border-radius:3px;background:var(--ink-14);overflow:hidden}.hud-bar span{display:block;height:100%;width:0;background:var(--deep);transition:width .2s}.hud-bar span.full{background:var(--sun)}.hud-sky{position:relative;display:block;width:84px;height:18px;margin-top:3px;border-bottom:1px solid var(--ink-14)}.hud-sun{position:absolute;bottom:-5px;left:0;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--sun)}.hud-buff{background:var(--deep);color:var(--green-text);border-radius:999px;padding:6px 14px;font-size:14px}.toast{position:fixed;left:50%;top:22%;transform:translate(-50%);margin:0;font-family:var(--display);font-size:clamp(18px,3vw,26px);color:var(--deep);text-shadow:0 1px 0 var(--paper);padding:4px 14px;border-radius:12px;background:color-mix(in srgb,var(--paper) 45%,transparent);border:1px solid color-mix(in srgb,var(--deep) 15%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s;pointer-events:none;text-align:center;width:max-content;max-width:calc(100% - 32px)}.toast.show{opacity:1}.bubble{position:fixed;left:0;top:0;margin:0;transform:translate(-50%,-100%);background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:.6em;padding:.3em .65em;font-family:var(--display);font-size:clamp(18px,3vw,26px);color:var(--deep);text-shadow:0 1px 0 var(--paper);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s}.bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;margin-left:-7px;background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.bubble.show{opacity:1}.bubble.leise{font-style:italic;border-style:dashed}.bubble.leise:after{border-right-style:dashed;border-bottom-style:dashed}.card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;background:color-mix(in srgb,var(--paper) 94%,transparent);border:1px solid var(--ink-14);border-radius:var(--radius-lg);padding:28px 28px 24px;box-shadow:0 20px 60px -30px #2a2a2459}.card[hidden],.hud[hidden],.hud-buff[hidden]{display:none}#screen-end{animation:fade-in .9s ease .2s both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){#screen-end{animation:none}}.eyebrow{margin:0 0 6px;font-family:var(--body);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}h1,h2{font-family:var(--display);font-weight:700;margin:0 0 12px;line-height:1.15;color:var(--ink)}h1{font-size:clamp(28px,6vw,38px)}h2{font-size:clamp(22px,5vw,30px)}.lead{margin:0 0 16px;font-size:17px;line-height:1.55}.keys{list-style:none;padding:0;margin:0 0 14px;font-family:var(--body);font-size:14px;line-height:2}kbd{font-family:var(--body);font-size:12px;background:var(--porcelain-2);border:1px solid var(--ink-14);border-radius:6px;padding:1px 7px}.touch{color:var(--ink-70)}.hint{margin:0 0 20px;font-style:italic;color:var(--ink-70);font-size:15px}.best{margin:12px 0 0;font-family:var(--body);font-size:13px;color:var(--ink-70);min-height:1em}.btn{font-family:var(--body);font-size:16px;font-weight:500;background:var(--deep);color:var(--green-text);border:0;border-radius:999px;padding:12px 26px;cursor:pointer}.btn:hover{background:var(--deep-2)}.btn:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.stats div{background:var(--porcelain-2);border-radius:var(--radius);padding:10px;text-align:center}.stats dt{font-family:var(--body);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-70)}.stats dd{margin:2px 0 0;font-family:var(--display);font-size:24px}.stats .stat-sub{display:block;font-family:var(--body);font-size:12px;letter-spacing:.05em;color:var(--ink-70)}.fact{border-left:3px solid var(--amber);padding:2px 0 2px 14px;margin:0 0 20px}.fact-kicker{margin:0 0 4px;font-family:var(--body);font-size:12px;color:var(--amber);text-transform:uppercase;letter-spacing:.08em}.fact-text{margin:0 0 6px;line-height:1.55}.fact-link{font-family:var(--body);font-size:14px;color:var(--deep)}.ad{margin:48px 0 0}.ad[hidden],.ad:has(ins[data-ad-status=unfilled]){display:none}.ad:has(ins[data-ad-status=filled]){padding-top:14px;border-top:1px solid var(--ink-14)}.ad-label{display:none;margin:0 0 6px;font-family:var(--body);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-70)}.ad:has(ins[data-ad-status=filled]) .ad-label{display:block}.foot{position:fixed;right:16px;bottom:max(10px,env(safe-area-inset-bottom));font-family:var(--body);font-size:12px;color:var(--ink-70)}.foot a{color:inherit}@media (hover: none){.keys kbd{display:none}}@media (hover: hover){.touch{display:none}}.prose{max-width:640px;margin:0 auto;padding:48px 16px;line-height:1.65;font-size:17px}.prose a{color:var(--deep)}.prose code{font-size:14px;background:var(--porcelain-2);padding:1px 5px;border-radius:4px}.farm-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--porcelain-2) center / cover no-repeat}.farm-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--paper) 35%,transparent)}.farm-bg[hidden]{display:none}.card-wide{width:min(760px,calc(100% - 32px));max-height:calc(100% - 64px);top:calc(50% - 12px)}.card h3{font-family:var(--display);font-size:20px;margin:26px 0 10px}.card h4{font-family:var(--display);font-size:17px;margin:0}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn-light{background:var(--porcelain-2);color:var(--deep);border:1px solid var(--ink-14)}.btn-light:hover{background:color-mix(in srgb,var(--porcelain-2) 80%,var(--amber))}.btn-small{font-size:14px;padding:8px 16px}.btn-danger{background:color-mix(in srgb,var(--ruby) 75%,#000);color:#fff}.btn-danger:hover{background:color-mix(in srgb,var(--ruby) 62%,#000)}.link-btn{font-family:var(--body);font-size:14px;color:var(--deep);background:none;border:0;text-decoration:underline;cursor:pointer;padding:8px 4px}.note{font-family:var(--body);font-size:15px;background:var(--porcelain-2);border-radius:var(--radius);padding:10px 14px;margin:0 0 14px}.note:empty,.warn:empty{display:none}.warn{font-family:var(--body);font-size:14px;color:var(--ruby);margin:0 0 10px}.stats-4{grid-template-columns:repeat(4,1fr)}.stats-4 dd{font-size:20px}@media (max-width: 560px){.stats-4{grid-template-columns:repeat(2,1fr)}}.field{display:block;font-family:var(--body);font-size:13px;color:var(--ink-70);margin:14px 0 6px}input[type=text],textarea.key{width:100%;font:16px var(--body);color:var(--ink);background:var(--paper);border:1px solid var(--ink-14);border-radius:var(--radius);padding:10px 12px}textarea.key{font:13px/1.4 ui-monospace,monospace;resize:vertical;word-break:break-all;margin:0 0 10px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.chip{font:14px var(--body);background:var(--paper);color:var(--ink);border:1px solid var(--ink-14);border-radius:999px;padding:7px 14px;cursor:pointer}.chip:disabled{opacity:.45;cursor:default}.chip.on{background:var(--deep);color:var(--green-text);border-color:var(--deep)}.figures{display:flex;gap:12px;margin:0 0 20px}.figure{background:var(--paper);border:1px solid var(--ink-14);border-radius:var(--radius);padding:6px;cursor:pointer}.figure.on{border-color:var(--deep);outline:2px solid var(--deep)}.figure:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.figure-img{display:block;width:60px;height:104px;background-size:1200% 100%;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated}.note-stamp{border-left:3px solid var(--deep)}.stamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0 0 20px}.stamp-card{background:var(--porcelain-2);border-radius:var(--radius);padding:14px}.stamp-card h4{margin:8px 0 6px}.stamp-card .fact{margin:0}.stamp-card:not(.on){opacity:.7}.stamp{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 20px var(--body);color:var(--ink-70);border:2px dashed var(--ink-14);transform:rotate(-8deg)}.stamp-card.on .stamp{color:var(--deep);border:3px double var(--deep)}.stamp-press{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;display:grid;place-items:center}.stamp-press svg{width:clamp(120px,28vw,200px);height:auto;color:var(--deep);opacity:0;font-family:var(--display);animation:stamp-press 2.4s ease-out both;animation-delay:inherit}@keyframes stamp-press{0%{opacity:0;transform:rotate(-12deg) scale(1.5)}12%{opacity:.4;transform:rotate(-12deg) scale(.96)}18%,65%{opacity:.4;transform:rotate(-12deg) scale(1)}to{opacity:0;transform:rotate(-12deg) scale(1)}}@media (prefers-reduced-motion: reduce){.stamp-press svg{animation-name:stamp-fade}@keyframes stamp-fade{0%{opacity:0;transform:rotate(-12deg)}15%,65%{opacity:.4;transform:rotate(-12deg)}to{opacity:0;transform:rotate(-12deg)}}}.qr-box{margin:4px 0 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.qr{width:180px;height:180px;image-rendering:pixelated;border-radius:4px}.qr-box .hint{margin:0;max-width:260px}.hof-map{position:relative;aspect-ratio:960 / 747;border-radius:var(--radius);overflow:hidden;background:#f4ecda;margin:4px 0 18px}.hof-map-inner,.hof-map-pano,.hof-map-paper{position:absolute;top:0;right:0;bottom:0;left:0}.hof-map-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hof-map-pano{background:center / cover no-repeat;opacity:0;pointer-events:none}.hof-map-paper{background:#f4ecda;opacity:0;pointer-events:none}.hof-map-part{position:absolute;pointer-events:none}.hof-map-part.reveal{animation:hof-paint 1.4s .2s ease-out both}@keyframes hof-paint{0%{clip-path:inset(100% 0 0 0);filter:saturate(0) brightness(1.15)}60%{filter:saturate(.6)}to{clip-path:inset(0 0 0 0);filter:none}}.hof-board{position:relative;margin:4px 0 18px}.hof-board .hof-map{margin:0}.hof-map-top,.hof-map-bottom{position:absolute;left:10px;right:10px;z-index:2;transition:opacity .4s}.hof-map-top{top:10px}.hof-map-bottom{bottom:10px;right:auto;max-width:calc(100% - 20px)}.hof-board.ui-later .hof-map-top,.hof-board.ui-later .hof-map-bottom,.hof-board.ui-later .hof-map-tag{opacity:0;visibility:hidden}.map-stats{margin:0;gap:6px}.map-stats div{background:color-mix(in srgb,var(--paper) 86%,transparent);border:1px solid var(--ink-14);padding:4px 8px}.map-stats dt{font-size:10px}.map-stats dd{font-size:18px;margin:0}.map-actions{background:color-mix(in srgb,var(--paper) 86%,transparent);border:1px solid var(--ink-14);border-radius:var(--radius);padding:8px 10px}.map-actions .row{margin:0;gap:8px}.map-actions .btn{font-size:14px;padding:8px 16px}.map-actions .warn{margin:0 0 6px}.map-actions .warn:empty{display:none}.hof-map-tag{position:absolute;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;gap:6px;max-width:46%;padding:4px 10px 4px 6px;border-radius:999px;cursor:pointer;background:color-mix(in srgb,var(--paper) 92%,transparent);color:var(--ink);border:1px solid var(--ink-14);box-shadow:0 2px 6px #2a2a242e;font-family:var(--body);font-size:13px;line-height:1.15;text-align:left;transition:opacity .4s,transform .15s}.hof-map-tag.tag-below{transform:translate(-50%)}.hof-map-tag.tag-above{transform:translate(-50%,-100%)}.hof-map-tag.tag-below:hover{transform:translate(-50%) scale(1.05)}.hof-map-tag.tag-above:hover{transform:translate(-50%,-100%) scale(1.05)}.hof-map-tag:focus-visible{outline:2px solid var(--deep);outline-offset:2px}.hof-map-tag[aria-expanded=true]{border-color:var(--deep)}.tag-icon{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--porcelain-2);color:var(--deep);font-size:13px}.tag-text{display:flex;flex-direction:column;font-weight:500;white-space:nowrap}.tag-text small{font-weight:400;font-size:11px;color:var(--ink-70)}.hof-map-tag.is-built .tag-icon{background:var(--deep);color:var(--green-text)}.hof-map-tag.is-affordable{border:2px solid var(--sun)}.hof-map-tag.is-affordable .tag-icon{background:var(--sun);color:#fff}.hof-map-tag.is-locked{opacity:.7}.hof-board:not(.ui-later) .hof-map-tag.fresh{animation:tag-fresh 1.2s 1.2s ease-in-out 2}@keyframes tag-fresh{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--sun) 55%,transparent)}}.hof-map-pop{position:absolute;z-index:3;width:260px;max-width:70%;max-height:calc(100% - 16px);overflow:auto;margin:18px 0;background:var(--paper);border-radius:var(--radius);box-shadow:0 6px 24px #2a2a2447;border:1px solid var(--ink-14)}.hof-map-pop.pop-bottom{margin:0 0 18px}.hof-map-pop .bbody{padding:12px 14px 14px}.hof-map-pop h4{margin:0 24px 2px 0}.pop-close{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--ink-70);cursor:pointer;font-size:14px}.pop-close:hover{background:var(--porcelain-2)}@media (max-width: 560px){.hof-map-top,.hof-map-bottom{position:static}.hof-map-top{margin-bottom:8px}.hof-map-bottom{margin-top:8px}.map-actions{background:none;border:0;padding:0}.map-stats{grid-template-columns:repeat(4,1fr);gap:4px}.map-stats div{padding:4px 2px}.map-stats dt{font-size:9px;letter-spacing:.02em}.map-stats dd{font-size:15px}.tag-text{display:none}.hof-map-tag{padding:4px}.hof-map-pop{left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto;max-width:none;margin:0}.hof-map-pop .btext{display:none}}@media (prefers-reduced-motion: reduce){.hof-map-part.reveal,.hof-map-tag.fresh{animation:none}.hof-map-top,.hof-map-bottom,.hof-map-tag{transition:none}}.buildings{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.building{background:var(--porcelain-2);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.building.is-built{outline:2px solid var(--amber)}.bimg{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:color-mix(in srgb,var(--amber) 20%,var(--porcelain-2))}.bimg.missing{visibility:hidden}.building:not(.is-built) .bimg{filter:grayscale(.7) opacity(.75)}.bbody{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.btext{font-size:14px;line-height:1.45;margin:0 0 6px;color:var(--ink-70);flex:1}.sense-tag{font-family:var(--body);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin:0 0 8px}.built{font-family:var(--body);font-size:14px;color:var(--deep);margin:0}.locked{font-family:var(--body);font-size:13px;color:var(--ink-70);margin:0}.stufe{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.stufe-text{font-family:var(--body);font-size:13px;line-height:1.4;color:var(--ink-70);margin:0}.lots{list-style:none;padding:0;margin:0 0 12px}.lots li{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;font-family:var(--body);font-size:14px;padding:8px 0;border-bottom:1px solid var(--ink-14)}.lot-name{font-weight:500}.quality{color:var(--amber);letter-spacing:.1em;font-size:18px;margin:0 0 8px}.lots .quality{font-size:14px;margin:0}@media (max-width: 480px){.lots li{grid-template-columns:1fr auto}}.orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:8px}.order{background:var(--porcelain-2);border-radius:var(--radius);padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.order.ready{outline:2px solid var(--amber)}.order-from{font-family:var(--body);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin:0}.order-what{font-family:var(--body);font-weight:500;font-size:15px;margin:0}.amount{display:flex;align-items:center;gap:12px;margin-bottom:8px}.amount input{flex:1;accent-color:var(--deep)}.amount-out{font-family:var(--body);font-weight:500;min-width:64px;text-align:right}.recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:8px}.recipe{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;cursor:pointer;background:var(--porcelain-2);border:1px solid var(--ink-14);border-radius:var(--radius);padding:10px 12px;font-family:var(--body);font-size:13px;color:var(--ink-70)}.recipe strong{font-size:15px;color:var(--deep)}.recipe:hover,.recipe:focus-visible{outline:2px solid var(--amber)}.recipe.locked{background:transparent;border:1px dashed var(--ink-14);color:var(--ink-70)}.recipe.locked strong{color:var(--ink-70)}.recipe.locked[aria-pressed=true]{border:1px solid var(--amber)}.recipe:not(.locked)[aria-pressed=true]{outline:2px solid var(--amber)}.recipe .tag{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-70)}.seq{list-style:none;counter-reset:seq;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px}.seq li{counter-increment:seq;display:flex;align-items:center;gap:6px;background:var(--porcelain-2);border-radius:999px;padding:4px 6px 4px 12px;font-family:var(--body);font-size:14px}.seq li:before{content:counter(seq) ".";color:var(--amber)}.seq li.seq-empty{background:none;padding:4px 0;color:var(--ink-70);font-size:13px}.seq li.seq-empty:before{content:none}.seq-del{border:0;background:none;cursor:pointer;color:var(--ink-70);font-size:13px;padding:2px 6px;border-radius:999px}.seq-del:hover,.seq-del:focus-visible{background:var(--ink-14)}.step-stars{list-style:none;padding:0;margin:0 0 16px;clear:right}.step-stars li{display:flex;justify-content:space-between;gap:12px;align-items:center;font-family:var(--body);font-size:15px;padding:6px 0;border-bottom:1px solid var(--ink-14)}.step-stars .quality{font-size:16px;margin:0}.step-stars .blatt{border-bottom:0;border-top:1px dashed var(--ink-70);margin-top:6px;color:var(--ink-70)}.step-stars .low .step-name:after{content:" · unter 4 Sternen";color:var(--ink-70);font-size:13px}.yield{font-family:var(--body);font-size:13px;color:var(--deep);margin:0 0 6px}.upgrades{display:grid;gap:8px}.upgrade{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--porcelain-2);border-radius:var(--radius);padding:10px 12px;font-family:var(--body)}.upgrade .btext{margin:2px 0 0}.lvl{color:var(--ink-70);font-size:13px}.foot-row{margin-top:18px}.pack{float:right;width:96px;margin:-8px -8px 8px 12px}.quiz-progress{font-family:var(--body);font-size:13px;color:var(--ink-70);margin:0 0 8px}.quiz-q{font-size:clamp(19px,4vw,24px)}.answers{display:grid;gap:8px;margin:0 0 16px}.answer{font:16px/1.4 var(--serif);text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--ink-14);border-radius:var(--radius);padding:12px 14px;cursor:pointer}.answer:hover:not(:disabled){border-color:var(--amber)}.answer:disabled{cursor:default}.answer.right{background:color-mix(in srgb,var(--deep) 14%,var(--paper));border-color:var(--deep)}.answer.wrong{background:color-mix(in srgb,var(--ruby) 16%,var(--paper));border-color:var(--ruby)}.answer.right:before{content:"✓ ";color:var(--deep);font-weight:700}.answer.wrong:before{content:"✗ ";color:var(--ruby);font-weight:700}.answer:focus-visible,.chip:focus-visible,.link-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.ambient{font-family:var(--body);font-size:13px;color:var(--ink-70);margin:0 0 8px}.mini-stage{display:grid;place-items:center;height:200px;margin:0 0 12px;background:var(--porcelain-2);border-radius:var(--radius);overflow:hidden}.mini-stage.painted{height:230px;background-size:cover;background-position:center}.leaf{position:relative;width:190px;height:190px;transform-origin:50% 92%;filter:drop-shadow(0 4px 4px rgb(40 30 20 / .3))}.leaf-body{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 92%}.leaf-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--leaf, #5f8f3a)}.leaf-tex{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1) brightness(1.3) contrast(.75)}.feel{font-family:var(--display);font-size:19px;color:var(--deep);min-height:1.5em;margin:0 0 2px;text-align:center}.feel-when{font-family:var(--body);font-size:13px;color:var(--ink-70);min-height:1.4em;margin:0 0 12px;text-align:center}.mini-stage{position:relative}.clock{position:absolute;top:10px;right:12px;margin:0;font:600 18px var(--body);font-variant-numeric:tabular-nums;color:var(--deep);background:var(--paper);border-radius:999px;padding:3px 12px}.clock:empty{display:none}.gauge{height:10px;background:var(--porcelain-2);border:1px solid var(--ink-14);border-radius:999px;overflow:hidden;margin:0 0 12px}.gauge.thin{height:6px}.gauge-fill{height:100%;width:100%;background:var(--amber)}.gauge-fill.juice{width:0;background:var(--deep);transition:width .25s}.band-stage{touch-action:none;cursor:pointer;--belt-top: 56%}.band-stage:before{content:"";position:absolute;left:0;right:0;top:calc(var(--belt-top) - 9%);height:9%;background:repeating-linear-gradient(90deg,rgb(0 0 0 / .16) 0 2px,transparent 2px 28px);background-position-x:var(--belt, 0);mix-blend-mode:multiply}.band-zone{position:absolute;left:50%;top:0;bottom:calc(100% - var(--belt-top));transform:translate(-50%);background:color-mix(in srgb,var(--paper) 55%,transparent)}.band-roller{position:absolute;left:50%;top:-14%;height:46%;transform:translate(-50%);filter:drop-shadow(0 4px 4px rgb(40 30 20 / .35));pointer-events:none}.band-heap{position:absolute;bottom:calc(100% - var(--belt-top));width:70px;transform:translate(-50%);transform-origin:50% 100%;filter:drop-shadow(0 2px 2px rgb(40 30 20 / .3));transition:transform .15s,filter .3s;pointer-events:none}.band-heap.pressed{transform:translate(-50%) scale(1.15,.55);filter:saturate(1.4) brightness(.8) drop-shadow(0 2px 2px rgb(40 30 20 / .3))}.band-heap.lumpy{filter:grayscale(.5) brightness(.9)}.korb-stage{height:230px;touch-action:none;cursor:pointer;background:color-mix(in srgb,var(--amber) 10%,var(--porcelain-2))}.korb-basket{height:200px;transform-origin:50% 80%;filter:drop-shadow(0 5px 5px rgb(40 30 20 / .3));pointer-events:none}.swing-meter{position:relative;height:14px;margin:0 0 10px;border-radius:999px;border:1px solid var(--ink-14);background:linear-gradient(90deg,var(--porcelain-2) 0 var(--lo),color-mix(in srgb,var(--deep) 45%,var(--paper)) var(--lo) var(--hi),color-mix(in srgb,var(--ruby) 45%,var(--paper)) var(--hi))}.swing-needle{position:absolute;top:-4px;bottom:-4px;width:4px;margin-left:-2px;border-radius:2px;background:var(--ink)}.sort-stage .piece{display:block;object-fit:contain;filter:drop-shadow(0 3px 3px rgb(40 30 20 / .3))}.bins{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bins .btn{padding:12px 6px}.bin-hint{display:block;font-size:12px;font-weight:400;opacity:.75;margin-top:2px}.bins .btn.bin-right{background:var(--deep);color:var(--green-text);border-color:var(--deep)}.bins .btn.bin-wrong{background:var(--ruby);color:#fff;border-color:var(--ruby)}@media (max-width: 480px){.bins{grid-template-columns:repeat(2,1fr)}}.putzen{text-align:center;user-select:none;-webkit-user-select:none}.putzen-bild{display:block;width:100%;aspect-ratio:2 / 1;margin:4px 0 12px;touch-action:none;cursor:grab;background:var(--porcelain-2);border-radius:var(--radius)}.putzen-bar{display:block;height:6px;border-radius:3px;background:var(--ink-14);overflow:hidden}.putzen-bar span{display:block;height:100%;width:100%;background:var(--sun)}.putzen-hint{margin:10px 0 0;font-family:var(--body);font-size:14px;min-height:1.4em}.scale-stage{position:relative;height:210px;margin:4px 0 8px;background:var(--porcelain-2);border-radius:var(--radius);overflow:hidden}.scale-post{position:absolute;left:50%;top:40px;bottom:0;width:12px;margin-left:-6px;background:linear-gradient(90deg,#8a6a2c,#c9a24e,#8a6a2c);border-radius:6px 6px 0 0}.scale-beam{position:absolute;left:50%;top:34px;width:260px;height:10px;border-radius:5px;background:linear-gradient(#d8b462,#9a7630);transform:translate(-50%);transform-origin:50% 50%}.scale-pan{position:absolute;top:44px;width:120px;height:120px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.scale-pan:before{content:"";position:absolute;left:50%;top:0;height:calc(100% - 12px);width:2px;background:#8a6a2c}.scale-pan:after{content:"";position:relative;width:120px;height:12px;border-radius:0 0 60px 60px;background:linear-gradient(#d8b462,#9a7630)}.scale-pan.left{left:calc(50% - 190px)}.scale-pan.right{left:calc(50% + 70px)}.scale-korb{position:relative;height:70px;margin-bottom:-2px}.scale-stack{position:relative;display:flex;flex-wrap:wrap-reverse;justify-content:center;align-items:flex-end;gap:0 2px;max-width:110px}.scale-stack img{cursor:pointer}.scale-tray{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 10px}.scale-weight{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:6px 2px;font-size:13px;min-height:64px}.feed-stage,.tickle-stage{position:relative;height:230px;margin:4px 0 12px;background:var(--porcelain-2);border-radius:var(--radius);overflow:hidden;touch-action:none;cursor:pointer}.feed-ox{position:absolute;left:2%;bottom:4%;width:38%;pointer-events:none}.feed-korb{position:absolute;right:6%;bottom:6%;width:26%;pointer-events:none}.feed-leaf{position:absolute;height:92px;pointer-events:none;filter:drop-shadow(0 3px 3px rgb(40 30 20 / .3))}.feed-leaf.coarse{height:100px;filter:sepia(1) saturate(3) hue-rotate(45deg) brightness(.62) drop-shadow(0 3px 3px rgb(40 30 20 / .3))}.tickle-stage{display:grid;place-items:center}.tickle-monkey{height:210px;pointer-events:none;transform-origin:50% 90%}.tickle-giggle{position:absolute;font:700 18px var(--display);color:var(--deep);pointer-events:none}.saegen-shout{margin:0;font-family:var(--display);font-size:24px;font-weight:700;min-height:1.3em;line-height:1.3}.hud-pause{position:absolute;top:max(12px,env(safe-area-inset-top));right:16px;width:44px;height:44px;padding:10px;pointer-events:auto;cursor:pointer;background:color-mix(in srgb,var(--paper) 86%,transparent);border:1px solid var(--ink-14);border-radius:var(--radius);color:var(--ink)}.hud-pause svg{display:block;width:100%;height:100%;fill:currentColor}.hud-pause:hover{background:var(--paper)}.hud-pause:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.pause{text-align:center}.pause h2.count{font-size:56px;margin:8px 0 4px}.coin-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;overflow:hidden;animation:coin-out 3.2s ease-in forwards}.coin{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff3bf 0,#fff3bf 14%,#e7bd4f 42%,#b9862a);border:2px solid #8a6220;box-shadow:inset 0 0 0 3px #ffecaa73,0 2px 3px #2a2a2440}.coin-label{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);margin:0;font-family:var(--display);font-size:clamp(28px,6vw,52px);color:#8a6220;text-shadow:0 1px 0 var(--paper);animation:coin-label .5s ease-out both;padding:2px 22px;border-radius:16px;white-space:nowrap;background:color-mix(in srgb,var(--paper) 60%,transparent);border:1px solid color-mix(in srgb,#8a6220 25%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes coin-out{0%,70%{opacity:1}to{opacity:0}}@keyframes coin-label{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}}@media (prefers-reduced-motion: reduce){.coin-label{animation:none}}