*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html{height:100%;scroll-behavior:smooth;overflow-x:hidden}body{display:flex;flex-direction:column;min-height:100vh;overflow-x:clip;text-rendering:optimizeSpeed;line-height:1.6;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{letter-spacing:.02em}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.game-page{min-height:100vh;display:flex;flex-direction:column}.hidden{display:none!important}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-bg: #fffbf0;--color-primary: #4a7c59;--color-secondary: #d4a373;--color-accent: #e76f51;--color-torii: #b5291c;--color-dialect: #6b5ea8;--color-text: #333;--color-white: #fff;--color-dark-teal: #2d3a3a;--color-beige: #f8f3e6;--color-nav-bg: rgba(255, 255, 255, .9);--color-text-muted: #666;--color-text-faint: #999;--color-border: #ddd;--color-border-strong: #aaa;--color-danger: #c0392b;--color-blue: #2563eb;--color-blue-dark: #1d4ed8;--color-blue-darker: #1e3a8a;--color-accent-dark: #c05035;--color-dark-green: var(--color-primary);--color-light-green: #94b49f;--font-body: "Andika", "M PLUS Rounded 1c", "Comic Sans MS", cursive, sans-serif;--font-heading: var(--font-body);--font-main: "Fredoka", sans-serif;--font-hand: "Patrick Hand", cursive;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--radius-round: 50%;--radius-button: 20px;--transition-fast: .15s;--transition: .2s;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08)}.btn{--btn-bg: var(--color-white);--btn-fg: var(--color-text);--btn-border: var(--color-secondary);--btn-shadow: var(--color-secondary);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:44px;padding:.5rem 1.25rem;font-family:var(--font-body);font-weight:700;font-size:1rem;line-height:1.15;color:var(--btn-fg);background:var(--btn-bg);border:2px solid var(--btn-border);border-radius:var(--radius-button);box-shadow:3px 3px 0 var(--btn-shadow);cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,box-shadow .1s ease,background var(--transition-fast),color var(--transition-fast)}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--btn-shadow)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--btn-shadow)}.btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:default;pointer-events:none;transform:none;box-shadow:3px 3px 0 var(--btn-shadow)}.btn svg{flex:none;width:1.15em;height:1.15em}.btn--primary{--btn-bg: var(--color-primary);--btn-fg: #fff;--btn-border: var(--color-dark-teal);--btn-shadow: var(--color-dark-teal)}.btn--accent{--btn-bg: var(--color-accent);--btn-fg: #fff;--btn-border: var(--color-accent-dark);--btn-shadow: var(--color-accent-dark)}.btn--secondary{--btn-bg: var(--color-white);--btn-fg: var(--color-primary);--btn-border: var(--color-primary);--btn-shadow: var(--color-primary)}.btn--ghost{--btn-bg: var(--color-white);--btn-fg: var(--color-text-muted);--btn-border: var(--color-border);--btn-shadow: var(--color-border)}.btn--sm{min-height:38px;padding:.35rem .85rem;font-size:.9rem;gap:.4rem}.btn--lg{min-height:52px;padding:.7rem 1.6rem;font-size:1.15rem}.btn--icon{padding:0;width:44px;min-width:44px}.btn--icon.btn--sm{width:38px;min-width:38px}.btn--round{border-radius:var(--radius-round)}.btn__label{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1}.btn__ja{font-family:"M PLUS Rounded 1c",sans-serif;font-size:.72em;font-weight:700;opacity:.82}.site-footer{display:flex;flex-direction:column;align-items:center;gap:1.35rem;text-align:center;padding:3.25rem 1.5rem 2.75rem;background:#e9e4da;color:var(--color-dark-teal);margin-top:auto;border-top:1px solid rgba(85,113,83,.14)}.footer-brand{display:inline-flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;line-height:1}.footer-logo{font-size:3rem;color:var(--color-dark-teal)}.footer-brand-text{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:.01em}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem 1.8rem}.footer-links a{color:#2d3a3ad1;text-decoration:none;font-size:1.15rem;font-weight:500}.footer-links a:hover{color:var(--color-primary)}.footer-copy{color:#2d3a3a99;font-size:1rem}@media(max-width:640px){.site-footer{gap:1rem;padding:2.5rem 1.25rem 2.25rem}.footer-brand{gap:.55rem}.footer-logo{font-size:2.5rem}.footer-links{gap:.7rem 1.2rem}.footer-links a{font-size:1rem}}