*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2d6a4f;--color-primary-dark: #1b4332;--color-primary-light: #40916c;--color-accent: #95d5b2;--color-accent-light: #d8f3dc;--color-white: #ffffff;--color-offwhite: #f8faf9;--color-text: #1a1a2e;--color-text-light: #555;--color-text-muted: #777;--color-border: #e0e0e0;--color-dark-bg: #2a2a2a;--color-dark-bg-light: #3a3a3a;--color-dark-text: #f0f0f0;--color-dark-text-hover: #ffffff;--color-dark-text-muted: #ccc;--color-dark-border: rgba(255, 255, 255, .1);--color-dark-input-border: #666;--color-nav-link: #b8b07a;--color-nav-link-hover: #d4cc8e;--color-btn-accent: #6b7a5e;--color-btn-accent-hover: #5a6950;--font-heading: "Aldrich", sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--section-padding: 5rem 1.5rem;--container-max: 1200px;--transition-fast: .2s ease;--transition-normal: .3s ease}html{scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.6;color:var(--color-text);background-color:var(--color-white);min-width:320px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;color:var(--color-primary-dark)}h1{font-size:2.75rem}h2{font-size:2.25rem}h3{font-size:1.5rem}button{font-family:inherit;cursor:pointer}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem;width:100%}.page{flex:1}.section{padding:var(--section-padding)}.prose p{color:var(--color-text-light);font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.prose h2{margin-top:2rem;margin-bottom:1rem}.prose ul{color:var(--color-text-light);font-size:1.1rem;line-height:1.8;margin-bottom:1rem;padding-left:2rem}.prose a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}:root{--section-padding: 3rem 1rem}}.header{background-color:var(--color-dark-bg);position:sticky;top:0;z-index:100}.header .container{display:flex;align-items:center;justify-content:space-between;height:90px}.header__brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.header__icon{height:44px;width:auto}.header__title{font-family:var(--font-heading);font-size:1.75rem;font-weight:400;letter-spacing:.25em;color:var(--color-dark-text)}.header__brand:hover .header__title{color:var(--color-dark-text-hover)}.header__nav{display:flex;align-items:center;gap:2rem}.header__link{font-family:var(--font-heading);font-size:.9rem;font-weight:400;color:var(--color-nav-link);text-decoration:none;padding:.25rem 0;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.header__link:hover,.header__link--active{color:var(--color-nav-link-hover);border-bottom-color:var(--color-nav-link-hover)}.header__divider{height:3px;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary-light),var(--color-primary-dark))}.header__hamburger{display:none;background:none;border:none;padding:.5rem;cursor:pointer}.header__hamburger-icon{display:block;width:24px;height:2px;background-color:var(--color-dark-text);position:relative;transition:background-color var(--transition-fast)}.header__hamburger-icon:before,.header__hamburger-icon:after{content:"";display:block;width:24px;height:2px;background-color:var(--color-dark-text);position:absolute;transition:transform var(--transition-normal)}.header__hamburger-icon:before{top:-7px}.header__hamburger-icon:after{top:7px}.header__hamburger--open .header__hamburger-icon{background-color:transparent}.header__hamburger--open .header__hamburger-icon:before{top:0;transform:rotate(45deg)}.header__hamburger--open .header__hamburger-icon:after{top:0;transform:rotate(-45deg)}@media(max-width:768px){.header__hamburger{display:block}.header__nav{display:none;position:absolute;top:90px;left:0;right:0;background-color:var(--color-dark-bg);flex-direction:column;padding:1rem 1.5rem 1.5rem;gap:0;border-bottom:1px solid var(--color-dark-border);box-shadow:0 4px 12px #0000004d}.header__nav--open{display:flex}.header__link{padding:.75rem 0;width:100%;border-bottom:1px solid rgba(255,255,255,.08)}.header__link:last-child{border-bottom:none}}.footer{background-color:var(--color-dark-bg);color:var(--color-dark-text);padding:3rem 1.5rem 1.5rem;margin-top:auto}.footer .container{display:flex;flex-direction:column;gap:2rem}.footer__main{display:flex;gap:3rem;align-items:flex-start}.footer__left{display:flex;flex-direction:column;gap:1.5rem;flex-shrink:0}.footer__logo{max-width:280px;height:auto}.footer__social-row{display:flex;align-items:center;gap:.75rem}.footer__social-link{color:var(--color-dark-text);transition:color var(--transition-fast);display:flex;align-items:center}.footer__social-link:hover{color:var(--color-nav-link-hover)}.footer__privacy-link{color:var(--color-dark-text);font-size:.9rem;margin-left:.5rem;text-decoration:underline;transition:color var(--transition-fast)}.footer__privacy-link:hover{color:var(--color-nav-link-hover)}.footer__right{display:flex;flex-direction:column;gap:1.5rem}.footer__description{font-size:.95rem;line-height:1.7;color:#ffffffd9}.footer__cta-row{display:flex;align-items:center;gap:1.25rem}.footer__app-badge{display:inline-block;transition:opacity var(--transition-fast)}.footer__app-badge:hover{opacity:.85}.footer__app-badge img{height:44px;width:auto}.footer__order-btn{display:inline-block;font-family:var(--font-heading);color:var(--color-dark-text);border:1px solid var(--color-dark-text);padding:.6rem 1.5rem;font-size:.95rem;transition:background-color var(--transition-fast),color var(--transition-fast)}.footer__order-btn:hover{background-color:var(--color-dark-text);color:var(--color-dark-bg)}.footer__divider{width:100%;border:none;border-top:1px solid var(--color-dark-border)}.footer__bottom{text-align:center}.footer__copyright{font-family:var(--font-heading);font-size:.85rem;color:#fff9}@media(max-width:768px){.footer__main{flex-direction:column;align-items:center;text-align:center;gap:2rem}.footer__left{align-items:center}.footer__social-row{justify-content:center}.footer__right{align-items:center}.footer__cta-row{justify-content:center}.footer__logo{max-width:220px}}.hero{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:var(--color-white);padding:6rem 1.5rem;text-align:center}.hero h1{color:var(--color-white);max-width:800px;margin:0 auto 1rem}.hero__tagline{font-size:1.25rem;color:var(--color-accent);margin-bottom:1.5rem;font-weight:500}.hero__description{max-width:650px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.7;color:#ffffffe6}.hero__cta{display:inline-block;background-color:var(--color-accent);color:var(--color-primary-dark);font-weight:600;padding:.85rem 2rem;border-radius:6px;font-size:1.05rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.hero__cta:hover{background-color:var(--color-accent-light);color:var(--color-primary-dark);transform:translateY(-1px)}.benefits{padding:var(--section-padding);background-color:var(--color-offwhite)}.benefits h2{text-align:center;margin-bottom:3rem}.benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:var(--container-max);margin:0 auto}.benefits__card{background-color:var(--color-white);border-radius:10px;padding:2rem 1.5rem;text-align:center;box-shadow:0 2px 12px #0000000f;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.benefits__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.benefits__icon{font-size:2.5rem;margin-bottom:1rem}.benefits__card h3{margin-bottom:.75rem}.benefits__card p{color:var(--color-text-light);font-size:.95rem;line-height:1.6}.how-to-play{padding:var(--section-padding)}.how-to-play .container{text-align:center}.how-to-play h2{margin-bottom:1.5rem}.how-to-play__description{max-width:700px;margin:0 auto 2rem;font-size:1.05rem;color:var(--color-text-light);line-height:1.7}.how-to-play__badge{display:inline-block;transition:opacity var(--transition-fast)}.how-to-play__badge:hover{opacity:.85}.how-to-play__badge img{height:50px;width:auto}.order{padding:var(--section-padding);background-color:var(--color-primary);color:var(--color-white);text-align:center}.order h2{color:var(--color-white);margin-bottom:1rem}.order__description{max-width:600px;margin:0 auto 2rem;font-size:1.1rem;color:#ffffffe6}.order__cta{display:inline-block;background-color:var(--color-white);color:var(--color-primary-dark);font-weight:600;padding:.85rem 2rem;border-radius:6px;font-size:1.05rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.order__cta:hover{background-color:var(--color-accent-light);transform:translateY(-1px)}.testimonials{padding:var(--section-padding);background-color:var(--color-offwhite)}.testimonials h2{text-align:center;margin-bottom:3rem}.testimonials__quote{max-width:700px;margin:0 auto;text-align:center}.testimonials__text{font-size:1.2rem;font-style:italic;line-height:1.8;color:var(--color-text);margin-bottom:1.5rem}.testimonials__author{font-weight:600;color:var(--color-primary-dark);font-size:1rem}@media(max-width:992px){.benefits__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{padding:4rem 1rem}.hero__description{font-size:1rem}.benefits__grid{grid-template-columns:1fr;max-width:400px}.testimonials__text{font-size:1.05rem}}.how-to-play-page{padding:var(--section-padding)}.how-to-play-page h1{text-align:center;margin-bottom:3rem}.game-section{max-width:750px;margin:0 auto 3rem}.game-section:last-child{margin-bottom:0}.game-section h2{margin-bottom:1.5rem;font-size:1.75rem}.game-section p{color:var(--color-text-light);font-size:1.05rem;line-height:1.8;margin-bottom:1rem}.game-section p:last-child{margin-bottom:0}.game-section__highlight{font-family:var(--font-heading);font-weight:400;font-size:1.15rem;color:var(--color-primary-dark);margin-top:.5rem}.order-page{padding:var(--section-padding)}.order-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.product-card{text-align:center;color:inherit;text-decoration:none;display:block;transition:transform var(--transition-normal)}.product-card:hover{transform:translateY(-4px);color:inherit}.product-card__image-wrapper{aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;background-color:#e8e8e8;margin-bottom:1.5rem}.product-card__image{width:100%;height:100%;object-fit:cover}.product-card__name{font-size:1.25rem;margin-bottom:.75rem}.product-card__divider{width:40px;height:2px;background-color:var(--color-primary);margin:0 auto .75rem}.product-card__price{font-size:1.1rem;color:var(--color-text-light);font-weight:500}@media(max-width:992px){.order-page__grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:576px){.order-page__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.product-detail{padding:var(--section-padding);background-color:var(--color-dark-bg);color:var(--color-dark-text)}.product-detail__nav{display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.15)}.product-detail__nav-link{color:var(--color-nav-link);font-family:var(--font-heading);font-size:.9rem;transition:color var(--transition-fast)}.product-detail__nav-link:hover{color:var(--color-nav-link-hover)}.product-detail__layout{display:flex;gap:3rem;align-items:flex-start}.product-detail__image-col{flex:1;min-width:0}.product-detail__image-wrapper{background-color:silver;border-radius:4px;overflow:hidden;aspect-ratio:1 / 1;margin-bottom:1.5rem}.product-detail__image{width:100%;height:100%;object-fit:cover}.product-detail__thumbnails{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto}.product-detail__thumbnail{flex:0 0 4rem;width:4rem;height:4rem;padding:0;border:2px solid transparent;border-radius:4px;background:silver;cursor:pointer;overflow:hidden;opacity:.6;transition:opacity var(--transition-fast),border-color var(--transition-fast)}.product-detail__thumbnail:hover{opacity:.85}.product-detail__thumbnail--active{opacity:1;border-color:var(--color-accent)}.product-detail__thumbnail-img{width:100%;height:100%;object-fit:cover}.product-detail__description{font-size:.95rem;line-height:1.7;color:#fffc}.product-detail__info-col{flex:0 0 340px}.product-detail__name{font-size:1.75rem;color:var(--color-dark-text);margin-bottom:.25rem}.product-detail__sku{font-size:.85rem;color:#ffffff80;margin-bottom:1.25rem}.product-detail__price{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.product-detail__field{margin-bottom:1.25rem}.product-detail__label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.product-detail__select{width:100%;padding:.6rem .75rem;font-size:.95rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background-color:var(--color-dark-bg);color:var(--color-dark-text);appearance:auto}.product-detail__quantity{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.3);border-radius:4px}.product-detail__qty-btn{background:none;border:none;color:var(--color-dark-text);padding:.5rem .75rem;font-size:1.1rem;line-height:1;transition:background-color var(--transition-fast)}.product-detail__qty-btn:hover{background-color:#ffffff1a}.product-detail__qty-value{min-width:2rem;text-align:center;font-size:1rem}.product-detail__actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.product-detail__btn{width:100%;padding:.85rem;font-size:1rem;font-weight:600;border-radius:4px;border:1px solid transparent;transition:background-color var(--transition-fast),transform var(--transition-fast)}.product-detail__btn--primary{background-color:var(--color-accent);color:var(--color-primary-dark)}.product-detail__btn--primary:hover{background-color:var(--color-accent-light);transform:translateY(-1px)}.product-detail__btn--secondary{background-color:transparent;color:var(--color-dark-text);border-color:#ffffff4d}.product-detail__btn--secondary:hover{background-color:#ffffff1a;transform:translateY(-1px)}.product-detail__policy{border-top:1px solid rgba(255,255,255,.15);padding-top:1rem}.product-detail__policy-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;color:var(--color-dark-text);font-family:var(--font-heading);font-size:.85rem;letter-spacing:.05em;padding:0;margin-bottom:.75rem}.product-detail__policy-icon{font-size:1.1rem}.product-detail__policy-text{font-size:.9rem;line-height:1.7;color:#ffffffbf}@media(max-width:768px){.product-detail__layout{flex-direction:column}.product-detail__info-col{flex:none;width:100%}}.about-origin__layout{display:flex;align-items:center;gap:3rem}.about-origin__content{flex:1}.about-origin__content h1{margin-bottom:1.5rem}.about-origin__image-wrapper{flex:1;max-width:450px}.about-origin__image{width:100%;border-radius:10px;box-shadow:0 4px 20px #0000001a}.about-family__layout{display:flex;align-items:center;gap:3rem}.about-family__content{flex:1}.about-family__content h1,.about-family__content p{margin-bottom:1.5rem}@media(max-width:768px){.about-origin__layout{flex-direction:column;gap:2rem}.about-origin__content{text-align:center}.about-origin__image-wrapper{max-width:100%}}.contact-hero{background-color:var(--color-dark-bg-light);color:var(--color-dark-text);padding:5rem 1.5rem}.contact-hero h1{color:var(--color-white);font-size:3rem;margin-bottom:1.5rem}.contact-hero p{color:var(--color-dark-text-muted);font-size:1.05rem;line-height:1.7;max-width:700px}.contact-chat{color:var(--color-text)}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.chat-header h2{font-size:2.5rem}.social-links{display:flex;gap:.75rem}.social-links a{color:var(--color-primary-dark);transition:opacity var(--transition-fast)}.social-links a:hover{opacity:.7}.contact-email{margin-bottom:2.5rem}.contact-email strong{display:block;color:var(--color-text);margin-bottom:.25rem}.contact-email a{color:var(--color-primary);text-decoration:underline}.contact-email a:hover{color:var(--color-primary-light)}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.form-group label{display:block;color:var(--color-text-muted);font-size:.9rem;margin-bottom:.35rem}.form-group input,.form-group textarea{width:100%;padding:.6rem .75rem;background-color:transparent;border:1px solid var(--color-border);border-radius:0;color:var(--color-text);font-family:var(--font-body);font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end}.form-actions button{background-color:var(--color-btn-accent);color:var(--color-white);border:none;padding:.6rem 3rem;font-size:1rem;cursor:pointer;transition:background-color var(--transition-fast)}.form-actions button:hover{background-color:var(--color-btn-accent-hover)}@media(max-width:768px){.contact-hero{padding:3rem 1rem}.contact-hero h1{font-size:2rem}.chat-header{flex-direction:column;align-items:flex-start;gap:1rem}.chat-header h2{font-size:2rem}.form-row{grid-template-columns:1fr}}.privacy-updated{color:var(--color-text-light);font-style:italic;margin-bottom:2rem}