/* 银河广告小玩法 */
.ad-play { padding:12px; margin:0 0 12px; border:2px dashed #ab4774; background:#241027; color:#ffe6ab; }
.ad-play h3 { margin:0 0 6px; color:#ffe84a; }
.ad-play p { margin:4px 0; }
.ad-play output { display:block; min-height:2em; padding:8px 0 0; color:#83ffed; overflow-wrap:anywhere; }
.ad-play label { display:flex; gap:8px; align-items:center; min-height:38px; }
.ad-play select,.ad-play input { max-width:100%; }
.ad-play input { accent-color:#ff72b5; }
.ad-play button,.mobile-ad-tools button,.mobile-ad-tools a { display:inline-grid; place-items:center; padding:7px 9px; margin:3px; border:2px outset #dcb25a; background:#ffe84a; color:#250c20; font-weight:bold; min-height:40px; }
.ad-play button[aria-pressed="true"] { background:#ff78b4; }
.ad-timing { height:24px; position:relative; margin:10px 2px; background:linear-gradient(90deg,#72344d 36%,#589742 36% 64%,#72344d 64%); }
.ad-timing i { position:absolute; width:4px; height:100%; background:#ffe84a; animation:ad-timing 1s linear infinite alternate; }
@keyframes ad-timing { from { left:0; } to { left:calc(100% - 4px); } }
.ad-scratch { display:flex; touch-action:none; }
.ad-scratch button { flex:1; border:2px ridge #d9d4d7; background:#aea5ad; min-height:60px; }
.ad--coupon { position:absolute; left:3%; bottom:2%; width:210px; padding:12px; background:#fff0ba; color:#8e0826; border:4px double #a41430; transform:rotate(-5deg); z-index:25; }
.ad--coupon a { display:block; padding:12px; background:#b30f2b; color:#fff3b8; font-weight:900; }
.bad-review { display:flex; gap:10px; margin:10px 0; padding:10px; border:2px dashed #805738; background:#e8d7af; color:#351819; font-size:12px; }
.bad-review svg { flex:none; width:52px; height:60px; image-rendering:pixelated; }
.scene:not(.is-open) .can-lid { transform:translateY(calc(var(--lid-progress, 0) * -32px)) rotate(calc(var(--lid-progress, 0) * -38deg)); transition:transform .1s linear; }
.scene:not(.is-open) .pull-tab { transform:translateX(-50%) rotate(calc(4deg + var(--lid-progress, 0) * -65deg)); }
.scene.is-open .can-lid { opacity:1; transform:translate(95%, -110%) rotate(135deg); transition:transform 1.2s cubic-bezier(.2,.8,.3,1); }
.mobile-ad-popup,.mobile-ad-tools { display:none; }
@media (max-width:800px) {
  #adCollage > .ad:not(.ad--hero) { display:none; }
  .mobile-ad-tools { display:flex; justify-content:center; flex-wrap:wrap; padding:5px; }
  .mobile-ad-popup:not([hidden]) {
    position:fixed;
    inset:0;
    z-index:700;
    display:grid;
    place-items:center;
    padding:12px;
    background:#10081ce0;
  }
  .mobile-ad-window {
    width:min(100%,420px);
    max-height:calc(100dvh - 24px);
    display:flex;
    flex-direction:column;
    border:3px ridge #f1c15b;
    background:#201129;
    box-shadow:6px 7px #100417;
  }
  .mobile-ad-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:4px 5px 4px 9px;
    color:#ffe8a0;
    font-size:12px;
    background:#461647;
  }
  .mobile-ad-heading button,.modal-titlebar button {
    flex:none;
    width:44px;
    height:44px;
    border:2px outset #b783bb;
    color:#fff4cb;
    background:#2b1332;
    font-size:20px;
  }
  .mobile-ad-tray { min-height:0; overflow:auto; overscroll-behavior:contain; padding:8px; }
  .mobile-ad-tray > .ad {
    display:block;
    position:relative;
    inset:auto;
    width:100%;
    min-width:0;
    max-width:none;
    margin:0;
    transform:none;
    animation:none;
    opacity:1;
    filter:none;
  }
  .modal-root { padding:12px; }
  .modal-backdrop { backdrop-filter:none; background:#080410e0; }
  .modal-card,.modal-card.is-wide {
    width:min(100%,520px);
    max-height:calc(100dvh - 24px);
    display:flex;
    flex-direction:column;
    background:#f6e9cc;
    animation:none;
  }
  .modal-titlebar { flex:none; height:auto; min-height:48px; }
  .modal-body { min-height:0; max-height:none; overflow:auto; overscroll-behavior:contain; }
  .modal-actions { flex:none; flex-wrap:wrap; }
  .nebula { display:none; }
  #bootFlash { display:none; }
}