@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Rajdhani:wght@500;600;700&display=swap');

:root{
  --gold:#f5c842; --gold-d:#c9922a; --gold-g:rgba(245,200,66,0.35);
  --crystal:#4fc3f7;
  --bg:#070a10; --panel:rgba(7,10,18,0.97);
  --bdr:rgba(245,200,66,0.45);
  --red:#ef5350; --green:#4caf50;
  --st: cubic-bezier(.32,.72,0,1);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
  --safe-right:env(safe-area-inset-right,0px);
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
html,body{
  width:100%;height:100%;overflow:hidden;background:var(--bg);
  font-family:'Rajdhani',sans-serif;color:#e8d9b0;
  user-select:none;-webkit-user-select:none;
  touch-action:none;
  overscroll-behavior:none;
}

/* ═══════════════════════════════════════════════════════════
   TOP HUD
═══════════════════════════════════════════════════════════ */
/* TOP BAR — tất cả gộp 1 hàng ngang: Home + Stats + WAVE */
#top-bar{
  position:fixed;top:0;left:0;right:0;z-index:101;
  padding:calc(4px + var(--safe-top)) calc(8px + var(--safe-right)) 5px calc(8px + var(--safe-left));
  display:flex;align-items:center;gap:6px;
  background:linear-gradient(180deg, rgba(5,8,15,0.98), rgba(5,8,15,0.88));
  border-bottom:1px solid var(--bdr);
  box-shadow:0 2px 14px rgba(0,0,0,0.7);
}
#btn-home{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.14);
  color:#ddd;font-size:17px;line-height:1;
  border-radius:8px;cursor:pointer;
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s var(--st);
  flex-shrink:0;
}
#btn-home:active{transform:scale(0.92);background:rgba(245,200,66,0.18);}

#hud{
  flex:1;display:flex;align-items:center;justify-content:space-between;gap:5px;
  min-width:0;
}
.hstat{
  display:flex;align-items:center;gap:4px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:7px;padding:5px 7px;flex:1;justify-content:center;
  min-height:34px;min-width:0;
}
.hico{font-size:12px;line-height:1;}
.hval{font-size:13px;font-weight:700;color:#fff;line-height:1;transition:transform .2s var(--st);min-width:14px;text-align:center;}
.hval.gv{color:var(--gold);} .hval.rv{color:#ff6b6b;} .hval.bv{color:var(--crystal);}

#btn-wave{
  background:linear-gradient(135deg, var(--gold-d), var(--gold), var(--gold-d));
  color:#1a0d00;
  border:none;border-radius:8px;cursor:pointer;
  box-shadow:0 0 12px var(--gold-g), 0 3px 8px rgba(0,0,0,0.5);
  width:42px;height:36px;font-size:18px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s var(--st);
  animation:wavePulse 1.6s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes wavePulse{
  0%,100%{box-shadow:0 0 12px var(--gold-g),0 3px 8px rgba(0,0,0,0.5);}
  50%{box-shadow:0 0 24px rgba(245,200,66,0.9),0 3px 8px rgba(0,0,0,0.5);}
}
#btn-wave:active{transform:scale(0.93);}
#btn-wave:disabled{opacity:0.4;box-shadow:none;cursor:not-allowed;animation:none;}

/* SIDEBAR PHẢI — small action buttons, overlay trên map */
#side-btns{
  position:fixed;
  top:calc(56px + var(--safe-top));
  right:calc(8px + var(--safe-right));
  z-index:99;
  display:flex;flex-direction:column;gap:7px;
  pointer-events:none;
}
#side-btns > *{pointer-events:auto;}
#side-btns .sb-btn{
  background:rgba(8,12,20,0.78);
  border:1px solid rgba(255,255,255,0.16);
  color:#ddd;font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:12px;border-radius:9px;
  padding:0;cursor:pointer;
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  transition:all .15s var(--st);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:0 2px 8px rgba(0,0,0,0.5);
}
#side-btns .sb-btn:active{transform:scale(0.9);}
#side-btns #btn-spd.s2{color:var(--crystal);border-color:var(--crystal);}
#side-btns #btn-spd.s3{color:#ff9800;border-color:#ff9800;}

@media(max-width:380px){
  #top-bar{gap:4px;padding:calc(4px + var(--safe-top)) calc(6px + var(--safe-right)) 4px calc(6px + var(--safe-left));}
  #hud{gap:3px;}
  .hstat{padding:4px 5px;}
  .hval{font-size:12px;}
  .hico{font-size:11px;}
  #btn-home,#btn-wave{width:34px;height:34px;}
  #btn-wave{font-size:16px;}
  #side-btns .sb-btn{width:36px;height:36px;font-size:11px;}
}
@media(max-width:340px){
  .hstat:nth-of-type(4){display:none;}
}

/* ═══════════════════════════════════════════════════════════
   CANVAS
═══════════════════════════════════════════════════════════ */
#cw{
  position:fixed;
  left:calc(62px + var(--safe-left));right:0;
  top:calc(48px + var(--safe-top));
  bottom:calc(var(--safe-bottom));
  overflow:hidden;
}
canvas{display:block;width:100%;height:100%;}

/* ═══════════════════════════════════════════════════════════
   WAVE ANNOUNCEMENTS
═══════════════════════════════════════════════════════════ */
#wa{
  position:absolute;top:40%;left:50%;
  transform:translate(-50%,-50%) scale(.5);
  font-family:'Cinzel Decorative',serif;
  font-size:clamp(22px,5vw,40px);
  color:var(--crystal);
  text-shadow:0 0 30px rgba(79,195,247,.7);
  pointer-events:none;opacity:0;z-index:20;
  white-space:nowrap;text-align:center;
}
#bw{
  position:absolute;top:22%;left:50%;transform:translateX(-50%);
  font-family:'Cinzel Decorative',serif;
  font-size:clamp(14px,3.5vw,20px);
  color:var(--red);
  text-shadow:0 0 24px rgba(239,83,80,.8);
  pointer-events:none;opacity:0;z-index:20;
  white-space:nowrap;text-align:center;
}

/* ═══════════════════════════════════════════════════════════
   LEFT RAIL — tower picker (was bottom sheet)
═══════════════════════════════════════════════════════════ */
#sheet{
  position:fixed;
  left:0;top:calc(48px + var(--safe-top));
  bottom:calc(var(--safe-bottom));
  width:calc(62px + var(--safe-left));
  z-index:90;
  background:linear-gradient(90deg, rgba(5,8,16,0.97), rgba(5,8,16,0.85) calc(100% - 12px), rgba(5,8,16,0));
  border-right:1px solid var(--bdr);
  padding:8px calc(6px) 10px calc(6px + var(--safe-left));
  transition:transform .3s var(--st);
  overflow-y:auto;overflow-x:hidden;
  scrollbar-width:thin;scrollbar-color:rgba(245,200,66,0.3) transparent;
}
#sheet::-webkit-scrollbar{width:3px;}
#sheet::-webkit-scrollbar-thumb{background:rgba(245,200,66,0.3);border-radius:2px;}
#sheet-handle{display:none;}

#tower-grid{
  display:flex;flex-direction:column;
  gap:5px;margin-bottom:8px;
}
.tcard{
  display:flex;flex-direction:column;align-items:center;gap:1px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:9px;padding:4px 2px;cursor:pointer;
  transition:all .15s var(--st);position:relative;
  min-height:48px;width:100%;
}
.tcard:active{transform:scale(0.92);}
.tcard.sel{background:rgba(245,200,66,0.12);border-color:var(--gold);box-shadow:0 0 12px rgba(245,200,66,0.35);}
.tcard.na{opacity:.35;}
.tcard-canvas{width:30px;height:30px;display:block;}
.tcard-nm{font-size:8px;font-weight:700;color:#c8b070;text-align:center;line-height:1;}
.tcard-cost{font-size:8px;font-weight:700;color:var(--gold);line-height:1;}
.tcard-sel-dot{position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--gold);border-radius:50%;display:none;}
.tcard.sel .tcard-sel-dot{display:block;}

/* Ability row: floating panel xuất hiện cạnh rail khi tap Skills */
#ab-row{
  position:fixed;
  left:calc(70px + var(--safe-left));bottom:calc(10px + var(--safe-bottom));
  z-index:95;
  flex-direction:column;gap:6px;
  background:rgba(8,12,20,0.96);
  border:1px solid var(--bdr);
  border-radius:10px;
  padding:8px;
  box-shadow:0 6px 24px rgba(0,0,0,0.7);
  min-width:160px;
}
.abcard{
  display:flex;align-items:center;gap:6px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:8px;padding:8px;cursor:pointer;transition:all .15s var(--st);
  min-height:44px;
}
.abcard:active{transform:scale(0.95);}
.abcard.cd{opacity:.35;cursor:not-allowed;}
.abcard-ico{font-size:18px;flex-shrink:0;width:22px;text-align:center;}
.abcard-inf{flex:1;min-width:0;}
.abcard-nm{font-size:10px;font-weight:700;color:#ccc;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.abcard-cd{font-size:9px;color:#888;margin-top:1px;}

/* ═══════════════════════════════════════════════════════════
   TOWER POPUP
═══════════════════════════════════════════════════════════ */
#tpop{
  display:none;position:absolute;z-index:200;
  width:min(280px,90vw);
  background:rgba(6,10,18,0.98);
  border:1px solid var(--bdr);border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,0.9), 0 0 0 1px rgba(245,200,66,0.08);
  overflow:hidden;
}
@keyframes popIn{from{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
#tpop.show{animation:popIn .18s cubic-bezier(.34,1.56,.64,1) forwards;}
#tpop-head{
  padding:14px 16px 10px;
  background:linear-gradient(135deg, rgba(245,200,66,0.09), transparent);
  border-bottom:1px solid rgba(245,200,66,0.1);
  display:flex;justify-content:space-between;align-items:flex-start;
}
#tpop-name{font-size:16px;font-weight:700;color:var(--gold);}
#tpop-dps{font-size:11px;color:var(--green);margin-top:2px;}
#tpop-close{font-size:20px;color:#666;cursor:pointer;padding:0 0 0 12px;line-height:1;flex-shrink:0;margin-top:-2px;}
#tpop-close:active{color:#fff;}
#tpop-stats{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.04);display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;}
.tps{display:flex;justify-content:space-between;font-size:11px;color:#888;padding:2px 0;}
.tps b{color:#ddd;font-weight:600;}
#tpop-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px;}
.tpbtn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:12px 8px;border-radius:10px;cursor:pointer;
  font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;
  border:1px solid;transition:all .15s var(--st);min-height:56px;
}
.tpbtn:active{transform:scale(0.95);}
.tpbtn-upg{border-color:rgba(245,200,66,0.4);background:rgba(245,200,66,0.08);color:var(--gold);}
.tpbtn-upg:disabled{opacity:0.25;cursor:not-allowed;}
.tpbtn-sell{border-color:rgba(239,83,80,0.4);background:rgba(239,83,80,0.08);color:var(--red);}
.tpbtn-sub{font-size:10px;font-weight:600;opacity:0.7;}

/* ═══════════════════════════════════════════════════════════
   OVERLAYS / MODALS
═══════════════════════════════════════════════════════════ */
.modal{
  position:fixed;inset:0;z-index:300;
  display:none;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(0,0,0,0.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  padding:20px;text-align:center;
}
.modal.show{display:flex;animation:fade .25s var(--st);}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal h1{
  font-family:'Cinzel Decorative',serif;
  font-size:clamp(22px,6vw,34px);
  color:var(--gold);text-shadow:0 0 30px var(--gold-g);
  margin-bottom:8px;line-height:1.2;
}
.modal p{font-size:clamp(12px,3vw,14px);color:#888;margin-bottom:24px;line-height:1.7;max-width:360px;}
.ovb{
  font-family:'Cinzel Decorative',serif;
  font-size:clamp(13px,3.5vw,15px);font-weight:700;
  background:linear-gradient(135deg, var(--gold-d), var(--gold), var(--gold-d));
  color:#1a0d00;border:none;border-radius:10px;
  padding:14px 32px;cursor:pointer;
  box-shadow:0 0 24px var(--gold-g);
  letter-spacing:1.5px;margin:4px;transition:transform .15s var(--st);
}
.ovb:active{transform:scale(0.97);}
.ovb.red{background:linear-gradient(135deg, #7f0000, var(--red));color:#fff;}
.ovb.blue{background:linear-gradient(135deg, #01579b, var(--crystal));color:#fff;}
.ovb.gray{background:rgba(255,255,255,0.1);color:#ddd;box-shadow:none;border:1px solid rgba(255,255,255,0.15);}
.ov-sub{font-size:11px;color:#555;margin-top:18px;line-height:1.7;max-width:340px;}
#score-bd{margin-top:10px;font-size:clamp(12px,3vw,13px);color:#888;line-height:2;background:rgba(255,255,255,0.03);border-radius:8px;padding:14px 20px;border:1px solid rgba(255,255,255,0.05);}
#score-bd b{color:var(--gold);}

/* OVERLAY (game-over) */
#overlay{position:fixed;inset:0;z-index:310;display:none;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.92);backdrop-filter:blur(8px);padding:20px;text-align:center;}
#overlay h1{font-family:'Cinzel Decorative',serif;font-size:clamp(22px,6vw,34px);color:var(--gold);text-shadow:0 0 30px var(--gold-g);margin-bottom:8px;line-height:1.2;}
#overlay p{font-size:clamp(12px,3vw,14px);color:#888;margin-bottom:14px;line-height:1.7;max-width:360px;}

/* MAIN MENU */
#main-menu{display:flex;}
#main-menu .menu-title{font-family:'Cinzel Decorative',serif;font-size:clamp(28px,7vw,42px);color:var(--gold);text-shadow:0 0 30px var(--gold-g);letter-spacing:2px;margin-bottom:6px;}
#main-menu .menu-sub{font-size:13px;color:#777;margin-bottom:28px;}
#main-menu .menu-btns{display:flex;flex-direction:column;gap:10px;width:min(280px,90vw);}
#main-menu .menu-btns button{padding:14px 18px;min-height:50px;}
#main-menu .menu-stats{margin-top:24px;color:#888;font-size:12px;}
#main-menu .menu-stats b{color:var(--gold);}
#soul-gems-display{margin-top:14px;font-size:14px;color:#fff;}
#soul-gems-display .gem-num{color:#ba68c8;font-weight:700;font-size:18px;text-shadow:0 0 10px rgba(186,104,200,0.7);}

/* MAP MODAL */
#map-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;width:min(640px,94vw);margin-top:16px;}
.map-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:10px;cursor:pointer;transition:all .2s var(--st);}
.map-card:not(.locked):active{transform:scale(0.97);border-color:var(--gold);}
.map-card.locked{opacity:0.4;cursor:not-allowed;}
.map-preview{width:100%;height:110px;border-radius:8px;overflow:hidden;background:#000;margin-bottom:8px;}
.map-preview canvas{width:100%;height:100%;display:block;}
.map-name{font-family:'Cinzel Decorative',serif;font-size:14px;color:var(--gold);margin-bottom:4px;}
.map-desc{font-size:11px;color:#888;}
.map-lock{font-size:10px;color:var(--red);margin-top:4px;}

/* DIFFICULTY */
#diff-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:min(360px,90vw);margin-top:14px;}
.diff-btn{background:rgba(255,255,255,0.04);border:1px solid;border-radius:10px;padding:14px 10px;cursor:pointer;text-align:center;font-family:'Rajdhani',sans-serif;transition:all .15s var(--st);min-height:64px;}
.diff-btn:active{transform:scale(0.96);}
.diff-name{font-weight:700;font-size:15px;margin-bottom:3px;}
.diff-sub{font-size:10px;opacity:0.7;color:#aaa;}

/* SETTINGS */
#settings-modal .settings-box{background:rgba(15,18,28,0.98);border:1px solid var(--bdr);border-radius:14px;padding:20px;width:min(360px,90vw);max-height:80vh;overflow-y:auto;}
.set-row{margin-bottom:14px;}
.set-row label{display:block;font-size:12px;color:#aaa;margin-bottom:5px;font-weight:600;}
.set-row input[type=range]{width:100%;}
.set-row input[type=checkbox]{transform:scale(1.4);margin-right:8px;}
.set-row select{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#fff;padding:6px 10px;border-radius:6px;font-family:'Rajdhani',sans-serif;font-weight:600;width:100%;}

/* SHOP / PERKS */
#shop-list{display:flex;flex-direction:column;gap:8px;width:min(360px,90vw);max-height:60vh;overflow-y:auto;margin-top:8px;}
.perk-card{background:rgba(255,255,255,0.04);border:1px solid rgba(245,200,66,0.2);border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .15s var(--st);position:relative;}
.perk-card:not(.owned):active{transform:scale(0.97);background:rgba(245,200,66,0.08);}
.perk-card.owned{opacity:0.5;cursor:default;border-color:rgba(76,175,80,0.4);}
.perk-nm{font-size:14px;font-weight:700;color:var(--gold);margin-bottom:3px;}
.perk-desc{font-size:11px;color:#888;line-height:1.4;}
.perk-cost{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:700;color:#ba68c8;}

/* TUTORIAL */
#tutorial{display:none;}
#tutorial .tut-box{background:rgba(15,18,28,0.98);border:1px solid var(--bdr);border-radius:14px;padding:24px;width:min(360px,90vw);}
#tutorial h2{font-family:'Cinzel Decorative',serif;font-size:18px;color:var(--gold);margin-bottom:12px;}
#tutorial .tut-step{display:flex;gap:10px;margin-bottom:10px;font-size:12px;color:#bbb;line-height:1.5;}
#tutorial .tut-num{flex-shrink:0;width:24px;height:24px;background:var(--gold);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;}

/* ACHIEVEMENT TOAST */
#ach-toast{
  display:none;position:fixed;
  top:calc(60px + var(--safe-top));
  left:50%;transform:translateX(-50%) translateY(-30px);
  background:linear-gradient(135deg, rgba(15,18,28,0.98), rgba(25,18,40,0.98));
  border:1px solid var(--gold);border-radius:12px;
  padding:10px 14px;z-index:400;
  align-items:center;gap:10px;
  box-shadow:0 8px 24px rgba(0,0,0,0.6), 0 0 20px rgba(245,200,66,0.3);
  opacity:0;transition:all .35s var(--st);
  max-width:90vw;
}
#ach-toast.show{transform:translateX(-50%) translateY(0);opacity:1;}
.ach-icon{font-size:24px;}
.ach-title{font-size:9px;color:var(--gold);letter-spacing:1px;font-weight:700;}
.ach-name{font-size:13px;color:#fff;font-weight:700;}
.ach-desc{font-size:10px;color:#888;}

/* DESKTOP RIGHT PANEL */
#desk-panel{display:none;}
@media(min-width:760px){
  /* Desktop: left rail (tower picker) trái + desk-panel phải, canvas giữa */
  #cw{right:calc(220px + var(--safe-right));}
  #side-btns{right:calc(232px + var(--safe-right));}
  #sheet{width:calc(70px + var(--safe-left));}
  #cw{left:calc(70px + var(--safe-left));}
  #desk-panel{
    display:flex;flex-direction:column;
    position:fixed;
    right:0;top:calc(48px + var(--safe-top));
    bottom:0;width:220px;
    background:var(--panel);border-left:1px solid var(--bdr);
    overflow-y:auto;z-index:80;
  }
  .dp-sec{padding:10px 12px;border-bottom:1px solid rgba(245,200,66,0.06);}
  .dp-title{font-family:'Cinzel Decorative',serif;font-size:8px;color:var(--gold);letter-spacing:2px;opacity:.7;margin-bottom:7px;}
  #wave-preview{font-size:11px;color:#888;}
}
@media(max-width:759px){
  #tt{display:none;}
}
@media(max-width:380px){
  #sheet{width:calc(54px + var(--safe-left));padding-right:4px;padding-left:calc(4px + var(--safe-left));}
  #cw{left:calc(54px + var(--safe-left));}
  .tcard{min-height:42px;padding:3px 1px;}
  .tcard-canvas{width:26px;height:26px;}
  .tcard-nm{font-size:7.5px;}
  .tcard-cost{font-size:7.5px;}
  #ab-row{left:calc(60px + var(--safe-left));}
}

/* TOOLTIP */
#tt{position:absolute;background:var(--panel);border:1px solid var(--bdr);border-radius:8px;padding:9px 13px;font-size:11px;pointer-events:none;opacity:0;transition:opacity .12s;z-index:30;min-width:140px;box-shadow:0 6px 20px rgba(0,0,0,.7);}
#tt.show{opacity:1;}
#tt .tn{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:3px;}
#tt .ts{color:#888;line-height:1.85;}
#tt b{color:#ddd;}

/* WAVE PROGRESS */
#wave-prog{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(0,0,0,0.4);z-index:15;}
#wave-prog-fill{height:100%;background:var(--crystal);transition:width .3s;width:0;box-shadow:0 0 8px var(--crystal);}

/* BADGES */
#dps-badge{position:absolute;bottom:calc(12px + var(--safe-bottom));left:10px;background:rgba(0,0,0,0.65);border:1px solid rgba(76,175,80,0.3);border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700;color:var(--green);z-index:15;pointer-events:none;}
#streak-badge{position:absolute;bottom:calc(42px + var(--safe-bottom));left:10px;background:rgba(0,0,0,0.7);border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700;z-index:15;pointer-events:none;display:none;}

@media(min-width:760px){
  #dps-badge,#streak-badge{bottom:auto;top:60px;}
}

/* WEATHER INDICATOR */
#weather-ind{position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.5);border-radius:5px;padding:3px 7px;font-size:10px;color:#aaa;z-index:15;pointer-events:none;}

/* DAILY CHALLENGE TAG */
#daily-tag{display:none;background:linear-gradient(135deg,#7c4dff,#311b92);color:#fff;padding:6px 10px;border-radius:8px;font-size:11px;margin-top:10px;}
#daily-tag.show{display:block;}