/*
Theme Name: Dictators.lol Theme
Theme URI: https://dictators.lol
Author: Dictators.lol
Description: Neon Regime WordPress theme for Dictators.lol.
Version: 0.4.0
Text Domain: dictators-lol
*/

:root {
 --dlol-bg: #030712;
 --dlol-panel: #0f172a;
 --dlol-panel-2: #111827;
 --dlol-text: #e0f2fe;
 --dlol-muted: #93c5fd;
 --dlol-border: #1e3a8a;
 --dlol-cyan: #06b6d4;
 --dlol-purple: #a855f7;
 --dlol-green: #22c55e;
 --dlol-red: #ef4444;
 --dlol-orange: #f97316;
 --dlol-radius: 22px;
 --dlol-shadow: 0 24px 90px rgba(0, 0, 0, 0.4);
}

* {
 box-sizing: border-box;
}

html {
 scroll-behavior: smooth;
}

body {
 margin: 0;
 background:
   radial-gradient(circle at top left, rgba(6,182,212,.18), transparent 34%),
   radial-gradient(circle at top right, rgba(168,85,247,.18), transparent 32%),
   radial-gradient(circle at center, rgba(34,197,94,.08), transparent 42%),
   var(--dlol-bg);
 color: var(--dlol-text);
 font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
 color: inherit;
 text-decoration: none;
}

.dlol-site {
 max-width: 1320px;
 margin: 0 auto;
 padding: 22px;
}

/* Header */

.dlol-header {
 border: 1px solid var(--dlol-border);
 background: rgba(15, 23, 42, .86);
 backdrop-filter: blur(18px);
 border-radius: var(--dlol-radius);
 padding: 16px;
 box-shadow: var(--dlol-shadow);
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 18px;
}

.dlol-logo {
 display: flex;
 align-items: center;
 gap: 12px;
 font-size: 27px;
 font-weight: 950;
 letter-spacing: -.05em;
}

.dlol-logo-mark {
 width: 46px;
 height: 46px;
 display: grid;
 place-items: center;
 border-radius: 16px;
 background: linear-gradient(135deg, var(--dlol-cyan), var(--dlol-purple));
 color: white;
 box-shadow: 0 0 45px rgba(6,182,212,.35);
 font-weight: 950;
}

.dlol-logo small {
 display: block;
 color: var(--dlol-muted);
 font-size: 11px;
 text-transform: uppercase;
 letter-spacing: .16em;
}

.dlol-nav {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 justify-content: flex-end;
}

.dlol-nav a,
.dlol-btn {
 border: 1px solid var(--dlol-border);
 background: rgba(17, 24, 39, .88);
 color: var(--dlol-text);
 padding: 10px 14px;
 border-radius: 14px;
 font-weight: 800;
 font-size: 14px;
 cursor: pointer;
}

.dlol-btn:disabled {
 opacity: .55;
 cursor: not-allowed;
}

.dlol-primary,
.dlol-nav .dlol-signin {
 border-color: transparent;
 background: linear-gradient(135deg, var(--dlol-cyan), var(--dlol-purple));
 color: white;
}

/* Correct global top stats bar */

.dlol-top-stats-bar {
 max-width: 980px;
 margin: 14px auto 24px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0;
 border: 1px solid rgba(6, 182, 212, .42);
 background: rgba(15, 23, 42, .88);
 backdrop-filter: blur(16px);
 color: var(--dlol-text);
 border-radius: 999px;
 padding: 10px 16px;
 box-shadow: 0 16px 60px rgba(6, 182, 212, .12);
}

.dlol-top-stat-item {
 display: inline-flex;
 align-items: center;
 gap: 7px;
 color: var(--dlol-muted);
 font-size: 14px;
 font-weight: 850;
 white-space: nowrap;
 line-height: 1;
}

.dlol-top-stat-item + .dlol-top-stat-item {
 border-left: 1px solid rgba(147, 197, 253, .22);
 margin-left: 12px;
 padding-left: 12px;
}

.dlol-stat-label {
 color: var(--dlol-muted);
}

.dlol-top-stat-item strong {
 color: var(--dlol-text);
 font-size: 15px;
 font-weight: 950;
}

.dlol-stat-dot {
 width: 11px;
 height: 11px;
 border-radius: 999px;
 background: var(--dlol-green);
 box-shadow: 0 0 0 8px rgba(34, 197, 94, .12);
 flex: 0 0 auto;
}

.dlol-online-item strong {
 color: var(--dlol-green);
}

.dlol-stat-link,
.dlol-stat-link .dlol-stat-label {
 color: var(--dlol-cyan);
}

/* Hide old shortcode stats bar if any old header/theme version outputs it */

.dlol-stats-bar {
 display: none !important;
}

/* General panels */

.dlol-panel {
 border: 1px solid var(--dlol-border);
 background: rgba(15,23,42,.9);
 border-radius: var(--dlol-radius);
 padding: 20px;
 box-shadow: 0 14px 60px rgba(0,0,0,.24);
}

.dlol-panel span {
 display: block;
 color: var(--dlol-muted);
 font-size: 12px;
 text-transform: uppercase;
 margin-bottom: 8px;
}

.dlol-panel strong {
 font-size: 28px;
}

/* Page and section spacing */

.dlol-section {
 margin-top: 34px;
}

.dlol-page-content {
 margin-top: 28px;
}

/* Center title in divider line */

.dlol-section-title,
.dlol-divider-title {
 position: relative;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 margin: 38px 0 18px !important;
 min-height: 44px;
 text-align: center !important;
}

.dlol-section-title:before,
.dlol-divider-title:before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 50%;
 height: 2px;
 background: linear-gradient(
   90deg,
   transparent,
   rgba(6, 182, 212, .2),
   rgba(6, 182, 212, .9),
   rgba(168, 85, 247, .75),
   rgba(6, 182, 212, .2),
   transparent
 );
}

.dlol-section-title > div {
 position: relative;
 z-index: 2;
 background: var(--dlol-bg);
 border-radius: 999px;
}

.dlol-section-title h1,
.dlol-section-title h2,
.dlol-divider-title h2 {
 position: relative;
 z-index: 2;
 margin: 0 !important;
 padding: 9px 22px;
 border-radius: 999px;
 border: 1px solid rgba(6, 182, 212, .35);
 background: var(--dlol-bg);
 color: var(--dlol-text);
 font-size: 25px !important;
 line-height: 1.1;
 letter-spacing: -.04em;
 text-align: center !important;
}

/* Remove subtitle text under shortcode titles globally */
.dlol-section-title p {
 display: none !important;
}

.dlol-section-title .dlol-btn,
.dlol-divider-title .dlol-btn {
 position: absolute;
 right: 0;
 z-index: 3;
 background: var(--dlol-bg);
 white-space: nowrap;
}

/* Homepage compact hero */

.dlol-home-wrap {
 position: relative;
}

.dlol-home-hero {
 min-height: 0;
 padding: 24px;
 border-radius: 28px;
 border: 1px solid rgba(6, 182, 212, .42);
 background:
   radial-gradient(circle at top left, rgba(6, 182, 212, .14), transparent 36%),
   radial-gradient(circle at top right, rgba(168, 85, 247, .14), transparent 36%),
   linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(17, 24, 39, .92));
 box-shadow: 0 24px 90px rgba(0, 0, 0, .34);
 text-align: center;
}

.dlol-home-hero-inner {
 max-width: 1040px;
 margin: 0 auto;
}

.dlol-home-hero h1 {
 margin: 0 auto;
 max-width: 820px;
 font-size: clamp(34px, 5vw, 58px);
 line-height: .95;
 letter-spacing: -.07em;
 color: var(--dlol-text);
}

.dlol-home-hero h1 strong {
 color: var(--dlol-cyan);
}

.dlol-home-hero p {
 max-width: 760px;
 margin: 12px auto 0;
 color: var(--dlol-muted);
 font-size: 15px;
 line-height: 1.55;
}

.dlol-package-strip {
 margin: 18px auto 0;
 max-width: 980px;
 border: 1px solid rgba(6, 182, 212, .28);
 background: rgba(3, 7, 18, .42);
 border-radius: 22px;
 padding: 14px;
}

.dlol-home-packages {
 display: grid;
 grid-template-columns: repeat(6, 1fr);
 gap: 8px;
}

.dlol-home-package {
 border: 1px solid rgba(30, 58, 138, .95);
 background: rgba(17, 24, 39, .88);
 color: var(--dlol-muted);
 border-radius: 16px;
 padding: 10px 8px;
 cursor: pointer;
 font-weight: 950;
 transition: .18s ease;
 text-align: center;
}

.dlol-home-package span {
 display: block;
 font-size: 22px;
 color: var(--dlol-text);
 margin-bottom: 3px;
}

.dlol-home-package small {
 display: block;
 color: var(--dlol-muted);
 font-size: 10px;
 line-height: 1.35;
}

.dlol-home-package.is-selected {
 background: linear-gradient(135deg, rgba(6, 182, 212, .24), rgba(168, 85, 247, .24));
 border-color: var(--dlol-cyan);
 box-shadow: 0 0 0 2px rgba(6, 182, 212, .16);
}

.dlol-home-package.is-selected span {
 color: #67e8f9;
}

.dlol-hero-action-form {
 margin-top: 12px;
 display: grid;
 grid-template-columns: 1.15fr 1fr auto;
 gap: 10px;
 align-items: center;
}

.dlol-hero-action-form select,
.dlol-hero-action-form input {
 min-height: 48px;
 border-radius: 16px;
 border: 1px solid rgba(30, 58, 138, .95);
 background: rgba(3, 7, 18, .78);
 color: var(--dlol-text);
 font-weight: 850;
 padding: 0 16px;
}

.dlol-hero-action-form button {
 min-height: 48px;
 border-radius: 16px;
 border: none;
 background: linear-gradient(135deg, var(--dlol-cyan), var(--dlol-purple));
 color: #fff;
 font-weight: 950;
 padding: 0 22px;
 cursor: pointer;
 white-space: nowrap;
}

.dlol-hero-form-note {
 margin-top: 10px !important;
 font-size: 12px !important;
 color: var(--dlol-muted) !important;
}

.dlol-hero-cta-row {
 margin-top: 12px;
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 10px;
 flex-wrap: wrap;
}

.dlol-hero-cta-row .dlol-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 42px;
 white-space: nowrap;
}

/* Cards */

.dlol-cards {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 14px;
}

.dlol-card {
 border: 1px solid rgba(6, 182, 212, .35);
 background: rgba(15,23,42,.9);
 border-radius: var(--dlol-radius);
 overflow: hidden;
 box-shadow: 0 16px 60px rgba(0,0,0,.28);
}

.dlol-person-image {
 height: 180px;
 position: relative;
 display: grid;
 place-items: center;
 overflow: hidden;
 background: linear-gradient(135deg, rgba(6,182,212,.75), rgba(168,85,247,.75));
}

.dlol-person-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.dlol-portrait {
 width: 106px;
 height: 106px;
 border-radius: 999px;
 display: grid;
 place-items: center;
 font-size: 44px;
 background: rgba(0,0,0,.38);
 border: 2px solid rgba(255,255,255,.28);
 font-weight: 950;
}

.dlol-rank {
 position: absolute;
 top: 12px;
 left: 12px;
 border: 1px solid rgba(255,255,255,.2);
 background: rgba(0,0,0,.6);
 border-radius: 999px;
 padding: 7px 10px;
 font-size: 12px;
 font-weight: 950;
}

.dlol-card-body {
 padding: 14px;
}

.dlol-badge {
 display: inline-flex;
 border: 1px solid rgba(6,182,212,.45);
 background: rgba(6,182,212,.1);
 color: #67e8f9;
 border-radius: 999px;
 padding: 6px 10px;
 font-size: 12px;
 font-weight: 950;
 margin-bottom: 10px;
}

.dlol-card h3 {
 margin: 0 0 6px;
 font-size: 21px;
 letter-spacing: -.05em;
}

.dlol-meta {
 color: var(--dlol-muted);
 font-size: 13px;
 min-height: 20px;
 margin-bottom: 10px;
}

.dlol-clampbox {
 height: 76px;
 overflow: hidden;
 border: 1px solid var(--dlol-border);
 background: rgba(17,24,39,.88);
 border-radius: 16px;
 padding: 12px;
 color: var(--dlol-muted);
 font-size: 14px;
 line-height: 1.55;
}

.dlol-more {
 margin-top: 8px;
 border: 1px solid var(--dlol-border);
 background: rgba(17,24,39,.88);
 color: var(--dlol-text);
 border-radius: 12px;
 padding: 8px 10px;
 font-weight: 850;
 cursor: pointer;
}

.dlol-charges-box {
 height: 88px;
 overflow: hidden;
 border: 1px solid var(--dlol-border);
 background: rgba(17,24,39,.88);
 border-radius: 16px;
 padding: 12px;
 color: var(--dlol-muted);
 font-size: 14px;
 line-height: 1.55;
 margin-top: 10px;
}

.dlol-charges-box ul {
 margin: 0;
 padding-left: 18px;
}

.dlol-vote-stats {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 9px;
 margin-top: 10px;
}

.dlol-vote-stats div {
 border: 1px solid var(--dlol-border);
 background: rgba(17,24,39,.88);
 border-radius: 14px;
 padding: 10px;
}

.dlol-vote-stats span {
 display: block;
 color: var(--dlol-muted);
 text-transform: uppercase;
 font-size: 10px;
 margin-bottom: 4px;
}

.dlol-vote-stats strong {
 font-size: 16px;
}

.dlol-vote-row {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 10px;
 margin-top: 10px;
}

.dlol-up {
 border-color: rgba(34,197,94,.45);
 background: rgba(34,197,94,.14);
}

.dlol-down {
 border-color: rgba(239,68,68,.45);
 background: rgba(239,68,68,.14);
}

.dlol-links-row {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin-top: 14px;
}

.dlol-link-chip {
 border: 1px solid var(--dlol-border);
 background: rgba(17,24,39,.88);
 color: var(--dlol-muted);
 border-radius: 999px;
 padding: 8px 10px;
 font-size: 12px;
 font-weight: 800;
}

.dlol-social-icon {
 width: 36px;
 height: 36px;
 display: inline-grid;
 place-items: center;
 border: 1px solid var(--dlol-border);
 background: rgba(17,24,39,.88);
 border-radius: 999px;
 color: #67e8f9;
 font-weight: 950;
}

/* Top 3 */

.dlol-top3-list {
 display: grid;
 gap: 12px;
 max-width: 980px;
 margin: 0 auto;
}

.dlol-top3-card {
 display: grid;
 grid-template-columns: auto auto 1fr auto;
 align-items: center;
 gap: 14px;
 border: 1px solid rgba(6, 182, 212, .35);
 background: rgba(15, 23, 42, .84);
 border-radius: 22px;
 padding: 14px;
 box-shadow: 0 16px 54px rgba(0, 0, 0, .22);
}

.dlol-top3-rank {
 width: 50px;
 height: 50px;
 display: grid;
 place-items: center;
 border-radius: 16px;
 background: linear-gradient(135deg, var(--dlol-cyan), var(--dlol-purple));
 color: #fff;
 font-size: 19px;
 font-weight: 950;
}

.dlol-top3-avatar {
 width: 54px;
 height: 54px;
 display: grid;
 place-items: center;
 border-radius: 16px;
 background: rgba(3, 7, 18, .82);
 border: 1px solid rgba(147, 197, 253, .18);
 color: var(--dlol-text);
 font-weight: 950;
}

.dlol-top3-main strong {
 display: block;
 color: var(--dlol-text);
 font-size: 19px;
 letter-spacing: -.03em;
}

.dlol-top3-main span {
 display: block;
 margin-top: 3px;
 color: var(--dlol-muted);
 font-size: 13px;
}

.dlol-top3-score {
 text-align: right;
 color: var(--dlol-cyan);
 font-size: 20px;
 font-weight: 950;
}

.dlol-top3-score small {
 display: block;
 color: var(--dlol-muted);
 font-size: 11px;
 margin-top: 2px;
}

/* Trending and Latest Activity */

.dlol-home-live-grid {
 margin-top: 36px;
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 18px;
}

.dlol-home-live-card {
 border: 1px solid rgba(6, 182, 212, .35);
 background: rgba(15, 23, 42, .84);
 color: var(--dlol-text);
 border-radius: 24px;
 padding: 18px;
 box-shadow: 0 18px 70px rgba(0, 0, 0, .26);
}

.dlol-home-live-card-head {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 14px;
 border-bottom: 1px solid rgba(6, 182, 212, .25);
 padding-bottom: 12px;
 margin-bottom: 4px;
}

.dlol-home-live-card h2 {
 margin: 0;
 font-size: 28px;
 letter-spacing: -.05em;
 color: var(--dlol-text);
}

.dlol-home-refresh {
 border: 1px solid rgba(6, 182, 212, .35);
 background: rgba(3, 7, 18, .5);
 color: var(--dlol-text);
 border-radius: 999px;
 padding: 9px 14px;
 font-weight: 950;
 cursor: pointer;
}

.dlol-home-feed {
 display: grid;
}

.dlol-home-feed-item {
 display: grid;
 grid-template-columns: auto 1fr auto;
 align-items: center;
 gap: 12px;
 padding: 13px 0;
 border-bottom: 1px solid rgba(6, 182, 212, .18);
 color: var(--dlol-text);
}

.dlol-home-feed-item:last-child {
 border-bottom: none;
}

.dlol-home-feed-avatar {
 width: 40px;
 height: 40px;
 border-radius: 14px;
 display: grid;
 place-items: center;
 background: rgba(3, 7, 18, .65);
 border: 1px solid rgba(6, 182, 212, .35);
 color: var(--dlol-cyan);
 font-weight: 950;
}

.dlol-home-feed-main strong {
 display: block;
 color: var(--dlol-text);
 font-size: 15px;
}

.dlol-home-feed-main span {
 display: block;
 color: var(--dlol-muted);
 font-size: 12px;
 margin-top: 2px;
}

.dlol-home-feed-badge {
 background: rgba(3, 7, 18, .72);
 border: 1px solid rgba(6, 182, 212, .25);
 color: #67e8f9;
 border-radius: 999px;
 padding: 7px 10px;
 font-size: 12px;
 font-weight: 950;
 white-space: nowrap;
}

/* Checkout packages */

.dlol-dashboard-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 14px;
}

.dlol-package-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 14px;
 margin: 20px 0;
}

.dlol-package-card {
 border: 1px solid var(--dlol-border);
 background: rgba(17,24,39,.88);
 border-radius: 20px;
 padding: 18px;
}

.dlol-package-card h3 {
 margin: 0 0 8px;
 font-size: 30px;
}

.dlol-package-card p {
 color: var(--dlol-muted);
 line-height: 1.6;
}

.dlol-crypto-list {
 border: 1px solid var(--dlol-border);
 background: rgba(17,24,39,.88);
 border-radius: 18px;
 padding: 16px;
 margin: 18px 0;
}

.dlol-crypto-address {
 border-top: 1px solid var(--dlol-border);
 padding: 12px 0;
}

.dlol-crypto-address code {
 display: block;
 white-space: pre-wrap;
 word-break: break-word;
 color: #67e8f9;
 margin-top: 6px;
}

/* Forms */

input,
select,
textarea {
 width: 100%;
 border: 1px solid var(--dlol-border);
 background: rgba(3,7,18,.8);
 color: var(--dlol-text);
 border-radius: 14px;
 padding: 12px;
}

label {
 display: block;
 color: var(--dlol-muted);
 font-weight: 800;
 margin-bottom: 6px;
}

/* User plugin tables */

.dlol-user-table-wrap {
 overflow: auto;
 border: 1px solid rgba(6, 182, 212, .35);
 border-radius: 18px;
 background: rgba(15, 23, 42, .82);
}

.dlol-user-table {
 width: 100%;
 border-collapse: collapse;
 min-width: 760px;
}

.dlol-user-table th,
.dlol-user-table td {
 border-bottom: 1px solid rgba(6, 182, 212, .18);
 padding: 12px;
 text-align: left;
 color: var(--dlol-text);
 font-size: 14px;
}

.dlol-user-table th {
 color: var(--dlol-muted);
 text-transform: uppercase;
 letter-spacing: .12em;
 font-size: 11px;
 background: rgba(3, 7, 18, .42);
}

.dlol-user-table tr:last-child td {
 border-bottom: none;
}

.dlol-login-box {
 max-width: 620px;
 margin: 0 auto;
}

.dlol-dashboard-actions {
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
 margin-top: 14px;
}

.dlol-filter-row {
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
 margin: 0 0 18px;
}

.dlol-filter-row .dlol-btn {
 display: inline-flex;
}

.dlol-daily-card {
 display: grid;
 grid-template-columns: auto 1fr auto;
 gap: 14px;
 align-items: center;
 border: 1px solid rgba(6, 182, 212, .35);
 background: rgba(15, 23, 42, .82);
 border-radius: 20px;
 padding: 14px;
 margin-bottom: 12px;
}

.dlol-daily-date {
 color: var(--dlol-muted);
 font-weight: 900;
}

.dlol-daily-name {
 color: var(--dlol-text);
 font-weight: 950;
 font-size: 18px;
}

.dlol-daily-score {
 color: var(--dlol-cyan);
 font-weight: 950;
 text-align: right;
}

/* Footer */

.dlol-footer {
 border-top: none !important;
 text-align: center;
 color: var(--dlol-muted);
 margin-top: 54px;
 padding: 28px 0 46px;
 line-height: 1.8;
}

.dlol-footer a {
 color: #67e8f9;
 font-weight: 900;
}

/* Modal */

.dlol-modal-backdrop {
 display: none;
 position: fixed;
 inset: 0;
 z-index: 9999;
 background: rgba(0,0,0,.78);
 backdrop-filter: blur(10px);
 align-items: center;
 justify-content: center;
 padding: 24px;
}

.dlol-modal {
 width: min(760px, 96vw);
 max-height: 82vh;
 overflow: auto;
 border: 1px solid var(--dlol-border);
 background: var(--dlol-panel);
 border-radius: var(--dlol-radius);
 box-shadow: var(--dlol-shadow);
 padding: 24px;
}

.dlol-modal h3 {
 margin-top: 0;
 font-size: 30px;
}

.dlol-modal-content {
 color: var(--dlol-muted);
 line-height: 1.7;
}

/* Responsive */

@media (max-width: 1100px) {
 .dlol-home-packages {
   grid-template-columns: repeat(3, 1fr);
 }

 .dlol-hero-action-form {
   grid-template-columns: 1fr;
 }

 .dlol-top3-card {
   grid-template-columns: auto auto 1fr;
 }

 .dlol-top3-score {
   grid-column: 1 / -1;
   text-align: left;
 }

 .dlol-cards,
 .dlol-dashboard-grid,
 .dlol-package-grid {
   grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 820px) {
 .dlol-header {
   align-items: flex-start;
   flex-direction: column;
 }

 .dlol-nav {
   justify-content: flex-start;
 }

 .dlol-top-stats-bar {
   max-width: 100%;
   border-radius: 22px;
   flex-wrap: wrap;
   gap: 10px;
 }

 .dlol-top-stat-item + .dlol-top-stat-item {
   border-left: none;
   margin-left: 0;
   padding-left: 0;
 }

 .dlol-home-live-grid {
   grid-template-columns: 1fr;
 }

 .dlol-home-packages {
   grid-template-columns: 1fr 1fr;
 }

 .dlol-section-title,
 .dlol-divider-title {
   padding-top: 48px;
 }

 .dlol-section-title .dlol-btn,
 .dlol-divider-title .dlol-btn {
   top: 0;
   right: 50%;
   transform: translateX(50%);
 }
}

@media (max-width: 640px) {
 .dlol-site {
   padding: 14px;
 }

 .dlol-cards,
 .dlol-dashboard-grid,
 .dlol-package-grid,
 .dlol-vote-row {
   grid-template-columns: 1fr;
 }

 .dlol-home-hero {
   padding: 18px;
   border-radius: 22px;
 }

 .dlol-home-packages {
   grid-template-columns: 1fr;
 }

 .dlol-top3-card {
   grid-template-columns: 1fr;
   text-align: center;
 }

 .dlol-top3-rank,
 .dlol-top3-avatar {
   margin: 0 auto;
 }

 .dlol-top3-score {
   text-align: center;
 }

 .dlol-daily-card {
   grid-template-columns: 1fr;
   text-align: center;
 }

 .dlol-daily-score {
   text-align: center;
 }
}