/* Feijonzito - Cores Vibrantes e Modernas */
:root{color-scheme:dark;--bg:#1c150d;--ink:#FFFFFF;--muted:#c8bba2;--paper:#2b1d12;--dark:#120c07;--primary:#f26419;--primary-dark:#b84107;--accent:#33ca7f;--accent-dark:#1f8552;--gold:#f6c83b;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-image:linear-gradient(135deg,#1A1A2E 0%,#16213E 100%)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:4px}button{border:0}a{color:inherit}h1,h2,p{margin:0}h1,h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;letter-spacing:-.025em}h1{font-size:48px;line-height:1.1}h2{font-size:24px;line-height:1.2}[hidden]{display:none!important}.topbar{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:2px solid var(--primary);background:linear-gradient(180deg,rgba(255,107,53,.15),transparent)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 22px system-ui,serif;letter-spacing:-.5px}.brand-symbol{display:grid;place-items:center;background:var(--primary);width:32px;height:34px;border-radius:50%;color:#FFF;font-size:20px;transform:rotate(-5deg);box-shadow:0 4px 12px rgba(255,107,53,.4)}.brand-note{font:10px/1.2 system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;opacity:.85;margin-left:5px}.subtle{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:var(--ink);padding:8px 14px;border-radius:8px;font-size:12px}.subtle:hover:not(:disabled){background:rgba(255,255,255,.15)}main{max-width:1160px;margin:auto;padding:0 20px 40px}.welcome{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;min-height:calc(100dvh - 90px);padding:30px 0}.eyebrow,.small-number{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--primary);margin-bottom:10px;text-transform:uppercase}.intro h1{font-size:clamp(36px,5vw,55px);letter-spacing:-2px;line-height:1.1}.intro h1 em{color:var(--primary);font-weight:700}.intro-copy{font-size:14px;line-height:1.85;color:var(--muted);margin-top:20px}.intro-foot{font-size:10px;letter-spacing:.2px;color:var(--muted);margin-top:20px}.sample-cards{display:flex;gap:0;padding:15px 10px 0;height:150px}.sample-cards .bean-card{width:100px;height:130px;transform:rotate(-10deg);pointer-events:none}.sample-cards .bean-card:nth-child(2){transform:rotate(2deg);margin-top:5px;margin-left:-10px}.sample-cards .bean-card:nth-child(3){transform:rotate(10deg);margin-left:-8px}.join-panel{background:var(--paper);color:var(--ink);padding:28px 24px;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1)}.join-panel .small-number{color:var(--primary)}.join-panel h2{font-size:28px;margin:10px 0 8px}.join-panel p{color:var(--muted);font-size:13px;line-height:1.6}.join-panel label{display:block;font-size:12px;font-weight:600;margin:18px 0 6px}.join-panel input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:var(--ink);border-radius:8px;padding:12px 14px;font-size:14px}.join-panel input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}primary{border:1px solid transparent;background:var(--primary);color:#FFF;border-radius:8px;padding:11px 18px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:background .2s}.primary:hover:not(:disabled){background:var(--primary-dark)}.primary:active:not(:disabled){transform:scale(.98)}.join-panel .primary{width:100%;margin-top:18px;background:var(--primary);color:#FFF;justify-content:space-between}.text-button{color:var(--accent);background:none;padding:12px 0 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.connection-note{font-size:10px;border-top:1px solid rgba(255,255,255,.1);margin-top:20px;padding-top:14px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.join-panel .form-error{color:#FF6B6B;padding-top:10px}.table-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 0 15px;gap:12px}.table-heading h1{font-size:26px}.table-heading .eyebrow{margin-bottom:5px}.heading-actions{display:flex;align-items:center;gap:12px}.connection{font-size:10px;color:var(--muted)}.connection.offline{color:#FFD93D}.light-button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:7px;color:var(--ink);font-size:11px;padding:8px 12px;transition:background .2s}.light-button:hover{background:rgba(255,255,255,.1)}.lobby{max-width:720px;margin:25px auto 60px;text-align:center;padding:28px 20px;border:2px dashed rgba(255,255,255,.1);border-radius:18px;background:rgba(0,0,0,.2)}.lobby-art{width:140px;height:120px;margin:auto}.lobby h2{font-size:32px;margin:12px 0}.lobby p{color:var(--muted);font-size:14px}.invite-line{display:flex;gap:8px;max-width:520px;margin:20px auto 10px}.invite-line input{min-width:0;flex:1;background:rgba(255,255,255,.05);color:var(--ink);border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:10px;font-size:13px}.lobby #copyStatus{min-height:24px;font-size:11px}.player-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.player-label>div{display:flex;align-items:center;gap:8px;min-width:0}.player-label strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#000;font-size:11px;font-weight:700;flex-shrink:0}.avatar.mine{background:var(--primary);color:#FFF}.coins{font-size:12px;color:var(--gold);font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;background:rgba(255,215,0,.15);padding:4px 10px 4px 6px;border-radius:999px;border:1px solid rgba(255,215,0,.3)}.coins:before{content:'';width:12px;height:12px;background:radial-gradient(circle at 30% 30%,#FFFACD,#FFD700);border-radius:50%;box-shadow:0 0 6px rgba(255,215,0,.6)}.turn-tag{font-size:8px;letter-spacing:.5px;background:var(--primary);color:#FFF;padding:2px 6px;border-radius:4px;white-space:nowrap;font-weight:600}.opponent-area{padding:10px 14px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px}.opponent-row{display:flex;gap:15px;align-items:center}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.opponent-fields{flex:1}.field{min-width:0;border:1px dashed rgba(255,255,255,.15);border-radius:8px;padding:10px 12px;background:rgba(255,255,255,.02);position:relative;transition:all .2s}.field.plantable{border:1px solid var(--primary);background:rgba(255,107,53,.08);box-shadow:0 0 0 3px var(--primary)}field .field-heading{display:flex;justify-content:space-between;gap:3px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.field-content{display:flex;gap:10px;align-items:center;margin:5px 0;min-height:55px}.field-content svg{width:45px;height:55px;flex-shrink:0}.field-name{font-size:15px;font-weight:600}.field-count{font-size:10px;color:var(--muted);margin-top:2px}.field-empty{font-size:14px;color:rgba(255,255,255,.3);text-align:center;width:100%;font-style:italic}.field-actions{display:flex;gap:5px}.field-actions button{padding:6px 8px;border-radius:5px;font-size:10px;min-height:28px;white-space:normal}.plant-button{background:var(--primary);color:#FFF;flex:1}.plant-button:hover:not(:disabled){background:var(--primary-dark)}.harvest-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--ink);flex:1}.harvest-button:hover:not(:disabled){background:rgba(255,255,255,.15)}.protection{font-size:8px;color:rgba(255,255,255,.3);margin-top:4px}.opponent-fields .field{padding:6px 10px}.opponent-fields .field-content{min-height:40px;margin:3px 0}.opponent-fields .field-content svg{width:30px;height:38px}.opponent-fields .field-name{font-size:12px}.opponent-fields .field-count{font-size:9px}.hidden-hand{min-width:70px;text-align:center;font-size:9px;color:var(--muted)}.card-backs{height:45px;display:flex;justify-content:center;margin-bottom:5px;padding-left:8px}.card-back{height:40px;width:28px;margin-left:-7px;border:2px solid var(--primary);border-radius:4px;background:rgba(255,107,53,.2);transform:rotate(-4deg);display:grid;place-items:center;font:bold 20px system-ui;color:var(--primary)}.table-middle{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:18px 5px;align-items:center;min-width:0}.piles{display:flex;gap:8px;align-items:center}.deck-card{width:65px;height:95px;border:2px solid var(--primary);background:rgba(255,107,53,.1);border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.3);display:flex;align-items:center;flex-direction:column;justify-content:center;flex-shrink:0}.deck-card .seed-pattern{font:italic 22px system-ui;color:var(--primary);line-height:1.05}.deck-card b{font-size:16px;line-height:1.5}.deck-card small{font-size:8px;color:var(--muted)}.discard-pile{width:60px;flex-shrink:0;position:relative}.discard-pile .bean-card{width:55px;height:75px;padding:5px 3px;border-radius:5px}.discard-pile .bean-card .bean-name{font-size:9px}.discard-pile .bean-card .bean-art{height:64px;padding:4px 0}.discard-pile .bean-card .bean-meter{display:none}.discard-pile .bean-card .card-count{font-size:9px}.pile-caption{font-size:8px;text-align:center;margin-top:6px;color:var(--muted)}.empty-pile{height:75px;border:1px dashed rgba(255,255,255,.2);border-radius:6px;display:grid;place-items:center;color:rgba(255,255,255,.25);font-size:9px}.market-area{min-width:0}.zone-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.zone-label h2{font:600 12px system-ui,sans-serif;letter-spacing:.2px}.zone-label span{color:var(--muted);font-size:9px}.market,.hand{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 10px;scrollbar-color:var(--accent) rgba(255,255,255,.05);min-width:0}.market::-webkit-scrollbar{height:6px}.market::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.market::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.market .bean-card{width:90px;height:125px;flex-shrink:0}.market .bean-art{height:56px;padding:2px 0}.market .bean-name{font-size:11px}.market .bean-meter{font-size:8px}.market .bean-meter b{font-size:10px}.market-empty{display:flex;align-items:center;justify-content:center;min-height:125px;width:100%;border:1px dashed rgba(255,255,255,.15);border-radius:7px;text-align:center;padding:14px;font:italic 16px system-ui;color:rgba(255,255,255,.2)}.bean-card{--bean:#4ECDC4;position:relative;display:flex;flex-direction:column;width:105px;height:148px;flex-shrink:0;border-radius:8px;background:var(--paper);color:#FFF;padding:8px 7px 6px;box-shadow:0 4px 10px rgba(0,0,0,.35);border:2px solid transparent;text-align:center;transition:transform .15s,box-shadow .15s;font:inherit}.bean-card .bean-name{font:600 13px system-ui;line-height:1.1;margin:0 10px}.card-count{position:absolute;top:6px;left:6px;font-size:10px;font-weight:750;opacity:.65;background:var(--primary);padding:2px 5px;border-radius:4px}.bean-art{height:72px;display:flex;align-items:center;justify-content:center}.bean-art svg{height:100%;width:100%;display:block}.bean-meter{display:flex;justify-content:space-between;gap:2px;font-size:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:4px}.bean-meter>span{display:flex;flex-direction:column}.bean-meter b{font-size:11px;line-height:1.25}.bean-meter small{font-size:8px;color:rgba(255,255,255,.4)}.bean-card.selectable:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(255,107,53,.3)}.bean-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(255,107,53,.5),0 0 0 4px var(--primary);transform:translateY(-3px)}.bean-card:disabled{opacity:1;cursor:default}.bean-card.unavailable{filter:saturate(.65);opacity:.7}.card-order{font-size:8px;line-height:1.1;position:absolute;bottom:-15px;left:0;right:0;color:var(--muted)}.card-order.first{color:var(--primary);font-weight:700}.hand{padding-bottom:20px;padding-top:6px}.hand::-webkit-scrollbar{height:6px}.hand::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.hand::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.turn-guide{background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}.step{font-size:8px;font-weight:700;letter-spacing:1px;color:var(--primary);text-transform:uppercase}.turn-guide h2{font-size:18px;margin:2px 0 4px}.turn-guide p{font-size:11px;line-height:1.55;color:var(--muted);max-width:500px}.phase-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;flex-shrink:0;max-width:220px}.phase-actions button{padding:8px 11px;background:rgba(255,255,255,.08);border-radius:6px;color:var(--ink);font-size:11px;white-space:normal;border:1px solid rgba(255,255,255,.1)}.phase-actions button:hover:not(:disabled){background:rgba(255,255,255,.15)}.phase-actions button.secondary{background:transparent;color:var(--accent);border:1px solid rgba(78,205,196,.3)}.phase-actions button.secondary:hover:not(:disabled){background:rgba(78,205,196,.1)}.phase-actions button.danger{background:rgba(255,107,107,.15);color:#FF6B6B;border:1px solid rgba(255,107,107,.3)}.my-area{padding-top:20px}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 6px}.hand-heading h2{font:600 12px system-ui,sans-serif}.hand-heading p{font-size:9px;color:var(--muted)}.history{margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding:15px 0;color:var(--muted);font-size:11px}.history summary{cursor:pointer}.history ol{padding-left:18px;line-height:1.8;max-height:200px;overflow:auto}.history ol li{margin-bottom:4px}.result{background:var(--primary);color:#FFF;border-radius:12px;padding:24px;text-align:center;margin-top:20px;box-shadow:0 8px 24px rgba(255,107,53,.3)}.result h2{font-size:30px;margin-bottom:8px}.result p{font-size:12px;margin:8px}.result button{background:#FFF;color:var(--primary);padding:10px 18px;border-radius:7px;font-weight:700;border:none;cursor:pointer}.result button:hover{transform:scale(1.03)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(90vw,500px);padding:12px 18px;background:rgba(26,26,46,.95);color:var(--ink);border:1px solid var(--primary);border-radius:8px;box-shadow:0 5px 30px rgba(0,0,0,.5);font-size:13px;z-index:20}.toast.error{background:rgba(46,204,113,.1);border-color:#6BCB77;color:#6BCB77}dialog{border:0;border-radius:16px;background:var(--paper);color:var(--ink);max-width:540px;width:calc(100% - 24px);padding:28px;max-height:88dvh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.6)}.dialog::backdrop{background:rgba(26,26,46,.85);backdrop-filter:blur(5px)}.dialog .eyebrow{color:var(--primary)}.dialog h2{font-size:26px;margin-bottom:16px}.dialog-close{float:right;background:none;color:var(--ink);font-size:24px;padding:0 5px;border:none;cursor:pointer}.dialog-close:hover{color:var(--primary)}.rule-steps{padding-left:18px}.rule-steps li{padding:0 0 10px 4px;font-size:12px;line-height:1.6}.dialog p{font-size:12px;line-height:1.6;margin:12px 0}.source-note{font-size:10px!important;color:rgba(255,255,255,.4)}.source-note a{text-underline-offset:3px;color:var(--accent)}@media(max-width:800px){.welcome{gap:30px}.intro h1{font-size:36px}.join-panel{padding:22px 20px}.topbar{padding:15px 20px}.brand{font-size:18px;gap:8px}.brand-symbol{width:26px;height:28px;font-size:16px}.brand-note{display:none}.turn-guide{align-items:flex-start;gap:12px}.phase-actions{max-width:180px}.table-middle{gap:12px}.field{padding:10px}.field-content{gap:4px}.field-name{font-size:14px}.my-area .hand-heading{flex-direction:column;align-items:flex-start}.turn-guide p{max-width:400px}}@media(max-width:600px){main{padding:0 12px 25px}.topbar{padding:12px 15px}.brand{font-size:16px;gap:6px}.brand-symbol{width:22px;height:24px;font-size:14px}.welcome{grid-template-columns:1fr;gap:20px;padding:20px 5px}.intro h1{font-size:32px}.intro-copy{font-size:12px;margin-top:15px}.intro .eyebrow{font-size:8px;margin-bottom:10px}.sample-cards{height:110px;padding-top:12px}.sample-cards .bean-card{width:75px;height:98px}.sample-cards .bean-art{height:46px;padding:2px 0}.sample-cards .bean-meter{font-size:7px}.sample-cards .bean-meter b{font-size:9px}.sample-cards .bean-name{font-size:10px}.intro-foot{font-size:9px;margin-top:12px}.join-panel{padding:20px 18px}.table-heading{padding:18px 0 14px}.table-heading h1{font-size:20px}.table-heading .eyebrow{font-size:8px}.heading-actions{flex-direction:column-reverse;gap:4px;align-items:flex-end}.connection{font-size:9px}.opponent-area{padding:10px 8px}.opponent-row{gap:6px}.opponent-fields{gap:4px}.opponent-fields .field{padding:5px}.opponent-fields .field-heading{font-size:7px}.opponent-fields .field-content{display:block;text-align:center}.opponent-fields .field-content svg{height:28px;width:24px}.opponent-fields .field-name{font-size:10px}.opponent-fields .field-count{font-size:7px}.hidden-hand{min-width:40px;width:40px;font-size:7px}.card-backs{height:35px}.card-back{width:20px;height:30px;font-size:16px;margin-left:-10px}.player-label{margin-bottom:8px}.player-label strong{font-size:11px}.avatar{width:20px;height:20px;font-size:9px}.coins{font-size:10px;padding:3px 8px 3px 6px}.coins:before{width:10px;height:10px}.turn-tag{font-size:7px;padding:2px 5px}.table-middle{grid-template-columns:70px 1fr;gap:12px;padding:15px 0}.piles{flex-direction:column;gap:8px}.deck-card{width:50px;height:60px;box-shadow:0 3px 6px rgba(0,0,0,.3)}.deck-card .seed-pattern{font-size:16px}.deck-card b{font-size:14px;line-height:1.2}.deck-card small{font-size:7px}.discard-pile{width:45px}.discard-pile .bean-card{width:42px;height:58px;padding:3px}.discard-pile .bean-name{font-size:7px}.discard-pile .bean-art{height:30px}.discard-pile .card-count{font-size:7px;left:2px;top:2px}.pile-caption{font-size:7px;margin-top:4px}.empty-pile{height:55px;font-size:8px}.market{gap:6px}.market .bean-card{width:78px;height:110px}.zone-label{gap:4px}.zone-label h2{font-size:11px}.zone-label span{font-size:8px}.market-empty{font-size:13px;min-height:110px;padding:8px}.turn-guide{flex-direction:column;padding:12px 14px;gap:10px}.turn-guide h2{font-size:16px}.turn-guide p{font-size:10px}.phase-actions{max-width:100%;justify-content:flex-start}.phase-actions button{min-height:32px}.my-area{padding-top:16px}.fields{gap:6px}.field{padding:8px 6px}.field .field-heading{font-size:7px}.field-content{display:block;text-align:center;min-height:70px;margin:5px 0}.field-content svg{width:36px;height:38px}.field-name{font-size:12px}.field-count{font-size:8px}.field-empty{font-size:11px;padding-top:16px}.field-actions{flex-direction:column;gap:4px}.field-actions button{font-size:9px;padding:5px 3px;min-height:28px}.protection{font-size:7px}.hand-heading{display:block;margin-top:14px}.hand-heading p{margin-top:3px;font-size:8px}.hand{gap:7px}.hand .bean-card{width:92px;height:130px}.hand .bean-art{height:66px;padding:3px 0}.lobby{padding:20px 12px;margin-top:15px}.lobby h2{font-size:24px}.invite-line{flex-direction:column}.lobby p{font-size:12px}.result{padding:20px 12px}.result h2{font-size:22px}dialog{padding:20px}dialog h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* moeda amarela, visual de plantio e relógio da vez — 27/09/2026 */
:root{--coin:#FFD700;--coin-deep:#FFA500;--soil-a:#3f2f22;--soil-b:#2a1f16}
.topbar-actions{display:flex;align-items:center;gap:8px}
.coins{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#FFFACD,#FFD700);color:#3a2b04;font-weight:700;font-size:11px;letter-spacing:.2px;padding:4px 10px 4px 6px;border-radius:999px;box-shadow:0 2px 5px rgba(0,0,0,.3),inset 0 1px 0 #fff9;border:1px solid rgba(255,215,0,.4)}
.coins:before{content:'';width:14px;height:14px;border-radius:50%;margin:0;background:radial-gradient(circle at 34% 28%,#FFFACD,#FFD700 52%,#FFA500);box-shadow:inset 0 0 0 1.5px #fff9,0 0 6px rgba(255,215,0,.6);animation:coinBump .55s cubic-bezier(.2,.9,.3,1)}
@keyframes coinBump{0%{transform:scale(1)}35%{transform:scale(1.14)}100%{transform:scale(1)}}
.field{background-color:var(--soil-b);background-image:repeating-linear-gradient(102deg,#ffffff0b 0 2px,#00000000 2px 11px),linear-gradient(180deg,var(--soil-a),var(--soil-b));border:1px solid #16241c;box-shadow:inset 0 3px 9px #0000004d,0 1px 0 #ffffff14;border-radius:8px}
.field.plantable{border:1px solid var(--primary);background-image:repeating-linear-gradient(102deg,#ffffff12 0 2px,#00000000 2px 11px),linear-gradient(180deg,#4b3726,#33261a);box-shadow:inset 0 3px 9px #0000004d,0 0 0 3px var(--primary)}
.field .field-heading{color:#c9b295}
.field .field-heading span:last-child{color:var(--coin)}
.field-empty{color:#cdb392;display:flex;flex-direction:column;align-items:center;gap:3px}
.field-empty .sprout{display:block;width:28px;opacity:.5}
.field.planting{animation:soilShake .55s ease}
.field.planting:after{content:'';position:absolute;left:50%;bottom:40%;width:35px;height:35px;margin-left:-18px;z-index:3;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 35V18' fill='none' stroke='%238fbf7a' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M20 20c-7 1-11-4-11-9 6 0 10 3 11 9Z' fill='%238fbf7a'/%3E%3Cpath d='M20 18c6-1 10-6 10-11-6 0-9 4-10 11Z' fill='%23a8d18f'/%3E%3C/svg%3E") center/contain no-repeat;animation:sproutPop 1.1s cubic-bezier(.2,.85,.25,1) both}
.field.planting:before{content:'';position:absolute;inset:0;border-radius:9px;border:2px solid var(--primary);opacity:0;pointer-events:none;animation:soilRing .85s ease-out}
.field.planting .field-content svg{animation:cardDrop .5s cubic-bezier(.2,.9,.3,1)}
@keyframes sproutPop{0%{transform:translateY(12px) scale(.25) rotate(-14deg);opacity:0}30%{opacity:1}62%{transform:translateY(-3px) scale(1.08) rotate(2deg);opacity:1}100%{transform:translateY(-7px) scale(1.02) rotate(0);opacity:0}}
@keyframes soilShake{0%,100%{transform:translateX(0)}18%{transform:translateX(-1px)}36%{transform:translateX(1px)}54%{transform:translateX(-.5px)}72%{transform:translateX(.5px)}}
@keyframes soilRing{0%{opacity:.85;transform:scale(.97)}100%{opacity:0;transform:scale(1.04)}}
@keyframes cardDrop{0%{transform:translateY(-12px) rotate(-7deg);opacity:.15}100%{transform:none;opacity:1}}
.turn-timer{display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:rgba(255,107,53,.15);color:var(--ink);border-radius:999px;padding:4px 12px;border:1px solid rgba(255,107,53,.3)}
.turn-timer .turn-clock{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;color:var(--coin)}
.turn-timer .turn-who{font-size:8px;letter-spacing:1px;text-transform:uppercase;opacity:.72}
.turn-timer.warn{background:rgba(255,217,61,.2);animation:clockGlow 1s ease-in-out infinite;border-color:rgba(255,217,61,.5)}
.turn-timer.warn .turn-clock{color:#FFD93D}
.turn-timer.over{background:rgba(255,107,107,.2);border-color:rgba(255,107,107,.4)}
.turn-timer.over .turn-clock{color:#FF6B6B}
@keyframes clockGlow{0%,100%{box-shadow:inset 0 0 0 1px rgba(255,217,61,.3),0 0 0 0 rgba(255,217,61,0)}50%{box-shadow:inset 0 0 0 1px rgba(255,217,61,.3),0 0 0 6px rgba(255,217,61,.25)}}
@media(max-width:600px){.topbar{padding:10px 12px}.brand{font-size:14px;gap:5px}.brand-symbol{width:20px;height:24px;font-size:12px}.brand-note{display:none}.topbar-actions{gap:6px}.topbar-actions .subtle{padding:6px 10px;font-size:11px;white-space:nowrap}.coins{font-size:10px;padding:3px 8px 3px 6px}.coins:before{width:11px;height:11px}.field-empty{padding-top:10px}.field-empty .sprout{width:24px}.turn-timer{margin-top:6px;padding:3px 10px}.turn-timer .turn-clock{font-size:12px}}
@media(prefers-reduced-motion:reduce){.field.planting,.field.planting:after,.coins.bump,.turn-timer.warn,.field.planting .field-content svg{animation:none!important}}