:root{--ink:#ece5ea;--paper:#201a23;--paper2:#2d2531;--wood:#392a2c;--wood2:#161116;--iron:#716d72;--gold:#b89a63;--green:#4f5f4b;--red:#84263a;--cream:#f0e8e5;--gothic-black:#0b090d;--gothic-charcoal:#151117;--gothic-panel:#211a24;--gothic-panel2:#2b222e;--gothic-slate:#514b55;--gothic-silver:#aaa3aa;--gothic-violet:#5e3d69;--gothic-purple:#3c2744;--gothic-burgundy:#5a1e31;--gothic-blood:#84263a;--gothic-ivory:#f0e8e5;--gothic-muted:#aaa1a7;--gothic-ember:#d28a4a;--gothic-amber:#e0a45d;--gothic-stone:#69666a;--gothic-moss:#455143;--panel-edge:#655b68;--panel-edge-soft:#8b789244;--shadow:#050307cc;--touch:44px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body,#game-shell{margin:0;width:100%;height:100%;overflow:hidden;background:var(--gothic-black);font-family:Georgia,"Times New Roman",serif;color:var(--ink)}
body{touch-action:none;overscroll-behavior:none}
#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:#292a2d}
#ui-root{position:absolute;inset:0;pointer-events:none;user-select:none;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}
button{font:inherit}
.medieval-panel{background:linear-gradient(160deg,rgba(46,37,50,.97),rgba(22,17,24,.98));color:var(--gothic-ivory);border:1px solid var(--panel-edge);box-shadow:0 14px 34px #000b,inset 0 0 0 1px var(--panel-edge-soft),inset 0 18px 34px #8b78920b;border-radius:12px;backdrop-filter:blur(3px)}
.wood-button{pointer-events:auto;min-height:var(--touch);background:linear-gradient(180deg,#603149,#351b2c);color:var(--gothic-ivory);border:1px solid #7b5268;border-radius:9px;box-shadow:inset 0 1px #a06f86,0 3px 0 #120b10,0 6px 14px #0006;padding:9px 14px;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px #000;transition:transform .08s ease,filter .12s ease,box-shadow .08s ease,border-color .12s ease}
.wood-button:hover{filter:brightness(1.07);border-color:#956c80}.wood-button:focus-visible,.navbtn:focus-visible,.crop-choice:focus-visible,.quality-choice:focus-visible{outline:2px solid #d9b16d;outline-offset:2px}.wood-button:active,.navbtn:active,.crop-choice:active{transform:translateY(2px) scale(.985);box-shadow:inset 0 2px #4d2942,0 1px #08070a}.wood-button:disabled{opacity:.48;filter:saturate(.45);cursor:not-allowed}.wood-button.danger{background:linear-gradient(#882b3e,#45131f)!important;border-color:#8b4654!important}.hidden{display:none!important}
.juice-celebration{position:absolute;z-index:200;pointer-events:none;left:50%;top:18%;transform:translate(-50%,-12px) scale(.96);opacity:0;min-width:260px;max-width:min(86vw,520px);padding:12px 20px;text-align:center;color:#f2e9ef;font-weight:800;letter-spacing:.08em;background:linear-gradient(145deg,#37293d,#19141d);border:1px solid #76566b;border-radius:12px;box-shadow:0 14px 34px #000b,inset 0 0 0 1px #a28da044;transition:opacity .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}.juice-celebration.show{opacity:1;transform:translate(-50%,0) scale(1)}.juice-seal{font-size:24px;margin-bottom:3px;filter:drop-shadow(0 2px 2px #000)}
.production-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid #62596c;background:#2b2430;margin:2px 0 8px;font-size:12px}.production-status.working{background:#354138}.production-status.needs_worker,.production-status.storage_full{background:#512a34}.passive-output{margin:9px 0;padding:8px 10px;border:1px solid #615767;border-radius:9px;background:#251f2acc}.passive-output h3{margin:0 0 5px}.production-help{font-size:12px;opacity:.78}
#game-canvas-3d{position:absolute;inset:0;width:100%;height:100%;display:block;background:#0b090d}
@media(prefers-reduced-motion:reduce){.wood-button,.juice-celebration{transition:none!important}.juice-celebration{transform:translate(-50%,0)}}