:root{--bg:#120d1f;--bg2:#1b1430;--panel:#241a3a;--panel2:#2e2249;--line:#6b4fa0;--line-soft:#4a3870;--text:#f6eedc;--muted:#c2b4dc;--pumpkin:#f08a2c;--pumpkin-dark:#b85d12;--candle:#ffd27a;--good:#63d08a;--bad:#ff8a7a;--parch:#efe2c4;--parch-ink:#3a2a1a;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--font:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-en:"Trebuchet MS", "Verdana", "Noto Sans", "Helvetica Neue", Arial, sans-serif;--u:clamp(12px, 2.1vmin + 6px, 22px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#game{position:absolute;top:0;bottom:0;left:0;right:0}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#ui{pointer-events:none;z-index:10;font-size:var(--u);position:absolute;top:0;bottom:0;left:0;right:0}:where(#ui>*){pointer-events:auto}#ui .passthrough{pointer-events:none}.en{font-family:var(--font-en);letter-spacing:.01em}.hidden{display:none!important}button{font:inherit;color:var(--text);background:var(--panel2);border:2px solid var(--line);cursor:pointer;touch-action:manipulation;border-radius:.55em;min-width:44px;min-height:44px;padding:.35em .9em;transition:transform 60ms,background .15s,border-color .15s;box-shadow:0 3px #0b0714}button:hover{background:#3a2c5c}button:active{transform:translateY(2px);box-shadow:0 1px #0b0714}button:focus-visible{outline:3px solid var(--candle);outline-offset:2px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--pumpkin);color:#2a1404;border-color:#ffc27a;font-weight:700}button.primary:hover{background:#ff9d45}button.ghost{box-shadow:none;background:0 0}button.small{min-height:40px;padding:.2em .7em;font-size:.9em}.screen{padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 16px);touch-action:pan-y;z-index:30;background:radial-gradient(at 50% 20%,#2c1f4a 0%,#150f26 55%,#0b0814 100%);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.screen.dim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0614d1}.card{background:linear-gradient(180deg, var(--panel2), var(--panel));border:3px solid var(--line);touch-action:pan-y;border-radius:1em;width:100%;max-width:min(92vw,760px);max-height:100%;padding:1em 1.3em;overflow-y:auto;box-shadow:0 0 0 3px #0e0a19,0 12px 40px #0009}.card h2{color:var(--candle);margin:0 0 .5em;font-size:1.35em}.card p{margin:.4em 0;line-height:1.55}.row{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.row.end{justify-content:flex-end}.row.center{justify-content:center}.stack{flex-direction:column;gap:.6em;display:flex}.title-wrap{text-align:center;width:100%;max-width:720px}.title-wrap h1{color:var(--pumpkin);text-shadow:0 3px #4a2208,0 0 24px #f08a2c8c;letter-spacing:.06em;margin:0;font-size:clamp(28px,6.5vmin,60px)}.title-wrap .subtitle{color:var(--muted);margin:.2em 0 .8em;font-size:1.05em}.title-wrap .story{color:var(--text);max-width:34em;margin:0 auto 1em;line-height:1.6}.title-pumpkins{justify-content:center;gap:1.2em;margin:.3em 0 .6em;display:flex}.title-pumpkins canvas{width:48px;height:48px;image-rendering:pixelated;animation:2.4s ease-in-out infinite bob}.title-pumpkins canvas:nth-child(2){animation-delay:-.8s}.title-pumpkins canvas:nth-child(3){animation-delay:-1.6s}@keyframes bob{50%{transform:translateY(-6px)}}.menu-buttons{flex-direction:column;align-items:center;gap:.55em;display:flex}.menu-buttons button{min-width:min(78vw,300px);font-size:1.05em}.menu-buttons .row button{min-width:0}.footnote{color:var(--muted);margin-top:.9em;font-size:.78em;line-height:1.5}.level-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:.7em;margin:.6em 0 .9em;display:grid}.level-grid button{text-align:left;flex-direction:column;gap:.25em;height:100%;padding:.7em .9em;display:flex}.level-grid button strong{color:var(--candle);font-size:1.15em}.level-grid button span{color:var(--muted);font-size:.85em;line-height:1.4}.level-grid button.selected{border-color:var(--pumpkin);background:#3d2a1c}.setting{grid-template-columns:minmax(6em,9em) 1fr;align-items:center;gap:.6em;margin:.45em 0;display:grid}.setting label{color:var(--muted)}.setting input[type=range]{width:100%;height:36px;accent-color:var(--pumpkin);touch-action:pan-x}.seg{flex-wrap:wrap;gap:.4em;display:flex}.seg button{min-height:40px;padding:.2em .8em}.seg button[aria-pressed=true]{background:var(--pumpkin);color:#2a1404;border-color:#ffc27a;font-weight:700}.loading .bar{border:2px solid var(--line);background:#0e0a19;border-radius:8px;width:min(70vw,420px);height:14px;margin:1em auto .5em;overflow:hidden}.loading .bar>div{background:linear-gradient(90deg, var(--pumpkin-dark), var(--pumpkin));width:0;height:100%;transition:width .2s}.hud{padding:calc(var(--safe-t) + 6px) calc(var(--safe-r) + 8px) 0 calc(var(--safe-l) + 8px);pointer-events:none;z-index:8;justify-content:space-between;align-items:flex-start;gap:.5em;font-size:.88em;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.objective{border:2px solid var(--line-soft);pointer-events:none;background:#140d22d1;border-radius:.6em;max-width:min(46vw,30em);padding:.35em .7em;line-height:1.4}.objective b{color:var(--candle);margin-right:.3em;font-weight:700}.hud-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4em;display:flex}.badges{border:2px solid var(--line-soft);pointer-events:none;background:#140d22d1;border-radius:.6em;align-items:center;gap:3px;padding:3px 6px;display:flex}.badges .slot{background:#120c20;border:2px dashed #4a3870;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.badges .slot.got{border:2px solid var(--candle);background:radial-gradient(circle,#5a3d1d,#2a1a0c);box-shadow:0 0 8px #ffd27a99}.badges .slot canvas{width:20px;height:20px;image-rendering:pixelated;opacity:.25;filter:grayscale()}.badges .slot.got canvas{opacity:1;filter:none}.timer{font-family:var(--font-en);font-variant-numeric:tabular-nums;border:2px solid var(--line-soft);pointer-events:none;background:#140d22d1;border-radius:.6em;padding:.3em .6em}.hud-btn{background:#241a3aeb;min-height:44px;padding:.2em .75em}.toast-area{top:calc(var(--safe-t) + 64px);pointer-events:none;z-index:21;flex-direction:column;align-items:center;gap:.4em;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{border:2px solid var(--candle);color:var(--text);background:#2c1e0ef2;border-radius:.7em;align-items:center;gap:.5em;padding:.4em .9em;animation:.3s ease-out toast-in;display:flex;box-shadow:0 0 18px #ffd27a59}.toast canvas{width:28px;height:28px;image-rendering:pixelated}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.9)}}.prompt-label{border:2px solid var(--candle);white-space:nowrap;pointer-events:none;z-index:5;background:#140d22e6;border-radius:.5em;padding:.15em .55em;font-size:.82em;position:absolute;transform:translate(-50%,-100%)}.prompt-label .key{border:1px solid var(--muted);font-family:var(--font-en);border-radius:4px;margin-right:.3em;padding:0 .3em;font-size:.85em;display:inline-block}body.touch .prompt-label .key{display:none}.touch-controls{pointer-events:none;z-index:6;position:absolute;top:0;bottom:0;left:0;right:0}.joystick-zone{pointer-events:auto;touch-action:none;width:46%;height:62%;position:absolute;bottom:0;left:0}.joystick-base{width:clamp(110px,24vmin,160px);height:clamp(110px,24vmin,160px);left:calc(var(--safe-l) + 18px);bottom:calc(var(--safe-b) + 18px);pointer-events:none;background:#1e143273;border:3px solid #a082dc8c;border-radius:50%;position:absolute}.joystick-knob{background:#f08a2cd9;border:3px solid #ffd5a0;border-radius:50%;width:44%;height:44%;margin:-22% 0 0 -22%;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #f08a2c99}.action-btn{right:calc(var(--safe-r) + 22px);bottom:calc(var(--safe-b) + 26px);pointer-events:auto;touch-action:none;width:clamp(84px,19vmin,120px);height:clamp(84px,19vmin,120px);color:var(--text);background:#3c285abf;border:3px solid #c8aaffb3;border-radius:50%;padding:0;font-size:clamp(15px,3.4vmin,21px);font-weight:700;position:absolute;box-shadow:0 4px #00000080}.action-btn.ready{color:#2a1404;background:#f08a2ceb;border-color:#ffd5a0;animation:1.4s ease-in-out infinite pulse}.action-btn.pressed{transform:scale(.94)}@keyframes pulse{50%{box-shadow:0 0 22px #ffbe6ed9}}.dialog{left:50%;bottom:calc(var(--safe-b) + 10px);border:3px solid var(--line);z-index:20;background:#160f26f7;border-radius:.8em;align-items:flex-start;gap:.8em;width:min(94vw,760px);max-height:60%;padding:.7em 1em .6em;display:flex;position:absolute;overflow-y:auto;transform:translate(-50%);box-shadow:0 0 0 3px #0b0714,0 10px 30px #0009}.dialog .portrait{width:52px;height:52px;image-rendering:pixelated;border:2px solid var(--line-soft);background:#120c20;border-radius:.4em;flex:none}.dialog .body{flex:1;min-width:0}.dialog .name{color:var(--candle);margin-bottom:.2em;font-weight:700}.dialog .text{line-height:1.55}.dialog .text .en{color:#ffe3a3;font-weight:700}.dialog .dialog-picture{width:min(40vh,220px);height:min(40vh,220px);image-rendering:pixelated;border:5px solid #b98a3c;margin:.5em auto 0;display:block;box-shadow:0 0 0 3px #3b2610}.dialog .actions{flex-wrap:wrap;justify-content:flex-end;gap:.5em;margin-top:.4em;display:flex}.puzzle{z-index:22;padding:calc(var(--safe-t) + 6px) calc(var(--safe-r) + 8px) calc(var(--safe-b) + 6px) calc(var(--safe-l) + 8px);background:#080510e6;justify-content:center;align-items:stretch;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.puzzle-panel{border:3px solid var(--line);background:linear-gradient(#2a1f44,#1d1530);border-radius:1em;flex-direction:column;width:100%;max-width:1100px;display:flex;overflow:hidden;box-shadow:0 0 0 3px #0b0714}.puzzle-head{border-bottom:2px solid var(--line-soft);background:#0003;align-items:center;gap:.5em;padding:.35em .6em;display:flex}.head-main{flex:1;min-width:0}.ptitle{color:var(--candle);font-size:.8em;font-weight:700}.puzzle-head .progress{color:var(--muted);white-space:nowrap;font-size:.82em}.puzzle-instr{flex-wrap:wrap;align-items:center;gap:.2em .6em;display:flex}.puzzle-instr .en-main{font-family:var(--font-en);color:#fff4d6;font-size:1.2em;font-weight:700}.puzzle-instr .zh{color:var(--muted);font-size:.88em}.speak-btn{min-width:40px;min-height:40px;padding:0 .6em;font-size:.85em}.puzzle-body{touch-action:pan-y;flex:1;min-height:0;padding:.4em .8em;position:relative;overflow-y:auto}.puzzle-foot{border-top:2px solid var(--line-soft);background:#0003;flex-wrap:wrap;align-items:center;gap:.5em;padding:.25em .8em;display:flex}.puzzle-foot .grow{flex:1;min-width:4em}.feedback{min-height:1.4em;font-size:.95em;line-height:1.4}.feedback.good{color:var(--good)}.feedback.bad{color:var(--bad)}.hints{flex-direction:column;gap:.2em;max-height:30%;padding:.2em .8em 0;display:flex;overflow-y:auto}.hint{border-left:4px solid var(--candle);background:#ffd27a1a;border-radius:.3em;padding:.25em .6em;font-size:.88em;line-height:1.4;animation:.3s ease-out toast-in}.solved-banner{z-index:3;background:#0a0614db;justify-content:center;align-items:center;padding:1em;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.solved-banner .card{text-align:center;max-width:560px}.solved-banner .big-en{font-family:var(--font-en);color:var(--good);margin:.2em 0;font-size:1.4em;font-weight:700}.pic{image-rendering:pixelated;display:block}.match-wrap{grid-template-columns:1fr 1fr;align-items:stretch;gap:.6em 18%;padding:.2em 0;display:grid;position:relative}.match-col{z-index:1;flex-direction:column;gap:.5em;display:flex;position:relative}.match-card{background:var(--parch);min-height:max(48px,11vh);color:var(--parch-ink);font-family:var(--font-en);text-align:center;border:3px solid #b99b62;border-radius:.7em;justify-content:center;align-items:center;gap:.5em;padding:.25em .6em;font-size:1.12em;font-weight:700;line-height:1.25;display:flex;box-shadow:0 3px #6d5530}.match-card:hover{background:#fff3d8}.match-card .pic{width:max(44px,10vh);height:max(44px,10vh)}.match-card.selected{border-color:var(--pumpkin);box-shadow:0 0 0 3px var(--pumpkin), 0 3px 0 #6d5530;background:#ffe4bd}.match-card.matched{opacity:.9;cursor:default}.match-card.wrong{border-color:#d85a4a;animation:.35s shake}.match-card .tag{color:#fff;font-size:.75em;font-family:var(--font);border-radius:1em;padding:0 .5em}.match-lines{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.potion-layout{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.8em;display:grid}.potion-layout .counter-grid{margin-top:0}.recipe{background:var(--parch);color:var(--parch-ink);font-family:var(--font-en);border:3px solid #b99b62;border-radius:.6em;padding:.5em .8em}.recipe .step{border-radius:.3em;align-items:baseline;gap:.4em;padding:.25em .3em;line-height:1.35;display:flex}.recipe .step.current{background:#ffd99a;font-weight:700}.recipe .step.done{color:#6b8b4a;text-decoration:line-through}.recipe .step .zh{font-family:var(--font);color:#7a6145;font-size:.8em;font-weight:400}.shelf{grid-template-columns:repeat(auto-fill,minmax(max(84px,13vh),1fr));gap:.45em;margin-top:.5em;display:grid}.ingredient{background:#3a2b55;border-color:#7d63b3;flex-direction:column;align-items:center;gap:.1em;min-height:44px;padding:.3em .2em;font-size:.85em;line-height:1.15;display:flex}.ingredient .pic{width:max(34px,7vh);height:max(34px,7vh)}.ingredient .en{font-weight:700}.cauldron-box{border:2px solid var(--line-soft);background:#1a1229;border-radius:.8em;flex-direction:column;align-items:center;gap:.4em;padding:.5em;display:flex}.cauldron-box canvas.pot{width:min(22vh,120px);height:min(22vh,120px);image-rendering:pixelated}.tray{flex-wrap:wrap;justify-content:center;gap:.3em;min-height:44px;display:flex}.tray-item{border:2px solid var(--line);min-height:44px;font-family:var(--font-en);background:#2e2249;border-radius:2em;align-items:center;gap:.25em;padding:.1em .2em .1em .5em;display:flex}.tray-item .pic{width:26px;height:26px}.tray-item button{border-radius:50%;min-width:36px;min-height:36px;padding:0;font-size:1.1em}.tray-empty{color:var(--muted);align-self:center;font-size:.85em}.pot.bubbling{animation:.6s ease-in-out 2 wobble}@keyframes wobble{25%{transform:rotate(-4deg)scale(1.05)}75%{transform:rotate(4deg)scale(1.05)}}.counter-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5em;margin-top:.6em;display:grid}.counter{background:#3a2b55;border:2px solid #7d63b3;border-radius:.7em;flex-direction:column;align-items:center;gap:.25em;padding:.4em;display:flex}.counter-top{text-align:center;flex-direction:column;align-items:center;gap:.2em;display:flex}.counter .pic{flex:none;width:max(40px,8vh);height:max(40px,8vh)}.counter-name{flex-direction:column;align-items:center;line-height:1.2;display:flex}.counter-name .en{font-size:1.05em;font-weight:700}.counter-name .zh{color:var(--muted);font-size:.8em}.counter-ctl{align-items:center;gap:.4em;display:flex}.counter-ctl .step{border-radius:50%;min-width:44px;min-height:44px;padding:0;font-size:1.35em;line-height:1}.counter-ctl .count{text-align:center;min-width:1.4em;font-family:var(--font-en);color:var(--candle);font-size:1.6em;font-weight:700}.recipe .row button{font-family:var(--font)}.portrait-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1em;display:flex}.jigsaw{touch-action:none;background:#6b4a22;border:6px solid #b98a3c;border-radius:6px;gap:3px;padding:3px;display:grid;position:relative;box-shadow:0 0 0 3px #3b2610,0 6px 18px #0009}.jigsaw .piece{min-width:0;min-height:0;box-shadow:none;touch-action:none;background:#000;border:none;border-radius:0;padding:0;display:block;position:relative}.jigsaw .piece canvas{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block}.jigsaw .piece.selected{outline:4px solid var(--pumpkin);outline-offset:-4px;z-index:2}.jigsaw .piece.drop-target{outline:4px dashed var(--candle);outline-offset:-4px}.jigsaw.done{border-color:var(--candle);box-shadow:0 0 0 3px #3b2610,0 0 28px #ffd27ab3}.drag-ghost{pointer-events:none;z-index:100;opacity:.85;image-rendering:pixelated;position:fixed;box-shadow:0 8px 20px #0009}.portrait-side{flex-direction:column;flex:1;gap:.5em;min-width:min(100%,15em);max-width:30em;display:flex}.reference{flex-direction:column;align-items:center;gap:.3em;display:flex}.reference canvas{width:128px;height:128px;image-rendering:pixelated;border:3px solid #b98a3c}.choices{flex-direction:column;gap:.5em;display:flex}.choice{text-align:left;font-family:var(--font-en);background:var(--parch);color:var(--parch-ink);border-color:#b99b62;font-size:1.05em;box-shadow:0 3px #6d5530}.choice:hover{background:#fff3d8}.choice.wrong{border-color:#d85a4a;animation:.35s shake}.choice.right{background:#c8f0c8;border-color:#4a9a5a}.question-box{border:2px solid var(--line-soft);background:#00000040;border-radius:.7em;padding:.6em}.question-box .en-q{font-family:var(--font-en);margin-bottom:.15em;font-size:1.15em;font-weight:700}.order-round{flex-direction:column;align-items:center;gap:.6em;display:flex}.order-main{display:contents}.order-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8em;display:flex}.order-top .pic{border:3px solid var(--line);background:#120c20;border-radius:.6em;width:max(56px,12vh);height:max(56px,12vh);padding:4px}.clues{background:var(--parch);color:var(--parch-ink);font-family:var(--font-en);border:3px solid #b99b62;border-radius:.6em;margin:0;padding:.4em .8em .4em 2em;line-height:1.45}.clues li{margin:.1em 0}.answer-line{border:3px dashed var(--line);background:#0000004d;border-radius:.8em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em;width:100%;min-height:max(64px,13vh);padding:.4em;display:flex}.answer-line .placeholder{color:var(--muted);font-size:.9em}.answer-line .suffix{font-family:var(--font-en);font-size:1.6em;font-weight:700}.pool{flex-wrap:wrap;justify-content:center;gap:.5em;display:flex}.token{font-family:var(--font-en);background:var(--parch);min-width:max(52px,10vh);min-height:max(52px,10vh);color:var(--parch-ink);border:3px solid #b99b62;flex-direction:column;justify-content:center;align-items:center;gap:.1em;padding:.15em .6em;font-size:1.3em;font-weight:700;display:inline-flex;box-shadow:0 3px #6d5530}.token:hover{background:#fff3d8}.token .pic{width:max(32px,7vh);height:max(32px,7vh)}.token.placed{border-color:var(--pumpkin);background:#ffe4bd}.token.used{visibility:hidden}.answer-line.wrong{border-color:#d85a4a;animation:.35s shake}.answer-line.right{border-color:var(--good);border-style:solid}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:.5em;display:grid}.inv-item{border:2px solid var(--line-soft);background:#00000040;border-radius:.6em;align-items:flex-start;gap:.6em;padding:.5em;display:flex}.inv-item canvas{width:40px;height:40px;image-rendering:pixelated;background:#120c20;border-radius:.3em;flex:none}.inv-item .nm{color:var(--candle);font-weight:700}.inv-item .ds{color:var(--muted);font-size:.85em;line-height:1.45}.word-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:.35em;display:grid}.word-chip{border:2px solid var(--line-soft);background:#0003;border-radius:.5em;align-items:center;gap:.4em;min-height:40px;padding:.2em .4em;display:flex}.word-chip.found{border-color:#8a6ad0}.word-chip canvas{width:30px;height:30px;image-rendering:pixelated;flex:none}.word-chip .en{font-family:var(--font-en);font-size:.9em;font-weight:700}.word-chip .zh{color:var(--muted);font-size:.75em}.inv-section{color:var(--muted);margin:.6em 0 .3em;font-size:.9em}.rotate-overlay{z-index:90;text-align:center;background:#0b0714;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:2em;font-size:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.rotate-overlay .phone{border:5px solid var(--pumpkin);border-radius:12px;width:64px;height:100px;animation:2.2s ease-in-out infinite rotate-hint}@keyframes rotate-hint{40%,to{transform:rotate(-90deg)}}.resume-overlay{z-index:80;background:#080510d9;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ending{text-align:center}.ending .time{font-family:var(--font-en);color:var(--candle);margin:.2em 0;font-size:2em}.ending-badges{justify-content:center;gap:.6em;margin:.5em 0;display:flex}.ending-badges canvas{width:48px;height:48px;image-rendering:pixelated;animation:2s ease-in-out infinite bob}.credits-list{font-size:.85em;line-height:1.55}.credits-list li{margin-bottom:.4em}.credits-list a{color:var(--candle)}@media (max-height:500px){:root{--u:clamp(12px, 3.4vh, 16px)}.ptitle{display:none}.puzzle-instr .en-main{font-size:1.08em}.match-wrap{gap:.4em 14%}.match-col{gap:.35em}.match-card{min-height:44px;padding:.1em .5em}.match-card .pic{width:34px;height:34px}.shelf{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.35em;margin-top:.35em}.ingredient .pic{width:30px;height:30px}.recipe{padding:.3em .6em}.counter{flex-direction:row;justify-content:space-between;padding:.2em .3em}.counter .pic{width:32px;height:32px}.counter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35em;margin-top:.35em}.cauldron-box canvas.pot{width:72px;height:72px}}@media (max-height:500px) and (min-width:560px){.order-round{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:start;gap:.6em;display:grid}.order-top{flex-direction:column}.order-main{flex-direction:column;align-items:center;gap:.45em;display:flex}.answer-line{min-height:58px}.token{min-width:48px;min-height:48px;font-size:1.15em}.token .pic{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}