:root{color-scheme:light;--page: #f1f4ef;--surface: #ffffff;--ink: #18211d;--muted: #68736d;--line: #c7d0ca;--table: #1f795f;--table-dark: #155d49;--coral: #d94d56;--gold: #e4b330;--blue: #4267c6;--tile: #fffef9;--shadow: 0 12px 28px rgba(20, 45, 35, .16)}*{box-sizing:border-box;letter-spacing:0;-webkit-tap-highlight-color:transparent}html,body{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden;background:var(--page);color:var(--ink);font-family:Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.34}[hidden]{display:none!important}.topbar{min-height:66px;padding:8px max(14px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;gap:14px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{min-width:0;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #303c36;border-bottom:5px solid #b9c3bd;border-radius:5px;background:var(--tile);color:var(--coral);font-family:serif;font-size:24px;font-weight:900;box-shadow:0 3px #87948d}.brand>span:last-child{min-width:0;display:grid;gap:1px}.brand b{overflow-wrap:anywhere;font-size:18px;line-height:1.1}.brand small{color:var(--table);font-size:9px;font-weight:900}.segments{display:grid;grid-template-columns:repeat(2,minmax(82px,1fr));border:1px solid var(--line);border-radius:6px}.segments button{min-height:36px;padding:5px 12px;border:0;background:#f7f9f7;font-size:11px;font-weight:850}.segments button+button{border-left:1px solid var(--line)}.segments button.selected{background:#dff0e9;color:var(--table-dark)}.toolbar{justify-self:end;display:flex;gap:6px}.icon-button{width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#f8faf8}.icon-button svg{width:19px;height:19px}.match-strip{width:min(1080px,calc(100% - 24px));min-height:52px;margin:12px auto 0;display:grid;grid-template-columns:94px 1fr 72px 1fr 94px;border:1px solid var(--line);background:var(--surface)}.match-strip>div{min-width:0;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:7px}.match-strip>div+div{border-left:1px solid var(--line)}.match-strip span{color:var(--muted);font-size:9px;font-weight:850}.match-strip b{font-size:17px;font-variant-numeric:tabular-nums}.round-chip b{color:var(--coral)}.score-side{justify-content:flex-end!important}.score-side.opponent{justify-content:flex-start!important}.score-side b{min-width:26px;color:var(--table-dark);font-size:22px;text-align:center}.score-goal{flex-direction:column;gap:0!important}.score-goal b{font-size:13px}.wall-chip svg{width:15px;color:var(--blue)}.table-stage{position:relative;width:min(1080px,calc(100% - 24px));min-height:610px;margin:10px auto;overflow:hidden;display:grid;grid-template-rows:minmax(190px,1fr) 104px minmax(210px,1.1fr);border:1px solid #155943;border-radius:8px;background:var(--table);color:#fff;box-shadow:var(--shadow),inset 0 0 0 5px #ffffff14}.table-accent{position:absolute;z-index:0;inset:0;pointer-events:none}.table-accent i{position:absolute;width:52px;height:52px;border:1px solid rgba(255,255,255,.14)}.table-accent i:nth-child(1){top:18px;left:18px;border-right:0;border-bottom:0}.table-accent i:nth-child(2){top:18px;right:18px;border-left:0;border-bottom:0}.table-accent i:nth-child(3){bottom:18px;left:18px;border-right:0;border-top:0}.table-accent i:nth-child(4){right:18px;bottom:18px;border-left:0;border-top:0}.seat{position:relative;z-index:1;min-width:0;padding:14px 22px;display:grid;align-content:center;gap:9px}.seat-label{width:min(100%,780px);margin:0 auto;display:flex;align-items:center;gap:8px}.seat-label>div{min-width:0;display:grid;gap:1px}.seat-label b{font-size:13px}.seat-label small{color:#ffffffb8;font-size:9px}.seat-wind{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:5px;color:#fff;font-family:serif;font-weight:900}.seat-wind.east{border-color:#f0ca58;background:#fff8d7;color:#815d00}.thinking-badge{margin-left:auto;display:none;align-items:center;gap:6px;color:#fff1b9;font-size:10px;font-weight:800}.thinking-badge.show{display:flex}.thinking-badge i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:thinking .65s ease-in-out infinite alternate}@keyframes thinking{to{transform:scale(1.6);opacity:.45}}.hand-status{margin-left:auto;color:#e7f2ed;font-size:10px;font-weight:800}.hand-row{min-width:0;min-height:76px;display:flex;align-items:flex-end;justify-content:center;gap:2px}.mahjong-tile{position:relative;width:clamp(25px,4.2vw,48px);height:clamp(38px,6.3vw,70px);flex:0 0 auto;padding:0;display:grid;place-items:center;overflow:hidden;border:1px solid #445149;border-bottom:clamp(3px,.45vw,6px) solid #aeb9b2;border-radius:5px;background:var(--tile);color:#161c19;font-family:"Noto Sans Symbols 2",Segoe UI Symbol,Apple Symbols,serif;font-size:clamp(22px,3.8vw,44px);line-height:1;box-shadow:0 3px 4px #09271d47;transition:transform .13s ease,filter .13s ease}button.mahjong-tile:hover{transform:translateY(-8px)}.mahjong-tile.drawn{margin-left:8px}.mahjong-tile.hinted{transform:translateY(-11px);filter:drop-shadow(0 0 7px #ffd85d);animation:hint-tile .6s ease-in-out infinite alternate}@keyframes hint-tile{to{transform:translateY(-15px)}}.mahjong-tile.suit-m{color:#bd3541}.mahjong-tile.suit-s{color:#168061}.mahjong-tile.suit-p{color:#315abe}.mahjong-tile.suit-z{color:#252e29}.mahjong-tile.tile-back{border-color:#173d32;border-bottom-color:#d6ded9;background-color:#276a58;color:transparent;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.18) 0 2px,transparent 2px 7px)}.mahjong-tile.tile-back:after{content:"";width:58%;height:66%;border:1px solid rgba(255,255,255,.4)}.mahjong-tile.mini{width:27px;height:38px;border-bottom-width:3px;border-radius:4px;font-size:24px;box-shadow:0 2px 2px #09271d33}.mahjong-tile.mini.latest{outline:3px solid #ffd75e;outline-offset:2px}.river{width:min(100%,780px);min-height:42px;margin:0 auto;display:grid;grid-template-columns:repeat(18,27px);justify-content:center;align-content:start;gap:3px}.opponent-seat .river{order:3}.opponent-seat .hand-row{order:2}.opponent-seat .seat-label{order:1}.table-center{position:relative;z-index:2;width:min(500px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:66px minmax(0,1fr) 66px;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);padding:10px 0}.center-mark{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);transform:rotate(45deg)}.center-mark span{font-family:serif;font-size:23px;font-weight:900;transform:rotate(-45deg)}.turn-info{min-width:0;display:grid;gap:2px;text-align:center}.turn-info small{color:#d8ece4;font-size:9px;font-weight:900}.turn-info strong{overflow-wrap:anywhere;font-size:14px}.turn-info span{color:#ffe08a;font-size:10px;font-weight:800}.last-discard{width:56px;height:70px;display:grid;place-items:center}.last-discard .mahjong-tile{width:42px;height:60px;font-size:38px}.decision-bar{position:fixed;z-index:20;right:0;bottom:74px;left:0;display:none;justify-content:center;gap:8px;pointer-events:none}.decision-bar.show{display:flex}.decision-button{min-width:118px;min-height:47px;padding:8px 18px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:6px;background:#fff;font-weight:900;box-shadow:var(--shadow);pointer-events:auto}.decision-button.win{border-color:#a82d37;background:var(--coral);color:#fff}.decision-button svg{width:18px}.action-bar{position:sticky;z-index:10;bottom:0;width:min(1080px,calc(100% - 24px));min-height:58px;margin:0 auto 12px;display:flex;justify-content:flex-end;border:1px solid var(--line);background:var(--surface)}.difficulty{margin-right:auto;display:flex;align-items:center}.difficulty>span{padding:0 12px;color:var(--muted);font-size:9px;font-weight:900}.difficulty button,.action-button{min-width:72px;min-height:56px;padding:7px 11px;border:0;border-left:1px solid var(--line);background:transparent;font-size:10px;font-weight:850}.difficulty button.selected{background:#dff0e9;color:var(--table-dark)}.action-button{min-width:104px;display:flex;align-items:center;justify-content:center;gap:6px}.action-button svg{width:18px}.action-button.primary{background:var(--table-dark);color:#fff}.privacy-screen{position:fixed;z-index:40;inset:0;padding:24px;display:none;place-items:center;align-content:center;background:#173f35;color:#fff;text-align:center}.privacy-screen.show{display:grid}.privacy-tiles{height:80px;display:flex;align-items:end;gap:7px}.privacy-tiles span{font-family:"Noto Sans Symbols 2",serif;font-size:55px}.privacy-tiles span:nth-child(2){transform:translateY(-12px)}.privacy-screen>p:first-of-type{margin:18px 0 3px;color:#ffd765;font-size:10px;font-weight:900}.privacy-screen h2{margin:0;font-size:28px}.privacy-screen>p:last-of-type{margin:10px 0 18px;color:#cbe0d8;font-size:13px}.privacy-screen button{min-width:180px;min-height:48px;border:0;border-radius:6px;background:#fff;color:#173f35;font-weight:900}dialog{max-width:calc(100vw - 24px);padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 24px 60px #12211a57}dialog::backdrop{background:#0e1d17ad}.rules-dialog{width:min(760px,calc(100vw - 24px))}.dialog-head{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.dialog-head span{color:var(--table);font-size:9px;font-weight:900}.dialog-head h2{margin:2px 0 0;font-size:20px}.rule-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.rule-tabs button{min-height:42px;border:0;border-right:1px solid var(--line);background:#f7f9f7;font-size:11px;font-weight:850}.rule-tabs button:last-child{border-right:0}.rule-tabs button.selected{background:#dff0e9;color:var(--table-dark)}.rule-content{max-height:min(610px,67dvh);overflow:auto;padding:22px}.rule-content section{line-height:1.65}.rule-content h3{margin:0 0 10px;font-size:19px}.rule-content p,.rule-content li{color:#47534d;font-size:13px}.rule-content ol{margin:0;padding-left:22px}.rule-content li+li{margin-top:7px}.term-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line)}.term-grid span{min-width:0;padding:10px;display:grid;gap:2px;color:var(--muted);font-size:11px}.term-grid span:nth-child(2n){border-left:1px solid var(--line)}.term-grid span:nth-child(n+3){border-top:1px solid var(--line)}.term-grid b{color:var(--ink);font-size:13px}.tile-family{padding:12px 0;display:grid;grid-template-columns:80px minmax(0,1fr) 110px;align-items:center;gap:8px;border-top:1px solid var(--line)}.tile-family span{overflow-wrap:anywhere;font-family:"Noto Sans Symbols 2",serif;font-size:29px}.tile-family small{color:var(--muted);font-size:10px}.rule-content article{padding:13px 0;border-top:1px solid var(--line)}.rule-content article>b{font-size:14px}.rule-content article p{margin:4px 0 8px}.rule-content code{display:block;overflow-wrap:anywhere;font-family:"Noto Sans Symbols 2",serif;font-size:26px}.rule-content dl{margin:12px 0 0;border-top:1px solid var(--line)}.rule-content dl div{padding:10px 0;display:grid;grid-template-columns:70px 1fr;gap:10px;border-bottom:1px solid var(--line)}.rule-content dt{color:var(--table-dark);font-size:12px;font-weight:900}.rule-content dd{margin:0;color:#47534d;font-size:12px;line-height:1.55}.result-dialog{width:min(470px,calc(100vw - 24px));padding:26px;text-align:center}.result-dialog>p:first-child{margin:0 0 4px;color:var(--table);font-size:10px;font-weight:900}.result-dialog h2{margin:0 0 5px;font-size:28px}.result-dialog>p:nth-of-type(2){margin:0 0 16px;color:var(--muted);font-size:12px}.result-hand{display:flex;justify-content:center;gap:1px;overflow:hidden}.result-hand .mahjong-tile.mini{width:25px;height:36px;font-size:22px}.result-score{margin-top:16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;border:1px solid var(--line);padding:10px}.result-score span{color:var(--muted);font-size:11px}.result-score b{color:var(--coral);font-size:22px}.result-dialog>button{width:100%;min-height:47px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:6px;background:var(--table-dark);color:#fff;font-weight:900}.result-dialog>button svg{width:18px}@media(max-width:680px){.topbar{min-height:58px;padding:6px 8px;grid-template-columns:1fr auto;gap:7px}.brand-mark{width:38px;height:38px;flex-basis:38px;font-size:21px}.brand b{font-size:16px}.topbar>.segments{grid-row:2;grid-column:1 / -1}.toolbar{grid-column:2;grid-row:1}.icon-button{width:36px;height:36px}.match-strip{width:calc(100% - 16px);min-height:47px;margin-top:8px;grid-template-columns:68px 1fr 49px 1fr 72px}.match-strip>div{padding:5px;gap:4px}.match-strip span{font-size:8px}.score-side b{min-width:20px;font-size:18px}.wall-chip svg{display:none}.table-stage{width:calc(100% - 16px);min-height:555px;margin:7px auto;grid-template-rows:176px 88px 216px}.seat{padding:9px 7px;gap:6px}.seat-label{padding-inline:4px}.hand-row{min-height:58px;gap:1px}.mahjong-tile{width:clamp(24px,6.25vw,34px);height:clamp(37px,9.35vw,51px);border-radius:4px;font-size:clamp(21px,5.7vw,31px)}.mahjong-tile.drawn{margin-left:5px}.river{grid-template-columns:repeat(12,23px);min-height:34px;gap:2px}.mahjong-tile.mini{width:23px;height:32px;font-size:20px}.table-center{width:calc(100% - 26px);grid-template-columns:48px minmax(0,1fr) 48px;gap:6px;padding:7px 0}.center-mark{width:42px;height:42px}.center-mark span{font-size:18px}.turn-info strong{font-size:12px}.last-discard{width:44px;height:56px}.last-discard .mahjong-tile{width:34px;height:50px;font-size:30px}.action-bar{width:calc(100% - 16px);min-height:52px;margin-bottom:8px}.difficulty>span{display:none}.difficulty button,.action-button{min-width:53px;min-height:50px;padding:5px;font-size:9px}.action-button{min-width:68px;flex-direction:column;gap:1px}.action-button svg{width:16px}.decision-bar{bottom:67px}.rule-content{padding:16px}.tile-family{grid-template-columns:60px 1fr}.tile-family span{font-size:23px}.tile-family small{grid-column:2}}@media(max-width:365px){.brand small{display:none}.toolbar{gap:3px}.match-strip .round-chip span,.wall-chip span{display:none}.mahjong-tile{width:23px;height:36px;font-size:20px}.result-hand .mahjong-tile.mini{width:22px}}@media(min-width:700px)and (max-height:560px)and (orientation:landscape){.topbar{min-height:50px;padding-block:4px}.brand-mark{width:36px;height:36px;flex-basis:36px}.match-strip{position:fixed;z-index:12;top:57px;left:8px;width:134px;min-height:0;margin:0;grid-template-columns:1fr}.match-strip>div{min-height:42px}.match-strip>div+div{border-top:1px solid var(--line);border-left:0}.table-stage{width:calc(100% - 244px);min-height:328px;margin:8px 94px 8px 150px;grid-template-rows:108px 72px 128px}.seat{padding:5px 10px;gap:2px}.seat-label{position:absolute;left:8px;width:auto}.opponent-seat .seat-label{top:7px}.player-seat .seat-label{bottom:7px}.hand-row{min-height:50px}.mahjong-tile{width:29px;height:45px;font-size:26px}.river{grid-template-columns:repeat(18,19px);min-height:25px;gap:1px}.mahjong-tile.mini{width:19px;height:26px;font-size:17px;border-bottom-width:2px}.table-center{width:370px;grid-template-columns:45px 1fr 45px;padding:5px 0}.center-mark{width:38px;height:38px}.last-discard{width:40px;height:48px}.last-discard .mahjong-tile{width:31px;height:44px;font-size:27px}.action-bar{position:fixed;right:8px;bottom:8px;width:78px;min-height:328px;margin:0;flex-direction:column}.difficulty{flex-direction:column}.difficulty>span{padding:6px}.difficulty button,.action-button{width:76px;min-width:76px;min-height:47px;border-top:1px solid var(--line);border-left:0}.decision-bar{right:92px;bottom:12px;left:145px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}