html{background:#eaf3cd}
body{background:radial-gradient(ellipse at 25% 0,#fffbe7,#e6f0cd 65%,#c6dfa5);color:#54422e;padding:12px 10px 24px}
.backyard{max-width:980px}
header a{color:#556e39;font-weight:bold}
h1{color:#415c32;text-shadow:1px 2px #fff;letter-spacing:2px}
h1 small{color:#6f7748;letter-spacing:1px}
#pause,#menu,#sound{background:#fff9e4;color:#4b5b32;border:2px solid #8c9d5f;border-radius:12px;font-weight:bold;box-shadow:0 3px #c2cf9a}
.cabinet{background:linear-gradient(#ffeab1,#f4d58d);border-color:#866544;border-radius:22px 22px 0 0;box-shadow:inset 0 3px #fff9e2,0 8px 26px #6c814320;padding:10px 12px}
.readout{color:#65502e;text-shadow:none}
#money{color:#77511e;text-shadow:1px 1px #fff8d6}
.shop{gap:8px;grid-template-columns:repeat(8,minmax(0,1fr))}
.shop button{background:linear-gradient(#fffdf1,#fce5ab);border-color:#b19160;border-radius:12px;color:#59452e;box-shadow:0 3px #bb8d4e}
.shop button:disabled{background:#e2d5b3;color:#766749;opacity:.72}
.feedbar{background:#fff8dc;color:#64523b;border-color:#866544;padding:8px 12px}
.feedbar select{background:#fffef7;color:#536632;border:1px solid #9bac6a;min-height:44px;border-radius:9px}
.feedbar span{color:#7d6034}
.stage{border:5px solid #866544;border-top:3px solid #c6a66a;border-bottom:3px solid #c6a66a;background:#a4cc67;box-shadow:0 10px 26px #65844130}
.bottom-rim{background:linear-gradient(#f0d396,#dfbb7a);border-color:#866544;color:#614c30;text-shadow:none;padding:11px 14px}
#brmsg{color:#516732;font-weight:bold}
.help{color:#68734d}.help a{color:#476f42;text-underline-offset:4px}
#paused{background:#fff8e5eb;color:#5b4936}
#mode-menu{background:#fff9e6;color:#594b34;border-color:#a58250;box-shadow:0 16px 60px #3e553755}
#mode-menu::backdrop{background:#365032a3}
.menu-body label{border-color:#bbba8b}
.menu-body button,#paused button,.virtual-controls button{background:#ffebb0;color:#59472c;border-color:#b38c4e;border-radius:11px;box-shadow:0 2px #dcc188}
.virtual-controls{background:#fff1c5}
button:focus-visible,select:focus-visible,a:focus-visible{outline-color:#2785b1}
@media(max-width:600px){body{padding:7px 6px 18px}header{gap:8px}h1{font-size:23px;letter-spacing:1px}h1 small{font-size:10px}#pause,#menu{padding:0 11px}.cabinet{padding:7px}.shop{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.shop button{min-height:62px}.feedbar{padding:5px 7px}.bottom-rim{padding:9px 7px}}
@media(orientation:landscape) and (max-height:550px){
  body{padding:5px 8px}.backyard{max-width:1100px;display:grid;grid-template-columns:215px minmax(0,1fr);grid-template-areas:"head head" "shop stage" "feed stage" ". rim" "message message";column-gap:12px;align-items:start}
  header{grid-area:head;margin-bottom:6px}h1{font-size:23px}h1 small{display:inline-block;margin-left:12px}.cabinet{grid-area:shop;padding:6px;border-radius:14px}.readout{flex-wrap:wrap;padding-bottom:4px;font-size:10px;gap:3px}#money{font-size:19px}
  .shop{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.shop button{min-height:54px;font-size:10px}.shop button b{font-size:10px}.shop button .icon{font-size:16px}
  .feedbar{grid-area:feed;flex-wrap:wrap;border:2px solid #a28b59;border-radius:10px;padding:4px;margin-top:5px}.feedbar label{display:none}.feedbar span{font-size:10px}.feedbar select{flex-basis:100%;min-height:44px;font-size:11px}
  .stage{grid-area:stage;width:min(100%,calc(128dvh - 100px));justify-self:center;border-radius:12px;overflow:hidden}.bottom-rim{grid-area:rim;border:0;background:none;justify-content:center;padding:5px;font-size:10px}.bottom-rim span:first-child{display:none}#brmsg{grid-area:message}.help{grid-column:1 / -1}
}