#scene-tavern{background:radial-gradient(ellipse at 50% 80%,rgba(80,50,20,0.4) 0%,transparent 60%),radial-gradient(ellipse at 30% 20%,rgba(100,60,20,0.2) 0%,transparent 40%),var(--bg-dark);padding:20px}
.tavern-bg{position:absolute;inset:0;opacity:0.05;background:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(139,90,43,0.1) 40px,rgba(139,90,43,0.1) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(139,90,43,0.1) 40px,rgba(139,90,43,0.1) 41px);pointer-events:none}
#scene-tavern .scene-heading{color:var(--gold);text-shadow:0 0 30px rgba(255,215,0,0.3)}
.tavern-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:700px;width:100%;padding:10px}
.tavern-option{background:linear-gradient(180deg,rgba(30,25,20,0.9) 0%,rgba(20,15,10,0.95) 100%);border:2px solid #4a3a2a;border-radius:12px;padding:20px 16px;text-align:center;cursor:pointer;transition:all var(--transition-med);position:relative;overflow:hidden}
.tavern-option::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,215,0,0.05) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-med)}
.tavern-option:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 0 20px rgba(255,215,0,0.2)}
.tavern-option:hover::before{opacity:1}
.tavern-option.disabled{opacity:0.4;pointer-events:none}
.tavern-option-icon{font-size:2.5rem;margin-bottom:10px}
.tavern-option-name{font-family:var(--font-heading);font-size:1rem;color:var(--gold);letter-spacing:1px;margin-bottom:6px}
.tavern-option-desc{font-size:0.8rem;color:var(--text-dim);line-height:1.4}
.tavern-option-cost{margin-top:8px;font-size:0.8rem;color:var(--gold-dark);font-weight:700}
.tavern-sub{max-width:600px;width:100%;text-align:center}
.tavern-sub-title{font-family:var(--font-heading);font-size:1.3rem;color:var(--gold);margin-bottom:16px;letter-spacing:2px}

/* Shop */
.shop-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}
.shop-item{background:var(--bg-card);border:1px solid #444;border-radius:8px;padding:12px;width:130px;text-align:center;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}
.shop-item::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,215,0,0.04) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}
.shop-item:hover{border-color:var(--gold);box-shadow:var(--glow-gold);transform:translateY(-3px)}
.shop-item:hover::after{opacity:1}
.shop-item.sold{opacity:0.3;pointer-events:none}
.shop-item-icon{font-size:1.8rem;margin-bottom:6px}
.shop-item-icon img{width:48px;height:48px;image-rendering:pixelated}
.shop-item-name{font-family:var(--font-heading);font-size:0.75rem;color:var(--text-main);margin-bottom:4px}
.shop-item-desc{font-size:0.65rem;color:var(--text-dim);margin-bottom:6px;line-height:1.3}
.shop-item-price{font-family:var(--font-heading);font-size:0.85rem;color:var(--gold);font-weight:700}
.shop-item-preview{font-size:0.6rem;color:var(--text-dim);margin-top:4px;padding-top:4px;border-top:1px solid #333}

/* Gamble area */
.gamble-area{background:var(--bg-card);border:1px solid #4a3a2a;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.3)}
.gamble-dice-row{display:flex;gap:12px;justify-content:center;margin:16px 0;align-items:center}
.gamble-die{width:56px;height:56px;image-rendering:pixelated;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.6));transition:all var(--transition-fast);cursor:pointer;border-radius:6px}
.gamble-die:hover{transform:scale(1.1)}
.gamble-die.held{outline:3px solid var(--gold);border-radius:8px;box-shadow:0 0 12px rgba(255,215,0,0.4)}
.gamble-result{font-family:var(--font-heading);font-size:1.2rem;margin-top:12px;letter-spacing:1px}
.gamble-result.win{color:var(--gold);text-shadow:0 0 10px rgba(255,215,0,0.3)}
.gamble-result.lose{color:var(--hp-red)}

/* Rest area */
.rest-area{text-align:center;padding:30px}
.rest-heal-amount{font-family:var(--font-heading);font-size:2rem;color:var(--hp-green);margin:16px 0;text-shadow:0 0 15px rgba(46,204,113,0.3)}
.rest-heal-preview{font-size:0.9rem;color:var(--hp-green);margin-top:4px}
.tavern-leave{margin-top:16px}

@media(max-width:640px){
    #scene-tavern{padding:12px}
    .tavern-options{grid-template-columns:repeat(auto-fit,minmax(min(160px,45%),1fr));gap:10px;padding:6px}
    .tavern-option{padding:14px 10px}
    .tavern-option-icon{font-size:2rem;margin-bottom:6px}
    .tavern-option-name{font-size:0.85rem}
    .tavern-option-desc{font-size:0.7rem}
    .shop-grid{gap:8px}
    .shop-item{width:110px;padding:10px}
    .shop-item-icon img{width:40px;height:40px}
    .shop-item-name{font-size:0.65rem}
    .gamble-die{width:48px;height:48px}
    .gamble-dice-row{gap:8px}
    .gamble-result{font-size:1rem}
}