/* Butter, amber and patisserie parchment. All decoration is local to cookies. */
body[data-game='cookies'] {--ink:#513927; --paper:#fffaf1; --mini-bg:#f6e9d3; --accent:#93602e; background:#efe2cc}
[data-game='cookies'] .mini-shell {background:linear-gradient(#fffaf0,#f5e7d1); gap:4px}
[data-game='cookies'] .companion::before {background:#eee0c9; box-shadow:inset 0 0 0 3px #fff9}
[data-game='cookies'] .cast-name {color:#70563e}
[data-game='cookies'] .speech {border-color:#dfcfb8; background:#fffdf6; color:#5c4939; box-shadow:0 3px 0 #aa896710}
[data-game='cookies'] .companion[data-reaction='good'] .speech {background:#f8edce; border-color:#b58a3e; animation:cookie-warmth .32s ease-out}
[data-game='cookies'] .companion[data-reaction='miss'] .speech {background:#f6eee4; border-color:#c6a386; color:#64442e}
[data-game='cookies'] .stage {border-radius:18px; background:#eadbc5; box-shadow:0 0 0 1px #b7a48c,0 4px 12px #78634512}
[data-game='cookies'] .stage::after {border-color:#fff5d3b3; box-shadow:inset 0 0 0 3px #90663220}
[data-game='cookies'] .mini-hud > span:first-child {background:linear-gradient(#fff2d6,#edd4aa); color:#70471f; border:1px solid #d3b482}
[data-game='cookies'] .mini-hud strong {letter-spacing:0}
[data-game='cookies'] .clock,[data-game='cookies'] .icon-button {border-color:#dfd0ba; color:#785b40; background:#fffaf0}
[data-game='cookies'] .icon-button {min-width:44px; min-height:44px}
/* Persistent hit areas follow the renderer. No extra buttons sit over the tray. */
[data-game='cookies'] .hit-target {border-radius:12px}
[data-game='cookies'] .hit-target[data-bake-state='ready'] {box-shadow:inset 0 0 0 2px #ac731c60}
[data-game='cookies'] .hit-target:active:not(:disabled) {background:#cd9a4430; box-shadow:inset 0 0 0 3px #93602e}
[data-game='cookies'] .hit-target[data-bake-state='ready']:active {background:#f6c96b40; box-shadow:inset 0 0 0 3px #8b561d}
[data-game='cookies'] .hit-target:focus-visible {outline:3px solid #5a381e; outline-offset:-4px}
[data-game='cookies'] .overlay {backdrop-filter:none}
[data-game='cookies'] .overlay:not([data-presentation='result']) {background:radial-gradient(ellipse at 50% 25%,#fffdf7fa,#f7e9d4f5); box-shadow:inset 0 0 0 6px #fff8,inset 0 0 0 7px #b58c4f40}
[data-game='cookies'] .overlay h2 {color:#5b3b25; letter-spacing:.02em}
[data-game='cookies'] .panel-icon {border-radius:50%; transform:none; border:3px double #bc995e; background:radial-gradient(circle,#fffaf0 58%,#ead4ad 60%,#fffbef 67%); box-shadow:0 5px 0 #b89b7520,0 10px 20px #80613f15}
[data-game='cookies'] .panel-icon img {transform:none}
[data-game='cookies'] .panel-detail {color:#6e513b; text-wrap:pretty}
[data-game='cookies'] .cast-options button {background:#ede1cf; border-color:#fffbf3; border-radius:15px}
[data-game='cookies'] .cast-options button[aria-pressed='true'] {background:#f6dfb6; border-color:#93602e; box-shadow:0 4px 0 #b690632b,0 0 0 3px #fff9ed}
[data-game='cookies'] .go {background:linear-gradient(145deg,#a67348,#805236); box-shadow:0 4px 0 #60442e,0 9px 18px #76543520; font-size:22px; font-weight:700; border:1px solid #ffefb0; border-radius:20px}
[data-game='cookies'] .go:active {box-shadow:0 1px 0 #60442e}
/* The result remains docked below the finished tray. */
[data-game='cookies'] .overlay[data-presentation='result'] {border:1px solid #c4a06a; background:linear-gradient(110deg,#fff9e8,#f3e3c7); box-shadow:inset 0 1px 0 #fff,0 3px 0 #ae89521a}
[data-game='cookies'] .overlay[data-presentation='result'] h2 {font-variant-numeric:tabular-nums; color:#70461f}
[data-game='cookies'] .overlay[data-presentation='result'] .panel-detail {color:#6e4e28; font-weight:650; white-space:pre-line; max-width:none; line-height:1.45}
[data-game='cookies'] .cast-toggle {border-color:#cfb48a; color:#704b28; background:#fff8e9}
[data-game='cookies'] .save-note {color:#75513b}
@keyframes cookie-warmth {from {box-shadow:0 0 0 3px #d8ae6b55} to {box-shadow:0 0 0 0 #d8ae6b00}}
@media (max-width:350px) {
    [data-game='cookies'] .mini-shell {padding-left:5px; padding-right:5px}
    [data-game='cookies'] .companion {column-gap:4px}
    [data-game='cookies'] .overlay[data-presentation='result'] {gap:6px; padding:7px 8px}
    [data-game='cookies'] .overlay[data-presentation='result'] h2 {min-width:65px; flex:0 1 auto}
    [data-game='cookies'] .overlay[data-presentation='result'] .panel-detail {font-size:10px}
}
@media (max-height:620px) {
    [data-game='cookies'] .overlay:not([data-presentation='result']) {padding:9px}
}
@media (prefers-reduced-motion:reduce) {
    [data-game='cookies'] *,[data-game='cookies'] *::before,[data-game='cookies'] *::after {animation:none!important; transition:none!important}
}