.fdr-key{top:5px;width:22px;height:22px;color:var(--ink-soft);font-family:var(--font-head);background:#eef3fa;border-radius:7px;place-items:center;font-size:.75rem;font-weight:700;line-height:1;display:grid;position:absolute;inset-inline-start:5px}.fdr-speak{cursor:pointer;pointer-events:auto;background:#eaf2ff;border:0;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:1.15rem}.fdr-note{margin:8px 0 0;font-size:clamp(.92rem,2.3vw,1.06rem);font-weight:700;line-height:1.3}.fdr-note:empty{margin:0}.fdr-note.is-good{color:#03785a}.fdr-note.is-bad{color:#b3123f}@keyframes fdr-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes fdr-pop{0%{opacity:0;transform:translate(-50%,-100%)scale(.5)}}.fdr-labels{z-index:3;pointer-events:none;position:absolute;inset:0}.fdr-tick,.fdr-after,.fdr-yval,.fdr-legend,.fdr-flag{font-family:var(--font-head);white-space:nowrap;font-weight:650;position:absolute}.fdr-tick{color:#4a5a80;font-size:.8rem;transform:translate(-50%,-50%)}.fdr-after[hidden]{display:none}.fdr-after{color:#6b7a99;font-size:.7rem;transform:translate(-50%,-50%)}.fdr-yval{font-size:.78rem;font-weight:700;transform:translate(-100%,-50%)}.fdr-yval--high{color:#b86e00}.fdr-yval--low{color:#c22d52}.fdr-yval--unit{color:#6b7a99;font-size:.64rem;transform:translate(-100%)}.fdr-legend{gap:6px;display:flex;position:absolute;transform:translateY(-50%)}.fdr-zone{opacity:.9;border-radius:999px;padding:0 6px;font-size:.7rem;font-weight:700}.fdr-zone--high{color:#b86e00;background:#fff1d6}.fdr-zone--low{color:#c22d52;background:#ffe3ea}.fdr-flag{font-size:1.2rem;transform:translate(-50%,-50%)}.fdr-tag{border:3px solid var(--c,#3a86ff);background:#fff;border-radius:999px;align-items:center;gap:2px;padding:2px 4px;animation:.3s cubic-bezier(.3,1.5,.6,1) fdr-pop;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px #1d2b4f33}.fdr-tag[hidden]{display:none}.fdr-tag b{background:var(--c,#3a86ff);color:#fff;min-width:22px;height:22px;font-family:var(--font-head);border-radius:50%;place-items:center;font-size:.85rem;line-height:1;display:grid}.fdr-tag img{width:26px;height:26px}.fdr-tag.is-hot{transform:translate(-50%,-100%)scale(1.25);box-shadow:0 0 0 4px #3a86ff59}@container stage (width<=560px){.fdr-tick{font-size:.68rem}.fdr-after{display:none}.fdr-yval{font-size:.66rem}.fdr-zone{font-size:.6rem}.fdr-tag img{width:22px;height:22px}.fdr-tag b{min-width:18px;height:18px;font-size:.75rem}}.fdr-say{z-index:6;pointer-events:none;background:#fff;border-radius:20px;align-items:center;gap:10px;width:max-content;max-width:min(94%,640px);padding:8px 14px 8px 8px;display:flex;position:absolute;top:60px;left:50%;translate:-50%;box-shadow:0 4px #1d2b4f26,0 10px 24px #0000002e}.fdr-say[hidden]{display:none}.fdr-say__text{font-family:var(--font-head);text-align:start;margin:0;font-size:clamp(.95rem,2.4vw,1.15rem);font-weight:650;line-height:1.25}.fdr-tray{z-index:6;background:#fffffff0;border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:min(96%,640px);padding:8px;display:grid;position:absolute;bottom:10px;left:50%;translate:-50%;box-shadow:0 10px 26px #0003}.fdr-tray[hidden]{display:none}.fdr-food{min-width:0;min-height:64px;color:var(--ink);font-family:var(--font-head);text-align:center;cursor:pointer;background:#fff;border:3px solid #dfe8f5;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 3px;font-size:clamp(.76rem,1.9vw,.95rem);font-weight:600;line-height:1.1;display:flex;position:relative;box-shadow:0 3px #dfe8f5}.fdr-food:hover{border-color:var(--blue)}.fdr-food img{pointer-events:none;width:44px;height:44px}.fdr-food.is-done{border-color:var(--green);background:#e7fbf4}.fdr-food[disabled]{cursor:default;opacity:.75}@container stage (width<=560px){.fdr-tray{gap:5px;padding:6px}.fdr-food img{width:36px;height:36px}.fdr-food .fdr-key{display:none}}.fdr-panel{max-width:680px}.fdr-head{justify-content:center;align-items:center;gap:10px;display:flex}.fdr-head h2{text-align:start;margin:0;font-size:clamp(1.02rem,2.7vw,1.3rem);line-height:1.25}.fdr-sit{font-size:1.5rem;line-height:1;margin:0 0 2px!important}.fdr-match{justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.fdr-current{min-width:84px;font-family:var(--font-head);cursor:grab;touch-action:none;background:#fffdf0;border:3px dashed #b9c6e4;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:4px 8px 6px;font-size:.92rem;font-weight:650;line-height:1.1;display:flex}.fdr-current__img{pointer-events:none;width:56px;height:56px}.fdr-current.is-drag{z-index:10;cursor:grabbing;position:relative;box-shadow:0 14px 30px #1d2b4f40}.fdr-letters{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fdr-letter{border:3px solid var(--c,#3a86ff);min-width:56px;min-height:56px;color:var(--ink);font-family:var(--font-head);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:1.25rem;font-weight:700;display:inline-flex;box-shadow:0 4px #dfe8f5}.fdr-letter__dot{background:var(--c,#3a86ff);border-radius:50%;width:14px;height:14px}.fdr-letter:hover{background:#f4f8ff}.fdr-letter.is-wrong{background:#fff1f4;animation:.4s fdr-shake}.fdr-letter.is-right{box-shadow:0 4px 0 var(--green-d);background:#e7fbf4}.fdr-letter[disabled]:not(.is-right){opacity:.45;cursor:default}.fdr-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.fdr-choice{gap:2px;min-height:56px;padding:6px 6px 8px;font-size:clamp(.85rem,2.1vw,1rem);line-height:1.15;position:relative}.fdr-choice img{width:56px;height:56px}@container stage (width<=560px) or (height<=520px){.fdr-panel{padding:8px 10px 10px}.fdr-panel>.gv-row:last-child{margin-bottom:-10px;padding:6px 0 10px;bottom:-10px}.fdr-head{gap:8px}.fdr-head h2{font-size:.98rem}.fdr-sit{display:none}.fdr-match{gap:8px;margin-top:6px}.fdr-current{min-width:70px;font-size:.82rem}.fdr-current__img{width:40px;height:40px}.fdr-letter{min-width:48px;min-height:48px;padding:4px 8px;font-size:1.1rem}.fdr-choices{gap:6px;margin-top:6px}.fdr-choice img{width:40px;height:40px}.fdr-note{margin-top:4px;font-size:.88rem}}@container stage (width<=520px){.fdr-pill__t{display:none}}