.fe-lab{--fe-blue:#e5f5ff;--fe-yellow:#fff4c4;border:3px solid var(--ink,#2b1d14);border-radius:22px;background:#fffdf3;padding:14px;margin:12px 0;box-shadow:0 5px 0 var(--ink,#2b1d14);min-width:0;color:var(--ink,#2b1d14)}
.fe-lab [hidden]{display:none!important}.fe-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.fe-head>b{font-size:1.1rem}.fe-instruction,.fe-status{font-size:.9rem;line-height:1.55;margin:8px 0}.fe-status{min-height:1.5em}.fe-reset{font-size:.85rem}.fe-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.fe-prop-pool,.fe-letter-pool,.fe-fact-pool,.fe-controls,.fe-actors,.fe-context-art{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0;min-width:0}.fe-prop-pool{min-height:90px}.fe-prop{border:2px solid var(--ink,#2b1d14);border-radius:16px;background:white;width:100px;min-height:90px;padding:8px;box-shadow:0 3px 0 #2b1d1433;touch-action:none;cursor:grab;color:inherit}.fe-prop .fe-art{height:78px}.fe-prop-label{display:block;font-weight:800;margin-top:4px}.fe-prop.picked,.fe-letter.picked,.fe-fact.picked{outline:4px solid #e89714;outline-offset:2px}.fe-lab .over,.fe-word-target.over{outline:4px solid #59a9d6;background:#e6f7ff}
.fe-compound{display:grid;grid-template-columns:minmax(70px,1fr) 18px minmax(70px,1fr) 18px minmax(45px,.8fr);align-items:center;gap:6px}.fe-compound-slot{min-height:112px;border:3px dashed #8b7b68;border-radius:18px;background:var(--fe-blue);display:flex;justify-content:center;align-items:center}.fe-compound-slot .fe-prop{border:0;box-shadow:none;background:transparent;width:100%}.fe-symbol{font-size:1.5rem;text-align:center}.fe-compound-word{font-size:1.1rem;font-weight:900;overflow-wrap:anywhere;text-align:center}.fe-no{background:#ffe2d9!important}.fe-lab .ok{color:#236a3c}
.fe-letter-picture,.fe-hint-picture{height:160px;margin:10px auto;max-width:240px}.fe-letter-line,.fe-relation{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;padding:10px;border:3px dashed #8b7b68;border-radius:16px;background:var(--fe-blue)}.fe-letter-pool{min-height:50px}.fe-letter,.fe-fact{border:2px solid var(--ink,#2b1d14);border-radius:12px;background:var(--fe-yellow);font-family:inherit;font-weight:800;min-width:44px;min-height:44px;padding:8px;font-size:1.15rem;touch-action:none;cursor:grab;color:inherit}.fe-lab button{min-height:44px}.fe-letter-line:empty:before{content:'Place the letters here';font-size:.85rem;color:#66584a}.fe-relation:empty:before{content:'Place the given numbers here';font-size:.85rem;color:#66584a}.fe-operator{min-width:44px}.fe-context-item{height:110px;width:90px;display:grid;place-items:center;align-self:end}
.fe-actors{align-items:end}.fe-actor{height:145px;width:100px;border:0;border-bottom:4px solid #d5c69d;border-radius:20px;background:transparent;padding:5px;cursor:pointer}.fe-speech{border:2px solid var(--ink,#2b1d14);border-radius:18px;background:var(--fe-yellow);padding:12px;font-size:.95rem;line-height:1.6}.fe-word-target{border:3px dashed #8b7b68;border-radius:16px;background:var(--fe-blue);min-height:58px;display:grid;place-items:center;padding:8px;font-size:.9rem}.fe-word-target.fe-filled{border-color:#b68622}.fe-word-target.fe-complete{border-color:#3b8b56}.fe-evidence{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;min-height:112px;border:3px dashed #8b7b68;border-radius:16px;background:var(--fe-blue);padding:8px}
.fe-jars{display:flex;gap:20px;justify-content:center}.fe-jars figure{margin:0;width:45%;max-width:180px}.fe-jars figcaption{text-align:center;font-weight:800;min-height:44px;font-size:.95rem}.fe-jar{position:relative;width:100%;aspect-ratio:1158/1370}.fe-jar>.fe-art{position:absolute;inset:0;z-index:1}.fe-jar-inside{position:absolute;left:16%;right:15%;top:25%;bottom:12%;overflow:hidden;border-radius:0 0 16% 16%;z-index:2}.fe-jar-fill{position:absolute;bottom:0;width:100%;background:radial-gradient(circle at 25% 25%,#e9f8ff 6%,#3e9cce 13%,#2b1d14 17%,transparent 18%) 0 0/22px 22px,radial-gradient(circle at 70% 65%,#fff7e7 6%,#e86669 13%,#2b1d14 17%,transparent 18%) 0 0/22px 22px;background-color:#83c5ce66}.fe-jar-copy{position:absolute;left:12%;right:11%;bottom:12%;z-index:3;border:3px dashed #b26d12;pointer-events:none;max-height:63%;background:#ffe69622}.fe-estimate-control{display:grid;gap:8px;font-size:.85rem;margin-top:14px}.fe-estimate-control input{width:100%;min-height:44px;accent-color:#397aac}
.fe-pulse{animation:fe-pop .6s ease-out}@keyframes fe-pop{0%{transform:scale(.94)}55%{transform:scale(1.025)}100%{transform:scale(1)}}.fe-image-retry{max-width:100%;white-space:normal}.fe-missing{font-size:.8rem}.fe-try{border-color:#b76d25}.fm-demo .fe-lab{box-shadow:none}.fe-lab .fm-ghost{pointer-events:none}
@media(max-width:600px){.fe-lab{padding:10px;border-radius:18px}.fe-compound{grid-template-columns:minmax(60px,1fr) 14px minmax(60px,1fr);gap:5px}.fe-compound>.fe-symbol:nth-of-type(2){display:none}.fe-compound-word{grid-column:1/-1;min-height:30px}.fe-compound-slot{min-height:100px}.fe-prop{width:85px}.fe-prop .fe-art{height:66px}.fe-actor{height:115px;width:80px}.fe-jars{gap:10px}.fe-fact{font-size:1rem}.fe-instruction{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.fe-lab *{animation:none!important;transition:none!important}}
.fe-jar-fill{background-size:24px 24px;background-position:0 0,12px 12px;background-color:#dff8ff}
.fe-jobs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.fe-job{width:80px;display:grid;gap:5px;text-align:center;font-size:.75rem}.fe-job .fe-art{height:110px}.fe-jobs:empty{min-height:0}
.fe-source-quote{font-size:.95rem;line-height:1.6;background:#fff4c4;border:2px solid var(--ink);border-radius:16px;padding:12px;margin:10px 0}.fe-dialogue{display:flex;justify-content:center;gap:14px}.fe-person{display:grid;grid-template-rows:130px auto auto;gap:8px;justify-items:center;width:46%}.fe-person>.fe-art{height:130px}.fe-country-target{width:100%;min-height:58px;border:2px dashed #8b7b68;border-radius:12px;background:#e5f5ff}.fe-country-target .fe-fact{width:100%;font-size:.9rem}.fe-cafe-art{height:120px;max-width:200px;margin:auto}.fe-week{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:7px}.fe-day{display:grid;gap:5px;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:9px;min-height:70px;font-family:inherit;color:inherit}.fe-day small{font-size:.65rem;line-height:1.5}.fe-day[aria-pressed=true]{background:#d6f2ce;box-shadow:0 3px 0 #35664a}.fe-bag-shelf{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow-y:auto;border:2px dashed #8b7b68;border-radius:14px;min-height:60px;padding:8px}.fe-packed-bag{width:44px;height:54px;position:relative}.fe-packed-bag>b{position:absolute;inset:auto 8px 8px;background:#fff5b8;border-radius:6px;text-align:center;font-size:.8rem}.fe-lab .fm-slot{max-width:100%}.fe-letter-line.fm-slot,.fe-relation.fm-slot,.fe-evidence.fm-slot{justify-content:flex-start}.fe-prop-pool.fm-slot,.fe-fact-pool.fm-slot,.fe-letter-pool.fm-slot{border:0;box-shadow:none;background:transparent;padding:3px;min-width:0}.fe-prop-pool.fm-slot{min-height:90px}.fe-fact-pool.fm-slot,.fe-letter-pool.fm-slot{min-height:50px}
.fe-chess{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,360px);margin:12px auto;border:3px solid var(--ink);border-radius:6px;overflow:hidden}.fe-chess-square{aspect-ratio:1;min-width:0;min-height:0;position:relative}.fe-chess-square.dark{background:#a98260}.fe-chess-square.light{background:#ffedc8}.fe-chess-square .fe-art{position:absolute;inset:0;width:100%;height:100%}.fe-chess-stage .fe-controls .btn{font-size:.8rem}
.fe-jars figcaption{height:60px;display:flex;align-items:center;justify-content:center;line-height:1.35}.fe-cafe-title{text-align:center;font-weight:800}.fe-person>small{font-size:.8rem}.fe-compound-slot{min-height:150px}.fe-compound-slot .fe-art{height:115px}
@container focus-board (min-width:900px){.fe-compound-slot{min-height:180px}.fe-compound-slot .fe-art{height:145px}.fe-prop-pool .fe-prop{width:130px}.fe-prop-pool .fe-prop .fe-art{height:100px}}
body.study-window #qarea .fe-lab .fe-compound-slot{min-height:150px}body.study-window #qarea .fe-lab .fe-letter-line,body.study-window #qarea .fe-lab .fe-relation{min-height:64px}
@container focus-board (min-width:900px){body.study-window #qarea .fe-lab .fe-compound-slot{min-height:180px}}