:root{--bg: #f3efe6;--fg: #1d2420;--muted: #5b655f;--accent: #1f6b4f;--line: #d9d2c3;--felt: #145a43;--felt-2: #0f4734;--rail: #3b2a1d;--tile: #fbf8ef;--tile-edge: #d8cfba;--tile-side: #b9ad92;--back: #1f7a5a;--back-2: #176249;--ink: #1c2a24;--red: #b8322a;--green: #1e7a45;--blue: #22508f;--gold: #d9a441;--hz: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--ui: "Instrument Sans", system-ui, -apple-system, "Segoe UI", "PingFang SC", sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111613;--fg: #e8ece9;--muted: #9eaaa3;--accent: #64c99c;--line: #2b3530}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font:17px/1.55 var(--ui);padding:28px 16px 48px}.wrap{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:26px}header{text-align:center;max-width:36rem}h1{font:900 2.6rem/1.1 var(--hz);margin:0 0 6px;letter-spacing:.01em}h1 small{display:block;font:600 .95rem/1.4 var(--ui);color:var(--muted);letter-spacing:.08em;margin-top:8px;text-transform:uppercase}.lede{color:var(--muted);margin:10px 0 0}.soon{display:inline-block;margin-top:14px;padding:6px 14px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-weight:600;font-size:.95rem}footer{color:var(--muted);font-size:.9rem;text-align:center}footer a{color:var(--accent)}.caption{color:var(--muted);font-size:.85rem;text-align:center;margin-top:-12px}.stage{width:100%;max-width:960px;aspect-ratio:3 / 2;position:relative;overflow:hidden;border-radius:34px}.table{position:absolute;left:0;top:0;width:960px;height:640px;transform-origin:0 0;border-radius:34px;background:radial-gradient(ellipse at 50% 45%,var(--felt) 0%,var(--felt-2) 78%);box-shadow:inset 0 0 0 12px var(--rail),inset 0 0 0 14px #5b432f,0 18px 40px #00000047;overflow:hidden;color:#eaf3ee;font-family:var(--ui)}.table:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:22px;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px)}.t{width:34px;height:46px;border-radius:5px;background:var(--tile);position:relative;flex:none;box-shadow:0 0 0 1px var(--tile-edge),0 4px 0 var(--tile-side),0 5px 6px #00000059;display:grid;place-items:center;color:var(--ink);font-family:var(--hz)}.t.sm{width:26px;height:35px;border-radius:4px;box-shadow:0 0 0 1px var(--tile-edge),0 3px 0 var(--tile-side),0 3px 4px #0000004d}.t.back{background:linear-gradient(160deg,var(--back),var(--back-2));box-shadow:0 0 0 1px #0d3d2c,0 4px #0b3324,0 5px 6px #00000059}.t.back.sm{box-shadow:0 0 0 1px #0d3d2c,0 3px #0b3324,0 3px 4px #0000004d}.t.back:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:3px;border:1px solid rgba(255,255,255,.18)}.t.new{transform:translateY(-10px);box-shadow:0 0 0 2px var(--gold),0 4px 0 var(--tile-side),0 8px 12px #0006}.t.last{box-shadow:0 0 0 2px var(--gold),0 3px 0 var(--tile-side),0 0 14px 2px #d9a4418c}.hz{font-weight:900;line-height:1}.num{font-size:15px;font-weight:900;line-height:1}.wan{display:flex;flex-direction:column;align-items:center;gap:1px}.wan .w{color:var(--red);font-size:13px;font-weight:900}.sm .num{font-size:11px}.sm .wan .w{font-size:10px}.dots,.sticks{position:absolute;top:5px;right:5px;bottom:5px;left:5px;display:grid;place-items:center}.dot.big{width:22px;height:22px;border-width:3px}.sm .dot.big{width:16px;height:16px}.dot{width:8px;height:8px;border-radius:50%;border:2px solid var(--blue);background:radial-gradient(circle,var(--red) 0 30%,transparent 32%)}.sm .dot{width:6px;height:6px;border-width:1.5px}.stick{width:4px;height:12px;border-radius:2px;background:var(--green);box-shadow:inset 0 -3px #0000002e}.sm .stick{width:3px;height:9px}.flw{font-size:15px}.sm .flw{font-size:12px}.flw.f1{color:var(--red)}.flw.f2{color:var(--blue)}.ani{font-size:15px;color:#7a4b16}.sm .ani{font-size:12px}.badge{position:absolute;top:1px;right:2px;font:700 7px/1 var(--ui);color:var(--muted)}body{padding:0;font-size:16px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;border-radius:12px;padding:12px 18px;background:var(--accent);color:var(--bg);font-weight:600;min-height:44px}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:var(--accent);text-underline-offset:4px}h1{font-family:var(--hz);font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;margin:0 0 20px}h2{font-size:1.2rem;line-height:1.4}p{margin:0 0 18px}.site-header{max-width:1200px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.brand{font:900 1.75rem var(--hz);color:var(--fg);text-decoration:none}nav{display:flex;gap:18px;font-size:.9rem}nav a{color:var(--muted);text-decoration:none}nav a[aria-current]{color:var(--accent);text-decoration:underline}main{max-width:1200px;margin:0 auto;padding:36px 24px;min-height:65vh}footer{max-width:850px;margin:0 auto;padding:24px;font-size:.83rem}.panel{background:color-mix(in srgb,var(--bg) 85%,var(--fg) 3%);border:1px solid var(--line);border-radius:22px;padding:28px}.narrow{max-width:560px;margin:12px auto}.home-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;padding:30px 0}.hero h1{max-width:7em;font-size:clamp(2.5rem,6vw,4.7rem);margin-top:22px}.hero>p{max-width:30em;color:var(--muted)}.hero-tiles{display:flex;padding:32px 0}.hero-tiles .t{width:43px;height:60px}.hero-tiles .hz{font-size:28px}.eyebrow,.pill{display:inline-block;border:1px solid var(--accent);color:var(--accent);font-size:.75rem;font-weight:600;line-height:1.4;border-radius:99px;padding:6px 12px}form,.stack{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:.9rem}input,select,textarea{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:12px;min-height:46px}textarea{min-height:110px}.check{flex-direction:row;align-items:center}.check input{width:20px;min-height:20px}.phrase{list-style-position:inside;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--bg);padding:20px;border:1px solid var(--line);border-radius:12px}.phrase li{font-size:.9rem}.secondary{background:transparent;color:var(--accent);border-color:var(--line)}.gold{background:var(--gold);color:#2a1d06}.text-button{color:var(--accent);background:transparent;text-decoration:underline;padding:8px}.join-form{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.muted,.fine{color:var(--muted)}.fine{font-size:.8rem}.notice{max-width:1100px;margin:15px auto 0;padding:12px 18px;border:1px solid var(--red);border-radius:12px}.error{color:var(--red)}.room-panel{max-width:650px;margin:auto}.room-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.room-title h1{margin:0}.members{list-style:none;padding:0}.members li{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.members li>span:nth-child(2){flex:1;overflow-wrap:anywhere}small{display:block;color:var(--muted);font-size:.7rem}.avatar{border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:var(--felt);color:#fff;flex-shrink:0;font-size:.75rem}.room-panel .actions{margin:24px 0}.rules-panel{max-width:800px;margin:auto}.rule-list>div{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:12px 0}dd{margin:0;color:var(--muted)}.table-page{max-width:1120px;margin:auto}.table-heading{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.table-heading h1{font-size:1.8rem;display:flex;align-items:baseline;gap:14px;margin:0}.felt-table{position:relative;min-height:760px;background:radial-gradient(ellipse at 50% 45%,var(--felt) 0%,var(--felt-2) 78%);border-radius:30px;box-shadow:inset 0 0 0 10px var(--rail),inset 0 0 0 12px #5b432f,0 16px 30px #0002;color:#eaf3ee;overflow:hidden;padding:28px}.felt-table:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:20px;pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff04 0 2px,transparent 2px 6px)}.plaque{display:flex;align-items:center;justify-content:center;gap:8px;background:#081e16b8;border:1px solid #ffffff24;border-radius:99px;padding:4px 10px 4px 4px;font-size:.8rem;max-width:100%}.plaque>span:nth-child(2){max-width:120px;overflow-wrap:anywhere}.plaque small{color:#bfe0d0}.wind{font-family:var(--hz);font-weight:900;color:var(--gold)}.chips{color:#cfe6da;font-variant-numeric:tabular-nums}.chips b{margin-left:6px;color:var(--gold)}.row{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.bonus,.exposed{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.meld{display:flex;padding:4px;border-radius:6px;background:#0002}.opponent{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;max-width:30%}.position-0{right:24px;top:260px;width:150px}.position-1{left:50%;transform:translate(-50%);top:28px;max-width:55%}.position-2{left:24px;top:260px;width:150px}.opponent .t.sm{width:19px;height:27px}.opponent .hz{font-size:15px}.opponent .t.back.sm{width:12px;height:22px}.center-info{display:flex;justify-content:center;gap:20px;color:#bfe0d0;font-size:.78rem;margin-top:140px;margin-bottom:12px}.center-info b{color:var(--gold)}.ponds{width:58%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:180px;max-height:250px;overflow:auto}.pond{background:#0002;border-radius:10px;padding:8px}.pond h2{font-size:.65rem;font-weight:400;margin:0 0 6px;color:#bfe0d0;overflow-wrap:anywhere}.pond .row{justify-content:flex-start}.pond .t.sm{width:22px;height:30px}.decision{position:relative;margin:18px auto 12px;min-height:70px;text-align:center;max-width:90%;color:#d7ebe1;font-size:.85rem}.decision p{margin:8px 0}.decision .actions{justify-content:center}.decision button{background:var(--gold);color:#2a1d06}.claim-actions{max-height:180px;overflow:auto}.claim-actions button{min-width:60px;padding:9px 12px}.claim-kind{display:flex;flex-wrap:wrap;gap:8px}.claim-kind .t.sm{width:18px;height:25px}.timer{height:4px;border-radius:3px;background:#ffffff24;max-width:220px;overflow:hidden;margin:10px auto}.timer i{display:block;height:100%;background:var(--gold)}.own-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:14px}.own-hand{display:flex;justify-content:center;align-items:flex-end;gap:4px;max-width:100%;padding:8px 0}.own-hand .t{padding:0;border:none;min-height:0}.own-hand button:not(:disabled):hover,.own-hand button:not(:disabled):focus-visible{transform:translateY(-8px)}.own-seat .fine{color:#bfe0d0}.t .hz{font-size:22px}.t.sm .hz{font-size:17px}.t .red{color:var(--red)}.t .green{color:var(--green)}.t .blue{color:var(--blue)}.t .dots,.t .sticks{gap:2px}.white-dragon{width:60%;height:66%;border:2px solid var(--blue);border-radius:3px}.out{opacity:.65}.leave-row{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin:20px 0}.leave-row p{font-size:.85rem;color:var(--muted);margin:0}.result-sheet{margin-top:24px}.result-title{font-size:1.25rem}.scores{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.scores p{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}@media(max-width:700px){main{padding:22px 14px}.site-header{padding:18px 14px}.brand{font-size:1.5rem}nav{gap:12px;font-size:.8rem}.home-layout{grid-template-columns:1fr;gap:12px;padding:0}.hero h1{max-width:none;font-size:2.8rem;margin:18px 0}.hero-tiles{padding:12px 0 24px}.hero-tiles .t{width:35px;height:48px}.hero .fine{margin-top:10px}.panel{padding:22px 18px}.table-heading{gap:10px}.table-heading h1{font-size:1.5rem}.table-heading .pill{font-size:.65rem}.felt-table{min-height:700px;padding:24px 12px 22px;border-radius:22px;box-shadow:inset 0 0 0 6px var(--rail),inset 0 0 0 8px #5b432f}.opponents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:start;min-height:120px}.opponent{position:static;max-width:none;transform:none;width:auto;gap:8px}.opponent .plaque{flex-wrap:wrap;border-radius:12px;gap:3px;padding:5px;font-size:.65rem}.opponent .plaque .avatar{display:none}.opponent .plaque>span:nth-child(2){flex-basis:100%;text-align:center}.opponent .plaque .chips{display:flex;font-size:.63rem}.opponent .plaque small{font-size:.6rem}.opponent .row{gap:2px}.opponent .t.back.sm{width:8px;height:16px;border-radius:2px}.opponent .t.back.sm:before{top:2px;right:2px;bottom:2px;left:2px}.opponent .t.sm{width:17px;height:24px}.opponent .t.sm .hz{font-size:12px}.center-info{margin-top:18px;gap:12px;font-size:.7rem}.ponds{width:100%;gap:6px;max-height:260px;min-height:190px}.pond{padding:6px}.pond .row{gap:3px}.pond .t.sm{width:18px;height:26px}.pond .t.sm .hz{font-size:14px}.t.sm .dots,.t.sm .sticks{top:3px;right:3px;bottom:3px;left:3px;gap:1px}.t.sm .dot{width:4px;height:4px;border-width:1px}.t.sm .dot.big{width:12px;height:12px}.t.sm .stick{width:2px;height:6px}.decision{max-width:100%;min-height:60px}.own-hand{gap:2px;width:100%}.own-hand .t{width:clamp(17px,5.55vw,35px);height:clamp(29px,8vw,48px);border-radius:3px;flex-shrink:1}.own-hand .t .hz{font-size:clamp(15px,4.8vw,22px)}.own-hand .t .num{font-size:13px}.own-hand .t .w{font-size:12px}.own-hand .t .dots,.own-hand .t .sticks{top:3px;right:3px;bottom:3px;left:3px;gap:1px}.own-hand .dot{width:5px;height:5px;border-width:1px}.own-hand .dot.big{width:14px;height:14px}.own-hand .stick{width:2px;height:8px}.scores{grid-template-columns:1fr}.leave-row{justify-content:center}.rule-list>div{grid-template-columns:1fr 1fr;gap:12px;font-size:.85rem}}@media(max-width:350px){nav{gap:8px}.brand{font-size:1.25rem}.phrase{padding:12px;gap:8px;font-size:.8rem}}@media(orientation:landscape)and (max-height:550px){.felt-table{min-height:660px}main{padding-top:16px}.site-header{padding-top:10px;padding-bottom:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.site-header nav{margin-left:auto}.language-picker{position:relative;flex:none;text-align:left}.language-picker button{display:flex;align-items:center;gap:8px;min-height:36px;border-radius:7px;padding:6px 9px;background:#1b2420;color:#edf3ef;font-size:.8rem;white-space:nowrap}.language-picker .language-trigger{border-color:#526158}.language-code{display:inline-grid;place-items:center;min-width:25px;height:23px;padding:0 3px;border:1px solid #81968a;border-radius:3px;font-size:.65rem;letter-spacing:.04em}.language-options{position:absolute;right:0;top:calc(100% + 7px);z-index:20;min-width:170px;padding:5px;background:#1b2420;border:1px solid #526158;border-radius:10px;box-shadow:0 8px 24px #0005}.language-options button{width:100%;text-align:left}.language-options button:hover,.language-options button:focus-visible{background:#33473b}.language-options button[aria-checked=true]{color:#9ee0b8}@media(max-width:550px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:center}.language-picker{margin-left:auto}}