[data-news-card][hidden] { display: none !important; }
[data-news-studio] [hidden] { display: none !important; }
[data-news-studio] select { color-scheme: dark; }
[data-news-studio] select option { background: #0f172a; color: #f8fafc; }
[data-normal-editor] { background: #111827 !important; color: #f8fafc !important; border-color: rgba(255,255,255,.18) !important; }
.news-item-normal { --item-color: rgba(255,255,255,.5); --item-title: #fff; --item-glow: none; }
.news-item-low { --item-color: #878787; --item-title: #878787; --item-glow: none; }
.news-item-rare { --item-color: #ff0; --item-title: #ff0; --item-glow: 0 0 10px rgba(255,255,0,.3); }
.news-item-elite { --item-color: #f0f; --item-title: #f0f; --item-glow: 0 0 12px rgba(255,0,255,.4); }
.news-item-unique { --item-color: #ffcc99; --item-title: #ffcc99; --item-glow: 0 0 12px rgba(255,204,153,.4); }
.news-item-legend { --item-color: #dbb51a; --item-title: #dbb51a; --item-glow: 0 0 14px rgba(219,181,26,.5); }
.news-item-trigger { display: inline-block; position: relative; vertical-align: middle; cursor: help; margin: 0 .125rem; }
.news-item-icon { display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border: 2px solid var(--item-color, #c084fc); border-radius: .25rem; background: rgba(0,0,0,.4); transition: transform .2s, background .2s; }
.news-item-trigger:hover > .news-item-icon, .news-item-trigger:focus > .news-item-icon { transform: scale(1.1); background: rgba(0,0,0,.6); }
.news-item-icon img { width: 100%; height: 100%; object-fit: contain; }
.news-item-tip { display: none; position: absolute; z-index: 9999; left: 50%; bottom: calc(100% + .75rem); transform: translateX(-50%); width: min(18rem, calc(100vw - 1rem)); padding: 1rem; border: 2px solid var(--item-color, #a855f7); border-radius: .5rem; background: #0a0a14; color: #e5e7eb; box-shadow: var(--item-glow, 0 1rem 2rem #0009); font-size: .875rem; line-height: 1.5; text-align: left; white-space: normal; overflow-wrap: anywhere; pointer-events: none; }
.news-item-tip::after { content: ''; position: absolute; top: 100%; left: calc(50% - .5rem); border: .5rem solid transparent; border-top-color: #0a0a14; }
.news-item-trigger:hover .news-item-tip, .news-item-trigger:focus .news-item-tip, .news-item-trigger:focus-within .news-item-tip { display: block; }
.news-item-tip-header { display: flex; align-items: flex-start; gap: .75rem; margin-bottom: .5rem; }
.news-item-tip-image { display: flex; flex: 0 0 2.75rem; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 2px solid var(--item-color, #a855f7); border-radius: .25rem; background: rgba(0,0,0,.5); }
.news-item-tip-image img { width: 2.25rem; height: 2.25rem; object-fit: contain; }
.news-item-tip-heading { display: block; flex: 1; min-width: 0; }
.news-item-tip-title { display: block; color: var(--item-title, #fff); font-size: 1rem; font-weight: 700; line-height: 1.25; }
.news-item-tip-tag { display: inline-block; margin-top: .25rem; padding: .125rem .5rem; border-radius: .25rem; background: rgba(6,182,212,.2); color: #06d5e3; font-size: .75rem; }
.news-item-tip-description { display: block; margin-bottom: .75rem; color: #d1d5db; line-height: 1.6; white-space: pre-line; }
.news-item-tip-contents { display: block; padding-top: .75rem; border-top: 1px solid rgba(255,255,255,.1); }
.news-item-tip-contents-label { display: block; margin-bottom: .5rem; color: #9ca3af; font-size: .75rem; font-weight: 500; }
.news-item-tip-rows { display: block; }
.news-item-tip-row { display: flex; align-items: flex-start; gap: .5rem; margin-top: .25rem; color: #e5e7eb; }
.news-item-tip-bullet { color: #06d5e3; }