/* D2M V44 — mobile notes + shop + reward loop to increase daily return desire */

@media(min-width:761px){
  .v44MobileLoop,.v44RewardStrip,.v44NotesShop,.v44StoreDrawer{
    display:none!important;
  }
}

/* Mobile game loop additions */
@media(max-width:760px){
  .v43MobileHome{
    gap:10px!important;
  }

  .v44RewardStrip{
    display:grid!important;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
    margin-top:12px;
  }

  .v44RewardStrip span{
    min-height:56px;
    padding:9px 6px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(circle at 20% 0%,rgba(255,224,138,.13),transparent 42%),
      rgba(255,255,255,.045);
    color:#f7f1df;
    text-align:center;
    display:grid;
    place-items:center;
    font-size:10px;
    line-height:1.12;
    font-weight:1000;
  }

  .v44RewardStrip b{
    display:block;
    font-size:15px;
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:2px;
  }

  .v44NotesShop{
    display:grid!important;
    grid-template-columns:1fr;
    gap:10px;
  }

  .v44MiniPanel{
    border-radius:28px;
    border:1px solid rgba(255,255,255,.13);
    background:
      radial-gradient(circle at 20% 0%,rgba(121,247,178,.10),transparent 42%),
      linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,255,255,.032));
    box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
    padding:14px;
  }

  .v44MiniHead{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
  }

  .v44MiniHead small{
    display:block;
    color:#79f7b2;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:10px;
    font-weight:1000;
  }

  .v44MiniHead h3{
    margin:5px 0 0;
    color:#f7f1df;
    font-size:24px;
    line-height:.98;
    letter-spacing:-.055em;
  }

  .v44MiniPill{
    flex:0 0 auto;
    padding:8px 10px;
    border-radius:15px;
    border:1px solid rgba(121,247,178,.18);
    background:rgba(121,247,178,.07);
    color:#ddfff0;
    font-size:11px;
    font-weight:1000;
    white-space:nowrap;
  }

  .v44NoteBox{
    display:grid;
    gap:8px;
  }

  .v44NoteBox textarea{
    width:100%;
    min-height:86px;
    resize:none;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(255,255,255,.055);
    color:#f7f1df;
    padding:13px;
    font:inherit;
    font-size:14px;
    line-height:1.35;
    outline:none;
  }

  .v44NoteBox textarea::placeholder{
    color:rgba(226,238,232,.48);
  }

  .v44NoteActions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .v44NoteActions button,
  .v44ShopItem button,
  .v44OpenStore{
    min-height:42px;
    border:0;
    border-radius:15px;
    font-size:11px;
    font-weight:1000;
    color:#07100f;
    background:linear-gradient(135deg,#eafff3,#7ef7b8);
  }

  .v44NoteActions button:last-child,
  .v44OpenStore{
    color:#f7f1df;
    background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
  }

  .v44LastNote{
    margin-top:9px;
    padding:10px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.04);
    color:rgba(226,238,232,.72);
    font-size:12px;
    line-height:1.32;
    font-weight:800;
  }

  .v44ShopGrid{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .v44ShopItem{
    display:grid;
    grid-template-columns:42px 1fr auto;
    gap:10px;
    align-items:center;
    padding:10px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.045);
  }

  .v44ShopIcon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:15px;
    border:1px solid rgba(255,224,138,.20);
    background:rgba(255,224,138,.08);
    font-size:20px;
  }

  .v44ShopItem b{
    display:block;
    color:#f7f1df;
    font-size:14px;
    line-height:1.1;
  }

  .v44ShopItem em{
    display:block;
    margin-top:3px;
    font-style:normal;
    color:rgba(226,238,232,.60);
    font-size:10px;
    font-weight:900;
  }

  .v44ShopItem button{
    min-width:62px;
    padding:0 8px;
    background:linear-gradient(135deg,#ffeeb0,#7ef7b8);
  }

  .v44ShopFooter{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:9px;
  }

  .v44ProgressText{
    color:rgba(226,238,232,.70);
    font-size:12px;
    line-height:1.35;
    font-weight:850;
    padding:10px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.04);
  }

  .v44Toast{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(82px + env(safe-area-inset-bottom));
    z-index:150;
    display:none;
    padding:13px 14px;
    border-radius:18px;
    border:1px solid rgba(121,247,178,.20);
    background:rgba(5,7,12,.94);
    backdrop-filter:blur(18px);
    color:#ddfff0;
    font-weight:1000;
    box-shadow:0 20px 60px rgba(0,0,0,.42);
  }

  .v44Toast.show{
    display:block;
    animation:v44toast .22s ease both;
  }

  @keyframes v44toast{
    from{transform:translateY(10px);opacity:0}
    to{transform:translateY(0);opacity:1}
  }

  .v43Quick{
    grid-template-columns:repeat(4,1fr)!important;
  }

  .v43Quick button{
    font-size:10px!important;
    padding:0 4px!important;
  }
}

@media(max-width:390px){
  .v43Quick{
    grid-template-columns:repeat(2,1fr)!important;
  }

  .v44ShopItem{
    grid-template-columns:38px 1fr;
  }

  .v44ShopItem button{
    grid-column:1/3;
    width:100%;
  }
}