.animation-section{margin-top:110px}.animation-section>header{max-width:680px;margin-bottom:45px}.animation-section>header h2{font-size:clamp(38px,5vw,64px);margin:12px 0}.animation-section>header>p:last-child{color:#63706a}.animation-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rule-animation{background:#e9e3d5;border:1px solid var(--line);padding:26px;min-width:0;overflow:hidden}.animation-copy{min-height:145px}.animation-copy>span{font-size:11px;color:var(--red);letter-spacing:.14em}.animation-copy h3{font-size:25px;margin:10px 0}.animation-copy p{font-size:14px;color:#5e6964;margin:0}.mahjong-stage{height:235px;border:10px solid #806c4b;background:#174e40;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff26}.hand-row,.result-row{position:absolute;display:flex;gap:7px;justify-content:center;align-items:center}.hand-row{bottom:26px}.result-row{top:88px;opacity:0}.mj-tile{width:42px;height:58px;border-radius:4px 4px 6px 6px;background:#faf7ec;color:#9b3328;display:grid;place-items:center;font-size:30px;line-height:1;box-shadow:0 4px #c9c1ad,0 7px 10px #0003;font-family:"Noto Serif SC",serif}.tile-group{width:auto;min-width:54px;padding:0 7px;font-size:23px}.source-tile{position:absolute;top:18px;left:28px}.motion-line{position:absolute;width:2px;height:76px;background:linear-gradient(transparent,#d7ba73,transparent);left:50%;top:55px;opacity:0;transform:rotate(35deg)}.result-glow{position:absolute;inset:62px 12% 68px;border:1px solid #d7ba73;opacity:0}.replay-button{margin-top:18px;border:0;background:transparent;color:var(--jade);font:600 12px inherit;letter-spacing:.08em;cursor:pointer;padding:4px}.replay-button span{font-size:18px;margin-right:7px}.is-playing .source-tile{animation:claim-tile 3.8s ease-in-out both}.is-playing .hand-row .mj-tile{animation:hand-shift 3.8s ease-in-out both;animation-delay:calc(var(--i)*40ms)}.is-playing .result-row{animation:show-result 3.8s ease-in-out both}.is-playing .motion-line{animation:trace 3.8s ease-in-out both}.is-playing .result-glow{animation:glow 3.8s ease-in-out both}@keyframes claim-tile{0%,18%{transform:translate(0) rotate(-4deg);opacity:1}48%,to{transform:translate(170px,82px);opacity:0}}@keyframes hand-shift{0%,20%{transform:translateY(0);opacity:1}46%,to{transform:translateY(-30px) scale(.92);opacity:.2}}@keyframes show-result{0%,42%{opacity:0;transform:scale(.92)}62%,to{opacity:1;transform:scale(1)}}@keyframes trace{0%,20%,65%,to{opacity:0}35%,50%{opacity:1}}@keyframes glow{0%,55%{opacity:0;transform:scale(.9)}72%{opacity:1;transform:scale(1.04)}to{opacity:.3;transform:scale(1)}}[data-variant=add] .source-tile{top:auto;bottom:26px;left:50%}.is-playing[data-variant=add] .source-tile{animation:add-rise 3.8s ease-in-out both}@keyframes add-rise{0%,18%{transform:translate(-50%) scale(1);opacity:1}48%,to{transform:translate(-50%,-92px) scale(.9);opacity:0}}[data-variant=flower] .source-tile{left:50%}.is-playing[data-variant=flower] .source-tile{animation:flower-out 3.8s ease-in-out both}@keyframes flower-out{0%,20%{transform:translate(-50%) rotate(-4deg);opacity:1}45%,to{transform:translate(-50%,-64px) scale(.82);opacity:0}}@media(max-width:900px){.animation-grid{grid-template-columns:1fr}}@media(max-width:560px){.rule-animation{padding:18px}.mahjong-stage{height:220px}.mj-tile{width:36px;height:51px;font-size:26px}.animation-copy{min-height:auto;margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.is-playing .source-tile,.is-playing .hand-row .mj-tile,.is-playing .result-row,.is-playing .motion-line,.is-playing .result-glow{animation:none}.hand-row,.source-tile,.motion-line{display:none}.result-row{opacity:1}.result-glow{opacity:.3}}.is-list .mahjong-stage{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:center;padding:24px}.is-list .hand-row,.is-list .result-row{position:static;opacity:1;display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.is-list .hand-row:empty{display:none}.is-list .source-tile,.is-list .motion-line,.is-list .result-glow{display:none}.is-list .mj-tile{transform:none}.is-info .mahjong-stage{background:#f4efe3;border:1px solid var(--line);box-shadow:none;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:26px}.is-info .hand-row,.is-info .result-row{position:static;opacity:1;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:100%}.is-info .hand-row:empty{display:none}.is-info .source-tile,.is-info .motion-line,.is-info .result-glow{display:none}.is-info .mj-tile{width:auto;min-width:46px;height:auto;background:#fff;color:#2b3a34;border:1px solid var(--line);box-shadow:0 1px #0000000d;border-radius:12px;padding:12px 16px;font-size:19px;font-weight:600;font-family:inherit}.is-info .tile-group{min-width:auto;padding:12px 16px;font-size:18px}@media(max-width:560px){.is-list .mahjong-stage,.is-info .mahjong-stage{padding:18px;height:auto;min-height:180px}.is-info .mj-tile{padding:10px 12px;font-size:17px}}