*,*::before,*::after{box-sizing:border-box}html,body{font-family:system-ui,sans-serif;font-size:1rem;background-color:#eeeeee;color:#333333;margin:0px;padding:0px;line-height:1.6}.container{max-width:1200px;margin:0;margin-left:auto;margin-right:auto;padding:16px}a{color:#000000;font-weight:bold}img{max-width:100%}header{background-color:#000000;color:#cccccc}header .container{padding:0px}header a{color:#ffffff;text-decoration:none;font-weight:bold}header .logos,header nav{text-align:center}header .logo{display:inline-block}header nav{display:block}header .logo{padding-top:16px}header .logo a{padding:16px}header nav a{display:inline-block;padding:18px 16px;font-size:14px}header nav a:hover,header nav a:active,header nav a.current{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}section.minisite-header{background-color:#ffffff;color:#000000;text-align:center}section.minisite-header h1{margin:0px;padding:0px;font-size:32px}.welcome-widget{background-color:#ffffff;border-radius:16px;padding:32px}.welcome-content{margin-bottom:32px}.greeting-section{text-align:center;margin-bottom:24px}#time-greeting{font-size:32px;font-weight:bold;color:#333}.time-display{margin-bottom:24px;display:none}.js-enabled .time-display{display:block}.date-section{font-size:24px;margin-bottom:16px;text-align:center;color:#666}.clock-section{display:flex;justify-content:center;align-items:center;gap:8px;background:#f8f8f8;padding:16px;border-radius:12px;opacity:0.8;transition:opacity 0.3s ease}.js-enabled .clock-section{opacity:1}.time-unit{display:flex;flex-direction:column;align-items:center;min-width:80px}.time-unit span:first-child{font-size:32px;font-weight:bold;line-height:1}.time-label{font-size:12px;color:#666;margin-top:4px}.time-separator{font-size:32px;font-weight:bold;color:#666;margin-top:-8px}.clearfloat{float:none;clear:both}footer{background-color:#000000;color:#cccccc;font-size:14px;text-align:center}footer a{color:#cccccc;font-weight:bold}.a-z ul{list-style-type:none;margin:0px;padding:16px;text-align:center}.archived{background-color:#eeeeee;background-image:linear-gradient( to bottom,#eeeeee,#dddddd );color:#333333;border-bottom:3px solid #cccccc;text-align:center}.archived .heading,.archived .description{margin:0;padding:0}.archived .heading{font-size:24px;font-style:italic}.archived .description{font-size:14px;font-style:italic}@media ( min-width:800px ){.a-z ul{float:left;width:32%;text-align:left}header .logo,header nav{float:left;text-align:left}section.minisite-header{text-align:left}footer{text-align:left}.archived{text-align:left}}.games-teaser{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:64px 0;margin-top:32px}.teaser-content{text-align:center;max-width:900px;margin:0 auto}.teaser-content h2{font-size:36px;color:#333;margin-bottom:16px}.teaser-intro{font-size:20px;color:#666;margin-bottom:48px}.teaser-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:48px}.feature{background:#ffffff;padding:32px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}.feature:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.feature-icon{font-size:48px;margin-bottom:16px}.feature h3{font-size:24px;color:#333;margin-bottom:16px}.feature p{color:#666;line-height:1.6}.teaser-cta{margin-top:32px}.cta-button{display:inline-block;background:#007bff;color:#ffffff;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:bold;font-size:18px;transition:background-color 0.3s ease,transform 0.3s ease}.cta-button:hover{background:#0056b3;transform:translateY(-2px)}@media (max-width:768px){.teaser-features{grid-template-columns:1fr}.teaser-content h2{font-size:28px}.teaser-intro{font-size:18px}}.tools-teaser{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);padding:64px 0;margin-top:32px}.site-explorer{background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);padding:64px 0;margin-top:32px}.explorer-content{text-align:center;max-width:900px;margin:0 auto}.explorer-content h2{font-size:36px;color:#333;margin-bottom:16px}.explorer-intro{font-size:20px;color:#666;margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto}.explorer-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:48px}.explorer-feature{background:#ffffff;padding:32px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}.explorer-feature:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.explorer-cta{margin-top:32px}@media (max-width:768px){.explorer-content h2{font-size:28px}.explorer-intro{font-size:18px}.explorer-features{grid-template-columns:1fr}}.hero-section{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);padding:100px 0 140px;position:relative;overflow:hidden}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1000px;margin:0 auto}.hero-widget{background:#ffffff;padding:40px;border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,0.1);width:100%;max-width:500px;transition:transform 0.3s ease,box-shadow 0.3s ease}.hero-widget:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(0,0,0,0.15)}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;animation:bounce 2s infinite;opacity:0.7;transition:opacity 0.3s ease;background:rgba(255,255,255,0.8);padding:8px 16px;border-radius:20px;backdrop-filter:blur(4px)}.scroll-indicator:hover{opacity:1}.scroll-text{font-size:14px;color:#666;font-weight:500}.scroll-arrow{font-size:20px;color:#666;line-height:1}@keyframes bounce{0%,20%,50%,80%,100%{transform:translate(-50%,0)}40%{transform:translate(-50%,-8px)}60%{transform:translate(-50%,-4px)}}@media (max-width:768px){.hero-section{padding:80px 0 120px}.hero-widget{padding:32px}}.about-section{padding:64px 0;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)}.about-content{max-width:1000px;margin:0 auto}.about-intro{text-align:center;margin-bottom:48px}.about-intro h2{font-size:36px;color:#333;margin-bottom:16px}.about-intro .lead{font-size:20px;color:#666;line-height:1.4}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:64px}.about-card{background:#ffffff;padding:32px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.card-icon{font-size:40px;margin-bottom:16px}.about-card h3{font-size:24px;color:#333;margin-bottom:16px}.about-card p{color:#666;line-height:1.6}.about-history{background:#ffffff;padding:40px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);margin-bottom:48px}.about-history h3{font-size:28px;color:#333;margin-bottom:24px}.about-history p{color:#666;line-height:1.6;margin-bottom:16px}.about-history p:last-child{margin-bottom:0}.about-contact{text-align:center;background:#ffffff;padding:40px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.about-contact h3{font-size:28px;color:#333;margin-bottom:16px}.about-contact p{color:#666;line-height:1.6;margin-bottom:16px}.contact-email{font-size:18px;margin-top:24px}@media (max-width:768px){.about-section{padding:48px 0}.about-intro h2{font-size:28px}.about-intro .lead{font-size:18px}.about-grid{grid-template-columns:1fr}.about-history,.about-contact{padding:32px}}.directory-section{padding:64px 0;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)}.directory-intro{text-align:center;max-width:800px;margin:0 auto 48px}.directory-intro p{font-size:18px;color:#666;line-height:1.6}.directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:48px}.directory-category{background:#ffffff;padding:32px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}.directory-category:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.directory-category h2{font-size:24px;color:#333;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.category-content{display:flex;flex-direction:column;gap:12px}.directory-link{color:#333;text-decoration:none;padding:8px 0;transition:color 0.3s ease,transform 0.3s ease;display:inline-block}.directory-link:hover{color:#007bff;transform:translateX(8px)}.directory-link.main-link{font-weight:600;font-size:18px}.feature-description{color:#666;font-size:14px;margin-top:4px;display:block;line-height:1.4}.coming-soon{color:#666;font-style:italic;font-size:14px;margin-top:8px}.directory-footer{text-align:center;margin-top:48px;padding-top:32px;border-top:2px solid #f0f0f0}.directory-footer p{color:#666;font-size:16px}.directory-footer a{color:#007bff;text-decoration:none;font-weight:500}.directory-footer a:hover{text-decoration:underline}@media (max-width:768px){.directory-section{padding:48px 0}.directory-grid{grid-template-columns:1fr}.directory-category{padding:24px}}