/* ============================================================
   SITE POLISH v2 — real teeth, not just hover lifts
   Layers on top of main.css + frontier-redesign.css
   2026-05-26
   ============================================================ */

/* ============================================================
   ACCENT PALETTE — borrowed from the Hytale overhaul, used as
   per-page accent tokens so each page has its own identity
   while staying cohesive.
   ============================================================ */
:root {
    --sp-violet:        #7c4ff5;
    --sp-violet-glow:   #a47bff;
    --sp-emerald:       #3fb572;
    --sp-emerald-glow:  #6ce196;
    --sp-amber:         #ffb547;
    --sp-amber-deep:    #d18a2d;
    --sp-sky:           #4fb8ff;
    --sp-rose:          #ff6f8a;
    --sp-crimson:       #e63946;

    /* Default page accent (homepage = gold/amber) */
    --sp-accent:        var(--color-gold-bright, #f0d264);
    --sp-accent-glow:   #ffe9a6;
    --sp-accent-deep:   var(--color-gold, #d4b254);
    --sp-accent-rgba:   240, 210, 100;
}

/* Per-page accent overrides — applied via body attribute or
   page-specific class. Pages without an override use the default. */
body[data-page="cards"] {
    --sp-accent: var(--sp-sky);
    --sp-accent-glow: #8dd6ff;
    --sp-accent-deep: #2a8fcc;
    --sp-accent-rgba: 79, 184, 255;
}
body[data-page="factions"] {
    --sp-accent: var(--sp-rose);
    --sp-accent-glow: #ff9bb1;
    --sp-accent-deep: #d54363;
    --sp-accent-rgba: 255, 111, 138;
}
body[data-page="lore"] {
    --sp-accent: var(--sp-violet);
    --sp-accent-glow: var(--sp-violet-glow);
    --sp-accent-deep: #5b35cc;
    --sp-accent-rgba: 164, 123, 255;
}
body[data-page="store"] {
    --sp-accent: var(--sp-amber);
    --sp-accent-glow: #ffd078;
    --sp-accent-deep: var(--sp-amber-deep);
    --sp-accent-rgba: 255, 181, 71;
}
body[data-page="how-to-play"],
body[data-page="how-to"] {
    --sp-accent: var(--sp-emerald);
    --sp-accent-glow: var(--sp-emerald-glow);
    --sp-accent-deep: #2d8a55;
    --sp-accent-rgba: 108, 225, 150;
}
body[data-page="blog"] {
    --sp-accent: var(--sp-emerald);
    --sp-accent-glow: var(--sp-emerald-glow);
    --sp-accent-deep: #2d8a55;
    --sp-accent-rgba: 108, 225, 150;
}
body[data-page="roadmap"] {
    --sp-accent: var(--sp-sky);
    --sp-accent-glow: #8dd6ff;
    --sp-accent-deep: #2a8fcc;
    --sp-accent-rgba: 79, 184, 255;
}

/* ============================================================
   ATMOSPHERE — page-wide soft aurora behind everything,
   tinted by the current page accent
   ============================================================ */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(ellipse 70% 50% at 12% 5%, rgba(var(--sp-accent-rgba), 0.10) 0%, transparent 60%),
        radial-gradient(ellipse 65% 60% at 88% 35%, rgba(124, 79, 245, 0.07) 0%, transparent 55%),
        radial-gradient(ellipse 60% 40% at 50% 100%, rgba(var(--sp-accent-rgba), 0.06) 0%, transparent 60%);
    pointer-events: none;
    animation: sp-aurora 28s ease-in-out infinite alternate;
}
@keyframes sp-aurora {
    0%   { transform: translate3d(0,0,0) scale(1); opacity: 1; }
    100% { transform: translate3d(-3%, -2%, 0) scale(1.06); opacity: 0.82; }
}

/* Skip aurora under the in-game shell and self-contained pages */
body.in-game::before, body.in-game .home-dust, body.in-game .site-dust,
body[data-game-active="true"]::before, body[data-game-active="true"] .home-dust,
.admin-shell::before {
    display: none !important;
}

/* Floating dust — universal */
.home-dust, .site-dust {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.home-dust span, .site-dust span {
    position: absolute;
    width: 3px;
    height: 3px;
    background: radial-gradient(circle, rgba(var(--sp-accent-rgba), 0.7), transparent 70%);
    border-radius: 50%;
    opacity: 0.4;
    will-change: transform;
    animation: sp-dust-float linear infinite;
}
@keyframes sp-dust-float {
    0%   { transform: translate3d(0, 110vh, 0) scale(0.5); opacity: 0; }
    10%  { opacity: 0.55; }
    90%  { opacity: 0.4; }
    100% { transform: translate3d(30px, -10vh, 0) scale(1); opacity: 0; }
}

/* ============================================================
   GLOBAL TYPOGRAPHY UPGRADES
   ============================================================ */

/* Shimmering gradient on all hero h1s + section titles */
.hero-title,
.page-hero h1,
.factions-hero h1,
.lore-hero h1,
.store-hero h1,
.cards-hero h1,
.htp-hero h1,
.blog-hero h1,
.gallery-hero h1,
.roadmap-hero h1,
.section-title {
    background: linear-gradient(110deg,
        var(--sp-accent-glow) 0%,
        var(--sp-accent-deep) 25%,
        var(--sp-accent-glow) 50%,
        var(--sp-accent-deep) 75%,
        var(--sp-accent-glow) 100%);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: sp-grad-shimmer 10s ease-in-out infinite;
    will-change: background-position;
    text-shadow: 0 0 28px rgba(var(--sp-accent-rgba), 0.18);
}
@keyframes sp-grad-shimmer {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}
/* Sub-headlines / hero subtitles stay solid white */
.hero-title-sub {
    background: none !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
    color: rgba(255, 255, 255, 0.82) !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

/* Bigger, more confident hero h1 across the site */
.page-hero h1,
.factions-hero h1,
.lore-hero h1,
.store-hero h1,
.cards-hero h1,
.htp-hero h1,
.blog-hero h1,
.gallery-hero h1,
.roadmap-hero h1 {
    font-size: clamp(2.4rem, 5vw, 4rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 0.75rem !important;
}

/* ============================================================
   HERO KICKERS — pulsing dot, more confident
   ============================================================ */
.hero-kicker,
.page-hero-kicker,
.gallery-eyebrow,
.faction-hero-kicker,
.lore-hero-kicker,
.store-hero-kicker,
.htp-hero-kicker,
.profile-kicker,
.cards-eyebrow,
.kickstarter-eyebrow,
.trailhead-eyebrow {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.95rem !important;
    border-radius: 999px !important;
    background: rgba(11,10,26,0.55) !important;
    border: 1px solid rgba(var(--sp-accent-rgba), 0.32) !important;
    color: #fff !important;
    font-family: var(--font-ui) !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    backdrop-filter: blur(10px);
}
.hero-kicker::before,
.page-hero-kicker::before,
.gallery-eyebrow::before,
.faction-hero-kicker::before,
.lore-hero-kicker::before,
.store-hero-kicker::before,
.htp-hero-kicker::before,
.profile-kicker::before,
.cards-eyebrow::before,
.kickstarter-eyebrow::before,
.trailhead-eyebrow::before {
    content: '';
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--sp-accent-glow);
    box-shadow: 0 0 12px var(--sp-accent-glow);
    animation: sp-pulse 2.2s ease-in-out infinite;
}
@keyframes sp-pulse {
    0%, 100% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 0 rgba(var(--sp-accent-rgba), 0.6); }
    50%      { transform: scale(1.15); opacity: 0.85; box-shadow: 0 0 0 8px rgba(var(--sp-accent-rgba), 0); }
}

/* ============================================================
   HOMEPAGE HERO — special treatments
   ============================================================ */
.hero { isolation: isolate; }

/* Big accent orb behind hero copy */
.hero-content::before {
    content: '';
    position: absolute;
    top: 30%; left: 8%;
    width: 360px; height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--sp-accent-rgba), 0.22) 0%, transparent 65%);
    filter: blur(24px);
    pointer-events: none;
    z-index: -1;
    animation: sp-orb 9s ease-in-out infinite;
}
@keyframes sp-orb {
    0%, 100% { transform: scale(1) translate(0, 0); opacity: 0.7; }
    50%      { transform: scale(1.18) translate(20px, -10px); opacity: 1; }
}

.hero-frontier-panel {
    transition: transform 0.4s cubic-bezier(.2,.7,.2,1), box-shadow 0.4s ease, border-color 0.4s ease !important;
}
.hero-frontier-panel:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--sp-accent-rgba), 0.45) !important;
    box-shadow: 0 30px 80px rgba(0,0,0,0.5), 0 0 50px rgba(var(--sp-accent-rgba), 0.12) !important;
}
.hero-route-card {
    transition: transform 0.3s cubic-bezier(.34,1.56,.64,1), border-color 0.3s, background 0.3s, box-shadow 0.3s !important;
}
.hero-route-card:hover {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 12px 28px rgba(0,0,0,0.32);
    border-color: rgba(var(--sp-accent-rgba), 0.35) !important;
}
.hero-signal-value {
    background: linear-gradient(135deg, var(--sp-accent-glow), var(--sp-accent));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 12px rgba(var(--sp-accent-rgba), 0.25);
}

/* ============================================================
   BUTTONS — bouncier, glowier
   ============================================================ */
.btn,
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-gold,
.btn-outline-gold {
    transition: transform 0.22s cubic-bezier(.34,1.56,.64,1), box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease, color 0.22s ease !important;
    position: relative;
}
.btn-primary,
.hero-actions .btn-primary {
    background: linear-gradient(135deg, var(--sp-accent-deep) 0%, var(--sp-accent) 50%, var(--sp-accent-glow) 100%) !important;
    box-shadow: 0 8px 24px rgba(var(--sp-accent-rgba), 0.42), inset 0 1px 0 rgba(255,255,255,0.32) !important;
    border: none !important;
    color: #1a0f04 !important;
    font-weight: 800 !important;
}
.btn-primary:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 16px 38px rgba(var(--sp-accent-rgba), 0.6), inset 0 1px 0 rgba(255,255,255,0.42) !important;
}
.btn-secondary {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(var(--sp-accent-rgba), 0.35) !important;
    color: #fff !important;
    backdrop-filter: blur(8px);
}
.btn-secondary:hover {
    background: rgba(var(--sp-accent-rgba), 0.12) !important;
    border-color: var(--sp-accent-glow) !important;
    transform: translateY(-3px);
}

/* ============================================================
   LAUNCH STRIP — animated shine sweep
   ============================================================ */
.launch-strip {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(var(--sp-accent-rgba), 0.12), rgba(124,79,245,0.08), rgba(var(--sp-accent-rgba), 0.12)),
        rgba(11,10,26,0.6) !important;
    border-top: 1px solid rgba(var(--sp-accent-rgba), 0.22) !important;
    border-bottom: 1px solid rgba(var(--sp-accent-rgba), 0.22) !important;
}
.launch-strip::after {
    content: '';
    position: absolute;
    top: 0; left: -30%;
    width: 35%; height: 100%;
    background: linear-gradient(110deg, transparent 30%, rgba(var(--sp-accent-rgba), 0.22) 50%, transparent 70%);
    animation: sp-strip-shine 5s ease-in-out infinite;
    pointer-events: none;
}
@keyframes sp-strip-shine {
    0%   { transform: translateX(0); }
    100% { transform: translateX(380%); }
}

/* ============================================================
   SOCIAL PROOF STRIP
   ============================================================ */
.social-proof-strip {
    position: relative;
    border-top: 1px solid rgba(var(--sp-accent-rgba), 0.22) !important;
    border-bottom: 1px solid rgba(var(--sp-accent-rgba), 0.22) !important;
    background:
        radial-gradient(ellipse 50% 100% at 50% 50%, rgba(var(--sp-accent-rgba), 0.08), transparent 70%),
        linear-gradient(180deg, rgba(20, 16, 12, 0.6), rgba(10, 9, 8, 0.6)) !important;
    backdrop-filter: blur(12px);
}
.proof-item {
    transition: transform 0.3s cubic-bezier(.2,.7,.2,1) !important;
}
.proof-item:hover { transform: translateY(-5px); }
.proof-value {
    background: linear-gradient(135deg, var(--sp-accent-glow), var(--sp-accent));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 12px rgba(var(--sp-accent-rgba), 0.25);
}

/* ============================================================
   KICKSTARTER TRAIL — shine sweep
   ============================================================ */
.kickstarter-trail-shell { position: relative; overflow: hidden; }
.kickstarter-trail-shell::after {
    content: '';
    position: absolute;
    top: -50%; left: -30%;
    width: 50%; height: 200%;
    background: linear-gradient(110deg, transparent 30%, rgba(var(--sp-accent-rgba), 0.08) 50%, transparent 70%);
    transform: rotate(8deg);
    animation: sp-card-shine 7s ease-in-out infinite;
    pointer-events: none;
}
@keyframes sp-card-shine {
    0%, 100% { transform: translateX(-120%) rotate(8deg); opacity: 0; }
    50%      { transform: translateX(120%) rotate(8deg); opacity: 1; }
}
.trail-check {
    transition: transform 0.25s cubic-bezier(.2,.7,.2,1) !important;
}
.trail-check:hover { transform: translateX(4px); }

/* ============================================================
   PILLAR / PRODUCT / FACTION CARDS — premium gradient border on hover
   ============================================================ */
.pillar-card,
.faction-card,
.faction-page-card,
.faction-spotlight,
.faction-tile,
.store-product,
.product-card,
.dust-tier-card,
.bundle-card,
.starter-card,
.lore-chapter,
.lore-card,
.lore-tile,
.world-card,
.world-tile,
.blog-post-card,
.post-tile,
.blog-card,
.daily-card-spotlight,
.daily-card,
.spotlight-card,
.profile-card,
.dashboard-card,
.profile-tile,
.starter-pick-card,
.htp-step,
.tutorial-step,
.rule-card {
    position: relative;
    transition: transform 0.35s cubic-bezier(.2,.7,.2,1), box-shadow 0.35s ease, border-color 0.35s ease !important;
    overflow: hidden;
    isolation: isolate;
}

.pillar-card::after,
.faction-page-card::after,
.faction-spotlight::after,
.faction-tile::after,
.store-product::after,
.product-card::after,
.dust-tier-card::after,
.bundle-card::after,
.starter-card::after,
.lore-chapter::after,
.lore-card::after,
.lore-tile::after,
.world-card::after,
.world-tile::after,
.blog-post-card::after,
.post-tile::after,
.blog-card::after,
.daily-card-spotlight::after,
.daily-card::after,
.spotlight-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg,
        rgba(var(--sp-accent-rgba), 0.55) 0%,
        transparent 50%,
        rgba(var(--sp-accent-rgba), 0.4) 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
}

.pillar-card:hover,
.faction-card:hover,
.faction-page-card:hover,
.faction-spotlight:hover,
.faction-tile:hover,
.store-product:hover,
.product-card:hover,
.dust-tier-card:hover,
.bundle-card:hover,
.starter-card:hover,
.lore-chapter:hover,
.lore-card:hover,
.lore-tile:hover,
.world-card:hover,
.world-tile:hover,
.blog-post-card:hover,
.post-tile:hover,
.blog-card:hover,
.daily-card-spotlight:hover,
.daily-card:hover,
.spotlight-card:hover,
.profile-card:hover,
.dashboard-card:hover,
.profile-tile:hover,
.starter-pick-card:hover {
    transform: translateY(-6px) scale(1.012);
    box-shadow: 0 28px 60px rgba(0,0,0,0.5), 0 0 60px rgba(var(--sp-accent-rgba), 0.18);
}
.pillar-card:hover::after,
.faction-page-card:hover::after,
.faction-spotlight:hover::after,
.faction-tile:hover::after,
.store-product:hover::after,
.product-card:hover::after,
.dust-tier-card:hover::after,
.bundle-card:hover::after,
.starter-card:hover::after,
.lore-chapter:hover::after,
.lore-card:hover::after,
.lore-tile:hover::after,
.world-card:hover::after,
.world-tile:hover::after,
.blog-post-card:hover::after,
.post-tile:hover::after,
.blog-card:hover::after,
.daily-card-spotlight:hover::after,
.daily-card:hover::after,
.spotlight-card:hover::after {
    opacity: 1;
}

/* Card image zoom on hover */
.pillar-card img,
.faction-card img,
.faction-page-card img,
.faction-tile img,
.blog-post-card img,
.post-tile img,
.blog-card img,
.product-card img,
.store-product img,
.daily-card img {
    transition: transform 0.6s cubic-bezier(.2,.7,.2,1) !important;
}
.pillar-card:hover img,
.faction-card:hover img,
.faction-page-card:hover img,
.faction-tile:hover img,
.blog-post-card:hover img,
.post-tile:hover img,
.blog-card:hover img,
.product-card:hover img,
.store-product:hover img,
.daily-card:hover img {
    transform: scale(1.05);
}

/* Pillar icon rotates on hover */
.pillar-card .pillar-icon {
    transition: transform 0.5s cubic-bezier(.34,1.56,.64,1) !important;
}
.pillar-card:hover .pillar-icon {
    transform: rotate(-8deg) scale(1.1);
}

/* ============================================================
   CARDS GRID PAGE — card tiles
   ============================================================ */
.card-grid .card-tile,
.card-result,
.card-tile-modern,
.gallery-card {
    transition: transform 0.3s cubic-bezier(.2,.7,.2,1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.card-grid .card-tile:hover,
.card-result:hover,
.card-tile-modern:hover,
.gallery-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 18px 38px rgba(0,0,0,0.4), 0 0 30px rgba(var(--sp-accent-rgba), 0.18);
    border-color: rgba(var(--sp-accent-rgba), 0.35) !important;
}
.filter-chip,
.filter-pill,
.faction-filter {
    transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), background 0.2s, border-color 0.2s, color 0.2s !important;
}
.filter-chip:hover,
.filter-pill:hover,
.faction-filter:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--sp-accent-rgba), 0.35);
}

/* Section ornaments — tinted */
.section-ornament-dot {
    background: var(--sp-accent) !important;
    box-shadow: 0 0 14px rgba(var(--sp-accent-rgba), 0.5);
}

/* ============================================================
   HOW-TO-PLAY — step cards
   ============================================================ */
.htp-step:hover,
.tutorial-step:hover,
.rule-card:hover {
    transform: translateX(4px);
    border-color: rgba(var(--sp-accent-rgba), 0.4);
    box-shadow: 0 14px 30px rgba(0,0,0,0.32);
}

/* ============================================================
   NAV — active link gets accent glow
   ============================================================ */
.nav-links a {
    position: relative;
    transition: color 0.2s ease;
}
.nav-links a.active {
    color: var(--sp-accent-glow) !important;
    text-shadow: 0 0 14px rgba(var(--sp-accent-rgba), 0.5);
}
.nav-links a.active::after {
    background: linear-gradient(90deg, transparent, var(--sp-accent-glow), transparent) !important;
}
.nav-play-link {
    background: linear-gradient(135deg, var(--sp-amber), #ffd078) !important;
    color: #1a0f04 !important;
    box-shadow: 0 6px 16px rgba(255,181,71,0.4) !important;
    transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s !important;
}
.nav-play-link:hover {
    transform: translateY(-2px) scale(1.04) !important;
    box-shadow: 0 10px 24px rgba(255,181,71,0.55) !important;
}

/* ============================================================
   FOOTER — subtle accent line + brand mark glow
   ============================================================ */
.site-footer { position: relative; }
.site-footer::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--sp-accent-rgba), 0.4), transparent);
}
.footer-brand,
.footer-mana-icon {
    transition: filter 0.3s ease;
}
.footer-brand:hover .footer-mana-icon {
    filter: drop-shadow(0 0 12px rgba(var(--sp-accent-rgba), 0.5));
}

/* ============================================================
   REVEAL ON SCROLL HOOK
   ============================================================ */
.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(.2,.7,.2,1);
}
.reveal.in,
.reveal.reveal--in,
.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ============================================================
   SECTION DIVIDER — subtle horizontal accent line
   ============================================================ */
.section-ornament {
    position: relative;
    padding: 1.5rem 0;
}
.section-ornament::before,
.section-ornament::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 30%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--sp-accent-rgba), 0.4), transparent);
}
.section-ornament::before { left: 5%; }
.section-ornament::after  { right: 5%; }

/* ============================================================
   MOBILE CTA BAR
   ============================================================ */
.mobile-cta-bar {
    background: linear-gradient(180deg, rgba(11,10,26,0) 0%, rgba(11,10,26,0.95) 30%) !important;
    backdrop-filter: blur(14px);
}
.mobile-cta-bar .btn {
    background: linear-gradient(135deg, var(--sp-amber), #ffd078) !important;
    color: #1a0f04 !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 24px rgba(255,181,71,0.4) !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 720px) {
    .hero-content::before { display: none; }
    .page-hero h1,
    .factions-hero h1,
    .lore-hero h1,
    .store-hero h1,
    .cards-hero h1,
    .htp-hero h1,
    .blog-hero h1,
    .gallery-hero h1 {
        font-size: clamp(2rem, 8vw, 2.8rem) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        transition-duration: 0.001ms !important;
    }
    .home-dust, .site-dust { display: none; }
}