/* Oasis Favorites — hearts + device-local view. Hot pink matches .t100-hot-word (#FF2D78). */
.fav-heart{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;border:1.5px solid rgba(214,184,120,.6);background:#0f1c3fe6;color:#FF2D78;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .15s ease}
.fav-heart:hover{transform:scale(1.08)}
.fav-heart:focus-visible{outline:3px solid #f0d58f;outline-offset:3px}
.fav-heart-svg{width:24px;height:24px;display:block;fill:none;stroke:#FF2D78}
.fav-heart.fav-on .fav-heart-svg{fill:#FF2D78}
.fav-heart-choice{align-self:center;margin-top:2px}
.fav-heart-modal{margin:10px 0 0}
.fav-heart-bar{width:40px;height:40px;min-height:40px}
#oasisTop100 .fav-heart{color:#FF2D78}
#oasisTop100 .fav-heart-corner{position:absolute;right:6px;bottom:6px;width:40px;height:40px;min-height:40px}
@media(prefers-reduced-motion:reduce){.fav-heart{transition:none}}
#oasisTop100 .fav-scrim{position:fixed;inset:0;z-index:70;background:rgba(3,8,22,.72)}
#oasisTop100 .fav-modal{position:fixed;z-index:71;top:50%;left:50%;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:20px clamp(14px,3vw,28px) 24px;border:1px solid #d8b56a;border-radius:16px;background:linear-gradient(160deg,#13284a,#0a1630);color:#eadfc6}
#oasisTop100 .fav-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#oasisTop100 .fav-title{font-family:"Cinzel",Georgia,serif;font-variant:small-caps;letter-spacing:.05em;font-size:1.6rem;color:#e3c886}
#oasisTop100 .fav-x{width:44px;height:44px;border-radius:50%;font-size:1.5rem;color:#f0d58f;border:1px solid #d8b56a80}
#oasisTop100 .fav-note{margin-top:4px;font-size:.8rem;color:#b9ab88;font-style:italic}
#oasisTop100 .fav-sec{margin-top:20px;padding-top:14px;border-top:1px solid rgba(214,184,120,.3)}
#oasisTop100 .fav-sh{font-family:"Cinzel",Georgia,serif;letter-spacing:.08em;color:#e3c886;font-size:1.1rem;display:flex;gap:10px;align-items:baseline;margin-bottom:12px}
#oasisTop100 .fav-sh small{font-family:Georgia,serif;color:#FF2D78;font-size:.85rem}
#oasisTop100 .fav-empty{padding:14px;border:1px dashed rgba(214,184,120,.4);border-radius:10px;color:#b9ab88;font-size:.92rem}
#oasisTop100 .fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px}
#oasisTop100 .fav-card{display:flex;flex-direction:column;min-width:0}
#oasisTop100 .fav-art{position:relative;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#13224a;border:1px solid rgba(214,184,120,.4)}
#oasisTop100 .fav-art img{width:100%;height:100%;object-fit:cover}
#oasisTop100 .fav-ct{margin-top:8px;font-weight:700;color:#f6ecd2;overflow-wrap:anywhere}
#oasisTop100 .fav-ca{font-size:.82rem;color:#b9ab88}
#oasisTop100 .fav-cover-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
#oasisTop100 .fav-cover-button:focus-visible{outline:3px solid #f0d58f;outline-offset:-3px}
#oasisTop100 .fav-acts{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:48px 8px 12px;background:rgba(6,15,36,.9)}
#oasisTop100 .fav-acts[hidden]{display:none}
#oasisTop100 .fav-acts .dpt-btn{flex:0 0 auto;min-height:44px;width:100%;white-space:normal}
#oasisTop100 .fav-choice-close{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;border-radius:0;background:transparent;color:#f0d58f;font-size:24px;cursor:pointer}
#oasisTop100 .fav-status{margin-top:14px;font-size:.9rem;color:#e5c982}
#oasisTop100 .fav-status:empty{display:none}
@media(max-width:600px){#oasisTop100 .fav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#oasisTop100 .fav-modal{padding:16px 12px 20px}}