/* Shared cards, stats, shop rows and panels come directly from tapper.css. */
.corn-game { position: relative; }
.corn-inline { width: 18px; height: 18px; object-fit: contain; vertical-align: middle; }
.corn-progress { accent-color: #b08b21; }
.corn-progress::-webkit-progress-value { background: #b08b21; }
.corn-progress::-moz-progress-bar { background: #b08b21; }
.corn-nav { display: flex; gap: 8px; margin: 18px 0 14px; }
.corn-nav .button { flex: 1; min-width: 0; gap: 6px; }
.corn-game .corn-nav [aria-pressed="true"] { background: rgba(178,139,34,.14); border-color: #b28b22; color: inherit; font-weight: bold; }
.corn-field-wrap { position: relative; }
.corn-plots { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.corn-game .corn-plot { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 90px; width: 100%; padding: 6px; border: 1px solid rgba(127,127,127,.3); border-radius: 10px; background: rgba(127,127,127,.04); color: inherit; cursor: pointer; touch-action: manipulation; font: inherit; font-size: 12px; overflow: hidden; }
.corn-plot img { width: 42px; height: 42px; flex-shrink: 0; object-fit: contain; pointer-events: none; margin: 4px auto 2px; }
.corn-plot span { position: relative; display: block; }
.corn-game .corn-plot.corn-empty { border-style: dashed; border-color: #b28b22; }
.corn-plot .corn-plot-label { width: 100%; min-height: 18px; line-height: 18px; font-weight: bold; text-align: center; }
.corn-plot .corn-plot-hint { display: flex; align-items: center; justify-content: center; width: 100%; height: 2.4em; flex-shrink: 0; line-height: 1.2; margin-top: 1px; font-size: 11px; text-align: center; opacity: .8; }
.corn-plot .corn-plot-progress { position: absolute; bottom: 0; left: 0; height: 3px; background: #b28b22; }
.corn-plot.corn-growing img { opacity: .65; animation: corn-sway 3s ease-in-out infinite; transform-origin: bottom center; }
.corn-game .corn-plot.corn-ripe { background: rgba(178,139,34,.13); border-color: #b28b22; }
.corn-plot.corn-ripe img { filter: drop-shadow(0 0 5px rgba(255,193,7,.8)) drop-shadow(0 0 10px rgba(255,214,64,.45)); animation: corn-ready 1.6s ease-in-out infinite; }
.corn-field-actions, .corn-mill-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 12px 0 0; }
.corn-production { margin: 10px 0 0; }
.corn-automation { margin: 6px 0 0; }
.corn-game .corn-upgrade-preview, .corn-game .corn-upgrade-unlocked { font-weight: bold; opacity: 1; }
.corn-reward { position: relative; overflow: hidden; }
.corn-game .corn-reward .corn-season-trophy { font-size: 16px; }
.corn-game .corn-reward-code { display: inline-block; max-width: 100%; box-sizing: border-box; padding: 8px 16px; border: 2px solid #b28b22; border-radius: 8px; background: rgba(230,184,46,.14); font-size: 22px; overflow-wrap: anywhere; }
.corn-overflow { display: flex; justify-content: center; align-items: end; height: 30px; margin-top: 4px; pointer-events: none; overflow: hidden; }
.corn-overflow:empty { height: 0; }
.corn-overflow img { width: 26px; height: 26px; object-fit: contain; margin: 0 -3px; transform: rotate(-15deg); }
.corn-overflow img:nth-child(even) { transform: rotate(25deg); }
.corn-result { display: flex; align-items: center; justify-content: center; margin: 12px 0 0; min-height: 40px; }
.corn-jill-heading { display: flex; align-items: center; justify-content: center; gap: 12px; text-align: left; }
.corn-jill { position: relative; }
.corn-game .corn-jill-heading > img { width: 60px; height: 60px; flex: 0 0 60px; object-fit: cover; box-sizing: border-box; border: 2px solid #e6b82e; border-radius: 50%; box-shadow: 0 0 0 1px #e6b82e; }
.corn-jill-heading h3 { margin: 4px 0; font-size: 15px; }
.corn-jill .tapper-story { min-height: 76px; font-size: 13px; }
.corn-request-needs { display: grid; gap: 12px; margin: 14px 0; }
.corn-chatter { font-size: 12px; min-height: 56px; }
.corn-shop-icon { width: 30px; height: 36px; object-fit: contain; }
.corn-game .button[data-corn-buy]:enabled, .corn-game .button[data-corn-action="deliver"]:enabled { background: linear-gradient(135deg, #ffe477, #f3bd32); border-color: #c18a13; color: #382600; font-weight: bold; box-shadow: 0 2px 8px rgba(230,184,46,.35); }
.corn-game .button[data-corn-buy]:enabled:hover, .corn-game .button[data-corn-action="deliver"]:enabled:hover { background: #ffe477; box-shadow: 0 2px 12px rgba(230,184,46,.55); }
.corn-mill-art { width: 72px; height: 72px; object-fit: contain; }
.corn-mill-card { margin-top: 0; }
.corn-mill-card h3 { margin: 4px 0; }
.corn-game .corn-auto { margin-top: 14px; }
.corn-game .corn-auto[aria-pressed="true"] { background: rgba(178,139,34,.14); border-color: #b28b22; }
.corn-monument { border: 1px solid rgba(178,139,34,.5); border-radius: 10px; margin-top: 16px; padding: 12px; }
.corn-monument-art { display: flex; flex-wrap: wrap; align-items: end; justify-content: center; max-width: 220px; margin: auto; }
.corn-monument-art img { width: 34px; height: 40px; object-fit: contain; margin: -7px -3px; }
.corn-effects { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 3; }
.corn-particle { position: absolute; width: 30px; height: 36px; object-fit: contain; left: 50%; top: 50%; animation: corn-burst 1.25s ease-out both; pointer-events: none; }
.corn-particle.corn-giant { width: 62px; height: 72px; }
.corn-particle.corn-golden { filter: drop-shadow(0 0 6px #fbc901); }
.corn-game button img { -webkit-user-drag: none; }
.corn-game .corn-reward strong { -webkit-user-select: text; user-select: text; }
@keyframes corn-sway { 50% { transform: rotate(5deg); } }
@keyframes corn-ready { 50% { transform: translateY(-3px); } }
@keyframes corn-burst { from { opacity: 1; transform: translate(-50%,-50%) scale(.6); } to { opacity: 0; transform: translate(var(--corn-x),var(--corn-y)) rotate(var(--corn-spin)) scale(1.1); } }
@media (max-width: 380px) { .corn-plots { gap: 7px; } .corn-game .corn-plot { font-size: 11px; min-height: 90px; } .corn-nav .button { padding: 4px 6px; font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .corn-growing img, .corn-ripe img, .corn-particle { animation: none !important; } .corn-particle { display: none; } }