/* PUBG battle-power privileges, scoped to the local prototype. */
.bp-tier-gold{--bp-accent:#b17c1d;--bp-ink:#674816;--bp-pale:#fff8e9;--bp-line:#e2c996;--bp-dark:#2b251b;--bp-metal:#f2d28f}
.bp-tier-silver{--bp-accent:#657e99;--bp-ink:#425970;--bp-pale:#f2f6fa;--bp-line:#b9c8d8;--bp-dark:#242d38;--bp-metal:#d9e5f4}
.bp-tier-none{--bp-accent:#8b8e98;--bp-ink:#686b76;--bp-pale:#f5f5f7;--bp-line:#dddde4;--bp-dark:#30313a;--bp-metal:#e1e1e7}
.bp-invite-message{scroll-margin-top:12px}
.bp-invite-card{--invite-light:#f5f5f5;--invite-mid:#f5f5f5;--invite-deep:#f5f5f5;--invite-edge:#ddd;--invite-shine:#ffffff80;--invite-photo-opacity:.4;position:relative;isolation:isolate;box-sizing:border-box;width:360px;max-width:100%;min-width:0;overflow:hidden;padding:16px;border:1px solid var(--invite-edge);border-radius:4px;background:linear-gradient(112deg,var(--invite-light) 0%,var(--invite-mid) 55%,var(--invite-deep) 100%);box-shadow:inset 0 1px 0 var(--invite-shine);color:#555;font-family:var(--font-family-main)}
.bp-invite-card.bp-tier-gold{--invite-light:#fff5d1;--invite-mid:#f4da89;--invite-deep:#c99a32;--invite-edge:#c49a3b;--invite-shine:#fff7c9;--invite-photo-opacity:.42}
.bp-invite-card.bp-tier-silver{--invite-light:#f0f5fc;--invite-mid:#cddae9;--invite-deep:#8198b4;--invite-edge:#91a5be;--invite-shine:#f9fcff;--invite-photo-opacity:.34}
.bp-invite-card[hidden]{display:none}
.bp-invite-card:before{position:absolute;z-index:-1;inset:0;content:"";pointer-events:none;background:url('../image/Game%20logo/game1-cover.webp') right -90px top -3px/420px auto no-repeat;filter:grayscale(1) contrast(1.08);mix-blend-mode:multiply;opacity:var(--invite-photo-opacity);mask-image:linear-gradient(90deg,transparent 38%,#0005 57%,black 78%)}
.bp-invite-card:after{position:absolute;z-index:-1;inset:0;content:"";pointer-events:none;background:linear-gradient(120deg,transparent 54%,var(--invite-shine) 54.4%,transparent 55.2%),repeating-linear-gradient(135deg,transparent 0 30px,#ffffff0a 31px 32px);opacity:.28}
.bp-invite-heading{display:flex;align-items:center;gap:8px;min-height:20px;padding-bottom:14px;border-bottom:1px solid #00000007;color:#555;font-size:12px;line-height:20px;font-weight:600}
.bp-invite-heading:before{content:"";width:3px;height:12px;flex:none;border-radius:1px;background:currentColor}
.bp-invite-game{display:flex;align-items:center;gap:12px;margin:18px 0}
/* Display the original online PUBG icon directly from the supplied 2x reference. */
.bp-invite-game-icon{display:block;width:52px;height:52px;flex:0 0 52px;border-radius:3px;background:url('../image/BattlePrivileges/invitation-reference.png') -439px -642px/1728px 958px no-repeat}
.bp-invite-game-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.bp-invite-game-title{display:flex;align-items:center;gap:6px;color:#262626;font-size:16px;line-height:22px}
.bp-invite-verified{color:#6a50ff;font-size:16px;line-height:16px}
.bp-invite-game-room{display:flex;align-items:center;gap:5px;color:#8a8a8a;font-size:14px;line-height:20px;white-space:nowrap}
.bp-invite-game-room .nnicon{font-size:16px;line-height:16px}
.bp-invite-join{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0;border:0;border-radius:2px;background:#191919;color:#fff;font:400 14px var(--font-family-main);cursor:pointer;transition:background .15s}
.bp-invite-join:hover{background:#303030}
.bp-invite-join:focus-visible{outline:2px solid #6a50ff;outline-offset:2px}
/* Recruitment tiers affect only the room title; indices stay neutral. */
.bp-room-list .nn-community-room{box-sizing:border-box;height:54px!important;min-height:54px;max-height:54px!important;flex:0 0 54px;padding:0!important;overflow:hidden;border-radius:4px;background:transparent;color:var(--gray-5);--room-title-color:currentColor}
.bp-room-list .nn-community-room[hidden]{display:none!important}
.bp-room-list .bp-room-style-silver{--room-title-color:#627f9b}
.bp-room-list .bp-room-style-gold{--room-title-color:#aa811f}
.bp-room-list .nn-community-room .nn-community-room__index{background:var(--gray-8);color:var(--gray-6);box-shadow:none}
.bp-room-list .nn-community-room .nn-community-room__title,.bp-room-list .nn-community-room .nn-community-room__title.has-overflow::before,.bp-room-list .nn-community-room .nn-community-room__overflow-title{color:var(--room-title-color)}
.bp-room-list .nn-community-room:hover .nn-community-room__title.has-overflow,.bp-room-list .nn-community-room.is-hover .nn-community-room__title.has-overflow{color:transparent}
.bp-room-list .nn-community-room:hover,.bp-room-list .nn-community-room.is-hover{background:var(--gray-10);color:var(--gray-4)}
.bp-room-list .nn-community-room.is-selected{background:#f1eeff;color:#6252e8}
.bp-room-list .nn-community-room:focus-visible{outline:2px solid #766bef;outline-offset:-2px}
.bp-page-preparing,.bp-page-preparing *{transition:none!important}
.bp-room-empty{padding:24px 10px;color:#9a9a9a;font-size:12px;text-align:center}
.bp-filter-backdrop{position:fixed;inset:0;z-index:4100;background:#191c2520;display:flex;align-items:center;justify-content:center}
.bp-filter-backdrop[hidden]{display:none}
.bp-filter-dialog{width:370px;max-width:calc(100vw - 36px);padding:22px;border:1px solid #e7e7ed;border-radius:10px;background:#fff;box-shadow:0 15px 55px #0000001a;font-family:var(--font-family-main);color:#30313b}
.bp-filter-dialog h2{font-size:18px;line-height:24px;margin:0 0 5px;font-weight:600}
.bp-filter-dialog>p{font-size:12px;color:#96969e;line-height:19px;margin:0 0 20px}
.bp-filter-check{display:flex;align-items:center;gap:7px;color:#777887;font-size:12px;cursor:pointer}
.bp-filter-check input{accent-color:#5145d8}
.bp-filter-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:22px}
.bp-filter-footer button{height:33px;padding:0 17px;border:1px solid #e5e5eb;border-radius:4px;background:#fafafa;font:13px var(--font-family-main);cursor:pointer;color:#7b7c86}
.bp-filter-footer .bp-filter-apply{background:#5145d8;border-color:#5145d8;color:white}
.bp-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px 0 5px;padding:3px 6px;border-radius:3px;background:#f5f3ff;color:#6d61c9;font-size:10px;line-height:18px}
.bp-filter-summary[hidden]{display:none}
.bp-filter-summary button{padding:0;border:0;background:transparent;color:#948bc2;cursor:pointer;font:10px var(--font-family-main)}
/* Hall message honor: show the medal title after the rank label, with a colored tier tag and a large icon on hover. */
.hall-message-meta .bp-message-medal{display:inline-flex;align-items:center;height:21px;flex:0 0 auto;margin-left:-2px;padding:0 6px;border:1px solid currentColor;border-radius:3px;background:#fff;font:600 12px/19px var(--font-family-main);white-space:nowrap;cursor:default}
.bp-message-medal.is-level-i{color:#8a6a2b;background:#fff9e9;border-color:#d9b96e}
.bp-message-medal.is-level-ii{color:#55748f;background:#f2f7fb;border-color:#a9bfd2}
.bp-message-medal.is-level-iii{color:#a06135;background:#fff4ed;border-color:#dfaa86}
.bp-message-medal.is-level-iv{color:#6a55a6;background:#f5f1ff;border-color:#b8a5e8}
.bp-message-medal.is-level-default{color:#667080;background:#f5f6f8;border-color:#cdd2db}
.bp-message-medal:focus-visible{outline:2px solid #9481e4;outline-offset:2px;border-radius:3px}
.bp-medal-tooltip{position:fixed;z-index:6000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:86px;height:86px;padding:8px;border:1px solid #e5e5eb;border-radius:8px;background:#fff;box-shadow:0 3px 12px #191c2512;transform:translate(-50%,-100%);pointer-events:none}
.bp-medal-tooltip-image{display:block;width:68px;height:68px;object-fit:contain;flex:none}
.bp-medal-tooltip::before,.bp-medal-tooltip::after{content:"";position:absolute;top:100%;left:calc(50% + var(--bp-tip-arrow,0px));transform:translateX(-50%);border:6px solid transparent;border-top-color:#e5e5eb;border-bottom:0}
.bp-medal-tooltip::after{margin-top:-1px;border-top-color:#fff}
.bp-entry-anchor{position:relative}
.bp-entry{position:absolute;left:12px;bottom:72px;z-index:95;isolation:isolate;display:flex;align-items:center;gap:9px;box-sizing:border-box;width:max-content;max-width:calc(100% - 28px);height:58px;padding:7px 20px 7px 10px;border:1px solid color-mix(in srgb,var(--bp-accent) 78%,var(--bp-metal));border-radius:3px 14px 3px 14px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--bp-accent) 22%,transparent),transparent 65%),linear-gradient(115deg,#151a21 12%,#25282e 70%,#181e25);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000050,0 6px 20px #121a2a26,0 0 12px color-mix(in srgb,var(--bp-accent) 15%,transparent);pointer-events:none;animation:bp-entry-arrive .42s cubic-bezier(.22,1,.36,1) both;overflow:hidden}
.bp-entry::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 66%,color-mix(in srgb,var(--bp-metal) 9%,transparent) 66.3%,transparent 78%),repeating-linear-gradient(115deg,transparent 0 24px,#ffffff03 25px 26px);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff0d}
.bp-entry::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-40%;width:35%;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff22,transparent);opacity:0;animation:bp-entry-shine 1.05s .18s ease-out both}
.bp-entry-avatar-frame{position:relative;z-index:2;display:grid;place-items:center;width:48px;height:42px;flex:none}
.bp-entry-avatar-frame::before{content:"";position:absolute;inset:3px 6px;background:linear-gradient(140deg,color-mix(in srgb,var(--bp-metal) 35%,white),var(--bp-metal) 25%,var(--bp-accent) 64%,var(--bp-metal));clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}
.bp-entry-avatar-frame::after{content:"";position:absolute;inset:0;background:var(--bp-metal);mask:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2042%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22branch%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2040C4%2035%202%2023%207%2011%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.2%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M8%2035Q1%2035%201%2029Q6%2029%208%2035ZM5%2028Q0%2025%201%2020Q6%2022%205%2028ZM5%2020Q1%2015%204%2011Q8%2015%205%2020ZM7%2014Q4%208%208%205Q11%2010%207%2014Z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cuse%20href%3D%22%23branch%22%2F%3E%0A%20%20%3Cuse%20href%3D%22%23branch%22%20transform%3D%22translate%2848%200%29%20scale%28-1%201%29%22%2F%3E%0A%3C%2Fsvg%3E%0A') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2042%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22branch%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2040C4%2035%202%2023%207%2011%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.2%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M8%2035Q1%2035%201%2029Q6%2029%208%2035ZM5%2028Q0%2025%201%2020Q6%2022%205%2028ZM5%2020Q1%2015%204%2011Q8%2015%205%2020ZM7%2014Q4%208%208%205Q11%2010%207%2014Z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cuse%20href%3D%22%23branch%22%2F%3E%0A%20%20%3Cuse%20href%3D%22%23branch%22%20transform%3D%22translate%2848%200%29%20scale%28-1%201%29%22%2F%3E%0A%3C%2Fsvg%3E%0A') center/contain no-repeat;opacity:.9}
.bp-entry-avatar{position:relative;z-index:1;display:block;width:32px;height:32px;aspect-ratio:1;object-fit:cover;flex:none;border-radius:3px}
.bp-entry-title{position:relative;z-index:2;display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;line-height:22px;white-space:nowrap;color:#fff7e8}
.bp-entry-ranking{display:inline-flex;align-items:baseline;gap:3px;flex:none;color:var(--bp-metal);font-weight:650;text-shadow:0 1px 8px color-mix(in srgb,var(--bp-accent) 24%,transparent)}
.bp-entry-rank-number{font-size:20px;line-height:24px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff4d3}
.bp-entry.bp-tier-silver .bp-entry-rank-number{color:#eef6ff}
.bp-entry-name{min-width:0;max-width:140px;padding-left:8px;border-left:1px solid #ffffff29;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.bp-entry-action{flex:none;color:#d6d4cf;font-weight:400}
.bp-entry.is-leaving{animation:bp-entry-leave .3s ease both}
.bp-entry-normal{position:absolute;left:12px;bottom:76px;z-index:95;width:fit-content;max-width:85%;padding:6px 11px;border:1px solid #eee;border-radius:4px;background:#fff;color:#909090;font-size:12px;pointer-events:none;box-shadow:0 2px 10px #00000008}
@keyframes bp-entry-arrive{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes bp-entry-leave{to{opacity:0;transform:translateY(-6px)}}
@keyframes bp-entry-shine{0%{opacity:0;transform:translateX(0) skewX(-18deg)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(450%) skewX(-18deg)}}
@media(prefers-reduced-motion:reduce){.bp-entry,.bp-entry.is-leaving,.bp-entry::after{animation:none}.bp-entry::after{display:none}}

.bp-invite-card.bp-tier-none{background:#f5f5f5}
.bp-invite-card.bp-tier-none:before,.bp-invite-card.bp-tier-none:after{display:none}