/* ============================================================
   Tôi Yêu Ngọc Rồng — Emerald Forest Theme
   Nền rừng xanh, nút ngọc bích và điểm nhấn ngọc rồng vàng
   Loaded after style.css so legacy colors are normalized here.
   ============================================================ */
:root {
    --theme-bg: #182a20;
    --theme-bg-deep: #0f1c15;
    --theme-surface: #20392b;
    --theme-surface-2: #274534;
    --theme-surface-soft: #2c4d3a;
    --theme-accent: #59b681;
    --theme-accent-strong: #6ed098;
    --theme-accent-dark: #3c9864;
    --theme-accent-alt: #44ad71;
    --theme-text: #f3fbf6;
    --theme-text-soft: #d9eae0;
    --theme-muted: #a9c5b5;
    --theme-line: rgba(89,182,129,.48);
    --theme-line-soft: rgba(89,182,129,.20);
    --theme-shadow: rgba(0,0,0,.42);
    --theme-glow: rgba(89,182,129,.28);
}

html, body { color: var(--theme-text); }
body {
    background-color: var(--theme-bg) !important;
    background-image:
        linear-gradient(rgba(24,42,32,.88), rgba(15,28,21,.94)),
        url(../images/background.png) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center center !important;
}

/* 60% main background */
.wrapper-site,
body > .container,
.container[style*="background: #007e70"],
.container[style*="background:#007e70"] {
    background: linear-gradient(180deg, rgba(24,42,32,.98), rgba(15,28,21,.99)) !important;
    border: 1px solid rgba(89,182,129,.34) !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 44px var(--theme-shadow), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* 30% content / secondary surface */
.ibox-content,
.header-site,
.footer-site,
.modal-header,
.intro,
.white-bg,
.forum-post-info,
.media-body > .media,
.ibox-title,
.card,
.list-group-item,
.dropdown-menu {
    background: linear-gradient(180deg, rgba(32,57,43,.98), rgba(26,45,34,.99)) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-line-soft) !important;
}

.ibox-content {
    border: 1px solid rgba(89,182,129,.27) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 22px rgba(0,0,0,.12) !important;
}
.header-site, .footer-site, .intro { border: 1px solid rgba(89,182,129,.24) !important; }

/* Typography */
a { color: #85e3ad; }
a:hover, a:focus { color: #b7f2d0; }
h1,h2,h3,h4,h5,h6,.forum-title,.forum-item-title { color: var(--theme-text); }
.text-muted,.forum-desc,.forum-item small,.forum-item .forum-sub-title,.author-info { color: var(--theme-muted) !important; }
.ibox-content .text-black,
.ibox-content span[style*="color:black"],
.ibox-content span[style*="color: black"],
.header-site .text-black,
.footer-site,.intro,.partner { color: var(--theme-text-soft) !important; }

/* 10% accent - all main CTA buttons */
.btn-download,
.btn-action,
.top-btn,
.btn-primary,
.btn-info,
.btn-success,
.btn-dark {
    position: relative;
    overflow: hidden;
    color: #ffffff !important;
    background: linear-gradient(180deg, var(--theme-accent-strong) 0%, var(--theme-accent) 52%, var(--theme-accent-alt) 100%) !important;
    border: 1px solid #8adbad !important;
    border-bottom: 3px solid #2f8253 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.30), 0 0 0 1px rgba(89,182,129,.10) !important;
    text-shadow: 0 1px 2px rgba(22,38,29,.70) !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.btn-download::before,.btn-action::before,.top-btn::before {
    content:""; position:absolute; inset:0;
    background: linear-gradient(110deg, transparent 10%, rgba(255,255,255,.16) 45%, transparent 62%);
    pointer-events:none;
}
.btn-download:hover,.btn-download:focus,
.btn-action:hover,.btn-action:focus,
.top-btn:hover,.top-btn:focus,
.btn-primary:hover,.btn-primary:focus,
.btn-info:hover,.btn-info:focus,
.btn-success:hover,.btn-success:focus,
.btn-dark:hover,.btn-dark:focus {
    color:#ffffff !important;
    background: linear-gradient(180deg, #8ae3b0 0%, #63c58d 50%, #44ad71 100%) !important;
    border-color:#a2eac1 !important;
    transform: translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,.27), 0 0 18px var(--theme-glow), inset 0 1px 0 rgba(255,255,255,.34) !important;
}
.btn-download:active,.btn-action:active,.top-btn:active,
.btn-primary:active,.btn-info:active,.btn-success:active,.btn-dark:active { transform: translateY(1px); }

/* Keep warning/danger semantics where needed */
.btn-warning {
    color:#16261d !important;
    background: linear-gradient(180deg,#a2eac1,#63c58d) !important;
    border-color:#3c9864 !important;
    text-shadow:none !important;
}
.btn-danger { box-shadow: 0 4px 10px rgba(0,0,0,.18) !important; }

/* Inputs */
.form-control,.custom-select,input,textarea,select {
    background-color:#15241b !important;
    color:var(--theme-text) !important;
    border-color:rgba(89,182,129,.34) !important;
}
.form-control::placeholder,input::placeholder,textarea::placeholder { color:#94aa9d !important; }
.form-control:focus,.custom-select:focus,input:focus,textarea:focus,select:focus {
    border-color:var(--theme-accent) !important;
    box-shadow:0 0 0 .2rem rgba(89,182,129,.16) !important;
}

/* Download modals */
#download_pc .modal-content,#download_apk .modal-content {
    background:#20392b !important;
    border:2px solid rgba(89,182,129,.65) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.42) !important;
}
#download_pc .modal-header,#download_apk .modal-header {
    background:linear-gradient(180deg,#2c4d3a,#20392b) !important;
    color:var(--theme-text) !important;
    border-bottom:1px solid rgba(89,182,129,.30) !important;
}
#download_pc .modal-header h4,#download_apk .modal-header h4 { color:#9be8bc !important; }
#download_pc .modal-body,#download_apk .modal-body { background:#15241b !important; }
#download_pc .modal-body a,#download_apk .modal-body a {
    background:linear-gradient(180deg,#6ed098,#44ad71) !important;
    color:#ffffff !important;
    border:1px solid #8adbad !important;
    box-shadow:0 5px 14px rgba(0,0,0,.20) !important;
}
#download_pc .modal-body a:hover,#download_apk .modal-body a:hover { background:linear-gradient(180deg,#8ae3b0,#4db178) !important; }

/* Normalize legacy orange/cream inline modal colors */
.modal-content[style*="#fff1dc"], .modal-body[style*="#fff1dc"] { background:#20392b !important; color:var(--theme-text) !important; }
.modal-header[style*="#df8f3f"] { background:linear-gradient(180deg,#2c4d3a,#20392b) !important; color:var(--theme-text) !important; }
.modal-body a[style*="#d9842f"] { background:linear-gradient(180deg,#6ed098,#44ad71) !important; border-color:#8adbad !important; }

/* Cards / forum */
.forum-item { border-bottom-color:rgba(89,182,129,.15) !important; }
.forum-icon .fa,.forum-item.active .fa,.forum-item.active a.forum-item-title { color:var(--theme-accent-strong) !important; }

/* Giftcodes */
.giftcode-shell { background:linear-gradient(180deg,#20392b,#15241b) !important; border:1px solid rgba(89,182,129,.42) !important; box-shadow:0 12px 30px rgba(0,0,0,.18) !important; }
.giftcode-card { background:#20392b !important; border:1px solid rgba(89,182,129,.45) !important; box-shadow:0 8px 22px rgba(0,0,0,.18) !important; }
.giftcode-head { background:linear-gradient(90deg,#2c4d3a,#274534,#20392b) !important; border-bottom:1px solid rgba(89,182,129,.38) !important; }
.giftcode-code { color:#9be8bc !important; text-shadow:0 1px 2px rgba(0,0,0,.35); }
.giftcode-chip { background:#15241b !important; border:1px solid rgba(89,182,129,.50) !important; color:#b4eccc !important; }
.giftcode-item { background:linear-gradient(180deg,#244030,#1a2e23) !important; border:1px solid rgba(89,182,129,.34) !important; }
.giftcode-item:hover { border-color:var(--theme-accent) !important; box-shadow:0 5px 16px rgba(0,0,0,.18),0 0 12px rgba(46,204,113,.12) !important; }
.giftcode-item-icon,.giftcode-item-fallback { background:#15241b !important; border-color:var(--theme-accent) !important; }
.giftcode-item-fallback,.giftcode-item-meta { color:#85e3ad !important; }
.giftcode-item-name { color:var(--theme-text) !important; }
.giftcode-item-desc { color:var(--theme-muted) !important; }

/* Tables */
.table { color:var(--theme-text) !important; }
.table thead th,.table th,.table td { border-color:rgba(89,182,129,.17) !important; }
.table-striped tbody tr:nth-of-type(odd) { background-color:rgba(255,255,255,.025) !important; }

/* Alerts / notice system */
.alert-info { color:#edfaf3 !important; background:#274534 !important; border-color:rgba(89,182,129,.30) !important; }
.notice-home-panel {
    margin:18px 0 8px; padding:14px 18px 16px;
    background:linear-gradient(180deg,#20392b 0%,#15241b 100%) !important;
    border:1px solid rgba(89,182,129,.42) !important;
    border-radius:15px;
    box-shadow:0 8px 22px rgba(0,0,0,.17), inset 0 1px 0 rgba(255,255,255,.035);
}
.notice-home-heading { margin:0 0 10px; padding:0 2px 9px; color:#9be8bc !important; font-size:19px; letter-spacing:.15px; border-bottom:1px solid rgba(89,182,129,.17); }
.alert-warning,.notice-alert { color:var(--theme-text) !important; background:linear-gradient(180deg,#274534,#20392b) !important; border:1px solid rgba(46,204,113,.32) !important; }
.alert-warning a,.notice-alert a { color:#9be8bc !important; }
.alert-warning a:hover,.notice-alert a:hover { color:#d0f5e0 !important; }
.notice-home-panel > .alert-info,.notice-page-shell .alert-info {
    margin:0; padding:8px 18px; color:#f5fdf8 !important;
    background:linear-gradient(90deg,#2c4d3a,#274534) !important;
    border:1px solid rgba(46,204,113,.25) !important;
    border-left:3px solid var(--theme-accent) !important;
    border-radius:999px !important;
}
.notice-feed .alert-warning,.notice-feed .notice-alert { border-radius:12px !important; }
.notice-title,.notice-title a { color:var(--theme-text) !important; }
.notice-title a:hover { color:#9be8bc !important; }
.notice-title-icon,.notice-author,.post-author-highlight { color:#6fdf9f !important; }
.notice-meta,.post-author-meta,.comment-head,.notice-summary { color:var(--theme-muted) !important; }
.notice-avatar,.post-author-avatar,.comment-avatar { border-color:var(--theme-accent) !important; background:#15241b !important; box-shadow:0 0 0 2px rgba(89,182,129,.10); }
.author-chip { color:#b4eccc !important; background:#15241b !important; border-color:rgba(89,182,129,.42) !important; }
.comment-item,.notice-summary-box { color:var(--theme-text-soft) !important; background:rgba(21,38,28,.78) !important; border-color:rgba(89,182,129,.16) !important; }

/* Footer / inline cream remnants */
.footer-site[style*="#fdf8da"],
.ibox-content[style*="#fdf8da"],
.ibox-content[style*="#fdf8da"] { background:linear-gradient(180deg,#20392b,#1a2d22) !important; color:var(--theme-text) !important; }

/* Scrollbar */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-track { background:#15241b; }
::-webkit-scrollbar-thumb { background:#3a8359; border:2px solid #15241b; border-radius:10px; }
::-webkit-scrollbar-thumb:hover { background:#59b681; }

/* Mobile spacing / hierarchy */
@media (max-width:767px) {
    .btn-download,.btn-action { margin:6px 4px !important; }
    .giftcode-shell { padding:10px !important; }
    .notice-home-panel { margin-top:12px; padding:12px; border-radius:12px; }
    .notice-home-panel > .alert-info,.notice-page-shell .alert-info { border-radius:10px !important; padding:9px 12px; }
}

/* Forum / destructive actions -------------------------------------------------
   Override the legacy striped .btn rule so delete buttons use the current theme. */
.btn-danger,
button.btn-danger,
a.btn-danger {
    position: relative;
    overflow: hidden;
    height: auto !important;
    min-height: 36px;
    padding: .375rem .8rem !important;
    line-height: 1.45 !important;
    color: #ffffff !important;
    background: linear-gradient(180deg,#e36a78 0%,#c84455 52%,#9e2d3d 100%) !important;
    border: 1px solid #ef8792 !important;
    border-bottom: 3px solid #711e2a !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
    text-shadow: 0 1px 2px rgba(70,8,18,.8) !important;
    font-weight: 700;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.btn-danger.btn-sm {
    min-height: 32px;
    padding: .25rem .65rem !important;
    font-size: .875rem;
}
.btn-danger:hover,
.btn-danger:focus {
    color: #ffffff !important;
    background: linear-gradient(180deg,#ef7c89 0%,#d65262 52%,#ad3445 100%) !important;
    border-color: #f3a1aa !important;
    border-bottom-color: #7b2230 !important;
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(0,0,0,.28), 0 0 14px rgba(214,82,98,.18), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.btn-danger:active {
    transform: translateY(1px);
    border-bottom-width: 2px !important;
}

/* Forum answered status */
.notice-title.forum-title-row,
.forum-topic-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.notice-title.forum-title-row > a {
    min-width: 0;
}
.forum-admin-answered {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 3px 9px;
    border-radius: 999px;
    color: #bdf5d0 !important;
    background: rgba(46,204,113,.12);
    border: 1px solid rgba(46,204,113,.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    font-size: 11px;
    line-height: 1.35;
    font-weight: 800;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .2px;
}
.forum-admin-answered .fa {
    color: #46dc83;
    font-size: 12px;
}
.forum-topic-heading h3 {
    min-width: 0;
    word-break: break-word;
}
@media (max-width: 575.98px) {
    .notice-title.forum-title-row,
    .forum-topic-heading {
        align-items: flex-start;
    }
    .forum-admin-answered {
        font-size: 10px;
        padding: 3px 8px;
    }
}

/* Home launcher component groups ---------------------------------------------
   Keep downloads, account actions and community links visually separated. */
.home-launch-panel {
    margin-top: 5px;
    padding: 10px 18px 20px !important;
}
.home-age-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 28px;
    padding: 2px 6px 8px;
    color: var(--theme-text-soft);
    font-size: 12px;
    line-height: 1.35;
}
.home-age-note img { flex: 0 0 auto; }
.home-game-logo {
    padding: 16px 8px 24px;
    text-align: center;
}
.home-game-logo img {
    display: block;
    width: auto;
    max-width: min(300px, 85vw);
    max-height: 190px;
    margin: 0 auto;
    object-fit: contain;
}
.home-component-layout {
    display: grid;
    gap: 15px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.home-secondary-grid {
    display: grid;
    grid-template-columns: minmax(250px, .82fr) minmax(0, 1.38fr);
    gap: 15px;
    align-items: stretch;
}
.home-action-cluster {
    position: relative;
    overflow: hidden;
    padding: 16px;
    border: 1px solid rgba(89,182,129,.34);
    border-radius: 15px;
    background:
        radial-gradient(circle at 100% 0%, rgba(110,208,152,.11), transparent 34%),
        linear-gradient(180deg, rgba(39,69,52,.82), rgba(25,44,33,.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 8px 20px rgba(0,0,0,.14);
}
.home-cluster-download {
    border-color: rgba(110,208,152,.42);
}
.home-cluster-header {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    text-align: left;
}
.home-cluster-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(138,219,173,.50);
    border-radius: 11px;
    color: #c2f5d8;
    background: rgba(89,182,129,.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    font-size: 16px;
}
.home-cluster-heading {
    min-width: 0;
}
.home-cluster-heading h3 {
    margin: 0 0 2px;
    color: #e9faf0;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .15px;
}
.home-cluster-heading p {
    margin: 0;
    color: var(--theme-muted);
    font-size: 11.5px;
    line-height: 1.4;
}
.home-cluster-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
}
.home-cluster-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto !important;
    min-width: 112px;
    min-height: 44px;
    margin: 0 !important;
    padding: 9px 13px !important;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 700;
}
.home-download-actions .home-cluster-btn {
    flex: 0 1 132px;
    min-width: 120px;
}
.home-account-actions .home-cluster-btn {
    flex: 1 1 128px;
    min-width: 120px;
}
.home-community-actions .home-cluster-btn {
    flex: 1 1 118px;
    min-width: 108px;
}
.home-admin-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(89,182,129,.18);
    font-size: 11.5px;
}
.home-admin-label {
    color: #b0e9c9;
    font-weight: 800;
}
.home-admin-link {
    color: var(--theme-text-soft);
    text-decoration: none;
}
.home-admin-link:hover,
.home-admin-link:focus {
    color: #b7f2d0;
    text-decoration: none;
}

@media (max-width: 767px) {
    .home-launch-panel { padding: 8px 10px 14px !important; }
    .home-game-logo { padding: 12px 6px 18px; }
    .home-component-layout { gap: 11px; }
    .home-secondary-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }
    .home-action-cluster { padding: 13px; border-radius: 13px; }
    .home-cluster-header { margin-bottom: 11px; }
    .home-cluster-btn { margin: 0 !important; }
    .home-download-actions .home-cluster-btn,
    .home-account-actions .home-cluster-btn,
    .home-community-actions .home-cluster-btn {
        flex: 1 1 calc(50% - 9px);
        min-width: 0;
    }
}

@media (max-width: 390px) {
    .home-age-note { align-items: flex-start; font-size: 10.5px; }
    .home-cluster-heading h3 { font-size: 15px; }
    .home-cluster-heading p { font-size: 10.5px; }
    .home-cluster-btn { min-height: 42px; font-size: 12px; padding: 8px 9px !important; }
}

/* Notice detail / structured content dark theme */
.notice-detail-card {
    background: linear-gradient(180deg,#274534,#20392b) !important;
    border-color: rgba(46,204,113,.32) !important;
}
.notice-detail-toolbar { border-bottom: 1px solid rgba(89,182,129,.14); padding-bottom: 16px; }
.notice-detail-author-row { border-bottom-color: rgba(89,182,129,.16) !important; }
.post-detail-title,
.notice-content-rendered .notice-content-title,
.notice-content-rendered .notice-content-section { color: var(--theme-text) !important; }
.notice-content-rendered { color: var(--theme-text-soft) !important; }
.notice-content-rendered .notice-number-list > li::before { background: linear-gradient(135deg,#4aa06f,#6fdf9f) !important; }
.notice-content-rendered .notice-bullet-list > li::before { background:#6fdf9f !important; box-shadow:0 0 0 4px rgba(111,223,159,.13) !important; }
.notice-content-rendered .notice-content-note {
    color: #e6f7ed !important;
    background: rgba(21,38,28,.78) !important;
    border-color: rgba(89,182,129,.23) !important;
}
.notice-content-rendered .notice-content-note::before { color:#9be8bc !important; }
.notice-content-rendered .notice-content-divider { border-top-color: rgba(89,182,129,.22) !important; }


/* Patch 44: dark theme overrides for balanced notice content */
.notice-content-rendered .notice-content-title {
    border-bottom-color: rgba(89,182,129,.16) !important;
}
.notice-content-rendered .notice-content-section {
    color: #e9faf0 !important;
    border-bottom-color: rgba(89,182,129,.14) !important;
}
.notice-content-rendered .notice-number-list > li::before {
    color: #9be8bc !important;
    background: transparent !important;
    box-shadow: none !important;
}
.notice-content-rendered .notice-bullet-list > li::before {
    background: #6fdf9f !important;
    box-shadow: 0 0 0 3px rgba(111,223,159,.12) !important;
}
.notice-content-rendered .notice-content-note {
    color: #e3f2e9 !important;
    background: rgba(89,182,129,.07) !important;
    border-color: rgba(89,182,129,.18) !important;
    border-left-color: rgba(155,232,188,.72) !important;
}

/* Forest atmosphere and readable emerald actions. */
:root {
    --theme-bg:#071b15; --theme-bg-deep:#04100d;
    --theme-surface:#102b22; --theme-surface-2:#16372b;
    --theme-surface-soft:#1b4232;
    --theme-accent:#198d52; --theme-accent-strong:#219b5c;
    --theme-accent-dark:#0b5934; --theme-accent-alt:#106b3e;
    --theme-text:#f0faef; --theme-text-soft:#d6e9dd;
    --theme-muted:#a6c5b4; --theme-glow:rgba(61,195,115,.21);
    --theme-line:rgba(110,195,139,.38); --theme-line-soft:rgba(110,195,139,.19);
}
body {
    min-height:100vh;
    background-image:
      radial-gradient(ellipse at 12% 18%,rgba(40,116,68,.42),transparent 42%),
      radial-gradient(ellipse at 89% 62%,rgba(25,103,69,.35),transparent 44%),
      radial-gradient(ellipse at 60% 0%,rgba(126,138,49,.12),transparent 46%),
      linear-gradient(160deg,#0b291e 0%,#061a14 55%,#03100c 100%) !important;
    background-attachment:fixed !important;
}
body>.container { position:relative; z-index:1; }
#dragonball-sky { position:fixed; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
.wrapper-site,body>.container,
.container[style*="background: #007E70"],.container[style*="background:#007E70"] {
    background:linear-gradient(180deg,rgba(10,34,25,.96),rgba(5,22,17,.98)) !important;
    border-color:rgba(123,191,133,.28) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 65px rgba(35,109,66,.12) !important;
}
.home-launch-panel { background:linear-gradient(160deg,#123426,#0b241c) !important; }
.home-action-cluster { background:linear-gradient(145deg,#1a3e2d,#102c22) !important; border-color:rgba(125,199,145,.28) !important; }
.home-cluster-icon { background:rgba(84,183,113,.10); border-color:rgba(126,205,143,.35); color:#b8edb8; }
.home-game-logo { padding:20px 8px 26px; }
.home-game-logo img { width:min(360px,85%) !important; max-width:360px !important; max-height:none !important; height:auto !important; filter:drop-shadow(0 8px 18px rgba(0,0,0,.32)); }
.btn-download,.btn-action,.top-btn,.btn-primary,.btn-info,.btn-success,.btn-dark,
.open-popup-link,.open-popup-close,#download_pc .modal-body a,#download_apk .modal-body a {
    color:#fff !important;
    background:linear-gradient(180deg,#20874c,#126a3b) !important;
    border:1px solid #55ae70 !important; border-bottom:3px solid #084e2b !important;
    text-shadow:0 1px 2px rgba(0,32,13,.55) !important;
    box-shadow:0 4px 10px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.btn-download:hover,.btn-action:hover,.top-btn:hover,.btn-primary:hover,.btn-info:hover,
.btn-success:hover,.btn-dark:hover,.open-popup-link:hover,#download_pc .modal-body a:hover,#download_apk .modal-body a:hover {
    background:linear-gradient(180deg,#268f53,#177342) !important;
    border-color:#8acc89 !important;
}
a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid #f1cb68 !important; outline-offset:3px; }
.notice-home-heading,.notice-title-icon,.notice-author,.home-admin-label { color:#b5e79d !important; }
.open-popup-card { background:#0b291d; border-color:#719657; border-radius:16px; }
.open-popup-inner { background:linear-gradient(160deg,#163c28,#0a251a); border-color:#b9ad5a; border-radius:10px; }
.open-popup-logo { max-width:240px; max-height:125px; }
.open-popup-giftcode { background:#234a2a !important; border-color:#a1bf65 !important; color:#fff1bb !important; }
.ios-download-modal .modal-content { background:#102b22 !important; color:#f0faef; border-color:#719657; }
.ios-download-header { background:linear-gradient(135deg,#193b28,#0d271c); border-bottom-color:rgba(125,199,145,.28); }
.ios-download-body { background:radial-gradient(circle at top right,rgba(54,140,74,.12),transparent 38%),#102b22; }
.ios-download-icon,.ios-option-arrow { color:#c8e6a2; }
.ios-option-card,.ios-open-webgl,.ios-copy-link,.ios-guide-back,.ios-guide-video-open {
    color:#fff !important; background:linear-gradient(180deg,#20874c,#126a3b) !important; border-color:#55ae70 !important;
}
.ios-option-card:hover,.ios-option-card:focus,.ios-open-webgl:hover,.ios-copy-link:hover,.ios-guide-back:hover {
    background:linear-gradient(180deg,#268f53,#177342) !important; border-color:#8acc89 !important;
}
.ios-option-badge,.ios-option-webgl .ios-option-badge,.ios-option-guide .ios-option-badge { background:#164e30; color:#dcf3bd; }
.ios-download-close:hover,.ios-download-close:focus { background:#177342; }
.ios-option-card.is-disabled { opacity:.5; }
@media(max-width:767px) {
    .home-game-logo { padding:20px 6px 24px; }
    .home-game-logo img { width:min(300px,90%) !important; }
}
@media(prefers-reduced-motion:reduce) {
    *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; }
}