:root{--color-background: #fafbfc;--color-surface: #ffffff;--color-surface-alt: #f5f7f9;--color-text: #1a2332;--color-text-muted: #5a6c7d;--color-text-subtle: #8b95a1;--color-border: #e1e6eb;--color-border-light: #eef1f4;--color-primary: #4a9b9f;--color-primary-hover: #3d8589;--color-primary-light: #e8f5f6;--color-accent: #f5a05f;--color-accent-light: #fef4ec;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .06), 0 3px 6px rgba(0, 0, 0, .03);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;--container-max: 1100px;--container-padding: 1.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.65;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.surface-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.surface-card:hover{box-shadow:var(--shadow-md)}.section-spacing{margin-bottom:var(--spacing-xl)}.section-spacing-sm{margin-bottom:var(--spacing-lg)}.top-nav{display:flex;justify-content:center;gap:1.5rem;padding:1rem 1.5rem;background-color:#2c3e50;flex-wrap:wrap}.top-nav a{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem .75rem;border-radius:4px;transition:background-color .2s ease}.top-nav a:hover{background-color:#1a252f}.top-nav a.active{background-color:#1a252f;font-weight:600}header{text-align:center;padding:4rem 1.5rem 3rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}h1{font-size:2.75rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem;line-height:1.2;letter-spacing:-.02em}h2{font-size:2rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;line-height:1.3;letter-spacing:-.01em}h3{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem;line-height:1.4}h4{font-size:1.25rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.5rem;line-height:1.5}p{line-height:1.75;margin-bottom:1rem}.intro{font-size:1.375rem;color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.6}.trust-line{font-size:1rem;color:var(--color-text-subtle);font-weight:500}main{max-width:var(--container-max);margin:0 auto;padding:var(--spacing-xl) var(--container-padding);min-height:60vh}.content-section{margin-bottom:var(--spacing-xl)}.content-section p{font-size:1.0625rem;color:var(--color-text-muted);line-height:1.75}.button-group{display:flex;justify-content:center;gap:1rem;margin:3rem 0;flex-wrap:wrap}.cta-section{text-align:center;margin:3rem 0 2.5rem}.cta-section p{margin-bottom:1rem;font-size:1.125rem}.button{display:inline-block;padding:.875rem 2rem;font-size:1.0625rem;font-weight:600;color:var(--color-surface);background-color:var(--color-primary);text-decoration:none;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;line-height:1.5}.button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.guidance-list{list-style:disc;margin-left:1.5rem;font-size:1.125rem;color:#495057}.guidance-list li{margin-bottom:.75rem;line-height:1.6}.placeholder-box{background-color:var(--color-surface-alt);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px dashed var(--color-border);text-align:center;margin:var(--spacing-lg) 0}.placeholder-box h3{margin-bottom:.5rem}.placeholder-box p{color:#6c757d;font-size:1rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.game-card{background-color:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.game-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-card h3{font-size:1.375rem;margin-bottom:.75rem}.game-meta{font-size:.9rem;color:#6c757d;margin-bottom:1rem;line-height:1.5}.game-card h4{font-size:1rem;margin-top:1rem;margin-bottom:.5rem}.game-card ul{list-style:disc;margin-left:1.25rem}.game-card li{font-size:.95rem;color:#495057;margin-bottom:.5rem;line-height:1.5}.coming-soon-note{text-align:center;margin:var(--spacing-xl) 0 var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.coming-soon-note p{font-size:1.125rem;color:#495057}.deck-note{text-align:center;margin-top:1.5rem;font-size:1rem;color:#6c757d}.contact-info{font-size:1.25rem;text-align:center;margin:2rem 0}.contact-info a{color:#2c3e50;text-decoration:none;font-weight:600}.contact-info a:hover{text-decoration:underline}footer{text-align:center;padding:var(--spacing-xl) var(--container-padding);background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:var(--spacing-xl)}footer p{font-size:.9375rem;color:var(--color-text-subtle)}@media (max-width: 768px){.top-nav{gap:.75rem;padding:.75rem 1rem}.top-nav a{font-size:.9rem;padding:.4rem .6rem}h1{font-size:2rem}h2{font-size:1.5rem}.intro{font-size:1.125rem}.content-section p{font-size:1rem}.button{padding:.875rem 1.5rem;font-size:1rem}main{padding:1.5rem 1rem}.games-grid{grid-template-columns:1fr}}@media (max-width: 480px){.top-nav{gap:.5rem;padding:.5rem}.top-nav a{font-size:.85rem;padding:.35rem .5rem}header{padding:2rem 1rem 1.5rem}h1{font-size:1.75rem}.intro{font-size:1rem}.trust-line{font-size:.9rem}.button-group{flex-direction:column}}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.card-button{display:block;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);text-decoration:none;text-align:center;box-shadow:var(--shadow-sm);transition:all .2s ease}.card-button:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-thumbnail{width:100%;height:auto;border-radius:6px;margin-bottom:.75rem;display:block}.card-title{font-size:1.125rem;font-weight:600;color:#2c3e50;margin:0}.image-note{text-align:center;font-size:.9rem;color:#6c757d;margin:2rem 0 3rem;font-style:italic}.card-detail{margin-top:4rem;padding-top:2rem;border-top:2px solid #e9ecef}.card-detail h2{font-size:2rem;margin-bottom:1.5rem;color:#2c3e50}.card-detail-image{max-width:400px;width:100%;height:auto;border-radius:8px;margin-bottom:1.5rem;border:2px solid #e9ecef}.card-info{margin-bottom:1.5rem}.card-info p{font-size:1.125rem;color:#495057;margin-bottom:.75rem;line-height:1.6}.back-to-top{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--color-primary);background-color:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-decoration:none;transition:all .2s ease}.back-to-top:hover{background-color:var(--color-primary);color:var(--color-surface);box-shadow:var(--shadow-md);transform:translateY(-1px)}.back-to-top:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.card-detail-image{max-width:100%}}@media (max-width: 480px){.cards-grid{grid-template-columns:1fr}}.game-meta-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:3rem auto;max-width:1100px;padding:0 1.5rem}.meta-item{background-color:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-align:center}.meta-label{font-size:.875rem;font-weight:700;color:#4a9b9f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.meta-value{font-size:1rem;color:#5a6c7d;line-height:1.5}.play-game-section{margin:4rem 0}.play-game-card{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-surface) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);text-align:center;max-width:600px;margin:0 auto}.play-game-card h2{color:#4a9b9f;margin-bottom:1rem}.play-game-card p{font-size:1.125rem;color:#5a6c7d;margin-bottom:1.5rem}.play-game-card .button{margin:1rem 0}.game-note{font-size:.95rem;color:#8b95a1;margin-top:1.5rem}.game-note a{color:#4a9b9f;text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s ease}.game-note a:hover{border-bottom-color:#4a9b9f}.instruction-list{list-style:none;counter-reset:instruction-counter;margin:1.5rem 0;padding:0}.instruction-list li{counter-increment:instruction-counter;position:relative;padding-left:3rem;margin-bottom:1.5rem;font-size:1.125rem;color:#5a6c7d;line-height:1.7}.instruction-list li:before{content:counter(instruction-counter);position:absolute;left:0;top:0;width:2rem;height:2rem;background-color:#4a9b9f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.prompt-list{list-style:none;margin:0;padding:0}.prompt-list li{padding-left:1.5rem;margin-bottom:1rem;position:relative;font-size:1rem;color:#5a6c7d;line-height:1.6}.prompt-list li:before{content:'"';position:absolute;left:0;color:#4a9b9f;font-weight:700;font-size:1.5rem;line-height:1}.why-subsection{margin-bottom:3rem}.why-subsection:last-child{margin-bottom:0}.why-subsection h3{color:#4a9b9f;margin-bottom:1rem}.why-subsection p{font-size:1.0625rem;color:#5a6c7d;line-height:1.75}.two-column-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0}.column-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.column-card h3{color:#4a9b9f;margin-bottom:1.5rem}.simple-list{list-style:none;margin:0;padding:0}.simple-list li{padding-left:1.5rem;margin-bottom:1rem;position:relative;font-size:1.0625rem;color:#5a6c7d;line-height:1.6}.simple-list li:before{content:"•";position:absolute;left:0;color:#4a9b9f;font-weight:700}.faq-item{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e8e5e1}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h3{color:#2c3e50;font-size:1.25rem;margin-bottom:1rem}.faq-item p{font-size:1.0625rem;color:#5a6c7d;line-height:1.75}.disclaimer-box{background-color:var(--color-accent-light);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.disclaimer-box p{font-size:.95rem;color:#5a6c7d;line-height:1.7;margin:0}.secondary-links{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}.secondary-links a{color:#4a9b9f;text-decoration:none;font-weight:600;font-size:1rem;border-bottom:1px solid transparent;transition:border-color .2s ease}.secondary-links a:hover{border-bottom-color:#4a9b9f}@media (max-width: 768px){.game-meta-strip{grid-template-columns:1fr;gap:1rem}.play-game-card{padding:2rem}.instruction-list li{font-size:1rem;padding-left:2.5rem}.instruction-list li:before{width:1.75rem;height:1.75rem;font-size:.9rem}.two-column-grid{grid-template-columns:1fr}}.games-intro-box,.books-intro-box{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);text-align:center;margin-bottom:var(--spacing-xl)}.games-intro-box h2,.books-intro-box h2{color:#2c3e50;margin-bottom:1rem}.games-intro-box p,.books-intro-box p{font-size:1.0625rem;color:#5a6c7d;line-height:1.75;max-width:700px;margin:0 auto}.game-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.game-card-header h3{color:#2c3e50;font-size:1.5rem;margin:0}.game-badge{background-color:#4a9b9f;color:#fff;font-size:.75rem;font-weight:700;padding:.375rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.game-description{font-size:1rem;color:#5a6c7d;line-height:1.7;margin-bottom:1.5rem;flex-grow:1}.game-card-placeholder{background-color:#f8f9fa;border-style:dashed}.game-actions{display:flex;gap:.75rem;flex-wrap:wrap}.button-small{padding:.625rem 1.25rem;font-size:.9375rem}.button-secondary{background-color:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.button-secondary:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.info-callout{background:linear-gradient(135deg,var(--color-surface-alt) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);text-align:center}.info-callout h2{color:#2c3e50;margin-bottom:1rem}.info-callout p{font-size:1.0625rem;color:#5a6c7d;line-height:1.75;max-width:700px;margin:0 auto 1.5rem}.callout-links{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.callout-links a{color:#4a9b9f;text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s ease}.callout-links a:hover{border-bottom-color:#4a9b9f}.principles-grid,.expectations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin:2rem 0}.principle-card,.expectation-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);text-align:center;transition:box-shadow .2s ease,transform .2s ease}.principle-card:hover,.expectation-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.principle-card h3,.expectation-card h3{color:#4a9b9f;font-size:1.125rem;margin-bottom:.75rem}.principle-card p,.expectation-card p{font-size:1rem;color:#5a6c7d;line-height:1.6;margin:0}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem;margin:2rem 0}.book-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.book-card-placeholder{background-color:#f8f9fa;border-style:dashed}.book-card-placeholder:hover{transform:none;box-shadow:none}.book-placeholder-cover{background:linear-gradient(135deg,#e8f5f6,#d4eaec);height:320px;display:flex;align-items:center;justify-content:center;border-bottom:2px dashed #b8d5d8}.book-placeholder-text{font-size:1.5rem;font-weight:700;color:#4a9b9f;text-transform:uppercase;letter-spacing:.1em}.book-card-content{padding:2rem}.book-card-content h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.book-description{font-size:1rem;color:#5a6c7d;line-height:1.7;margin-bottom:1.5rem}.topics-list{display:grid;gap:2rem;margin:2rem 0}.topic-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.topic-item h3{color:#2c3e50;font-size:1.25rem;margin-bottom:.75rem}.topic-item p{font-size:1rem;color:#5a6c7d;line-height:1.7;margin:0}.hero-header{max-width:900px;margin:0 auto}.callout-box{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.callout-box h3{color:#2c3e50;margin-bottom:1rem}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.nav-brand{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger span{width:24px;height:2px;background-color:#fff;margin:3px 0;transition:.3s}.footer-nav{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.footer-nav a{color:#6c757d;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-nav a:hover{color:#2c3e50}.footer-disclaimer{font-size:.85rem;color:#8b95a1}@media (max-width: 768px){.principles-grid,.expectations-grid{grid-template-columns:1fr}.game-actions{flex-direction:column}.game-actions .button-small{width:100%;text-align:center}.books-grid{grid-template-columns:1fr}}.site-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}.site-nav{padding:1rem var(--container-padding)}.nav-brand{display:block;text-decoration:none;transition:opacity .2s ease}.nav-brand img{height:40px;width:auto;display:block}.nav-brand:hover{opacity:.85}.mobile-menu-toggle{display:none;font-size:1.5rem;cursor:pointer;padding:.5rem;background:none;border:none;color:var(--color-text);-webkit-user-select:none;user-select:none}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:.9375rem;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .2s ease}.nav-links a:hover{color:var(--color-text);background-color:var(--color-surface-alt)}.nav-links a.active{color:var(--color-surface);background-color:var(--color-primary)}@media (max-width: 768px){.mobile-menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;right:var(--container-padding);left:var(--container-padding);margin-top:.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:0;align-items:stretch;overflow:hidden}.nav-links.mobile-menu-open{display:flex}.nav-links a{padding:.875rem 1.25rem;border-radius:0;border-bottom:1px solid var(--color-border-light)}.nav-links a:last-child{border-bottom:none}.nav-links a:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.nav-links a.active{background-color:var(--color-primary-light);color:var(--color-primary)}}.hero-section{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-surface) 100%);padding:var(--spacing-xl) var(--container-padding);text-align:center;border-bottom:1px solid var(--color-border)}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;color:var(--color-text);margin-bottom:1rem;line-height:1.1;letter-spacing:-.03em}.hero-subtitle{font-size:1.5rem;color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.5;font-weight:400}.trust-badge{display:inline-block;padding:.5rem 1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;font-size:.875rem;font-weight:600;color:var(--color-text-subtle);box-shadow:var(--shadow-sm)}.action-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:var(--container-max);margin:0 auto;padding:var(--spacing-xl) var(--container-padding)}.action-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-decoration:none;text-align:center;box-shadow:var(--shadow-sm);transition:all .3s ease;cursor:pointer}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.action-icon{font-size:3rem;margin-bottom:1rem;display:block}.action-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem;line-height:1.3}.action-description{font-size:1rem;color:var(--color-text-muted);line-height:1.6;margin:0}@media (max-width: 1024px){.action-cards-container{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.25rem}}@media (max-width: 768px){.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.125rem}.action-cards-container{grid-template-columns:1fr;gap:1.5rem}.hero-section{padding:var(--spacing-lg) var(--container-padding)}}@media (max-width: 480px){.hero-title{font-size:1.875rem}.hero-subtitle{font-size:1rem}.trust-badge{font-size:.8125rem;padding:.4rem 1rem}.action-icon{font-size:2.5rem}.action-title{font-size:1.25rem}.action-description{font-size:.9375rem}}.page-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) 0}.page-header h1{font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem;line-height:1.2}.page-subtitle{font-size:1.125rem;color:var(--color-text-muted);margin:0}.page-header-content{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.page-header-content h1{margin:0}.emotion-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:var(--spacing-xl) 0}.emotion-card{display:block;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;cursor:pointer;aspect-ratio:3 / 4}.emotion-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.emotion-card:focus{outline:3px solid var(--color-primary);outline-offset:2px}.emotion-card-image{width:100%;height:100%;object-fit:cover;display:block}.card-detail-container{max-width:800px;margin:0 auto;padding:var(--spacing-xl) 0}.card-image-frame{text-align:center;margin-bottom:var(--spacing-xl)}.card-image-frame .card-detail-image{max-width:400px;width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.card-info-stack{display:flex;flex-direction:column;gap:1.5rem}.info-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.info-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.info-card p{font-size:1rem;color:var(--color-text-muted);line-height:1.6;margin:0}@media (min-width: 600px){.emotion-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.emotion-cards-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}@media (max-width: 768px){.page-header h1{font-size:2rem}.page-header-content{flex-direction:column;align-items:flex-start}.page-header-content .button{align-self:stretch;text-align:center}.emotion-card:hover{transform:none}}@media (max-width: 480px){.page-header h1{font-size:1.75rem}.page-subtitle{font-size:1rem}.emotion-cards-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.card-image-frame .card-detail-image{max-width:100%}}.mascot-deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin:2rem 0}.mascot-deck-card{display:block;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;text-decoration:none;text-align:center}.mascot-deck-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.mascot-deck-card img{width:100%;height:200px;object-fit:cover;display:block;background-color:var(--color-surface-alt)}.mascot-deck-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:1rem 0 .5rem;padding:0 1rem}.mascot-deck-card .deck-label{font-size:.875rem;color:var(--color-text-muted);margin:0 0 1rem;padding:0 1rem;font-style:italic}@media (max-width: 768px){.mascot-deck-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 480px){.mascot-deck-grid{grid-template-columns:1fr;gap:1rem}}.create-your-own-banner{display:block;width:100%;margin:4rem auto 3rem;padding:0;background:linear-gradient(135deg,#4a9b9f,#6db5b9,#f5a05f);border-radius:var(--radius-lg);text-decoration:none;overflow:hidden;box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.create-your-own-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4a9b9fe6,#6db5b9cc,#f5a05fe6);opacity:0;transition:opacity .4s ease}.create-your-own-banner:hover:before{opacity:1}.create-your-own-banner:hover{transform:translateY(-6px);box-shadow:0 20px 40px #4a9b9f4d,0 10px 20px #f5a05f33}.create-banner-content{position:relative;z-index:1;text-align:center;padding:4rem 2rem;transition:transform .4s ease}.create-your-own-banner:hover .create-banner-content{transform:scale(1.02)}.create-banner-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.15)}.create-banner-subtitle{font-size:1.375rem;color:#fffffff2;margin-bottom:1.5rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 1px 4px rgba(0,0,0,.1)}.create-banner-cta{display:inline-block;padding:.75rem 2.5rem;font-size:1.125rem;font-weight:600;color:#4a9b9f;background-color:#fff;border-radius:999px;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.create-your-own-banner:hover .create-banner-cta{background-color:#fafbfc;box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}@media (max-width: 768px){.create-banner-content{padding:3rem 1.5rem}.create-banner-title{font-size:2.25rem}.create-banner-subtitle{font-size:1.125rem}.create-banner-cta{font-size:1rem;padding:.625rem 2rem}}@media (max-width: 480px){.create-your-own-banner{margin:3rem auto 2rem;border-radius:var(--radius-md)}.create-banner-content{padding:2.5rem 1rem}.create-banner-title{font-size:1.875rem}.create-banner-subtitle{font-size:1rem}.create-banner-cta{font-size:.9375rem;padding:.5rem 1.75rem}}