:root{
  --bg:#0f1112;
  --panel:#151717;
  --accent:#ffcc4d;
  --muted:#9a9ea3;
  --glass: rgba(255,255,255,0.03);
}
*{box-sizing:border-box;font-family:Inter,Segoe UI,system-ui,Arial,sans-serif}
html,body,#app{height:100%;margin:0;background:linear-gradient(180deg,#0b0c0d, #0f1112);color:#eee}
.game{display:flex;gap:18px;padding:18px;height:calc(100vh - 64px)}
.left,.right{background:var(--panel);border-radius:12px;padding:12px;display:flex;flex-direction:column}
.left{flex:1;min-width:360px;align-items:stretch;justify-content:space-between}
.right{width:440px}
.bonk-area{background:var(--glass);border-radius:10px;height:55%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.bonk-area img{max-height:110%;width:auto;height:auto;object-fit:contain;user-select:none;pointer-events:none;transition:transform .12s ease}
.big-btn{width:100%;padding:14px;border-radius:10px;border:none;background:var(--accent);color:#111;font-weight:700;font-size:18px;cursor:pointer}
.info-row{display:flex;justify-content:space-between;gap:12px;margin-top:12px}
.currency{display:flex;gap:10px;align-items:center}
.money{font-weight:700;font-size:18px}
.label{font-size:12px;color:var(--muted)}
.weapons{margin-top:12px}
.weap-list{display:flex;gap:8px;flex-wrap:wrap}
.weapon-card{background:#0b0b0b;padding:6px;border-radius:8px;display:flex;gap:8px;align-items:center;min-width:140px}
.weapon-card img{height:36px}
.wbtn{padding:6px 8px;border-radius:6px;border:none;background:#222;color:#eee;cursor:pointer}
.tabs{display:flex;gap:8px}
.tab{flex:1;padding:10px;border-radius:8px;border:none;background:transparent;color:var(--muted);cursor:pointer}
.tab.active{background:linear-gradient(90deg,rgba(255,204,77,0.12),rgba(255,204,77,0.06));color:var(--accent);font-weight:700}
.panels{margin-top:10px;overflow:auto;max-height:55vh;padding-right:6px}
.panel{display:none}
.panel.active{display:block}
.shop-item{display:flex;justify-content:space-between;align-items:center;background:#0b0b0b;padding:10px;border-radius:8px;margin-bottom:8px}
.small-btn{padding:8px 10px;border-radius:8px;border:none;background:#222;color:#fff;cursor:pointer}
.taunt-bar{margin-top:12px;padding:10px;background:rgba(255,255,255,0.02);border-radius:8px;display:flex;justify-content:space-between;align-items:center}
.footer{height:44px;display:flex;justify-content:space-between;align-items:center;padding:8px 18px;color:var(--muted);font-size:13px}
.glow{position:absolute;inset:0;background:radial-gradient(circle at center, rgba(255,230,140,0.35), transparent 40%);pointer-events:none;mix-blend-mode:screen}
.hidden{display:none}
@media (max-width:900px){
  .game{flex-direction:column;height:100vh;padding:10px}
  .right{width:100%}
  .left{min-width:unset}
}

/* Valentine mode styling: pink accent and subtle hearts background */
#app.valentine {
  --accent: #ff6fa3;
  --bg: #2b0b12;
  --panel: #3a0f19;
  background-image: radial-gradient(circle at 10% 10%, rgba(255,111,163,0.06), transparent 6%),
                    radial-gradient(circle at 90% 40%, rgba(255,111,163,0.04), transparent 6%);
}
#app.valentine .game{background:linear-gradient(180deg,#35081a,#2b0b12);}
#app.valentine .tab.active{background:linear-gradient(90deg,rgba(255,111,163,0.14),rgba(255,111,163,0.06)); color:var(--accent)}
#app.valentine .big-btn{background:var(--accent); color:#111}
#app.valentine .glow{background:radial-gradient(circle at center, rgba(255,150,190,0.35), transparent 40%); mix-blend-mode:screen}
#app.valentine .weapon-card{background:#2b0b0f}
#app.valentine .shop-item{background:rgba(255,255,255,0.02); border:1px solid rgba(255,111,163,0.06)}
#app.valentine .label{color: #ffd7e6}

/* Disclaimer modal */
.disclaimer-modal{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,0.7);
  z-index:9999;
  padding:20px;
}
.disclaimer-card{
  max-width:760px;
  background:var(--panel);
  border-radius:12px;
  padding:20px;
  color:var(--accent);
  box-shadow:0 8px 30px rgba(0,0,0,0.6);
  border:1px solid rgba(255,255,255,0.02);
}
.disclaimer-card h2{
  margin:0 0 8px 0;
  color:var(--accent);
  font-size:18px;
}
.disclaimer-card p{
  margin:0 0 14px 0;
  color:#ddd;
  font-size:14px;
  line-height:1.4;
}
.disclaimer-actions{display:flex;justify-content:flex-end}
.disclaimer-card .small-btn{
  background:var(--accent);
  color:#111;
  border-radius:8px;
  padding:8px 12px;
  font-weight:700;
}
@media (max-width:900px){
  .disclaimer-card{width:100%; max-height:80vh; overflow:auto}
}