.landscape-ui .ui-stage .combined-game.firefly-game .mini-board-area{container-type:size;container-name:firefly-space;align-items:center;justify-content:center}
.firefly-board{width:min(100%,560px);height:min(100%,490px);min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:10px;border:2px solid #91a893;border-radius:24px;background:#edf0d7;overflow:hidden}.firefly-sky{min-height:0;position:relative;display:grid;grid-template-columns:repeat(var(--side),minmax(0,1fr));grid-template-rows:repeat(var(--side),minmax(0,1fr));gap:4px;padding:12px 8% 22px;border-radius:20px;background:linear-gradient(#182e4ce0,#294f51d9),url('art/division/reed-delta.webp') center/cover;overflow:hidden;isolation:isolate}.firefly-sky:before{content:'';position:absolute;inset:8% 12%;border-radius:50%;background:radial-gradient(ellipse,#b9ca9118,transparent 70%);z-index:-1}.firefly-cell{min-height:0;min-width:0;width:100%;height:100%;border:0;border-radius:50%;padding:2px;display:grid;place-items:center;background:transparent;position:relative;z-index:1}.firefly-cell>svg{width:100%;height:100%;max-width:76px;max-height:76px;min-height:0;filter:drop-shadow(0 0 6px #f4e69588)}.firefly-empty{width:clamp(18px,4cqw,28px);height:clamp(18px,4cqw,28px);border:1px dashed #d3ddb875;border-radius:50%;background:#dcecd409}.firefly-cell.selected{background:#e6d7901e;box-shadow:inset 0 0 0 1px #f5dc8d}.firefly-cell:disabled{opacity:1;cursor:default}.firefly-cell.anchor>svg{filter:drop-shadow(0 0 5px #e7e4aabb)}.firefly-tavi{position:absolute;bottom:0;right:0;width:14%;height:20%;object-fit:contain;pointer-events:none;z-index:0}.firefly-controls{display:grid;gap:6px;justify-items:center;align-content:center;text-align:center}.firefly-controls>strong{font-size:14px}.firefly-controls>div:not(.firefly-result){display:flex;gap:6px;justify-content:center}.firefly-controls button{min-height:38px;padding:5px 12px;font-size:13px}.firefly-result{text-align:center}.firefly-result img{width:65px;height:65px;object-fit:contain}.firefly-result h2{font-size:21px;margin:4px}.firefly-result p{font-size:12px;margin:3px}.dancing .firefly-cell.lit svg{animation:firefly-dance 1s cubic-bezier(.4,0,.3,1) both}.dancing .firefly-cell:nth-child(even) svg{animation-delay:.08s}.dancing .firefly-sky{box-shadow:inset 0 0 35px #eddf8b5c}@keyframes firefly-dance{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(6px,-10px) rotate(10deg)}60%{transform:translate(-6px,-16px) rotate(-10deg)}100%{transform:translate(0,0) rotate(0)}}
html:not([data-tablet-layout="true"]) .landscape-ui .ui-stage .firefly-game .mini-task-area{container-type:size;container-name:firefly-math}
html[data-game-orientation="portrait"] .landscape-ui .ui-stage .combined-game.firefly-game .mini-workspace:not(.no-task){grid-template-rows:minmax(0,1.2fr) minmax(0,1fr)}
@container firefly-space (max-height:340px){.firefly-board{padding:6px;gap:5px}.firefly-sky{padding:5px 6% 12px;gap:2px}.firefly-controls{gap:4px}.firefly-controls>strong{font-size:11px}.firefly-controls button{min-height:32px;font-size:11px;padding:4px 8px}.firefly-result img{width:36px;height:36px}.firefly-result h2{font-size:16px}}
@container firefly-space (max-height:235px){.firefly-board{padding:4px;gap:3px}.firefly-sky{padding:4px 6% 8px}.firefly-controls{gap:2px}.firefly-controls>strong{font-size:10px}.firefly-controls button{min-height:28px;font-size:10px;padding:3px 6px}.firefly-cell{padding:0}.firefly-empty{width:17px;height:17px}.firefly-result img{display:none}.firefly-result h2{font-size:13px;margin:0}.firefly-result p{display:none}}
@container firefly-math (max-height:215px){.landscape-ui .ui-stage .combined-game.firefly-game .mini-task-area .memory-math{gap:3px}.landscape-ui .ui-stage .combined-game.firefly-game .mini-task-area .memory-math .equation{font-size:25px;min-height:32px}.landscape-ui .ui-stage .combined-game.firefly-game .mini-task-area .memory-math .answer{height:32px;font-size:25px}.landscape-ui .ui-stage .combined-game.firefly-game .mini-task-area .memory-math .keypad button{height:25px;font-size:18px}.landscape-ui .ui-stage .combined-game.firefly-game .mini-task-area .memory-math .mini-task-status{min-height:14px;font-size:10px;line-height:12px;margin:0}}
@container firefly-math (max-height:175px){.landscape-ui .ui-stage .combined-game.firefly-game .mini-task-area .memory-math .keypad{gap:2px}.landscape-ui .ui-stage .combined-game.firefly-game .mini-task-area .memory-math .keypad button{height:22px;font-size:17px}.landscape-ui .ui-stage .combined-game.firefly-game .mini-task-area .memory-math .mini-task-status{display:none}}
@media(prefers-reduced-motion:reduce){.dancing .firefly-cell.lit svg{animation:none}}