:root{--brown:#62462f;--cream:#faf4dc;--paper:#fffbed;--border:#bd996b;--green:#648757;--gold:#dfb551;font-family:Tahoma,'Segoe UI',sans-serif;color:var(--brown);font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;overflow:hidden}button,select,input{font:inherit;color:inherit}button{border:1px solid var(--border);border-radius:12px;background:#f5e7bf;padding:8px 12px;box-shadow:0 2px #c4a57a;cursor:pointer;transition:background .12s,transform .12s}button:hover:not(:disabled){background:#eed9a6;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px);box-shadow:none}button:disabled{opacity:.48;cursor:not-allowed}button.selected,.primary{background:var(--green);color:#fffbed}.danger{color:#a83e32}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #709fa4;outline-offset:3px}input,select{background:var(--paper);border:1px solid var(--border);border-radius:8px;padding:8px;max-width:100%}input[type=range]{padding:0;accent-color:var(--green);width:100%}.frame{background:var(--cream);border:2px solid var(--border);border-radius:15px;box-shadow:0 4px #b89b70,0 12px 35px #20150625}.frame:before{pointer-events:none}#pasture{position:fixed;bottom:0;left:0;width:calc(100% - 246px);height:150px;touch-action:none}#toolbar{position:fixed;right:5px;bottom:5px;width:237px;padding:8px}.wallet{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--green)}.wallet strong{flex:1}.wallet button{padding:3px 9px}.toolbar-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.toolbar-grid button{padding:6px 4px;font-size:12px}#welcome{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 70%,#ecdfae,#faf4dc 70%);z-index:100;padding:25px;text-align:center}#welcome h1{font-size:clamp(36px,6vw,64px);margin:18px 0 0}#welcome p{line-height:1.8}.eyebrow{letter-spacing:6px;color:#809166;font-size:12px}#start{background:var(--green);color:var(--paper);font-size:20px;min-width:180px;margin:20px}#welcome small{color:#8d8063;margin-top:24px}#loading{min-height:1.5em}#panel{position:fixed;width:min(810px,96vw);height:min(532px,88vh);top:5vh;left:max(2vw,calc((100vw - 810px)/2));z-index:10;overflow:hidden;display:flex;flex-direction:column}#panel[hidden], [hidden]{display:none!important}#panel-header{background:#624832;color:var(--cream);display:flex;align-items:center;gap:8px;padding:10px 14px;touch-action:none;cursor:move;user-select:none;min-height:68px}#panel-header>div{flex:1}#panel-header h1{font-size:23px;margin:0}#panel-header small{opacity:.6;font-size:10px}#panel-header button{padding:7px 11px;cursor:pointer}#panel-header .balance{color:#edc45d;font-weight:bold}.panel-body{display:flex;flex:1;min-height:0;padding:10px;gap:12px}nav{flex:0 0 166px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:5px;background:#ece1be;border:3px double #bea579;border-radius:12px}nav button{width:100%;flex:none;font-size:13px}main{flex:1;overflow-y:auto;overscroll-behavior:contain;min-width:0;padding:4px 4px 20px;scrollbar-color:#779263 #eee3c1;scrollbar-width:thin}h2{font-size:23px;margin:2px 0 7px}h3{font-size:16px;margin:18px 0 10px}p{line-height:1.7}.sub{font-size:11px;color:#948870;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:12px}.card{position:relative;min-width:0;border:3px double #c9aa7d;border-radius:13px;background:var(--paper);box-shadow:0 3px #c0a175;padding:11px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.card:before,.card:after{content:'╱';position:absolute;top:4px;color:#ba9761;font-size:12px}.card:before{left:6px}.card:after{right:6px}.card canvas{max-width:100%;image-rendering:pixelated}.card h3{margin:0;font-size:15px}.card p{margin:0;font-size:12px}.card button{width:100%;margin-top:auto;font-size:12px}.card .stars{font-size:16px;letter-spacing:2px;color:var(--rarity,#a4ac91)}.card.rare{border-top:5px solid var(--rarity)}.card.empty{border-style:dashed;justify-content:center;min-height:190px;cursor:pointer}.plus{font-size:55px;line-height:1.2;color:var(--green)}.meter{height:5px;background:#eee4c6;width:100%;border-radius:8px;overflow:hidden}.meter span{display:block;height:100%;background:var(--green)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.row>*{flex:1;min-width:70px}.box{background:#efe6c6;padding:14px;border:1px solid var(--border);border-radius:12px;margin:12px 0}.note{background:#e0e8bb;padding:12px;border:1px solid #b7b884;border-radius:12px;line-height:1.8;font-size:12px}.basic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.basic-grid .card{padding:4px}.basic-grid button{padding:5px;font-size:12px}footer{background:#e7dfbd;padding:7px 12px;min-height:28px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#toast{position:fixed;bottom:165px;left:50%;transform:translateX(-50%);background:#624832ed;color:#fffbed;padding:10px 18px;border-radius:12px;max-width:85vw;pointer-events:none;z-index:50;opacity:0;transition:opacity .2s;text-align:center}#toast.visible{opacity:1}#food-hint{position:fixed;left:15px;bottom:155px;padding:8px 15px;background:#fff5d9;box-shadow:0 2px 10px #0002;border-radius:10px;font-size:12px}dialog{color:var(--brown);width:min(720px,94vw);max-height:85vh;padding:18px}dialog::backdrop{background:#30261766}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}#dialog-content{overflow:auto;max-height:65vh;padding:5px}.stat{font-size:12px;color:#8f8067}.controls{display:flex;gap:8px;flex-wrap:wrap}.controls button{flex:1}a{color:var(--green)}label{display:block;line-height:1.8;margin:10px 0}body.hud #welcome{background:var(--cream)}@media(max-width:640px){#panel-header{gap:5px;padding:8px}#panel-header h1{font-size:17px}#header-music{font-size:11px}#drag-hint{display:none}nav{flex-basis:116px}nav button{font-size:11px;padding:7px 2px}.panel-body{gap:6px;padding:6px}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.basic-grid{grid-template-columns:repeat(2,1fr)}#toolbar{width:180px}#pasture{width:calc(100% - 185px)}.toolbar-grid button{font-size:11px}#panel-header button{padding:6px 8px}#panel-header .balance{font-size:12px}}@media(max-height:320px){#panel{height:96vh!important;top:2vh!important}#panel-header{min-height:40px;padding:5px}#panel-header h1{font-size:16px}#drag-hint{display:none}footer{display:none}#welcome h1{font-size:24px;margin:0}#welcome p{margin:5px}#start{margin:8px;font-size:15px}#welcome small{margin:2px}#panel-header small{display:none}}

#panel-header button{color:var(--brown)} .card canvas{flex-shrink:0}