:root{--color-plum: #5b3a6b;--color-plum-deep: #3b2140;--color-plum-mid: #7e5e8e;--color-navy: #3b2140;--color-navy-2: #4a2b52;--color-gold: #a8833f;--color-gold-soft: #c9a45b;--color-cream: #f7f0e6;--color-cream-2: #efe6d7;--color-cream-hi: #fffdf8;--color-card: #ffffff;--color-red-seal: #b3402f;--text-dark: #3b2140;--text-body: #5b3a6b;--text-muted: #7e5e8e;--text-on-dark: #fffdf8;--text-on-dark-muted: #d8c7de;--font-display: "Marcellus", Georgia, "Times New Roman", serif;--font-heading: "EB Garamond", Georgia, "Times New Roman", serif;--font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 96px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(42, 26, 62, .08);--shadow-md: 0 8px 28px rgba(42, 26, 62, .12);--shadow-lg: 0 20px 50px rgba(42, 26, 62, .18);--container: 1320px;--header-h: 92px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-body);background:var(--color-cream);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-dark);line-height:1.12;font-weight:500}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--space-8) 0}.eyebrow{font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold);display:inline-flex;align-items:center;gap:var(--space-2)}.text-accent{color:var(--color-gold)}.section-title{font-family:var(--font-heading);font-weight:500;font-size:clamp(1.9rem,3.4vw,2.8rem);color:var(--color-plum-deep);margin:var(--space-3) 0 var(--space-3);line-height:1.1}.section-lead{font-family:var(--font-body);font-size:clamp(1rem,1.3vw,1.125rem);color:var(--color-plum-mid);max-width:60ch;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;font-size:.95rem;padding:12px 26px;border-radius:var(--radius-pill);border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn-outline:hover,.btn-ghost-light:hover{transform:translateY(-2px)}.btn-gold,.btn-plum{background:linear-gradient(180deg,#5b3a6b,#43284f);color:var(--color-cream-hi);border:none;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #e5cb8e80,4px 5px #a8833f8c}.btn-gold:hover,.btn-plum:hover{background:linear-gradient(180deg,#654175,#3b2140);box-shadow:inset 0 0 0 1px #e5cb8eb3,5px 6px #a8833f99}.btn-gold:active,.btn-plum:active{transform:translate(2px,2px);box-shadow:inset 0 0 0 1px #e5cb8e99,2px 3px #a8833f80}.btn-outline{background:transparent;border-color:#3a24564d;color:var(--text-dark)}.btn-outline:hover{border-color:var(--color-plum)}.btn-ghost-light{background:transparent;border-color:#ffffff59;color:var(--text-on-dark)}.btn-block{width:100%}.btn-sm{padding:9px 20px;font-size:.8rem;letter-spacing:.03em}.card{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid rgba(58,36,86,.06)}.field{margin-bottom:var(--space-3)}.field label{display:block;font-size:.85rem;font-weight:600;color:var(--text-dark);margin-bottom:6px}.field input{width:100%;font-family:var(--font-body);font-size:.95rem;padding:12px 14px;border:1.5px solid rgba(58,36,86,.16);border-radius:var(--radius-sm);background:#fff;color:var(--text-dark);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px #c79a3f2e}.center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;min-height:0}@media (max-width: 860px){.app-shell:has(.mw-hero){min-height:100vh}.app-shell:has(.mw-hero) .app-main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}}html,body{overflow-x:hidden}@media (min-width: 861px){html:has(.mw-hero),body:has(.mw-hero){height:100%;overflow:hidden}.app-shell:has(.mw-hero){height:100vh;overflow:hidden}.app-shell:has(.mw-hero) .app-main{display:flex;flex-direction:column;min-height:0}}.logo{display:inline-flex;align-items:center;gap:14px}.logo__mark{width:52px;height:52px;flex:none;background:url(/mahjong-way/logo-mark.svg) center / contain no-repeat;display:grid;place-items:center}.logo__glyph{font-family:Hiragino Mincho ProN,Yu Mincho,MS Mincho,"Noto Serif SC",Songti SC,serif;color:#e5cb8e;font-size:27px;line-height:1;font-weight:400;transform:translateY(1px)}.logo__text{display:flex;flex-direction:column;line-height:1.05;font-family:var(--font-display)}.logo__name{font-size:1.2rem;letter-spacing:.02em;color:var(--color-plum-deep)}.logo__sub{font-size:1.2rem;letter-spacing:.02em;color:var(--color-gold)}.logo--light .logo__name{color:var(--color-cream-hi)}.site-header{position:sticky;top:0;left:0;right:0;z-index:50;background:linear-gradient(149deg,#fffdf8,#f1e7d8 85%)}@media (min-width: 861px){.site-header{padding:10px 0}}.site-header__inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-nav{display:flex;align-items:center;gap:var(--space-6)}.site-nav__link{font-family:var(--font-body);font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--color-plum-deep);padding:4px 2px;position:relative;transition:color .15s ease}.site-nav__link:hover,.site-nav__link.is-active{color:var(--color-plum)}.site-nav__link.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--color-gold);border-radius:2px}.site-nav__cta{display:flex;align-items:center;gap:var(--space-4)}.site-nav__cta .btn{padding:15px 34px;font-size:1rem}.site-nav__user{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--color-plum)}.site-header__mobile-cta{display:none;align-items:center;gap:10px}.site-footer{background:#f6d6de29;padding:20px 0 15px}.site-footer__copy{font-family:var(--font-body);font-size:.875rem;color:#5b3a6b}@media (max-width: 860px){.site-header,.site-header__inner{height:68px}.site-nav{display:none}.site-header__mobile-cta{display:flex}.logo__mark{width:40px;height:40px}.logo__glyph{font-size:21px}.logo{gap:11px}.logo__name,.logo__sub{font-size:.95rem;letter-spacing:.04em}.site-footer{padding:18px 0 15px}}@media (max-width: 400px){.site-header__mobile-cta{gap:7px}.site-header__mobile-cta .btn-sm{padding:8px 14px;font-size:.72rem}}.route-loading{min-height:calc(100vh - var(--header-h));display:grid;place-items:center;color:var(--text-muted);font-size:.95rem}.mw-hero{position:relative;flex:1;min-height:0;display:flex;align-items:center;overflow:hidden;background:url(/mahjong-way/hero-3d-bam.webp) right center / contain no-repeat,var(--color-cream)}.mw-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,var(--color-cream) 12%,rgba(247,240,230,.72) 30%,rgba(247,240,230,.15) 46%,rgba(247,240,230,0) 60%)}.mw-hero__inner{position:relative;z-index:2;width:100%}.mw-hero__art{display:none}.mw-hero__copy{max-width:640px}.mw-hero__title{font-family:var(--font-heading);font-weight:500;line-height:1.04;letter-spacing:.01em;margin-bottom:28px;display:flex;flex-direction:column}.mw-hero__title-1{color:var(--color-plum-deep);font-size:clamp(2.75rem,5.7vw,5.125rem)}.mw-hero__title-2{color:var(--color-gold);font-size:clamp(2.75rem,5.7vw,5.125rem)}.mw-hero__to--mobile{display:none}.mw-hero__sub{font-family:var(--font-body);font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.5;color:var(--color-plum-mid);margin-bottom:40px}.mw-hero__cta{padding:18px 40px;font-size:1rem}@media (max-width: 1100px){.mw-hero__copy{max-width:54%}.mw-hero:before{background:linear-gradient(100deg,var(--color-cream) 14%,rgba(247,240,230,.78) 34%,rgba(247,240,230,.2) 50%,rgba(247,240,230,0) 64%)}}@media (max-width: 860px){.mw-hero{min-height:0;flex:1;display:flex;flex-direction:column;align-items:stretch;background:var(--color-cream);padding:0;overflow:hidden}.mw-hero:before{display:none}.mw-hero__inner{display:block;flex:0 0 auto;padding-top:var(--space-6);padding-bottom:var(--space-4)}.mw-hero__copy{max-width:560px;text-align:left}.mw-hero__title{align-items:flex-start;margin-bottom:20px}.mw-hero__to{display:none}.mw-hero__to--mobile{display:inline}.mw-hero__sub{margin-bottom:30px}.mw-hero__sub br{display:none}.mw-hero__cta{padding:16px 34px}.mw-hero__art{display:block;flex:1 1 auto;min-height:260px;width:100%;margin:0;padding:0 0 10px;aspect-ratio:auto;background:transparent url(/mahjong-way/hero-3d-bam-mobile.webp) center center / contain no-repeat content-box}.mw-hero__art img{display:none}}@media (max-width: 480px){.mw-hero__inner{padding-top:var(--space-5)}.mw-hero__title{margin-bottom:16px}.mw-hero__sub{margin-bottom:26px}.mw-hero__cta{padding:15px 30px}}.auth{min-height:calc(100vh - var(--header-h));display:grid;place-items:center;padding:var(--space-6) var(--space-4);background:radial-gradient(120% 100% at 50% 0%,#efe4d3 0%,var(--color-cream) 55%)}.auth__card{width:100%;max-width:420px;padding:var(--space-6)}.auth__card--wide{max-width:665px}.auth__tile{width:56px;height:66px;margin:0 auto var(--space-4);border-radius:12px;background:linear-gradient(180deg,#fff,#f0e8da);box-shadow:var(--shadow-sm);display:grid;place-items:center}.auth__tile span{font-family:var(--font-heading);color:var(--color-red-seal);font-size:2rem;font-weight:700}.auth__badge{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:50%;background:#c79a3f26;color:var(--color-gold);font-size:1.8rem;display:grid;place-items:center}.auth__title{font-size:1.7rem;text-align:center;margin-bottom:6px}.auth__sub{text-align:center;font-size:.92rem;color:var(--text-body);margin-bottom:var(--space-4)}.auth__error{background:#b3402f1a;color:var(--color-red-seal);border:1px solid rgba(179,64,47,.25);border-radius:var(--radius-sm);padding:10px 12px;font-size:.85rem;margin-bottom:var(--space-3)}.auth__note{background:#2e7d321a;color:#2e7d32;border:1px solid rgba(46,125,50,.25);border-radius:var(--radius-sm);padding:10px 12px;font-size:.85rem;margin-bottom:var(--space-3)}.auth__foot{text-align:center;font-size:.88rem;margin-top:var(--space-3);color:var(--text-body)}.auth__foot a,.linklike{color:var(--color-gold);font-weight:600;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 480px){.field-row{grid-template-columns:1fr}}.auth__divider{display:flex;align-items:center;text-align:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--text-muted, #8a8499);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.auth__divider:before,.auth__divider:after{content:"";flex:1;height:1px;background:#5a466e2e}.social--icons{display:flex;justify-content:center;gap:var(--space-3)}.social__icon-btn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(90,70,110,.2);background:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.social__icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-gold)}.social--buttons{display:flex;flex-direction:column;gap:var(--space-3)}.social__btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border-radius:var(--radius-sm, 10px);border:1px solid rgba(90,70,110,.2);background:#fff;color:var(--text-heading, #2a2340);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.social__btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--color-gold)}.social__icon{display:inline-flex;align-items:center}.field input[aria-invalid=true]{border-color:var(--color-red-seal, #b3402f);box-shadow:0 0 0 2px #b3402f1f}.field__error{display:block;margin-top:5px;font-size:.78rem;color:var(--color-red-seal, #b3402f)}.pw-meter{margin-top:8px}.pw-meter__track{display:flex;gap:4px;margin-bottom:4px}.pw-meter__seg{height:4px;flex:1;border-radius:999px;background:#5a466e26;transition:background .15s ease}.pw-meter__seg.is-on-weak{background:#c0392b}.pw-meter__seg.is-on-fair{background:#d9a63f}.pw-meter__seg.is-on-good{background:#4c9a5b}.pw-meter__seg.is-on-strong{background:#2f8f4e}.pw-meter__label{font-size:.75rem;color:var(--text-muted, #8a8499)}.pw-meter__label b{color:var(--text-heading, #2a2340)}.social__icon-btn.is-disabled,.social__btn.is-disabled{opacity:.55;cursor:not-allowed}.social__icon-btn.is-disabled:hover,.social__btn.is-disabled:hover{transform:none;box-shadow:none;border-color:#5a466e33}.social__note{text-align:center;font-size:.78rem;color:var(--text-muted, #8a8499);margin-top:var(--space-2)}.game-page{padding:var(--space-6) 0 var(--space-8);min-height:calc(100vh - var(--header-h));background:radial-gradient(120% 80% at 50% 0%,#efe4d3 0%,var(--color-cream) 45%)}.game-page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.game-page__title{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:4px}.game-page__meta{display:flex;align-items:center;gap:var(--space-3)}.game-page__player{font-size:.9rem;font-weight:600;color:var(--color-plum)}.game-stage{position:relative;width:100%;aspect-ratio:1166 / 620;background:var(--color-navy);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(58,36,86,.1)}.game-canvas{width:100%;height:100%;display:block;object-fit:contain}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:var(--space-3);background:linear-gradient(180deg,#2a1a3e,var(--color-navy));color:var(--text-on-dark);text-align:center;padding:var(--space-4)}.game-overlay__tile{width:60px;height:72px;border-radius:12px;background:linear-gradient(180deg,#fff,#f0e8da);display:grid;place-items:center;box-shadow:var(--shadow-md);animation:tile-pulse 1.6s ease-in-out infinite}.game-overlay__tile span{font-family:var(--font-heading);color:var(--color-red-seal);font-size:2rem;font-weight:700}@keyframes tile-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.game-progress{width:220px;height:6px;border-radius:999px;background:#ffffff26;overflow:hidden}.game-progress__bar{height:100%;background:var(--color-gold);transition:width .2s ease}.game-overlay__err{font-family:var(--font-heading);font-size:1.3rem;color:#fff}.game-overlay__hint{font-size:.82rem;color:var(--text-on-dark-muted);max-width:44ch}@media (max-width: 560px){.game-stage{border-radius:var(--radius-md)}}.game-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.game-profile__avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--color-plum);color:#fff;font-weight:700;font-size:1.2rem}.game-profile__avatar img{width:100%;height:100%;object-fit:cover}.game-profile__info{display:flex;flex-direction:column;gap:2px;min-width:0}.game-profile__name{font-weight:700;color:var(--color-plum)}.game-profile__email{font-size:.85rem;color:var(--color-ink, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-profile__meta{font-size:.8rem;color:#8a7d70}