.task-panel{box-sizing:border-box;padding:12px 16px calc(12px + env(safe-area-inset-bottom));color:#2b1d0e;pointer-events:auto;touch-action:manipulation;background:#fffdf5;border-top:4px solid #2b1d0e;border-radius:16px 16px 0 0;flex-direction:column;gap:10px;max-height:100dvh;font:600 24px/1.3 system-ui,sans-serif;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto}.task-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-prompt{font-size:26px;font-weight:700}.task-hint{background:#fff3c4;border:3px solid #2b1d0e;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:22px;display:flex}.choices,.set-row{justify-content:center;align-items:center;gap:12px;display:flex}.set-row{flex-wrap:wrap}.btn{color:#2b1d0e;cursor:pointer;touch-action:manipulation;background:#ffd23f;border:3px solid #2b1d0e;border-radius:14px;min-width:56px;min-height:56px;padding:8px 20px;font:700 28px/1 system-ui,sans-serif;box-shadow:0 5px #2b1d0e}.btn:active{transform:translateY(3px);box-shadow:0 2px #2b1d0e}.btn:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.btn-answer{flex:1;max-width:120px}.btn-icon{background:#fffdf5;padding:8px 12px}.btn-ok{background:#7bd66b}.set-value{text-align:center;min-width:80px;font-size:40px;font-weight:800}.task-check{text-align:center;color:#2e8b1f;font-size:56px}.drag-board{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;display:flex}.drag-targets,.drag-pile{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.drag-target{box-sizing:border-box;background:#fff3c4;border:4px dashed #2b1d0e;border-radius:50% 50% 24px 24px/30% 30% 24px 24px;flex-wrap:wrap;flex:1;place-content:center;gap:6px;max-width:280px;min-height:120px;padding:8px;font-size:22px;font-weight:700;display:flex;position:relative}.drag-pile{min-height:64px}.drag-item{cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:56px;min-height:56px;font-size:40px;line-height:1;display:flex}.drag-coin{background:#ffd23f;border:3px solid #2b1d0e;border-radius:28px;padding:0 10px;font-size:22px;font-weight:800}.drag-item.dragging{z-index:10;cursor:grabbing;position:relative}.hud{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));color:#2b1d0e;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fffdf5;border:3px solid #2b1d0e;border-radius:14px;gap:12px;padding:6px 14px;font:800 24px/1.2 system-ui,sans-serif;display:flex;position:fixed}.fruit-panel{top:calc(8px + env(safe-area-inset-top));pointer-events:none;touch-action:manipulation;color:#2b1d0e;flex-direction:column;align-items:center;gap:6px;max-width:calc(100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.fruit-question{pointer-events:auto;background:#fffdf5;border:4px solid #2b1d0e;border-radius:16px;align-items:center;gap:12px;padding:6px 18px;font:800 36px/1.2 system-ui,sans-serif;display:flex}.fruit-hint{text-align:center;background:#fff3c4;border:3px solid #2b1d0e;border-radius:12px;padding:6px 12px;font:700 22px/1.3 system-ui,sans-serif}.fruit-hint[hidden]{display:none}@media (width<=640px){.fruit-panel{top:calc(60px + env(safe-area-inset-top))}}.evening-panel{box-sizing:border-box;color:#2b1d0e;pointer-events:auto;touch-action:manipulation;background:#fffdf5;border:4px solid #2b1d0e;border-radius:20px;width:min(560px,100vw - 24px);max-height:calc(100vh - 24px);padding:16px;font:600 24px/1.3 system-ui,sans-serif;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.evening-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.evening-title{font-size:30px;font-weight:800}.evening-body{flex-direction:column;align-items:center;gap:14px;margin-top:12px;display:flex}.evening-coins{font-weight:700}.creature-book{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;display:grid}.creature-icon{font-size:48px;line-height:1.1}.creature-card{background:#fff3c4;border:3px solid #2b1d0e;border-radius:14px;flex-direction:column;align-items:center;padding:8px;font-size:22px;display:flex}.creature-card[data-owned=false]{color:#6b5d4a;background:#e4dfd0}.creature-card[data-owned=false] .creature-icon{filter:grayscale()brightness(.3)}.evening-new{text-align:center;font-size:28px;font-weight:800}