.container{max-width:760px;margin:0 auto;padding:0 1rem 4rem}.page-hero{text-align:center;padding:2.2rem 0 1rem}.page-hero h1{font-size:2rem;margin:0 0 .6rem;color:var(--gold-light)}.hero-sub{font-size:1.08rem;color:var(--text-primary);margin:.2rem 0 .8rem;font-weight:600}.hero-desc{font-size:.96rem;color:var(--text-secondary);line-height:1.7;max-width:620px;margin:0 auto;text-align:left}.lang-switch{display:flex;justify-content:center;gap:.4rem;margin-bottom:.8rem;font-size:.85rem}.lang-switch a{color:var(--gold-light,#ffd24a);text-decoration:none;border:1px solid var(--border,#444);border-radius:20px;padding:.2rem .8rem}.lang-switch a:hover{background:#f5b8001f}.lang-switch span{color:#1a1a1a;background:var(--gold,#f5b800);border-radius:20px;padding:.2rem .8rem;font-weight:700}.rt-game{margin-top:1.6rem}.rt-progress{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}.rt-progress-text{font-size:.9rem;color:var(--text-muted);white-space:nowrap}.rt-progress-track{flex:1;height:8px;background:#ffffff14;border-radius:6px;overflow:hidden}.rt-progress-fill{height:100%;background:linear-gradient(90deg,#2bd60a,#39ff14,#9bff7a,#39ff14);background-size:200% 100%;border-radius:6px;transition:width .4s ease}.rt-card{background:var(--bg-card,#1a1a1a);border:1px solid var(--border,#333);border-radius:18px;padding:1.1rem 1rem 1.2rem}.rt-table{position:relative;width:100%;max-width:288px;aspect-ratio:1 / .9;margin:.2rem auto}.rt-eat-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.rt-eat-badge{position:absolute;left:13%;bottom:20%;z-index:3;background:#1e7a46;color:#fff;font-size:.6rem;font-weight:800;padding:.08rem .42rem;border-radius:8px;border:1px solid #39FF14}.rt-table.from-kami .rt-eat-badge{animation:rtEatPulse 1s ease-in-out infinite}@keyframes rtEatPulse{0%,to{transform:scale(1);box-shadow:0 0 #39ff1400}50%{transform:scale(1.18);box-shadow:0 0 10px #39ff14bf}}.rt-seat{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px;color:#7a8a99;transition:color .3s}.rt-person{width:34px;height:auto;fill:currentColor;transition:filter .3s}.rt-seat-lbl{font-size:.72rem;font-weight:700;white-space:nowrap}.rt-seat-lbl.me{color:#f5b800;font-size:.84rem}.seat-top{top:0;left:50%;transform:translate(-50%)}.seat-left{left:0;top:46%;transform:translateY(-50%)}.seat-right{right:0;top:46%;transform:translateY(-50%)}.seat-me{bottom:0;left:50%;transform:translate(-50%)}.rt-seat.active{color:#39ff14}.rt-seat.active .rt-person{filter:drop-shadow(0 0 7px #39FF14)}.rt-center{position:absolute;top:46%;left:50%;width:56px;z-index:2;transform:translate(-50%,-50%)}.rt-center svg{width:56px;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.rt-center.fly-toi{animation:rtFlyToi .5s cubic-bezier(.3,.7,.3,1) both}.rt-center.fly-kami{animation:rtFlyKami .5s cubic-bezier(.3,.7,.3,1) both}.rt-center.fly-shimo{animation:rtFlyShimo .5s cubic-bezier(.3,.7,.3,1) both}@keyframes rtFlyToi{0%{transform:translate(-50%,-50%) translateY(-78px);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes rtFlyKami{0%{transform:translate(-50%,-50%) translate(-96px);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes rtFlyShimo{0%{transform:translate(-50%,-50%) translate(96px);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.rt-ghost{position:absolute;top:46%;left:50%;width:56px;z-index:1;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.rt-ghost svg{width:56px;height:auto;filter:drop-shadow(0 0 5px rgba(57,255,20,.4))}.rt-ghost.loop-toi{animation:rtGhostToi 1.9s ease-in-out infinite}.rt-ghost.loop-kami{animation:rtGhostKami 1.9s ease-in-out infinite}.rt-ghost.loop-shimo{animation:rtGhostShimo 1.9s ease-in-out infinite}@keyframes rtGhostToi{0%{transform:translate(-50%,-50%) translateY(-78px) scale(.82);opacity:0}16%{opacity:.65}52%{transform:translate(-50%,-50%) scale(1);opacity:.5}66%,to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes rtGhostKami{0%{transform:translate(-50%,-50%) translate(-96px) scale(.82);opacity:0}16%{opacity:.65}52%{transform:translate(-50%,-50%) scale(1);opacity:.5}66%,to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes rtGhostShimo{0%{transform:translate(-50%,-50%) translate(96px) scale(.82);opacity:0}16%{opacity:.65}52%{transform:translate(-50%,-50%) scale(1);opacity:.5}66%,to{transform:translate(-50%,-50%) scale(1);opacity:0}}.rt-from{text-align:center;font-size:.92rem;font-weight:700;color:var(--text-secondary);margin:.1rem 0 .55rem}.rt-from b{color:#39ff14}.rt-hand-label{text-align:center;font-size:.86rem;color:var(--text-muted);margin:.8rem 0 .3rem}.rt-felt{background:radial-gradient(ellipse at center,#1f6b3f,#14502e);border-radius:12px;padding:.7rem .5rem;border:1px solid #0c3d22}.rt-hand{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.rt-hand svg{width:42px;height:auto;border-radius:5px;transition:transform .2s,filter .2s}.rt-hand svg.hl{filter:drop-shadow(0 0 8px #ffd700);transform:translateY(-5px)}.rt-ask{text-align:center;font-size:1.18rem;font-weight:800;color:var(--text-primary);margin:.95rem 0 .7rem}.rt-guess{display:flex;justify-content:center;gap:8px}.rt-guess button{flex:1;max-width:96px;font-size:1.1rem;font-weight:800;padding:14px 0;border-radius:12px;border:2px solid var(--border,#444);background:#222;color:#fff;cursor:pointer;transition:all .15s}.rt-guess button:hover{border-color:var(--gold,#f5b800)}.rt-guess button[data-a=pung]{color:#7bffb0}.rt-guess button[data-a=chow]{color:#ffe17b}.rt-guess button[data-a=kong]{color:#7bc4ff}.rt-guess button[data-a=pass]{color:#bbb}.rt-guess button.right{background:#1e7a46;border-color:#39ff14;color:#fff;animation:rtPop .4s ease}.rt-guess button.wrong{background:#7a1e1e;border-color:#ff5a5a;color:#fff;animation:rtShake .4s ease}.rt-guess button.dim{opacity:.4}@keyframes rtPop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes rtShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.rt-reveal{display:none;margin-top:.9rem;text-align:center}.rt-reveal.show{display:block}.rt-verdict{font-size:1.3rem;font-weight:800;margin-bottom:.4rem}.rt-verdict.ok{color:#39ff14}.rt-verdict.no{color:#ff6b6b}.rt-verdict.half{color:#ffd24a}.rt-why{font-size:.96rem;color:var(--text-secondary);line-height:1.65;margin:.3rem auto .9rem;max-width:560px}.rt-next{background:linear-gradient(135deg,#f5b800,#ffd24a);color:#1a1a1a;font-weight:800;font-size:1.05rem;padding:12px 30px;border:none;border-radius:12px;cursor:pointer}.rt-next:hover{filter:brightness(1.06)}.rt-final{text-align:center;background:var(--bg-card,#1a1a1a);border:1px solid var(--gold,#f5b800);border-radius:18px;padding:1.8rem 1.2rem;margin-top:1rem}.rt-final-score{font-size:2.2rem;font-weight:900;color:var(--gold-light,#ffd24a)}.rt-final-title{font-size:1.3rem;font-weight:800;margin:.4rem 0;color:var(--text-primary)}.rt-final-msg{font-size:1rem;color:var(--text-secondary);margin-bottom:1.1rem;line-height:1.6}.rt-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}.rt-stat{background:#ffffff0d;border:1px solid var(--border,#333);border-radius:10px;padding:.55rem .9rem;font-size:.92rem;color:var(--text-secondary)}.rt-stat strong{color:var(--gold-light,#ffd24a);font-size:1.25rem}.rt-teach{margin-top:3rem}.rt-suit-note{background:#ffffff0a;border:1px solid var(--border,#333);border-radius:10px;padding:.8rem 1rem;font-size:.92rem;color:var(--text-secondary);line-height:1.7}.rt-teach h2{font-size:1.4rem;margin:2rem 0 .8rem;color:var(--gold-light,#ffd24a);border-bottom:2px solid var(--border,#333);padding-bottom:.4rem}.rt-teach p{line-height:1.8;color:var(--text-secondary);margin:.6rem 0}.rt-teach ul{line-height:1.9;color:var(--text-secondary);padding-left:1.2rem}.rt-teach strong{color:var(--text-primary)}.rt-eg{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;background:#1e7a461f;border:1px solid rgba(57,255,20,.2);border-radius:12px;padding:.9rem;margin:.9rem 0}.rt-eg-tiles{display:flex;gap:3px}.rt-eg svg{width:38px;height:auto}.rt-eg-arrow{font-size:.92rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.rt-eg-arrow svg{width:30px;vertical-align:middle}.rt-keybox{background:#c0282d1f;border:1.5px solid #c0282d;border-radius:12px;padding:1rem 1.1rem;margin:1rem 0}.rt-keybox strong{color:#ff8080;font-size:1.05rem;display:block;margin-bottom:.4rem}.rt-keybox p{margin:0}.rt-priority{display:flex;align-items:center;justify-content:center;gap:.7rem;font-size:1.3rem;font-weight:800;color:var(--gold-light,#ffd24a);background:#f5b8001a;border-radius:12px;padding:1rem;margin:.8rem 0}.rt-priority span{color:var(--text-muted);font-size:1rem}.rt-faq{margin-top:2.5rem}.rt-faq h2{font-size:1.4rem;color:var(--gold-light,#ffd24a);margin-bottom:1rem}.rt-faq-item{background:var(--bg-card,#1a1a1a);border:1px solid var(--border,#333);border-radius:10px;margin-bottom:.6rem;padding:.2rem .4rem}.rt-faq-item summary{cursor:pointer;padding:.85rem .8rem;font-weight:700;color:var(--text-primary)}.rt-faq-item p{padding:0 .8rem .9rem;color:var(--text-secondary);line-height:1.7;margin:0}.rt-cross{text-align:center;margin-top:2.5rem;padding:1.4rem;background:#f5b80014;border-radius:14px}.rt-cross p{color:var(--text-secondary);margin:0 0 .8rem}.rt-cross-btn{display:inline-block;background:linear-gradient(135deg,#f5b800,#ffd24a);color:#1a1a1a;font-weight:800;padding:.8rem 1.5rem;border-radius:12px;text-decoration:none}@media (prefers-reduced-motion: reduce){.rt-center,.rt-ghost,.rt-eat-badge,.rt-guess button.right,.rt-guess button.wrong,.rt-progress-fill{animation:none!important}}@media (max-width:600px){.page-hero{padding:1.4rem 0 .6rem}.page-hero h1{font-size:1.5rem}.hero-sub{font-size:.96rem}.hero-desc{font-size:.88rem}.rt-game{margin-top:1rem}.rt-card{padding:.85rem .7rem 1rem;border-radius:14px}.rt-from{font-size:.86rem;margin:.1rem 0 .4rem}.rt-table{max-width:238px}.rt-person{width:28px}.rt-seat-lbl{font-size:.66rem}.rt-seat-lbl.me{font-size:.76rem}.rt-center{width:48px}.rt-center svg{width:48px}.rt-ghost{width:48px}.rt-ghost svg{width:48px}.rt-eat-badge{font-size:.55rem}.rt-hand-label{margin:.55rem 0 .25rem;font-size:.8rem}.rt-felt{padding:.5rem .4rem}.rt-hand{gap:4px}.rt-hand svg{width:36px}.rt-ask{font-size:1.02rem;margin:.7rem 0 .55rem}.rt-guess{gap:6px}.rt-guess button{font-size:1rem;padding:12px 0;max-width:none}.rt-reveal{margin-top:.7rem}.rt-verdict{font-size:1.12rem}.rt-why{font-size:.88rem}.rt-next{padding:11px 26px;font-size:1rem}.rt-stats{margin-top:.9rem;gap:.45rem}.rt-stat{padding:.45rem .7rem;font-size:.8rem}}@media (max-width:380px){.rt-hand svg{width:31px}.rt-hand{gap:3px}.rt-guess button{font-size:.92rem;padding:11px 0}.rt-table{max-width:212px}.rt-center{width:42px}.rt-center svg{width:42px}.rt-ghost{width:42px}.rt-ghost svg{width:42px}.rt-person{width:25px}}