body{overflow:auto!important;background:linear-gradient(180deg,#87ceeb,#6b8e23)}#trade-area{display:flex;min-height:100vh;padding-top:4rem;gap:0;background:linear-gradient(180deg,#87ceeb4d,#6b8e2380)}#inventory-panel{width:280px;background:linear-gradient(180deg,#3e2723e6,#2a1914f2);border-right:3px solid rgba(139,119,73,.4);padding:1.2rem;overflow-y:auto;box-shadow:4px 0 20px #0000004d}.panel-title{font-family:var(--font-pixel);font-size:.45rem;color:#66bb6a;margin-bottom:1rem;text-align:center;letter-spacing:2px;text-shadow:0 0 10px rgba(102,187,106,.5);padding-bottom:.8rem;border-bottom:2px solid rgba(139,119,73,.3)}.inv-item{display:flex;align-items:center;gap:.6rem;padding:.6rem;margin-bottom:.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s}.inv-item:hover{background:#8b774926;border-color:#ffd7004d;transform:translate(4px)}.inv-item .i-icon{font-size:1.4rem;width:36px;text-align:center;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.inv-item .i-info{flex:1}.inv-item .i-name{font-family:var(--font-modern);font-weight:700;font-size:.8rem;color:#e0e0e0}.inv-item .i-qty{font-size:.65rem;color:gold;font-weight:600}#villager-panel{flex:1;display:flex;flex-direction:column;align-items:center;padding:2.5rem;gap:1.2rem;background:#0003}#villager-display{text-align:center;padding:1.5rem 2.5rem;background:#3e2723cc;border-radius:16px;border:3px solid rgba(139,119,73,.4);box-shadow:0 8px 32px #0000004d}#villager-icon{font-size:5rem;margin-bottom:.8rem;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4));animation:villagerBob 2s ease-in-out infinite}@keyframes villagerBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}#villager-name{font-family:var(--font-pixel);font-size:.7rem;color:#ffb300;text-shadow:0 0 15px rgba(255,179,0,.5)}#villager-type{font-size:.6rem;color:#ffffff80;margin-top:.4rem}#offers-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:480px}.offer{display:flex;align-items:center;gap:.8rem;padding:1rem;background:linear-gradient(135deg,#3e2723b3,#2a1914cc);border:2px solid rgba(139,119,73,.3);border-radius:12px;transition:all .25s}.offer:hover{background:linear-gradient(135deg,#8b77494d,#6b593766);border-color:#ffd70080;transform:scale(1.02);box-shadow:0 4px 20px #0000004d}.offer .o-give{flex:1;text-align:center}.offer .o-arrow{font-size:1.4rem;opacity:.6;animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.8;transform:translate(3px)}}.offer .o-get{flex:1;text-align:center}.offer .o-icon{font-size:1.6rem;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.4))}.offer .o-label{font-size:.6rem;color:#ffffffb3;margin-top:4px;font-weight:500}.offer .trade-btn{padding:.6rem 1.2rem;font-size:.55rem;font-family:var(--font-pixel);background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #0000004d}.offer .trade-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:scale(1.08);box-shadow:0 6px 16px #4caf5066}.offer .trade-btn:disabled{background:#555;cursor:not-allowed;transform:none;box-shadow:none}#round-info{font-family:var(--font-pixel);font-size:.4rem;color:#fff6;margin-top:.8rem;padding:.6rem 1.2rem;background:#0000004d;border-radius:8px}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}