:root {
    --plc-bg: #071a27;
    --plc-bg-2: #0c2636;
    --plc-panel: #103247;
    --plc-panel-2: #173f57;
    --plc-line: rgba(255,255,255,.10);
    --plc-text: #f4f8fb;
    --plc-muted: #a8bdca;
    --plc-blue: #3b86cc;
    --plc-blue-2: #246aa9;
    --plc-green: #31d08f;
    --plc-yellow: #f4c861;
    --plc-red: #f07178;
    --plc-radius: 18px;
    --plc-bottom-nav-height: 72px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    overflow-x: hidden;
    background: var(--plc-bg);
    scroll-behavior: smooth;
}

body {
    min-height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--plc-text);
    background:
        radial-gradient(circle at 50% -20%, rgba(59,134,204,.22), transparent 40%),
        linear-gradient(180deg, #0d2a3b 0%, var(--plc-bg) 36%, #061621 100%);
    font-family: Poppins, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
    color: inherit;
}

button,
input,
textarea,
select {
    font: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

.plc-site-shell {
    min-height: 100vh;
}

.plc-site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    padding: 8px 12px;
    border-bottom: 1px solid var(--plc-line);
    background: rgba(6,22,32,.92);
    box-shadow: 0 8px 28px rgba(0,0,0,.22);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.plc-header-row {
    width: min(100%, 1180px);
    min-height: 58px;
    display: grid;
    grid-template-columns: 52px minmax(100px, 1fr) minmax(140px, auto) 48px 48px;
    gap: 8px;
    align-items: center;
    margin: 0 auto;
}

.plc-icon-button,
.plc-profile-button {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--plc-line);
    border-radius: 14px;
    color: var(--plc-text);
    background: rgba(255,255,255,.035);
    text-decoration: none;
    cursor: pointer;
}

.plc-menu-button {
    width: 52px;
}

.plc-menu-button span {
    width: 19px;
    height: 2px;
    display: block;
    margin: 2px 0;
    border-radius: 999px;
    background: currentColor;
}

.plc-brand {
    min-width: 0;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--plc-text);
    text-decoration: none;
    overflow: hidden;
}

.plc-brand-image {
    display: block;
    max-width: min(180px, 100%);
    max-height: 42px;
    width: auto;
    object-fit: contain;
}

.plc-brand-mark {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #071f16;
    background: var(--plc-green);
    font-size: 11px;
    font-weight: 950;
}

.plc-brand strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}

.plc-wallet-chip {
    min-height: 48px;
    display: grid;
    align-content: center;
    padding: 7px 13px;
    border: 1px solid rgba(49,208,143,.32);
    border-radius: 14px;
    color: var(--plc-text);
    background: rgba(49,208,143,.08);
    text-align: right;
    text-decoration: none;
}

.plc-wallet-chip span {
    color: var(--plc-muted);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.plc-wallet-chip strong {
    margin-top: 2px;
    color: var(--plc-green);
    font-size: 14px;
}

.plc-profile-button {
    overflow: hidden;
}

.plc-profile-avatar {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.plc-site-content {
    width: min(100%, 1180px);
    margin: 0 auto;
    padding: 16px 14px calc(var(--plc-bottom-nav-height) + 28px);
}

.plc-home,
.plc-page {
    width: 100%;
}

.plc-promo-slider {
    overflow: hidden;
}

.plc-promo-track {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.plc-promo-card {
    position: relative;
    min-height: 190px;
    display: grid;
    align-content: end;
    padding: 18px;
    overflow: hidden;
    border: 1px solid var(--plc-line);
    border-radius: 22px;
    color: #fff;
    background: linear-gradient(135deg, #276da9, #142f45);
    text-decoration: none;
    isolation: isolate;
}

.plc-promo-card-image {
    position: absolute;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.plc-promo-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: linear-gradient(180deg, rgba(4,16,24,.04) 5%, rgba(4,16,24,.88) 100%);
}

.plc-promo-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 85% 10%, rgba(255,255,255,.14), transparent 32%),
        linear-gradient(135deg, rgba(49,208,143,.12), transparent 56%);
}

.plc-promo-card-two::after {
    background:
        radial-gradient(circle at 85% 10%, rgba(255,255,255,.14), transparent 32%),
        linear-gradient(135deg, rgba(244,200,97,.16), transparent 56%);
}

.plc-promo-card > small,
.plc-promo-card > strong,
.plc-promo-card > span {
    position: relative;
    z-index: 1;
}

.plc-promo-card small {
    color: rgba(255,255,255,.70);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .12em;
}

.plc-promo-card strong {
    display: block;
    margin-top: 5px;
    font-size: clamp(21px, 3vw, 34px);
    line-height: 1.08;
}

.plc-promo-card span {
    display: block;
    margin-top: 6px;
    color: rgba(255,255,255,.74);
    font-size: 12px;
}

.plc-slider-dots {
    display: none;
    justify-content: center;
    gap: 5px;
    margin-top: 8px;
}

.plc-slider-dots span {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.24);
}

.plc-slider-dots span.is-active {
    width: 18px;
    background: var(--plc-blue);
}

.plc-search-section {
    margin-top: 14px;
}

.plc-game-search {
    min-height: 52px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    padding: 0 12px;
    border: 1px solid var(--plc-line);
    border-radius: 16px;
    background: rgba(7,24,35,.76);
}

.plc-game-search > span {
    color: var(--plc-muted);
    font-size: 22px;
}

.plc-game-search input {
    width: 100%;
    height: 50px;
    border: 0;
    outline: 0;
    color: var(--plc-text);
    background: transparent;
    font-size: 14px;
}

.plc-game-search input::placeholder {
    color: #7f99aa;
}

.plc-search-empty {
    padding: 12px;
    margin: 9px 0 0;
    border-radius: 12px;
    color: var(--plc-muted);
    background: rgba(255,255,255,.04);
    font-size: 12px;
}

.plc-home-section {
    margin-top: 20px;
}

.plc-section-head,
.plc-page-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 11px;
}

.plc-section-head small,
.plc-page-head small {
    display: block;
    color: var(--plc-muted);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .10em;
}

.plc-section-head h2,
.plc-page-head h1 {
    margin: 3px 0 0;
    color: var(--plc-text);
    font-size: clamp(20px, 3vw, 28px);
}

.plc-section-head > a {
    padding: 7px 10px;
    border: 1px solid var(--plc-line);
    border-radius: 999px;
    color: var(--plc-muted);
    text-decoration: none;
    font-size: 10px;
    font-weight: 800;
}

.plc-continue-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 9px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
}

.plc-continue-grid::-webkit-scrollbar {
    display: none;
}

.plc-games-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px;
}

.plc-game-card {
    min-width: 0;
    display: block;
    overflow: hidden;
    border: 1px solid var(--plc-line);
    border-radius: 17px;
    color: var(--plc-text);
    background: rgba(13,43,59,.88);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease;
}

.plc-game-card:hover,
.plc-game-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(59,134,204,.70);
}

.plc-game-card-media {
    position: relative;
    aspect-ratio: 1 / .78;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 30%, rgba(59,134,204,.25), transparent 44%),
        linear-gradient(145deg, #173e55, #0b2636);
}

.plc-game-card-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.plc-game-card-media > span {
    color: rgba(255,255,255,.88);
    font-size: clamp(28px, 5vw, 54px);
    font-weight: 950;
}

.plc-game-card-media b {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 5px 7px;
    border-radius: 999px;
    font-size: 8px;
    text-transform: uppercase;
}

.plc-game-card-media b.is-live {
    color: #052017;
    background: var(--plc-green);
}

.plc-game-card-media b.is-offline {
    color: #fff;
    background: #7b8992;
}

.plc-game-card-copy {
    padding: 11px;
}

.plc-game-card-copy strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.plc-game-card-copy small {
    display: -webkit-box;
    min-height: 29px;
    margin-top: 4px;
    overflow: hidden;
    color: var(--plc-muted);
    font-size: 10px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.plc-game-card.is-compact {
    min-width: 150px;
}

.plc-game-card.is-compact .plc-game-card-media {
    aspect-ratio: 1 / .72;
}

.plc-game-card.is-compact .plc-game-card-copy {
    padding: 9px;
}

.plc-game-card.is-compact .plc-game-card-copy strong {
    font-size: 12px;
}

.plc-page {
    padding-top: 4px;
}

.plc-games-page .plc-game-search {
    margin-bottom: 14px;
}

.plc-content-card {
    padding: 16px;
    border: 1px solid var(--plc-line);
    border-radius: var(--plc-radius);
    background: rgba(11,37,51,.74);
}

.plc-entry-content {
    width: 100%;
    overflow-x: auto;
}

.plc-entry-content::after {
    content: "";
    display: table;
    clear: both;
}

.plc-entry-content a {
    color: #79baff;
}

.plc-theme-game-page .plc-site-content {
    width: 100%;
    max-width: none;
    padding: 0 0 24px;
}

.plc-theme-game-page .plc-content-card {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.plc-theme-game-page .plc-entry-content {
    overflow-x: hidden;
    overflow-y: visible;
}

.plc-drawer {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: none;
}

.plc-drawer.is-open {
    display: block;
}

.plc-drawer-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(0,0,0,.60);
}

.plc-drawer-panel {
    position: relative;
    width: min(84vw, 340px);
    height: 100%;
    padding: max(env(safe-area-inset-top), 20px) 14px 28px;
    overflow-y: auto;
    background: #0a2331;
    box-shadow: 20px 0 60px rgba(0,0,0,.36);
}

.plc-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--plc-line);
}

.plc-drawer-head button {
    width: 42px;
    height: 42px;
    border: 1px solid var(--plc-line);
    border-radius: 12px;
    color: var(--plc-text);
    background: rgba(255,255,255,.04);
    font-size: 25px;
}

.plc-drawer-nav ul {
    display: grid;
    gap: 5px;
    padding: 12px 0 0;
    margin: 0;
    list-style: none;
}

.plc-drawer-nav a {
    min-height: 46px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 12px;
    color: var(--plc-text);
    background: rgba(255,255,255,.035);
    text-decoration: none;
}

.plc-bottom-nav {
    position: fixed;
    left: 50%;
    bottom: max(env(safe-area-inset-bottom), 8px);
    z-index: 1100;
    width: min(calc(100% - 18px), 560px);
    min-height: 64px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
    padding: 6px;
    border: 1px solid var(--plc-line);
    border-radius: 20px;
    background: rgba(7,23,33,.94);
    box-shadow: 0 16px 44px rgba(0,0,0,.38);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transform: translateX(-50%);
}

.plc-bottom-nav a,
.plc-bottom-nav button {
    min-width: 0;
    min-height: 50px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 2px;
    padding: 4px;
    border: 0;
    border-radius: 14px;
    color: var(--plc-muted);
    background: transparent;
    text-decoration: none;
}

.plc-bottom-nav a.is-active {
    color: #fff;
    background: rgba(59,134,204,.20);
}

.plc-bottom-nav span {
    font-size: 20px;
    line-height: 1;
}

.plc-bottom-nav small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 8px;
    font-weight: 750;
}

.plc-footer {
    width: min(100%, 1180px);
    margin: 0 auto;
    padding: 12px 16px calc(var(--plc-bottom-nav-height) + 16px);
    color: var(--plc-muted);
    text-align: center;
}

.plc-theme-game-page .plc-bottom-nav {
    display: none;
}

.plc-theme-game-page .plc-footer {
    padding-bottom: 18px;
}

@media (max-width: 820px) {
    .plc-site-header {
        /* Reserved space for phone camera, notch and Dynamic Island. */
        padding-top: max(env(safe-area-inset-top), 24px);
    }

    .plc-header-row {
        grid-template-columns: 48px minmax(84px, 1fr) minmax(104px, auto) 44px 44px;
        gap: 6px;
    }

    .plc-icon-button,
    .plc-profile-button {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .plc-menu-button {
        width: 48px;
    }

    .plc-brand {
        height: 44px;
    }

    .plc-brand-image {
        max-height: 38px;
    }

    .plc-wallet-chip {
        min-height: 44px;
        padding-inline: 9px;
        border-radius: 12px;
    }

    .plc-wallet-chip strong {
        font-size: 12px;
    }

    .plc-profile-avatar {
        width: 37px;
        height: 37px;
    }

    .plc-site-content {
        padding-inline: 10px;
    }

    .plc-games-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .plc-site-header {
        padding-right: 8px;
        padding-left: 8px;
    }

    .plc-header-row {
        grid-template-columns: 44px minmax(68px, 1fr) minmax(94px, auto) 40px 40px;
        gap: 5px;
    }

    .plc-menu-button {
        width: 44px;
    }

    .plc-icon-button,
    .plc-profile-button {
        width: 40px;
        height: 40px;
    }

    .plc-brand {
        height: 40px;
        gap: 5px;
    }

    .plc-brand-mark {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        font-size: 9px;
    }

    .plc-brand strong {
        font-size: 12px;
    }

    .plc-brand-image {
        max-height: 34px;
    }

    .plc-wallet-chip {
        min-height: 40px;
        padding: 5px 7px;
    }

    .plc-wallet-chip span {
        font-size: 7px;
    }

    .plc-wallet-chip strong {
        font-size: 10px;
    }

    .plc-profile-avatar {
        width: 34px;
        height: 34px;
    }

    .plc-promo-track {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .plc-promo-track::-webkit-scrollbar {
        display: none;
    }

    .plc-promo-card {
        min-width: 88%;
        min-height: 160px;
        scroll-snap-align: center;
    }

    .plc-slider-dots {
        display: flex;
    }

    .plc-games-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .plc-game-card-copy {
        padding: 9px;
    }

    .plc-game-card-copy strong {
        font-size: 12px;
    }

    .plc-game-card-copy small {
        min-height: 27px;
        font-size: 9px;
    }

    .plc-continue-grid {
        grid-template-columns: repeat(3, minmax(130px, 1fr));
    }

    .plc-footer {
        display: none;
    }
}

@media (max-width: 380px) {
    .plc-header-row {
        grid-template-columns: 42px minmax(54px, 1fr) minmax(86px, auto) 38px 38px;
        gap: 4px;
    }

    .plc-menu-button {
        width: 42px;
    }

    .plc-icon-button,
    .plc-profile-button {
        width: 38px;
        height: 38px;
    }

    .plc-brand strong {
        display: none;
    }

    .plc-wallet-chip {
        padding-inline: 6px;
    }

    .plc-site-content {
        padding-inline: 8px;
    }

    .plc-promo-card {
        min-width: 92%;
        min-height: 150px;
        padding: 14px;
    }

    .plc-game-card-media > span {
        font-size: 28px;
    }

    .plc-bottom-nav {
        width: calc(100% - 12px);
    }
}

@media (max-width: 320px) {
    .plc-games-grid {
        grid-template-columns: 1fr;
    }

    .plc-continue-grid {
        grid-template-columns: repeat(3, minmax(122px, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}


html.plc-install-open,
html.plc-install-open body {
    overflow: hidden;
}

.plc-install-popup[hidden] {
    display: none !important;
}

.plc-install-popup {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: grid;
    align-items: end;
    opacity: 0;
    visibility: hidden;
    transition: opacity .22s ease, visibility .22s ease;
}

.plc-install-popup.is-open {
    opacity: 1;
    visibility: visible;
}

.plc-install-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(1, 9, 14, .76);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.plc-install-panel {
    position: relative;
    width: min(100%, 520px);
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 15px;
    margin: 0 auto;
    padding: 24px 20px calc(20px + env(safe-area-inset-bottom));
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px 24px 0 0;
    color: var(--plc-text);
    background:
        radial-gradient(circle at 15% 0%, rgba(49,208,143,.18), transparent 35%),
        linear-gradient(180deg, #12384d, #081d2a);
    box-shadow: 0 -22px 70px rgba(0,0,0,.52);
    transform: translateY(30px);
    transition: transform .24s ease;
}

.plc-install-popup.is-open .plc-install-panel {
    transform: translateY(0);
}

.plc-install-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    color: var(--plc-muted);
    background: rgba(255,255,255,.05);
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}

.plc-install-icon {
    width: 72px;
    height: 72px;
    display: block;
    border-radius: 19px;
    box-shadow: 0 10px 26px rgba(0,0,0,.28);
}

.plc-install-copy {
    min-width: 0;
    padding-right: 24px;
}

.plc-install-copy small {
    display: block;
    margin-bottom: 4px;
    color: var(--plc-green);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
}

.plc-install-copy h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(20px, 5.5vw, 27px);
    line-height: 1.15;
}

.plc-install-copy p {
    margin: 8px 0 0;
    color: var(--plc-muted);
    font-size: 13px;
    line-height: 1.55;
}

.plc-install-steps {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(244,200,97,.25);
    border-radius: 12px;
    color: #f5dfaa;
    background: rgba(244,200,97,.08);
    font-size: 12px;
    line-height: 1.5;
}

.plc-install-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .8fr);
    gap: 10px;
    margin-top: 4px;
}

.plc-install-actions button {
    min-height: 48px;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.plc-install-primary {
    border: 1px solid rgba(49,208,143,.45);
    color: #061d15;
    background: var(--plc-green);
    box-shadow: 0 10px 24px rgba(49,208,143,.20);
}

.plc-install-secondary {
    border: 1px solid rgba(255,255,255,.12);
    color: var(--plc-text);
    background: rgba(255,255,255,.05);
}

@media (min-width: 701px) {
    .plc-install-popup {
        place-items: center;
        padding: 24px;
    }

    .plc-install-panel {
        border-radius: 24px;
        padding-bottom: 24px;
        transform: translateY(18px) scale(.98);
    }

    .plc-install-popup.is-open .plc-install-panel {
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 390px) {
    .plc-install-panel {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 12px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .plc-install-icon {
        width: 62px;
        height: 62px;
        border-radius: 17px;
    }

    .plc-install-actions {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .plc-install-popup,
    .plc-install-panel {
        transition: none;
    }
}


.plc-home-bonus{width:100%;margin:0}


/* PLC Game v5.8.0 — unified theme icons */
.plc-profile-button{
    overflow:visible;
}
.plc-profile-icon{
    width:23px;
    height:23px;
    display:block;
    color:#d8e8ef;
}
.plc-profile-button:hover .plc-profile-icon,
.plc-profile-button:focus-visible .plc-profile-icon{
    color:var(--plc-green);
}
.plc-bottom-nav-icon{
    width:20px;
    height:20px;
    display:block;
}

/* Player system links always remain available even when a custom drawer menu is assigned. */
.plc-drawer-system-nav{
    margin-top:14px;
    padding-top:13px;
    border-top:1px solid var(--plc-line);
}
.plc-drawer-system-label{
    display:block;
    padding:0 10px 7px;
    color:var(--plc-muted);
    font-size:8px;
    font-weight:900;
    letter-spacing:.14em;
}
.plc-drawer-system-nav ul{
    display:grid;
    gap:5px;
    padding:0;
    margin:0;
    list-style:none;
}
.plc-drawer-system-nav a{
    min-height:46px;
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    align-items:center;
    gap:10px;
    padding:0 12px;
    border:1px solid transparent;
    border-radius:12px;
    color:var(--plc-text);
    background:rgba(255,255,255,.025);
    text-decoration:none;
}
.plc-drawer-system-nav a:hover,
.plc-drawer-system-nav a:focus-visible{
    border-color:rgba(49,208,143,.22);
    color:#fff;
    background:rgba(49,208,143,.08);
}
.plc-drawer-item-icon{
    width:19px;
    height:19px;
    color:#91a9b6;
}
.plc-drawer-system-nav a:hover .plc-drawer-item-icon,
.plc-drawer-system-nav a:focus-visible .plc-drawer-item-icon{
    color:var(--plc-green);
}
.plc-drawer-system-nav .is-logout{
    margin-top:5px;
}
.plc-drawer-system-nav .is-logout a{
    color:#ffb1b1;
}
.plc-drawer-system-nav .is-logout .plc-drawer-item-icon{
    color:#ff7c7c;
}

/* Override the Wallet plugin's glowing status dot with a real chat bubble icon. */
body .plc-global-chat-button .plc-global-chat-dot{
    position:relative!important;
    width:18px!important;
    height:15px!important;
    flex:0 0 18px!important;
    border:2px solid var(--plc-green)!important;
    border-radius:5px!important;
    background:transparent!important;
    box-shadow:none!important;
    animation:none!important;
}
body .plc-global-chat-button .plc-global-chat-dot::after{
    content:""!important;
    position:absolute!important;
    left:2px!important;
    bottom:-5px!important;
    width:6px!important;
    height:6px!important;
    border-left:2px solid var(--plc-green)!important;
    border-bottom:2px solid var(--plc-green)!important;
    background:#08131d!important;
    transform:skew(-24deg)!important;
}
body .plc-global-chat-button{
    gap:9px!important;
}

/* The old avatar class is kept harmless for cache/backward compatibility. */
.plc-profile-avatar{
    display:none!important;
}

/* ============================================================
   PLC Game Theme v5.8.4 — responsive orientation stability
   ============================================================ */

html.plc-drawer-open,
html.plc-drawer-open body{
    overscroll-behavior:none;
}

.plc-drawer-panel{
    max-width:100%;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
}

.plc-game-theme,
.plc-site-shell,
.plc-site-content,
.plc-entry-content{
    max-width:100%;
    min-width:0;
}

.plc-site-shell{
    overflow-x:clip;
}

@supports not (overflow:clip){
    .plc-site-shell{
        overflow-x:hidden;
    }
}

/* Portrait and landscape are both supported. */
@media (orientation:portrait){
    .plc-site-shell{
        min-height:100dvh;
    }
}

@media (orientation:landscape){
    .plc-site-shell{
        min-height:100dvh;
    }
}


/* ============================================================
   PLC Game Theme v5.8.5 — desktop/landscape compatibility
   ============================================================ */

/*
 * v5.8.2 portrait blocker is obsolete.
 * Browser and installed app both support portrait + landscape.
 */
.plc-portrait-lock,
.plc-portrait-lock.is-visible,
#plc-hard-portrait-overlay,
.plc-hard-portrait-overlay,
.plc-hard-portrait-overlay.is-visible{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

html.plc-portrait-fallback-active,
html.plc-portrait-fallback-active body,
html.plc-device-landscape,
html.plc-device-landscape body{
    overflow:auto!important;
    overflow-x:hidden!important;
}

/* Desktop landscape must always render normally. */
@media (min-width:901px){
    .plc-site-shell,
    .plc-site-content,
    .plc-entry-content{
        display:block;
        visibility:visible;
        opacity:1;
    }
}

/* Both device orientations remain valid. */
@media (orientation:portrait){
    .plc-site-shell{width:100%}
}

@media (orientation:landscape){
    .plc-site-shell{width:100%}
}
