/* Bento owns only its warm cloth, bentwood, and vegetable-green accents. */
body[data-game='bento'] {--ink:#413e32;--paper:#fffdf5;--accent:#4f6940;--mini-bg:#e9eddd;background:#eee9de}
body[data-game='bento'] .mini-shell {background:linear-gradient(165deg,#fffdf5,#f4efe3 72%,#e9eddf);gap:4px}
body[data-game='bento'] .speech {border-color:#ded8c4;background:#fffdf5;border-radius:5px 17px 17px;box-shadow:0 2px 0 #ae967414}
body[data-game='bento'] .cast-name {color:#69614f}
body[data-game='bento'] .companion::before {background:#e4e9d3}
body[data-game='bento'] .companion[data-reaction='good'] .speech {background:#edf2df;border-color:#92a579}
body[data-game='bento'] .stage {border-radius:23px;border:1px solid #d1c4a9;box-shadow:0 2px 0 #fffaf0,0 5px 12px #71563718}
body[data-game='bento'] .mini-hud .clock {border-color:#ded5bf;background:#fffaf0;color:#655f4c}
body[data-game='bento'] .controls {gap:5px;padding-top:4px}
body[data-game='bento'] .controls button {position:relative;min-width:0;min-height:54px;border-color:#d9c9ac;border-bottom-color:#c7ae89;border-radius:12px;background:#fffaf0;color:#526846;font-size:23px;flex-direction:column;gap:2px}
body[data-game='bento'] .controls button[data-piece] {flex:1.1}
body[data-game='bento'] .controls button[data-piece] img {width:32px;height:32px}
body[data-game='bento'] .controls button[aria-pressed='true'] {border:2px solid #597347;background:#e7edda;box-shadow:inset 0 0 0 2px #fffaf0,0 2px 0 #8c9c71}
body[data-game='bento'] .controls button[aria-pressed='true']::after {content:'';position:absolute;width:5px;height:5px;bottom:3px;background:#597347;border-radius:50%}
body[data-game='bento'] .controls button[data-piece]:disabled {opacity:.5;background:#e9e5d9;border-bottom-width:1px}
body[data-game='bento'] .controls button[data-action='rotate'] {flex:0 0 44px;margin-left:4px;background:#eaf0e0;border-color:#becbaa}
body[data-game='bento'] .controls button[data-action='undo'] {flex:0 0 44px;background:#efe8dc;color:#827157}
body[data-game='bento'] .controls button[data-action='rotate']::after {content:'回す';font-size:10px;font-weight:650;line-height:1}
body[data-game='bento'] .controls button[data-action='undo']::after {content:'戻す';font-size:10px;font-weight:650;line-height:1}
body[data-game='bento'] .overlay {background:linear-gradient(145deg,#fffaf1f5,#f6f1e5eb 65%,#e6edd9f5)}
body[data-game='bento'] .panel-detail {color:#625d4b}
body[data-game='bento'] .panel-icon {border-radius:23px;background:#f3e5cb;border-color:#e4cfaa;box-shadow:0 5px 0 #b99b7326}
body[data-game='bento'] .cast-options button {background:#eee4cf;border-color:#fffcf4}
body[data-game='bento'] .cast-options button[aria-pressed='true'] {background:#e4edd4;border-color:#6b8653;box-shadow:0 4px 0 #72875528,0 0 0 3px #fdf7e6}
body[data-game='bento'] .go {background:linear-gradient(145deg,#76915e,#526e43);box-shadow:0 4px 0 #405935,0 8px 15px #526e4326}
body[data-game='bento'] .overlay[data-presentation='result'] {background:#edf2e1;border-color:#c3cfaf;box-shadow:0 3px 0 #a2b28e26}
body[data-game='bento'] .overlay[data-presentation='result'] h2 {color:#526846}
@media (max-width:350px) {body[data-game='bento'] .controls {gap:3px}body[data-game='bento'] .controls button {min-height:52px}body[data-game='bento'] .controls button[data-action='rotate'] {margin-left:2px}}
@media (prefers-reduced-motion:reduce) {body[data-game='bento'] *,body[data-game='bento'] *::after {animation:none!important;transition:none!important}}

/* Linen and ceramic accents stay in the existing compact layout. */
body[data-game='bento'] .mini-hud > span:first-child {color:#455e37;background:#e8eddb;border:1px solid #cbd5b8;border-radius:10px}
body[data-game='bento'] .speech {box-shadow:0 2px 0 #a58a5f12,inset 0 1px 0 #fff}
body[data-game='bento'] .icon-button {color:#4f6940;background:#fffdf5;border-color:#d8ceb9}

body[data-game='bento'] .controls button {min-height:56px}
body[data-game='bento'] .controls button[data-piece]:disabled {opacity:.7}
body[data-game='bento'] .controls button[data-piece]:disabled::after {content:'✓';position:absolute;right:3px;top:2px;color:#455e37;font-size:12px;font-weight:800}
body[data-game='bento'] .controls button:focus-visible {outline:3px solid #405c32;outline-offset:1px}
body[data-game='bento'] .hit-target:active {background:#65814d20;box-shadow:inset 0 0 0 2px #4f6940}

/* Small celebratory details appear only on the start and result panels. */
body[data-game='bento'] .overlay[data-presentation='start'] {background:radial-gradient(ellipse at 50% 35%,#fffdf7f5 20%,#f4eddff5 72%,#e2e9d6f5);backdrop-filter:none}
body[data-game='bento'] .overlay[data-presentation='start'] .panel-icon {border-radius:24px 24px 28px 28px;border:1px solid #c7ac7d;box-shadow:inset 0 0 0 4px #fff6,0 5px 0 #b99b7326}
body[data-game='bento'] .overlay[data-presentation='pause'] {background:#faf7eeef;backdrop-filter:none}
body[data-game='bento'] .overlay[data-presentation='pause'] .panel-icon {display:none}
body[data-game='bento'] .overlay[data-presentation='result'] {border-color:#afbf99;background:linear-gradient(110deg,#f7f8ed,#e6edd8)}
body[data-game='bento'] .overlay[data-presentation='result'] .panel-detail {max-width:105px;color:#455e37;letter-spacing:.03em}
body[data-game='bento'] .companion[data-reaction='blocked'] .speech {background:#fff2e8;border-color:#bc8c72;color:#734e3c}
body[data-game='bento'] .companion[data-reaction='end'] .speech {background:#e9efd9;border-color:#9bad7f}

body[data-game='bento'] .cast-toggle {border-color:#becbaa;background:#f2f5e8;color:#4f6940}
body[data-game='bento'] .save-note {color:#76533f}
body[data-game='bento'] .go:focus-visible {outline:3px solid #405c32;outline-offset:4px}

/* Each remaining food exposes its current footprint without another control row. */
body[data-game='bento'] .controls button[data-piece] {--piece-fill:#fffaf0;--piece-edge:#9d8969;padding:5px 2px 14px}
body[data-game='bento'] .controls button[data-piece='1'] {--piece-fill:#dce8c3;--piece-edge:#7b9257}
body[data-game='bento'] .controls button[data-piece='2'] {--piece-fill:#f5d6c2;--piece-edge:#ba7f61}
body[data-game='bento'] .controls button[data-piece='3'] {--piece-fill:#f6e1a6;--piece-edge:#b58c3c}
body[data-game='bento'] .piece-shape {position:relative;display:block;width:33px;height:33px;pointer-events:none}
body[data-game='bento'] .piece-shape > span {position:absolute;width:10px;height:10px;border:1px solid var(--piece-edge);border-radius:2px;background:var(--piece-fill)}
body[data-game='bento'] .piece-food {position:absolute;right:3px;bottom:1px;font-size:14px;line-height:16px;pointer-events:none}

/* One compact information band leaves the full canvas clear for placement.
   Keep these after the decorative and short-screen overrides above. */
body[data-game='bento'] .mini-shell {min-height:0;padding:2px 6px max(4px,env(safe-area-inset-bottom));gap:3px}
body[data-game='bento'] .companion {display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:5px;min-height:54px;padding:2px 0}
body[data-game='bento'] .companion > img {width:48px;height:48px}
body[data-game='bento'] .companion::before {width:40px;height:40px;left:4px;top:7px}
body[data-game='bento'] .cast-name {margin:0 0 2px 4px;letter-spacing:0;line-height:1.3}
body[data-game='bento'] .speech {min-height:0;padding:3px 5px;font-size:12px;line-height:1.4;overflow-wrap:anywhere;border-radius:4px 10px 10px}
body[data-game='bento'] .mini-hud {display:grid;grid-template-columns:minmax(40px,auto) 44px;grid-template-rows:auto auto;gap:1px 4px;min-height:44px;padding:0;align-items:center}
body[data-game='bento'] .mini-hud > span:first-child {grid-column:1;grid-row:1;justify-content:center;gap:3px;padding:1px 4px;font-size:11px}
body[data-game='bento'] .mini-hud strong {font-size:16px}
body[data-game='bento'] .mini-hud .clock {grid-column:1;grid-row:2;min-width:0;margin:0;padding:1px 3px;font-size:11px;line-height:1.2;border:0;background:transparent}
body[data-game='bento'] #pause {grid-column:2;grid-row:1 / 3;width:44px;height:44px;min-height:44px}
body[data-game='bento'] .controls {padding:1px 0 0}