
  #bwn-wrap{
    position:fixed;
    top:16px;
    left:50%;
    transform:translateX(-50%);
    z-index:2147483600;
    width:calc(100% - 32px);
    max-width:360px;
    pointer-events:none;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  }

  #bwn-wrap .bwn-card{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at top right,rgba(255,218,82,.20),transparent 38%),
      linear-gradient(180deg,#ffffff 0%,#fffdf4 100%);
    border-radius:18px;
    border:1px solid rgba(210,157,0,.20);
    box-shadow:
      0 14px 34px rgba(126,88,0,.20),
      0 0 0 1px rgba(255,224,112,.30) inset;
    padding:0;
    display:block;
    pointer-events:auto;
    cursor:pointer;
    transform:translateY(-105px) scale(.98);
    opacity:0;
    transition:
      transform .48s cubic-bezier(.34,1.35,.5,1),
      opacity .38s ease;
  }

  #bwn-wrap .bwn-card.bwn-show{
    transform:translateY(0) scale(1);
    opacity:1;
  }

  #bwn-wrap .bwn-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    background:linear-gradient(90deg,#8a6200,#d49a00,#f2bd31,#fff4bd,#d49a00);
  }

  #bwn-wrap .bwn-card::after{
    content:"";
    position:absolute;
    right:-40px;
    bottom:-50px;
    width:125px;
    height:125px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,220,95,.22),transparent 68%);
    pointer-events:none;
  }

  #bwn-wrap .bwn-inner{
    position:relative;
    z-index:1;
    display:flex;
    gap:12px;
    align-items:center;
    padding:14px 14px 13px;
  }

  #bwn-wrap .bwn-th{
    width:54px;
    height:54px;
    border-radius:15px;
    flex:none;
    background:#b68100 center/cover no-repeat;
    border:2px solid #f2bf32;
    box-shadow:
      0 6px 15px rgba(197,139,0,.22),
      0 0 0 3px rgba(255,224,112,.20);
    position:relative;
    overflow:hidden;
  }

  #bwn-wrap .bwn-th::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 50%);
    pointer-events:none;
  }

  #bwn-wrap .bwn-body{
    flex:1;
    min-width:0;
  }

  #bwn-wrap .bwn-top{
    display:flex;
    align-items:center;
    gap:7px;
    padding-right:18px;
    margin-bottom:5px;
  }

  #bwn-wrap .bwn-lab{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:9px;
    font-weight:900;
    letter-spacing:.9px;
    text-transform:uppercase;
    color:#fffdf2;
    background:linear-gradient(160deg,#8a6200 0%,#d49a00 58%,#f2bd31 100%);
    padding:4px 9px;
    border-radius:999px;
    border:1px solid rgba(255,240,180,.90);
    box-shadow:
      0 4px 10px rgba(197,139,0,.20),
      inset 0 1px 0 rgba(255,255,255,.18);
    line-height:1;
  }

  #bwn-wrap .bwn-lab::before{
    content:"★";
    color:#fff1a8;
    -webkit-text-fill-color:#fff1a8;
    font-size:9px;
    line-height:1;
    transform:translateY(-.5px);
  }

  #bwn-wrap .bwn-time{
    margin-left:auto;
    font-size:10px;
    color:#907b4e;
    font-weight:700;
    white-space:nowrap;
  }

  #bwn-wrap .bwn-player{
    font-size:12.5px;
    font-weight:900;
    color:#5c4308;
    margin-top:2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  #bwn-wrap .bwn-game{
    font-size:11px;
    color:#7c693e;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top:1px;
  }

  #bwn-wrap .bwn-amt{
    font-family:Montserrat,Inter,system-ui,sans-serif;
    font-size:21px;
    margin-top:5px;
    letter-spacing:.2px;
    line-height:1;
    font-weight:900;
    color:#c98300;
    background:none;
    -webkit-background-clip:initial;
    background-clip:initial;
    -webkit-text-fill-color:#c98300;
    text-shadow:
      0 1px 0 rgba(255,255,255,.9),
      0 2px 5px rgba(201,131,0,.20);
  }

  #bwn-wrap .bwn-proof{
    margin-top:7px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:9.5px;
    font-weight:900;
    letter-spacing:.4px;
    color:#b87900;
    text-transform:uppercase;
  }

  #bwn-wrap .bwn-proof::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#f2bf32;
    box-shadow:0 0 8px rgba(242,191,50,.58);
  }

  #bwn-wrap .bwn-x{
    position:absolute;
    top:9px;
    right:10px;
    border:0;
    background:rgba(255,255,255,.70);
    color:#9b875d;
    font-size:15px;
    line-height:1;
    cursor:pointer;
    padding:2px 5px;
    border-radius:999px;
    z-index:2;
    transition:color .2s ease,background .2s ease,transform .2s ease;
  }

  #bwn-wrap .bwn-x:hover{
    color:#775300;
    background:#fffdf4;
    transform:scale(1.05);
  }

  #bwn-wrap .bwn-shine{
    position:absolute;
    top:0;
    left:-80px;
    width:60px;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
    transform:skewX(-18deg);
    animation:bwnShine 3.2s ease-in-out infinite;
    pointer-events:none;
    z-index:1;
  }

  @keyframes bwnShine{
    0%{left:-90px;opacity:0;}
    18%{opacity:1;}
    42%{left:115%;opacity:0;}
    100%{left:115%;opacity:0;}
  }

  @media(max-width:480px){
    #bwn-wrap{
      top:10px;
      width:calc(100% - 24px);
      max-width:350px;
    }

    #bwn-wrap .bwn-inner{
      padding:13px 13px 12px;
      gap:11px;
    }

    #bwn-wrap .bwn-th{
      width:50px;
      height:50px;
      border-radius:14px;
    }

    #bwn-wrap .bwn-amt{
      font-size:20px;
    }
  }
