/* 
   ======================================================================
   CSS2: DIE VEREINTE AURA DER MANIFESTATION
   Teil des SmartEarthFamily WebOn Gateways (v1.0.0)
   Fokus: Schriften (Geist) & Schöpfungs-Kelch (Materie)
   ======================================================================
*/

/* 1. DIE STIMME DES GEISTES (Schriftarten) */

/* Inter: Die Stimme der Daten & Koordinaten */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
}

/* Playfair Display: Die Stimme der Vision (Das Goldene Buch) */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');
}

/* 2. DIE ALCHEMIE DER MANIFESTATION (Schöpfungs-Kelch Phase 1) */

.chalice-box {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #4c9a2a; /* Smaragdgrün: Siegel des Copyrights (.NFT) [1] */
    border-radius: 20px;
    padding: 20px;
    margin: 20px auto;
    max-width: 350px;
    text-align: center;
    box-shadow: 0 0 15px rgba(76, 154, 42, 0.3);
}

.chalice-box h3 {
    font-family: 'Playfair Display', serif;
    color: #4c9a2a;
    margin-bottom: 15px;
}

.chalice-visual {
    width: 80px;
    height: 120px;
    border: 3px solid #ffffff;
    border-top: none;
    border-radius: 0 0 40px 40px; /* Die Form des heiligen Gefäßes */
    margin: 15px auto;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.1);
}

.chalice-water {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0%; /* Dynamisch gesteuert durch creation-chalice.js */
    background: linear-gradient(to top, #4c9a2a, #2ecc71); /* Wachstum & Fülle [1] */
    transition: height 1s ease-in-out;
}

.chalice-stats p {
    margin: 5px 0;
    font-weight: bold;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

#sqm-count {
    color: #4c9a2a; /* 100 WWW = 10 qm Landmanifestation [2, 3] */
    font-size: 1.2em;
}

.chalice-goal {
    font-size: 0.85em;
    color: #d4af37; /* Gold: Siegel der Identität [1] */
    margin-top: 10px;
    font-style: italic;
}