@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600;800&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";.pro-app{color:#f6f0dd;width:min(1500px,100% - 24px);min-height:100dvh;margin:0 auto;padding:14px 0 24px}.pro-app button,.pro-app a{touch-action:manipulation}.pro-header{border-bottom:1px solid #dcbf7659;justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.pro-header h1,.pro-setup h1{color:#dcbf76;margin:0;font:800 31px Noto Serif JP,serif}.pro-header h1 span,.pro-setup h1 span{color:#fff7de;text-transform:uppercase;font-size:.68em}.pro-kicker{color:#94afa6;letter-spacing:.22em;margin:0 0 4px;font-size:10px;font-weight:700}.pro-header nav{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.pro-header nav a,.pro-header nav button{color:#f4e7bd;background:0 0;border:1px solid #7f7656;border-radius:99px;min-height:42px;padding:7px 11px;font-size:12px;text-decoration:none}.pro-status{grid-template-columns:auto auto auto minmax(180px,1fr);align-items:center;gap:18px;min-height:54px;padding:7px 3px;display:grid}.pro-status strong{color:#fff0c4;font-size:18px}.pro-status span{color:#a9bbb5;font-size:12px}.pro-status em{color:#d8e1de;text-align:right;font-size:13px;font-style:normal}.pro-dora{background:#0214119e;border:1px solid #dcbf7640;border-radius:10px;align-items:center;gap:4px;min-height:47px;padding:5px 10px;display:flex}.pro-dora b{color:#ffdb79;margin-right:7px}.pro-dora span{color:#8fa79f;margin-left:7px;font-size:11px}.pro-table{background:radial-gradient(circle,#1a5046,#0b2f29 67%,#071c19);border:1px solid #846f3d;border-radius:19px;min-height:430px;margin-top:10px;padding:16px;box-shadow:inset 0 0 45px #0000008c}.pro-opponents{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.pro-opponents article,.pro-human-river{background:#0212108a;border:1px solid #dcbf762b;border-radius:12px;min-width:0;padding:11px}.pro-opponents article.active{border-color:#dcbf76;box-shadow:0 0 16px #dcbf762e}.pro-seat{align-items:center;gap:12px;display:flex}.pro-seat b{color:#f5e7bb}.pro-seat strong{color:#fff;font-size:16px}.pro-seat i{color:#fff;background:#b54b42;border-radius:99px;padding:3px 7px;font-size:10px;font-style:normal}.pro-river{flex-wrap:wrap;place-content:flex-start center;gap:2px;min-height:96px;margin-top:8px;display:flex}.pro-claimed-discard{background:#03171357;border:2px dashed #dcbf76b8;border-radius:5px;width:27px;height:37px;box-shadow:inset 0 0 0 1px #ffffff0a}.pro-human-river{width:66%;min-height:130px;margin:20px auto 0}.pro-human-river .pro-river{min-height:80px}.pro-melds,.pro-open-melds{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.pro-melds>span,.pro-open-melds>span{align-items:center;gap:1px;display:inline-flex}.pro-melds small,.pro-open-melds small{color:#d6c077;margin-right:3px;font-size:9px}.pro-hand-area{background:#021210d6;border:1px solid #8d7949;border-radius:15px;margin-top:10px;padding:12px}.pro-hand-heading{align-items:center;gap:14px;display:flex}.pro-hand-heading b{color:#fff0c4}.pro-hand-heading span{color:#a7b9b3}.pro-hand-heading em{color:#ffd76f;font-size:12px;font-style:normal}.pro-hand{justify-content:center;gap:2px;min-height:72px;padding:9px 0;display:flex;overflow-x:auto}.pro-actions{justify-content:center;gap:8px;display:flex}.pro-actions button{color:#fff0c4;background:#234d44;border:1px solid #d4b966;border-radius:8px;min-width:100px;min-height:40px;font-weight:700}.pro-actions button.active{color:#fff;background:#b54b42}.pro-tile{color:#172925;background:linear-gradient(145deg,#fffdf3,#e4dec9);border:1px solid #d9d2bd;border-bottom:4px solid #c8c0a8;border-radius:5px;flex:none;place-items:center;width:40px;height:58px;padding:0;display:grid;box-shadow:0 3px 5px #00000059}.pro-tile span{font:400 35px/1 Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif;transform:scaleX(1.06)}.pro-tile.honor span{font:800 25px/1 Noto Serif JP,serif;transform:none}.pro-tile.red{color:#b5322b}.pro-tile.blue{color:#28678b}.pro-tile.green{color:#197050}.pro-tile.highlighted{outline:3px solid #ffd763;transform:translateY(-5px)}.pro-tile:disabled{opacity:1}.pro-tile.has-draw-marker{position:relative;overflow:visible}.pro-tile .pro-draw-marker{z-index:2;color:#ffe181;letter-spacing:0;white-space:nowrap;text-shadow:0 1px 3px #000;pointer-events:none;font:800 12px/1 Noto Sans JP,sans-serif;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.pro-tile.face-down{background:repeating-linear-gradient(45deg,#163f73,#163f73 5px,#092c56 5px 10px);border-color:#315b89 #315b89 #18385e;box-shadow:inset 0 0 0 2px #85b8ee47,0 3px 5px #00000059}.pro-tile.small{border-bottom-width:3px;border-radius:4px;width:27px;height:38px}.pro-tile.small span{font-size:23px}.pro-tile.small.honor span{font-size:17px}.pro-scrim{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a08c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.pro-guide-scrim{z-index:32;padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}.pro-guide-dialog{background:linear-gradient(150deg,#17473e,#071f1b);border:1px solid #a78e51;border-radius:17px;flex-direction:column;width:min(100%,1280px);height:min(94dvh,960px);max-height:94dvh;padding:16px;display:flex;overflow:hidden;box-shadow:0 25px 70px #000}.pro-guide-dialog-header{border-bottom:1px solid #dcbf7640;flex:none;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:13px;display:flex}.pro-guide-dialog-header p{color:#a5bbb4;margin:0 0 5px;font-size:12px}.pro-guide-dialog-header h2{color:#fff4d2;margin:0;font:800 27px Noto Serif JP,serif}.pro-guide-dialog-header button{color:#fff2cc;background:#274e46;border:1px solid #887a52;border-radius:99px;min-height:42px;padding:8px 14px}.pro-guide-frame{background:#081b18;border:0;border-radius:12px;flex:auto;width:100%;min-height:0;margin-top:12px}.pro-dialog{text-align:center;background:linear-gradient(150deg,#17473e,#071f1b);border:1px solid #a78e51;border-radius:17px;width:min(520px,100%);max-height:calc(100dvh - 36px);padding:22px;overflow-y:auto;box-shadow:0 25px 70px #000}.pro-dialog>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pro-dialog button{color:#fff2cc;background:#274e46;border:1px solid #887a52;border-radius:8px;min-height:42px;padding:8px 14px}.pro-dialog button.win{background:#b34840}.pro-dialog .close{float:right}.pro-dialog.pro-reaction-dialog>.pro-tile{margin-inline:auto}.pro-dialog button.pro-tile{appearance:none;background:linear-gradient(145deg,#fffdf3,#e4dec9);border:1px solid #d9d2bd;border-bottom:4px solid #c8c0a8;border-radius:5px;min-width:0;min-height:0;padding:0;box-shadow:0 3px 5px #00000059}.pro-dialog button.pro-tile.small{border-bottom-width:3px;border-radius:4px}.pro-yaku{text-align:left;width:min(760px,100%)}.pro-yaku article{border-bottom:1px solid #dcbf762e;padding:10px 0}.pro-yaku article h3{color:#f1d784;justify-content:space-between;gap:12px;margin:0;display:flex}.pro-yaku article h3 b{color:#fff0c4;font-size:13px}.pro-yaku article p,.pro-note{color:#d6e0dc;margin:5px 0 0;font-size:14px;line-height:1.65}.pro-note{border:1px solid #9d8448;padding:12px}.pro-result.double-ron{width:min(900px,100%)}.pro-double-ron-label{color:#ffd66f;letter-spacing:.08em;background:#633c0875;border:1px solid #ffd66f;border-radius:999px;width:fit-content;margin:7px auto;padding:5px 14px;font:800 17px Noto Serif JP,serif}.pro-win-results{grid-template-columns:1fr;gap:10px!important;display:grid!important}.pro-result.double-ron .pro-win-results{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-win-result{background:#03171357;border:1px solid #dcbf7638;border-radius:12px;min-width:0;padding:11px}.pro-win-result>h3{color:#ffdf8a;margin:0 0 8px;font:800 17px Noto Serif JP,serif}.pro-winning{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0;display:flex}.pro-winning>span{background:#061b17;border-radius:5px;gap:1px;padding:3px;display:flex}.pro-result-yaku{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;display:grid!important}.pro-result-yaku span{border:1px solid #dcbf7633;border-radius:6px;justify-content:space-between;padding:7px;display:flex}.pro-total{color:#ffd76f;margin:13px;font-size:22px;display:block}.pro-settlement{grid-template-columns:repeat(3,1fr);gap:6px!important;display:grid!important}.pro-settlement span{border:1px solid #dcbf762e;border-radius:7px;padding:7px;display:grid}.pro-settlement em{color:#a9d9c5;font-style:normal}.pro-result .primary{color:#17362f;background:linear-gradient(135deg,#e0c479,#aa8943);width:100%;margin-top:13px;font-weight:800}.pro-rank{background:#0003;margin:5px;padding:7px}.pro-riichi-pot-result{color:#ffe181;margin:8px 0 13px;font-weight:700}.pro-setup{text-align:center;place-items:center;display:grid}.pro-setup>section{background:#041c18e6;border:1px solid #9e864e;border-radius:20px;width:min(520px,100% - 24px);padding:32px;box-shadow:0 25px 70px #00000073}.pro-setup h2{color:#fff0c4;margin-top:30px}.pro-setup-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pro-setup-actions button{color:#fff0c4;background:#1c4940;border:1px solid #d5b866;border-radius:13px;min-height:100px;font-size:21px;font-weight:800}.pro-setup-actions small{color:#a9bbb5;font-size:12px}.pro-setup a{color:#e6d29b;margin-top:24px;display:inline-block}@media (width<=760px){.pro-result.double-ron .pro-win-results{grid-template-columns:1fr}.pro-app{width:100%;padding:8px max(7px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}.pro-header{flex-direction:column;align-items:flex-start;padding-bottom:10px}.pro-header nav{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.pro-header nav a,.pro-header nav button{text-align:center;place-items:center;padding:5px;font-size:10px;display:grid}.pro-status{grid-template-columns:1fr 1fr;gap:5px 10px}.pro-status em{text-align:left;grid-column:1/-1}.pro-dora{overflow-x:auto}.pro-table{min-height:400px;padding:8px}.pro-opponents{gap:6px}.pro-opponents article{padding:7px}.pro-seat{flex-wrap:wrap;gap:5px}.pro-seat strong{font-size:13px}.pro-river{min-height:90px}.pro-human-river{width:100%;margin-top:10px}.pro-hand-area{padding:10px 0;overflow:hidden}.pro-hand-heading,.pro-open-melds,.pro-actions{margin-left:7px;margin-right:7px}.pro-hand{justify-content:flex-start;width:100%;padding:9px 1px;overflow-x:auto}.pro-hand>.pro-tile{width:clamp(32px,11.1111vw - 3.88889px,46px);height:clamp(48px,15vw - 5.25px,64px)}.pro-hand>.pro-tile span{font-size:clamp(25px,9vw,38px)}.pro-hand>.pro-tile.honor span{font-size:clamp(20px,7vw,28px)}.pro-tile.small{width:23px;height:33px}.pro-tile.small span{font-size:19px}.pro-tile.small.honor span{font-size:15px}.pro-result-yaku{grid-template-columns:1fr}.pro-dialog{padding:17px}.pro-settlement{grid-template-columns:1fr!important}.pro-guide-scrim{padding-top:max(6px,env(safe-area-inset-top));padding-right:max(4px,env(safe-area-inset-right));padding-bottom:max(6px,env(safe-area-inset-bottom));padding-left:max(4px,env(safe-area-inset-left))}.pro-guide-dialog{width:100%;height:calc(100dvh - max(12px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));max-height:calc(100dvh - max(12px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));border-radius:15px;padding:10px 6px}.pro-guide-dialog-header{margin-left:4px;margin-right:4px}.pro-guide-frame{border-radius:9px;margin-top:8px}.pro-guide-dialog-header h2{font-size:23px}}.pro-app{width:min(100%,580px);padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.pro-header{grid-template-columns:minmax(0,1fr);align-content:center;gap:8px;min-height:148px;padding:9px 0;display:grid}.pro-header nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.pro-header nav a,.pro-header nav button{text-align:center;place-items:center;min-height:44px;padding:6px 7px;display:grid}.pro-status{grid-template-columns:1fr 1fr;gap:5px 10px;min-height:70px}.pro-status em{text-align:left;grid-column:1/-1}.pro-indicators{background:#0214119e;border:1px solid #dcbf7640;border-radius:12px;align-items:center;gap:10px;min-height:62px;padding:7px 10px;display:flex;overflow-x:auto}.pro-indicator-group{flex:none;align-items:center;gap:7px;display:flex}.pro-indicator-group+.pro-indicator-group{border-left:1px solid #dcbf7647;padding-left:10px}.pro-indicator-group b{color:#ffdb79;white-space:nowrap;font-size:13px}.pro-indicator-group.ura b{color:#dbe7e2}.pro-indicator-group>div{gap:3px;display:flex}.pro-indicators>span{color:#9bb0a9;white-space:nowrap;flex:none;font-size:10px}.pro-hidden-indicator{color:#c9d8d2;background:repeating-linear-gradient(45deg,#173f37,#173f37 4px,#0c2e28 4px 8px);border:2px solid #48675f;border-radius:4px;place-items:center;width:27px;height:38px;font-size:10px;font-weight:700;display:grid;box-shadow:0 3px 5px #0000004d}.pro-table{border-color:#365f55;border-radius:22px;min-height:0;margin-top:12px;padding:12px;position:relative}.pro-opponents{align-items:start;gap:8px}.pro-opponents article{min-height:150px;padding:10px}.pro-river{grid-template-columns:repeat(auto-fit,27px);grid-auto-rows:37px;place-content:start center;gap:3px;min-height:82px;display:grid}.pro-human-river{width:min(100%,330px);min-height:150px;margin:12px auto 0;padding:10px;position:relative}.pro-rules-card{display:none}.pro-hand-area{margin-top:12px;padding:12px 0;overflow:hidden}.pro-hand-heading,.pro-open-melds,.pro-actions{margin-left:8px;margin-right:8px}.pro-hand{justify-content:center;gap:2px;width:100%;min-height:78px;padding:9px 0 11px;overflow-x:hidden}.pro-hand>.pro-tile{width:clamp(28px,11.1111vw - 5.11111px,38px);height:clamp(48px,16vw - 7.36px,58px)}.pro-hand>.pro-tile span{font-size:clamp(27px,11.1111vw - 7.1111px,34px)}.pro-hand>.pro-tile.honor span{font-size:clamp(21px,11.1111vw - 9.1111px,27px)}.pro-actions{align-items:stretch;min-height:48px}.pro-actions:empty:after{content:"牌をクリックして捨てます";color:#d8e1dd;background:#183b34;border:1px solid #557067;border-radius:11px;place-items:center;width:100%;font-size:14px;font-weight:700;display:grid}.pro-actions.riichi:empty:after{content:"リーチ中・ツモ牌は自動で捨てます"}.pro-yaku-scrim{padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}.pro-yaku{width:min(100%,860px);max-height:90dvh;padding:20px 16px}.pro-yaku>.pro-yaku-header{text-align:left;border-bottom:1px solid #dcbf7640;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.pro-yaku-header p{color:#a5bbb4;margin:0 0 5px;font-size:13px}.pro-yaku-header h2{color:#fff4d2;margin:0;font:800 31px Noto Serif JP,serif}.pro-note{margin-top:14px;font-size:16px;line-height:1.7}@media (width>=800px){.pro-app{background:linear-gradient(145deg,#ffffff0b,#ffffff03);border:1px solid #dcbf762e;border-radius:26px;width:min(1240px,100%);min-height:auto;padding:0 26px 26px;box-shadow:0 30px 90px #00000061}.pro-header{min-height:96px;padding:0;display:flex}.pro-header h1{font-size:33px}.pro-header nav{width:auto;display:flex}.pro-header nav a,.pro-header nav button{min-height:42px;padding:9px 15px;font-size:14px}.pro-status{grid-template-rows:1fr;grid-template-columns:220px 110px 190px 1fr;gap:12px;min-height:66px}.pro-status strong{font-size:22px}.pro-status span,.pro-status em{font-size:14px}.pro-status em{text-align:right;grid-column:auto}.pro-indicators{gap:18px;min-height:67px;padding:9px 16px}.pro-indicator-group b{font-size:16px}.pro-indicators>span{margin-left:auto;font-size:13px}.pro-table{min-height:640px;padding:24px}.pro-opponents{display:block;position:absolute;inset:0}.pro-opponents article,.pro-human-river{width:34%;min-height:158px;padding:18px;position:absolute}.pro-cpu-seat-1{top:24px;left:50%;transform:translate(-50%)}.pro-cpu-seat-2{top:50%;right:24px;transform:translateY(-50%)}.pro-human-river{margin:0;bottom:24px;left:50%;transform:translate(-50%)}.pro-seat{gap:12px}.pro-seat b,.pro-seat strong{font-size:17px}.pro-river{grid-template-columns:repeat(auto-fit,35px);grid-auto-rows:48px;gap:4px;min-height:48px}.pro-claimed-discard{border-radius:6px;width:35px;height:48px}.pro-table .pro-tile.small{width:35px;height:48px}.pro-table .pro-tile.small span{font-size:31px}.pro-table .pro-tile.small.honor span{font-size:23px}.pro-rules-card{background:#08221dc7;border:1px solid #dcbf7647;border-radius:16px;width:34%;padding:20px;display:block;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.pro-rules-card h2{color:#dec77f;margin:0 0 15px;font:800 20px Noto Serif JP,serif}.pro-rules-card p{color:#e0e8e4;font-size:16px;line-height:1.7}.pro-rules-card dl{gap:12px;margin:0;display:grid}.pro-rules-card dl div{grid-template-columns:72px 1fr;gap:10px;display:grid}.pro-rules-card dt{color:#fff0c4;font-weight:700}.pro-rules-card dd{color:#e0e8e4;margin:0}.pro-hand-area{margin-top:20px;padding:20px}.pro-hand-heading{margin:0;padding-bottom:10px}.pro-hand-heading b,.pro-hand-heading span{font-size:18px}.pro-hand{gap:7px;min-height:112px;padding:16px 10px 20px}.pro-hand>.pro-tile{border-bottom-width:6px;border-radius:8px;width:58px;height:82px}.pro-hand>.pro-tile span{font-size:53px}.pro-hand>.pro-tile.honor span{font-size:40px}.pro-actions button{min-height:56px;font-size:17px}.pro-yaku{padding:30px}}@media (width>=1400px) and (height>=900px){.pro-app{width:min(1840px,100vw - 36px)}.pro-table{min-height:650px}.pro-opponents article,.pro-human-river{width:32%}.pro-rules-card{width:30%}}html.pro-mode body{min-height:100dvh;padding:0;display:block;overflow:hidden auto}.pro-header{grid-area:header}.pro-status{grid-area:status}.pro-indicators{grid-area:indicators}.pro-table{grid-area:table}.pro-hand-area{grid-area:hand}.pro-round-format{color:#fff3cf;white-space:nowrap;background:#153a33;border:1px solid #697c72;border-radius:999px;place-items:center;min-height:36px;padding:5px 9px;font-size:11px;font-weight:700;display:grid}.pro-status{grid-template-columns:auto minmax(0,1fr) auto}.pro-status .pro-round-format{grid-column:auto}.pro-status em{grid-column:1/-1}.pro-match-start-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.pro-actions.match-selection{align-items:center;width:100%}.pro-actions.match-selection button{color:#14372f;background:linear-gradient(135deg,#e1c77d,#b99a52);min-width:0}@media (width>=800px){html.pro-mode body{padding:28px}.pro-app.pro-normal-interface{grid-template-areas:"header""status""indicators""table""hand""footer"}.pro-status{grid-template-columns:190px 220px 110px minmax(0,1fr)}.pro-status em{grid-column:auto}.pro-round-format{min-height:38px;padding:6px 13px;font-size:13px}}@media (width>=1400px) and (height>=780px){html.pro-mode body{height:100dvh;min-height:0;padding:18px;overflow:hidden}.pro-app{grid-template-rows:72px 54px 60px minmax(0,1fr) 148px 30px;grid-template-areas:"header""status""indicators""table""hand""footer";width:min(1840px,100vw - 36px);height:calc(100dvh - 36px);max-height:1044px;padding:0 20px 18px;display:grid}.pro-header{height:72px;min-height:0}.pro-header h1{font-size:30px}.pro-header nav a,.pro-header nav button{min-height:40px;padding:7px 13px;font-size:13px}.pro-status{height:54px;min-height:0;padding:0 3px}.pro-status strong{font-size:19px}.pro-status span,.pro-status em{font-size:13px}.pro-indicators{align-self:center;height:52px;min-height:0;padding:5px 14px}.pro-indicator-group b{font-size:14px}.pro-indicators>span{font-size:12px}.pro-indicators .pro-tile.small,.pro-hidden-indicator{width:25px;height:35px}.pro-indicators .pro-tile.small span{font-size:21px}.pro-indicators .pro-tile.small.honor span{font-size:16px}.pro-table{width:100%;height:100%;min-height:0;margin-top:0;padding:20px}.pro-opponents article,.pro-human-river{width:32%;min-height:144px;padding:14px}.pro-cpu-seat-1{top:20px}.pro-cpu-seat-2{right:20px}.pro-human-river{bottom:20px}.pro-rules-card{width:30%;padding:16px;left:20px}.pro-rules-card h2{margin-bottom:10px;font-size:18px}.pro-rules-card p{margin:8px 0;font-size:14px}.pro-rules-card dl{gap:8px;font-size:13px}.pro-hand-area{grid-template:"heading hand action"34px"melds hand action"minmax(0,1fr)/220px minmax(0,1fr) 280px;gap:0 18px;height:auto;min-height:0;margin-top:10px;padding:12px 18px;display:grid}.pro-hand-heading{grid-area:heading;align-self:center;margin:0;padding:0}.pro-open-melds{grid-area:melds;align-self:center;margin:0}.pro-hand{grid-area:hand;align-self:center;min-height:0;padding:8px 10px 12px}.pro-actions{grid-area:action;align-self:center;min-height:0;margin:0}.pro-actions button{min-height:54px}}.pro-yaku>.pro-yaku-sections{justify-content:stretch;gap:24px;margin-top:18px;display:grid}.pro-yaku-section>h3{color:#fff0c4;border-bottom:2px solid #dcbf766b;margin:0 0 13px;padding-bottom:9px;font:800 25px Noto Serif JP,serif}.pro-yaku-section:not(.yakuman)>h3{font-size:29px}.pro-yaku-section.yakuman>h3{color:#ffd66f;border-color:#ffd66fb8}.pro-yaku-section-list{gap:12px;display:grid}.pro-yaku-card{background:#0317138c;border:1px solid #dcbf762e;border-radius:12px;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:18px;width:100%;padding:16px;display:grid}.pro-yaku-card.yakuman{background:linear-gradient(135deg,#52360d7a,#031713ad);border-color:#ffd66fa6}.pro-yaku-card-title span{color:#9eb3ac;font-size:13px;display:block}.pro-yaku-card-title strong{color:#dec77f;margin-top:3px;font:800 21px Noto Serif JP,serif;display:block}.pro-yaku-card-title b{color:#fff0c4;white-space:nowrap;border:1px solid #dcbf7659;border-radius:999px;margin-top:7px;padding:5px 9px;font-size:14px;display:inline-block}.pro-yaku-card.yakuman .pro-yaku-card-title span,.pro-yaku-card.yakuman .pro-yaku-card-title strong,.pro-yaku-card.yakuman .pro-yaku-card-title b{color:#ffd66f;border-color:#ffd66f}.pro-yaku-card-detail{min-width:0}.pro-yaku-card-detail>p{color:#dce6e2;margin:0;font-size:16px;line-height:1.65}.pro-yaku-example{flex-wrap:nowrap;gap:6px;max-width:100%;margin-top:10px;display:flex;overflow-x:auto}.pro-yaku-meld{background:#0003;border-radius:7px;flex:none;padding:4px}.pro-yaku-meld>small{color:#aabdb6;text-align:center;margin-bottom:4px;font-size:11px;display:block}.pro-yaku-meld>div{gap:1px;display:flex}.pro-yaku .pro-yaku-example .pro-tile.small{border-bottom-width:3px;width:35px;height:48px}.pro-yaku .pro-yaku-example .pro-tile.small span{font-size:31px}.pro-yaku .pro-yaku-example .pro-tile.small.honor span{font-size:23px}@media (width<=520px){.pro-yaku-card{grid-template-columns:1fr;gap:9px;padding:12px 10px}.pro-yaku-card-title strong{font-size:19px}.pro-yaku-card-detail>p{font-size:14px}.pro-yaku .pro-yaku-example .pro-tile.small{border-bottom-width:2px;width:clamp(21px,11.1111vw - 13.5556px,29px);height:clamp(30px,15.3846vw - 18.7692px,40px)}.pro-yaku .pro-yaku-example .pro-tile.small span{font-size:clamp(19px,9.80392vw - 11.9608px,26px)}.pro-yaku .pro-yaku-example .pro-tile.small.honor span{font-size:clamp(14px,7.40741vw - 9.03704px,20px)}}.pro-hand{padding-top:26px;overflow:visible}@media (width>=800px){.pro-hand{padding-top:30px}}@media (width>=1400px) and (height>=780px){.pro-hand{padding-top:26px}}.android-commerce-control{display:none}html.native-app[data-platform=android] .android-game-root,html.native-app[data-platform=android] .android-game-content{min-height:100dvh}html.native-app[data-platform=android] .android-commerce-control{align-items:stretch;min-width:0;display:flex;position:relative}html.native-app[data-platform=android] .android-upgrade-button{touch-action:manipulation;width:100%;min-height:44px}html.native-app[data-platform=android] .android-upgrade-button:disabled{opacity:1;color:#e4d5aa;box-shadow:none;background:0 0;border-color:#6f765c}html.native-app[data-platform=android] .android-mode-buttons{background:#0c2b26;border:1px solid #526b63;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;min-width:0;padding:3px;display:grid}html.native-app[data-platform=android] .android-mode-buttons button{color:#a9bdb6;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:8px;min-width:0;min-height:36px;padding:4px 5px;font-size:12px;font-weight:800}html.native-app[data-platform=android] .android-mode-buttons button.active{color:#fff;background:#28584e;border-color:#7fa99d;box-shadow:0 2px 8px #00000047}html.native-app[data-platform=android] .android-mode-buttons button.pro{color:#d9c37d}html.native-app[data-platform=android] .android-mode-buttons button.pro.active{color:#ffe18a;background:linear-gradient(135deg,#745f28,#3f351d);border-color:#d4b763}html.native-app[data-platform=android] .android-store-message{z-index:12;color:#c8d6d1;text-align:left;background:#061916f5;border:1px solid #dcbf764d;border-radius:8px;width:min(280px,82vw);margin:0;padding:7px 9px;font-size:10px;line-height:1.4;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 5px 18px #00000057}@media (width<=360px){html.native-app[data-platform=android] .android-upgrade-button{font-size:10px}html.native-app[data-platform=android] .android-mode-buttons button{padding-left:2px;padding-right:2px;font-size:10px}}:root{color:#f5f0df;font-synthesis:none;--gold:#dcbf76;--felt:#143d36;--ink:#09231f;background:#0a1e1b;font-family:Zen Kaku Gothic New,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 20%,#1a5046 0,#0a211d 55%,#061512 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{width:min(100%,520px);min-height:100dvh;padding:env(safe-area-inset-top) 14px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#ffffff08,#0000 40%);margin:auto}header{border-bottom:1px solid #dcbf7640;justify-content:space-between;align-items:center;height:76px;display:flex}h1{letter-spacing:.08em;color:#fff7de;margin:4px 0;font:800 27px/1 Noto Serif JP,serif}h1 span{letter-spacing:.22em;color:var(--gold);font:500 9px/1 sans-serif}.eyebrow{letter-spacing:.25em;color:#9cb2aa;margin:0;font-size:8px}.text-button{color:#e4d5aa;background:0 0;border:1px solid #6f765c;border-radius:99px;padding:7px 12px;font-size:11px}.status-bar{grid-template-columns:46px 92px 1fr;align-items:center;gap:8px;height:58px;display:grid}.status-bar>div{align-items:center;gap:6px;display:flex}.status-bar span,.status-bar p{color:#9cb2aa;font-size:10px}.status-bar p{text-align:right;color:#eadfbf;margin:0;line-height:1.35}.dora{border-left:1px solid #48645b;padding-left:9px}.table{background:radial-gradient(circle,#19483f,#10362f 64%,#0b2b26);border:1px solid #365f55;border-radius:22px;min-height:330px;padding:13px;position:relative;box-shadow:inset 0 0 35px #071b18,0 12px 30px #00000040}.opponents{grid-template-columns:1fr 1fr;gap:8px;display:grid}.opponent{background:#0417147a;border:1px solid #0000;border-radius:13px;grid-template-columns:30px 1fr;gap:7px;min-height:105px;padding:9px;transition:all .2s;display:grid}.opponent:first-child{grid-column:1/-1;justify-self:center;width:55%}.opponent.active{border-color:var(--gold);box-shadow:0 0 14px #dcbf7626}.avatar{width:28px;height:28px;color:var(--gold);background:#315a51;border-radius:8px;place-items:center;font-size:9px;display:grid}.opponent strong{font-size:11px;display:block}.opponent small{color:#809c94;font-size:8px}.river{grid-column:1/-1;justify-content:center;gap:2px;min-height:25px;display:flex}.meld-row{color:#c8b77d;grid-column:1/-1;height:9px;font-size:7px;overflow:hidden}.center-mark{color:#ddc781;background:#0d302a;border:1px solid #aa9158;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #0a2924}.center-mark span{font:800 22px Noto Serif JP}.center-mark small{letter-spacing:.1em;margin-top:-15px;font-size:6px}.my-river{justify-content:center;gap:2px;min-height:27px;display:flex;position:absolute;bottom:10px;left:12%;right:12%}.hand-area{background:#051815c7;border:1px solid #31584f;border-radius:18px;margin-top:12px;padding:12px}.hand-area.active{border-color:#907d50}.hand-heading{align-items:baseline;gap:18px;margin-bottom:9px;display:flex}.seat{color:#173a32;background:#d0b66e;border-radius:50%;place-items:center;width:28px;height:28px;font:800 15px Noto Serif JP;display:grid}.hand-heading strong,.hand-heading small,.hand-heading>span{font-size:12px;line-height:1.2;display:block}.hand-heading small{color:#84a198}.hand-heading>span{color:#829d95}.hand{justify-content:center;gap:3px;min-height:70px;padding:7px 1px 10px;display:flex;overflow-x:auto}.tile{color:#172925;background:linear-gradient(145deg,#fffdf2,#e5dfcb);border:0;border-bottom:4px solid #c9c1a9;border-radius:5px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:38px;height:56px;padding:1px;transition:all .15s;display:flex;box-shadow:0 3px 5px #00000057}.tile:not(:disabled){cursor:pointer}.tile.selected{outline:2px solid var(--gold);transform:translateY(-8px);box-shadow:0 7px 13px #000}.tile span{font:800 21px/1 Noto Serif JP,serif}.tile small{margin-top:2px;font-size:7px;font-weight:700}.tile.red{color:#b5322b}.tile.green{color:#197050}.tile.blue{color:#28678b}.tile.small{border-bottom-width:2px;border-radius:3px;width:22px;height:30px;padding:0}.tile.small span{font-size:11px}.tile.small small{margin:0;font-size:5px}.primary{color:#14372f;background:linear-gradient(135deg,#e1c77d,#b99a52);border:0;border-radius:11px;width:100%;height:43px;font-size:13px;font-weight:700;box-shadow:0 5px 12px #0003}.primary:disabled{color:#718d85;box-shadow:none;background:#284941}.open-melds{gap:8px;padding:4px;display:flex}.open-melds>div{align-items:center;gap:1px;display:flex}.open-melds>div>small{color:#d8c383;margin-right:3px;font-size:7px}.scrim{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020c0ac7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.dialog{text-align:center;background:linear-gradient(160deg,#19483f,#0b2924);border:1px solid #8f7b4e;border-radius:23px;width:min(100%,340px);padding:24px;box-shadow:0 30px 80px #000}.dialog>p{color:#a5bbb4;letter-spacing:.12em;font-size:11px}.dialog h2{margin:14px;font:800 21px Noto Serif JP}.action-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-grid button{color:#fff5d9;background:#294f47;border:1px solid #6d765e;border-radius:11px;padding:12px;font-weight:700}.action-grid .win{background:#b74438;border-color:#df7d6f}.action-grid .subtle{color:#a1b5ae;background:0 0}.result-mark{border:2px solid var(--gold);width:72px;height:72px;color:var(--gold);border-radius:50%;place-items:center;margin:10px auto;font:800 37px Noto Serif JP;display:grid}.result .primary{margin-top:15px}@media (width<=370px){.app-shell{padding-left:8px;padding-right:8px}.tile{width:33px;height:51px}.table{min-height:310px}.opponent{min-height:98px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:17px}html,body,#root{min-height:100%}body{overscroll-behavior-y:none;min-height:100svh}body.modal-open{overflow:hidden}button,a{touch-action:manipulation}button{-webkit-tap-highlight-color:transparent}.tile{-webkit-user-select:none;user-select:none}.hand,.dialog,.tile-catalog,.yaku-catalog,.dictionary-dialog{-webkit-overflow-scrolling:touch}.scrim{padding-top:max(18px, env(safe-area-inset-top));padding-right:max(18px, env(safe-area-inset-right));padding-bottom:max(18px, env(safe-area-inset-bottom));padding-left:max(18px, env(safe-area-inset-left));overscroll-behavior:contain}.app-shell{width:min(100%,580px)}header{height:112px}h1{color:var(--gold);white-space:nowrap;align-items:baseline;font-size:24px;line-height:1.12;display:flex}h1 span{color:#fff7de;letter-spacing:.04em;margin:0 0 0 8px;font-family:Noto Serif JP,serif;font-size:13px;font-weight:800;display:inline}.header-title{align-items:center;min-width:0;display:flex}.header-info-link,.header-actions .dictionary-link{text-decoration:none}.header-actions .pc-guide-link{text-decoration:none;display:none!important}.mobile-privacy-link{display:none}.eyebrow{font-size:10px}.text-button{padding:9px 15px;font-size:13px}.header-actions{flex-direction:column;align-items:stretch;gap:5px;display:flex}.header-actions .text-button{justify-content:center;align-items:center;min-height:38px;padding:6px 10px;font-size:10px;line-height:1.2;display:inline-flex}.status-bar{grid-template-rows:auto auto;grid-template-columns:56px minmax(0,1fr);gap:5px 12px;height:auto;min-height:78px;padding:8px 0}.status-bar>p{text-align:left;grid-column:1/-1}.status-bar span,.status-bar p{font-size:12px}.status-bar strong{font-size:21px}.status-bar .mode{border-left:1px solid #48645b;padding-left:12px}.status-bar .mode strong{color:#f3e6bc;font-size:14px}.table{min-height:390px;padding:16px}.opponents{gap:12px}.opponent{grid-template-rows:auto minmax(37px,1fr);grid-template-columns:50px minmax(0,1fr);gap:9px;min-height:120px;padding:12px}.opponent.has-melds{grid-template-rows:auto auto minmax(37px,1fr)}.opponent .river,.opponent.has-melds .cpu-melds{grid-row:2}.opponent.has-melds .river{grid-row:3}.opponent:first-child{grid-column:auto;width:auto}.avatar{width:34px;height:34px;font-size:10px}.cpu-avatar{width:50px;font-size:10px}.avatar,.seat-info{align-self:start}.seat-info{white-space:nowrap;align-items:center;gap:8px;min-width:0;min-height:34px;padding-top:0;display:flex}.cpu-seat-info{justify-content:flex-start;overflow:hidden}.cpu-seat-info .score-value{max-width:100%;font-size:1.16em}.seat-info>strong{flex:none;margin:0;line-height:1.05}.seat-points-label{color:#a8bbb5;flex:none;font-size:12px}.opponent strong,.player-river strong,.opponent small,.player-river small{font-size:13px}.cpu-melds{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:5px;min-height:13px;display:flex}.cpu-meld{background:#dcbf761a;border:1px solid #dcbf76a8;border-radius:7px;align-items:center;gap:2px;padding:3px 5px;display:flex;box-shadow:0 3px 10px #00000038}.cpu-meld>small{color:#fff0c4;margin-right:2px;font-size:8px;font-weight:700}.cpu-meld .tile.small{border-bottom-width:2px;width:22px;height:30px}.cpu-meld .tile.small .tile-glyph{font-size:19px}.cpu-meld .tile.small.honor-tile .tile-glyph{font-size:14px}.river{grid-template-columns:repeat(auto-fit,27px);grid-auto-rows:37px;place-content:start center;gap:3px;min-height:37px;display:grid}.claimed-discard{background:#03171357;border:2px dashed #dcbf76b8;border-radius:5px;width:27px;height:37px;box-shadow:inset 0 0 0 1px #ffffff0a}.player-river{background:#0417149e;border:1px solid #dcbf7633;border-radius:15px;grid-template-rows:auto minmax(37px,1fr);grid-template-columns:36px 1fr;gap:9px;width:min(76%,330px);min-height:100px;padding:12px;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.player-river .river{grid-area:2/1/auto/-1}.player-avatar{color:#fff1c8;background:#725f36}.hand-area{margin-top:16px;padding:16px}.hand-heading{margin-bottom:10px}.seat{width:34px;height:34px;font-size:18px}.hand-heading strong,.hand-heading small,.hand-heading>span{font-size:15px}.hand{flex-wrap:nowrap;gap:4px;min-height:84px;padding:10px 4px 14px}.tile{border-bottom-width:5px;border-radius:6px;width:44px;height:64px;position:relative;overflow:visible}.tile .drawn-marker{color:#ffe08a;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #061512;font:800 10px/1 Zen Kaku Gothic New,sans-serif;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.tile .tile-glyph{font-family:Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif;font-size:39px;font-weight:400;line-height:1;transform:scaleX(1.08)}.tile.honor-tile .tile-glyph{font-family:Noto Serif JP,serif;font-size:29px;font-weight:800;transform:none}.tile small{font-size:8px}.tile.small{border-bottom-width:3px;width:27px;height:37px}.tile.small .tile-glyph{font-size:24px}.tile.small.honor-tile .tile-glyph{font-size:17px}.tile.small small{font-size:6px}.tile.group-start{margin-left:8px}.primary{height:49px;font-size:15px}.discard-guide{color:#d8e1dd;background:#183b34;border:1px solid #557067;border-radius:11px;place-items:center;height:49px;font-size:14px;font-weight:700;display:grid}.discard-guide.match-selection{height:auto;min-height:56px;padding:6px}.match-start-actions{grid-template-columns:minmax(0,1fr);gap:8px;width:min(100%,360px);display:grid}.match-start-actions button{color:#14372f;cursor:pointer;background:linear-gradient(135deg,#e1c77d,#b99a52);border:1px solid #a98d4f;border-radius:9px;min-height:44px;font-weight:800}.match-start-actions button:focus-visible{outline-offset:2px;outline:3px solid #fff2bc}.rules-card{display:none}.rules-game-meta{color:#fff;white-space:nowrap;flex-wrap:nowrap;gap:10px;margin:0 0 15px;font-size:11px;font-weight:400;line-height:1.55;display:flex}.rules-group-types{gap:6px;margin:-4px 0 15px 88px;display:grid}.rules-group-types p{color:#e0e8e4;grid-template-columns:48px 1fr;gap:7px;margin:0;font-size:11px;line-height:1.55;display:grid}.rules-group-types strong{color:#d7c27d}.rules-actions-intro{color:#fff;margin:0 0 14px;font-size:12px;line-height:1.65}.rules-note{color:#d7c27d;border-top:1px solid #dcbf762e;margin:14px 0 0;padding-top:11px;font-size:11px;line-height:1.5}.score-value{color:#fff0c4;font-size:1.25em;line-height:1.2;display:inline-block}.score-value.negative{color:#ff8678}.public-footer{flex-wrap:wrap;justify-content:center;gap:7px 18px;padding:12px 4px 2px;display:flex}.public-footer a{color:#fff;text-underline-offset:3px;font-size:12px}.public-footer a:hover{color:#fff0c4}.dialog{width:min(100%,390px);padding:29px}.dialog.reaction-dialog>.tile{margin-inline:auto}.dialog.result{width:min(100%,520px);max-height:92dvh;overflow-y:auto}.dialog.result.double-ron{width:min(100%,900px)}.dialog>p{font-size:13px}.dialog h2{font-size:25px}.action-grid button{padding:15px;font-size:15px}.match-complete{margin:15px 0 10px;font-weight:700;color:#dec77f!important}.ranking-title{color:#fff0c4;margin:11px 0 7px;font:800 17px Noto Serif JP,serif}.ranking-list{gap:6px;margin:0 0 13px;display:grid}.ranking-list span{text-align:left;background:#0317135c;border:1px solid #dcbf7633;border-radius:9px;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.ranking-list b{color:#dec77f;font-size:12px}.ranking-list em{color:#dbe5e1;font-size:12px;font-style:normal}.ranking-list strong{color:#fff1c8;font-size:14px}.win-breakdown{margin:12px 0 2px}.double-ron-label{color:#ffd66f;letter-spacing:.08em;background:#633c0875;border:1px solid #ffd66f;border-radius:999px;width:fit-content;margin:8px auto 4px;padding:5px 14px;font:800 17px Noto Serif JP,serif}.round-win-results{gap:10px;display:grid}.double-ron .round-win-results{grid-template-columns:repeat(2,minmax(0,1fr))}.round-win-result{background:#03171357;border:1px solid #dcbf7638;border-radius:12px;min-width:0;padding:11px}.round-win-result>h3{color:#ffdf8a;margin:0 0 9px;font:800 17px Noto Serif JP,serif}.winning-melds{margin:4px 0 12px}.winning-melds>p{color:#d5e1dc;margin:0 0 7px;font-size:12px;font-weight:700}.winning-meld-list{justify-content:center;gap:7px;display:flex}.winning-meld{background:#0317137a;border:1px solid #dcbf764d;border-radius:8px;gap:1px;padding:5px;display:flex}.win-method{color:#b9cac4;letter-spacing:.08em;margin:0 0 9px;font-size:12px}.yaku-result-list{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.yaku-result-list span{color:#e5eee9;background:#03171373;border:1px solid #dcbf7640;border-radius:999px;padding:7px 10px;font-size:11px}.yaku-result-list strong{color:#ffda7d}.point-formula{margin:12px 0 0;font-weight:700;line-height:1.65;color:#fff0c4!important;letter-spacing:0!important;font-size:13px!important}.normal-score{color:#fff5d5;margin-top:6px;font:800 23px Noto Serif JP,serif}.yakuman-result{justify-content:center;align-items:center;gap:11px;display:flex}.yakuman-result span{color:#ffda7d;font:800 20px Noto Serif JP,serif}.yakuman-result strong{color:#ffd66f;border:1px solid #ffd66f;border-radius:999px;padding:5px 11px;font-size:13px}.yakuman-score{color:#fff5d5;margin-top:7px;font:800 27px Noto Serif JP,serif}.score-settlement{grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0 2px;display:grid}.score-settlement span{background:#03171366;border:1px solid #dcbf7633;border-radius:9px;gap:3px;padding:8px 4px;display:grid}.score-settlement b{color:#dce6e2;font-size:10px}.score-settlement em{font-size:10px;font-style:normal;font-weight:700}.score-settlement em.plus{color:#7dd8af}.score-settlement em.minus{color:#ff8c7e}.score-settlement em.zero{color:#9eb3ac}@media (width<=720px){.double-ron .round-win-results{grid-template-columns:1fr}}.score-settlement strong{color:#fff1c8;font-size:12px}.tile-catalog-scrim{z-index:30;padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left))}.tile-catalog{text-align:left;width:min(100%,720px);max-height:88dvh;padding:16px;overflow-y:auto}.tile-catalog-header{border-bottom:1px solid #dcbf7640;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.tile-catalog-header p{color:#a5bbb4;letter-spacing:.12em;margin:0 0 5px;font-size:11px}.tile-catalog-header h2{color:#fff4d2;margin:0;font:800 22px Noto Serif JP,serif}.catalog-close{color:#e9dfbf;cursor:pointer;background:0 0;border:1px solid #6d765e;border-radius:999px;flex:none;padding:8px 14px;font-size:12px}.tile-catalog>.tile-catalog-intro{color:#dfe8e4;letter-spacing:0;margin:11px 0 13px;font-size:12px;line-height:1.6}.tile-catalog-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.tile-catalog-group.wide{grid-column:span 2}.tile-catalog-group{background:#03171375;border:1px solid #dcbf7624;border-radius:10px;min-width:0;padding:8px}.tile-catalog-group h3{color:#dec77f;margin:0 0 7px;font:800 14px Noto Serif JP,serif}.tile-catalog-group h3 span{color:#9eb3ac;font:500 10px Zen Kaku Gothic New,sans-serif}.tile-catalog-group h3 .tile-catalog-range{color:#dec77f;margin-left:4px;font-weight:800}.tile-catalog-group h3 .tile-catalog-pro-badge{color:#ffd66f;border:1px solid #ffd66fb8;margin-left:7px;padding:2px 6px;font:800 9px/1.3 system-ui,sans-serif}.tile-catalog-group h3 .tile-catalog-count{color:#f4e8c7;white-space:nowrap;margin-left:8px;font-weight:700}.tile-catalog-row{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:3px;display:flex}.tile-catalog-item{color:#dce6e2;flex:1 1 0;justify-items:center;gap:3px;min-width:0;font-size:9px;display:grid}.tile-catalog-reading{color:#f4e8c7;white-space:nowrap;min-height:1.2em;font-size:7px;font-weight:700;line-height:1.2}.tile-catalog-item b{color:#dec77f;font-weight:700}.tile-catalog-item .tile{border-bottom-width:3px;width:clamp(25px,7.2vw,32px);height:clamp(37px,10.6vw,47px)}.tile-catalog-item .tile .tile-glyph{font-size:clamp(22px,6.5vw,28px)}.tile-catalog-item .tile.honor-tile .tile-glyph{font-size:clamp(17px,5vw,22px)}.yaku-catalog{text-align:left;width:min(100%,700px);max-height:88dvh;padding:20px;overflow-y:auto}.yaku-catalog .tile-catalog-header p{font-size:15px}.yaku-catalog .tile-catalog-header h2{font-size:26px}.yaku-catalog .catalog-close{font-size:16px}.yaku-catalog-title-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.yaku-catalog-switches{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.yaku-mode-button{color:#ffd66f;cursor:pointer;background:#52360d57;border:1px solid #ffd66fa6;border-radius:999px;min-height:36px;padding:6px 13px;font-size:13px;font-weight:800}.catalog-view-button{color:#b0e5d5;background:#124a3f57;border-color:#9ad0bea6}.yaku-list{gap:10px;margin-top:16px;display:grid}.yaku-list article{background:#03171375;border:1px solid #dcbf7624;border-radius:12px;grid-template-columns:120px 1fr;align-items:center;gap:14px;padding:13px;display:grid}.yaku-list article.yakuman{background:linear-gradient(135deg,#52360d7a,#03171399);border-color:#daae4db3;margin-top:5px}.yaku-title strong{color:#dec77f;margin-top:0;font:800 19px Noto Serif JP,serif;display:block}.pro-only-badge{color:#ffd66f;letter-spacing:.08em;vertical-align:.18em;border:1px solid #ffd66fb8;border-radius:4px;align-items:center;margin-left:8px;padding:2px 7px;font:800 11px/1.3 system-ui,sans-serif;display:inline-flex}.yaku-title .shared-badge{color:#b0e5d5;letter-spacing:.08em;vertical-align:.18em;border:1px solid #b0e5d5b8;border-radius:4px;align-items:center;margin-left:8px;padding:2px 7px;font:800 11px/1.3 system-ui,sans-serif;display:inline-flex}.yaku-title b{color:#fff0c4;white-space:nowrap;border:1px solid #dcbf7659;border-radius:999px;margin-top:7px;padding:5px 9px;font-size:14px;line-height:1.3;display:inline-block}.yakuman .yaku-title strong{color:#ffd66f}.yakuman .yaku-title b{color:#ffd66f;border-color:#ffd66f}.yaku-detail{min-width:0}.yaku-detail>p{color:#dce6e2;margin:0;font-size:16px;line-height:1.75}.yaku-example{flex-wrap:nowrap;gap:6px;max-width:100%;margin-top:9px;display:flex;overflow-x:auto}.meld-separator{color:#dec77f;flex:none;align-self:center;font-size:20px;font-weight:800;line-height:1}.example-meld{background:#00000029;border-radius:7px;flex:none;padding:4px}.example-meld>small{color:#aabdb6;text-align:center;margin:0 0 4px;font-size:12px;display:block}.example-meld>div{gap:1px;display:flex}.yaku-catalog>.yakuman-no-bonus{color:#ffe39a;letter-spacing:0;background:#52360d52;border:1px solid #ffd66f61;border-radius:9px;margin:12px 0 0;padding:12px 14px;font-size:16px;line-height:1.7}.yaku-section-title{color:#dec77f;border-top:1px solid #dcbf7633;margin:20px 0 -4px;padding-top:17px;font:800 20px Noto Serif JP,serif}.yaku-section-title.yakuman-heading{color:#ffd66f}.yaku-catalog>.yaku-disclaimer{color:#d8e4df;letter-spacing:0;background:#03171375;border:1px solid #dcbf7624;border-radius:10px;margin:15px 0 0;padding:13px 15px;font-size:16px;font-weight:400;line-height:1.7}.pro-yaku-list>.pro-yaku-intro{color:#d8e4df;background:#03171375;border:1px solid #dcbf7624;border-radius:10px;margin:0 0 12px;padding:13px 15px;font-size:16px;font-weight:400;line-height:1.7}.dictionary-scrim{z-index:32}.dictionary-dialog{text-align:left;flex-direction:column;width:min(100%,1280px);height:min(94dvh,960px);max-height:94dvh;padding:16px;display:flex;overflow:hidden}.dictionary-dialog .tile-catalog-header{flex:none}.dictionary-frame{background:#081b18;border:0;border-radius:12px;flex:auto;width:100%;min-height:0;margin-top:12px}@media (width>=800px){body{place-items:center;min-height:100vh;padding:28px;display:grid}html[data-platform=web]:not(.mobile-web) .header-actions .pc-guide-link{display:inline-flex!important}.app-shell{background:linear-gradient(145deg,#ffffff0b,#ffffff03);border:1px solid #dcbf762e;border-radius:26px;grid-template-areas:"header""status""table""hand""footer";width:min(1240px,100%);min-height:auto;padding:0 26px 26px;display:grid;box-shadow:0 30px 90px #00000061}header{grid-area:header;gap:18px;height:96px}h1{font-size:33px}h1 span{margin:0 0 0 12px;font-size:27px;display:inline}.header-title{flex:auto}.eyebrow{font-size:11px}.text-button{font-size:14px}.header-actions{flex-direction:row;align-items:center;gap:9px}.header-actions .text-button{min-height:42px;padding:9px 15px;font-size:14px}.status-bar{grid-area:status;grid-template-rows:1fr;grid-template-columns:82px 260px 1fr;gap:12px;height:76px;min-height:0;padding:0}.status-bar>p{text-align:right;grid-column:auto}.status-bar span,.status-bar p{font-size:14px}.status-bar strong{font-size:25px}.status-bar .mode strong{font-size:17px}.table{border-radius:22px;grid-area:table;min-height:640px;padding:24px}.opponents{display:block;position:absolute;inset:0}.opponent{grid-template-columns:62px minmax(0,1fr);gap:12px;width:34%;min-height:158px;padding:18px;position:absolute}.opponent:first-child{width:34%}.cpu-seat-1{top:24px;left:50%;transform:translate(-50%)}.cpu-seat-2{top:50%;right:24px;transform:translateY(-50%)}.avatar{width:44px;height:44px;font-size:12px}.cpu-avatar{width:62px;font-size:13px}.seat-info{gap:12px;min-height:44px}.seat-points-label,.opponent strong,.player-river strong,.opponent small,.player-river small{font-size:16px}.cpu-melds{gap:7px;min-height:16px}.cpu-meld{border-radius:8px;gap:3px;padding:4px 7px}.cpu-meld>small{margin-right:3px;font-size:11px}.cpu-meld .tile.small{border-bottom-width:3px;width:28px;height:39px}.cpu-meld .tile.small .tile-glyph{font-size:25px}.cpu-meld .tile.small.honor-tile .tile-glyph{font-size:18px}.river{grid-template-columns:repeat(auto-fit,35px);grid-auto-rows:48px;gap:4px;min-height:48px}.claimed-discard{border-radius:6px;width:35px;height:48px}.rules-card{background:#08221dc7;border:1px solid #dcbf7647;border-radius:16px;width:34%;padding:20px;display:block;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.rules-label{color:#dec77f;letter-spacing:.06em;margin:0 0 15px;font:800 20px Noto Serif JP,serif}.rules-summary{color:#e0e8e4;grid-template-columns:76px 1fr;gap:12px;margin:0 0 15px;font-size:16px;line-height:1.7;display:grid}.rules-summary strong{color:#d7c27d;font-size:17px}.rules-group-types{gap:7px;margin:-5px 0 16px 88px}.rules-group-types p{grid-template-columns:52px 1fr;gap:8px;font-size:14px}.rules-group-types strong{font-size:15px}.rules-list{gap:14px;margin:0;display:grid}.rules-list>div{grid-template-columns:62px 1fr;align-items:start;gap:12px;display:grid}.rules-list dt{color:#fff;font-size:17px;font-weight:700}.rules-list dd{color:#fff;margin:0;font-size:16px;line-height:1.65}.rules-game-meta{gap:12px;font-size:clamp(11px,1vw,14px)}.rules-actions-intro{font-size:16px}.rules-note{font-size:15px}.player-river{grid-template-columns:46px 1fr;gap:12px;width:34%;min-height:158px;padding:18px;bottom:24px}.hand-area{grid-area:hand;margin-top:20px;padding:20px}.hand-heading{margin-bottom:0;padding-bottom:10px}.seat{width:42px;height:42px;font-size:22px}.hand-heading strong,.hand-heading small,.hand-heading>span{font-size:18px}.hand{justify-content:center;gap:7px;width:100%;min-height:112px;padding:16px 10px 20px;overflow-x:auto}.tile{border-bottom-width:6px;border-radius:8px;width:58px;height:82px}.tile .drawn-marker{font-size:12px}.tile .tile-glyph{font-size:53px}.tile.honor-tile .tile-glyph{font-size:40px}.tile small{font-size:10px}.tile.small{border-bottom-width:3px;width:35px;height:48px}.tile.small .tile-glyph{font-size:31px}.tile.small.honor-tile .tile-glyph{font-size:23px}.tile.small small{font-size:7px}.tile.group-start{margin-left:11px}.primary{align-self:center;width:min(600px,100%);height:56px;font-size:17px}.discard-guide{place-self:center;width:min(600px,100%);height:56px;font-size:17px}.public-footer{grid-area:footer;padding-top:15px}.public-footer a{font-size:14px}.tile-catalog{width:min(100%,1180px);padding:22px}.tile-catalog-header h2{font-size:28px}.tile-catalog-header p{font-size:13px}.catalog-close{padding:10px 17px;font-size:14px}.tile-catalog>.tile-catalog-intro{margin:13px 0 15px;font-size:14px}.tile-catalog-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile-catalog-group.wide{grid-column:1/-1}.tile-catalog-group{padding:10px}.tile-catalog-group h3{font-size:17px}.tile-catalog-group h3 span{font-size:12px}.tile-catalog-group h3 .tile-catalog-pro-badge{font-size:10px}.tile-catalog-row{gap:4px}.tile-catalog-item{gap:4px;font-size:10px}.tile-catalog-reading{font-size:9px}.tile-catalog-item .tile{border-bottom-width:3px;width:34px;height:50px}.tile-catalog-item .tile .tile-glyph{font-size:30px}.tile-catalog-item .tile.honor-tile .tile-glyph{font-size:23px}.yaku-catalog{width:min(100%,1120px);padding:30px}.yaku-catalog .tile-catalog-header p{font-size:17px}.yaku-catalog .tile-catalog-header h2{font-size:32px}.yaku-catalog .catalog-close{font-size:18px}.yaku-list{gap:14px;margin-top:20px}.yaku-list article{grid-template-columns:185px 1fr;gap:20px;padding:20px}.yaku-title strong{font-size:24px}.pro-only-badge,.yaku-title .shared-badge{font-size:12px}.yaku-title b{font-size:16px}.yaku-detail>p,.yaku-catalog>.yakuman-no-bonus,.yaku-catalog>.yaku-disclaimer{font-size:19px}.example-meld>small{font-size:14px}.yaku-section-title{font-size:22px}}@media (width<=520px){.yaku-catalog-scrim{padding-right:max(8px, env(safe-area-inset-right));padding-left:max(8px, env(safe-area-inset-left))}.yaku-catalog{padding-left:16px;padding-right:16px}.yaku-list article{grid-template-columns:1fr;gap:8px;padding-left:10px;padding-right:10px}.yaku-title{flex-wrap:wrap;align-items:center;gap:6px 9px;display:flex}.yaku-title strong{flex:0 auto;display:inline}.yaku-title b{flex:none;margin-top:0}.yaku-example .tile.small{border-bottom-width:2px;width:clamp(21px,11.1111vw - 13.5556px,29px);height:clamp(30px,15.3846vw - 18.7692px,40px)}.yaku-example .tile.small .tile-glyph{font-size:clamp(19px,9.80392vw - 11.9608px,26px)}.yaku-example .tile.small.honor-tile .tile-glyph{font-size:clamp(14px,7.40741vw - 9.03704px,20px)}}@media (width>=800px) and (width<=1100px){header{flex-wrap:wrap;align-content:center;gap:9px;height:150px}h1{font-size:29px}h1 span{font-size:24px}.header-title,.header-actions{flex:0 0 100%;width:100%}.header-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.header-actions .text-button{min-height:40px;padding:7px 10px;font-size:13px}}@media (width>=1400px) and (height>=780px){body{height:100dvh;min-height:0;padding:18px;overflow:hidden}.app-shell{grid-template-rows:72px 54px minmax(0,1fr) 148px 30px;width:min(1840px,100vw - 36px);height:calc(100dvh - 36px);max-height:1044px;padding:0 20px 18px}header{height:72px}h1{font-size:30px}h1 span{font-size:25px}.status-bar{grid-template-columns:76px 250px 1fr;height:54px}.status-bar span,.status-bar p{font-size:13px}.status-bar strong{font-size:23px}.table{width:100%;height:100%;min-height:0;padding:20px}.opponent,.opponent:first-child,.player-river{width:32%;min-height:158px}.rules-card{width:30%;left:20px}.rules-game-meta{font-size:16px}.cpu-seat-1{top:20px}.cpu-seat-2{right:20px}.player-river{bottom:20px}.hand-area{grid-template:"heading hand action"34px"melds hand action"minmax(0,1fr)/220px minmax(0,1fr) 280px;gap:0 18px;height:auto;min-height:0;margin-top:10px;padding:14px 18px;display:grid;overflow:hidden}.hand-heading{grid-area:heading;align-self:center;padding:0}.open-melds{grid-area:melds;align-self:center}.hand{grid-area:hand;align-self:center;min-height:0;padding:16px 10px 4px;overflow:visible}.discard-guide{grid-area:action;align-self:center;width:100%}.discard-guide.match-selection{grid-area:hand;justify-self:center;width:min(600px,100%)}.public-footer{align-items:end;padding-top:8px}}html.native-app body{overscroll-behavior:none}html.native-app button{-webkit-tap-highlight-color:transparent}@media (width<=799px){body{min-height:100svh}.tile-catalog-group h3 .sangenpai-reading{font-size:9px}.app-shell{width:100%;min-height:100svh;padding-top:max(8px, env(safe-area-inset-top));padding-right:max(10px, env(safe-area-inset-right));padding-bottom:max(16px, env(safe-area-inset-bottom));padding-left:max(10px, env(safe-area-inset-left))}header{grid-template-columns:minmax(0,1fr);align-content:center;gap:8px;height:auto;min-height:148px;padding:9px 0;display:grid}.header-title{grid-template-columns:minmax(0,1fr);gap:5px;display:grid}h1{letter-spacing:.03em;white-space:nowrap;align-items:baseline;margin-right:-2px;font-size:clamp(17px,5.3vw,21px);display:flex}h1 span{letter-spacing:.02em;margin:0 0 0 4px;font-size:clamp(15px,4.6vw,18px);display:inline}.header-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.header-actions .text-button{min-height:44px;padding:6px 7px;font-size:12px;line-height:1.2}.mobile-privacy-link{color:#fff;text-align:center;text-underline-offset:3px;justify-content:center;align-items:center;min-height:44px;font-size:12px;display:inline-flex}.status-bar{min-height:70px}.table{min-height:0;padding:10px}.opponents{align-items:start;gap:6px}.opponent{min-width:0;min-height:150px;padding:8px}.opponent .river{grid-template-columns:repeat(5,minmax(0,27px));gap:3px 2px;width:100%;min-width:0;min-height:82px}.opponent .river>.tile.small,.opponent .river>.claimed-discard{width:100%;min-width:0;max-width:27px}.player-river .river{min-height:82px}.player-river{width:min(100%,330px);min-height:150px;margin:12px auto 0;padding:10px;position:relative;bottom:auto;left:auto;transform:none}.player-river .seat-info{white-space:nowrap;flex-wrap:nowrap}.hand-area{margin-top:12px;padding:12px 0;overflow:hidden}.hand-heading{flex-wrap:wrap;gap:10px 14px;margin-left:8px;margin-right:8px}.open-melds{margin-left:8px;margin-right:8px}.hand{justify-content:center;gap:2px;width:100%;min-height:78px;padding:9px 0 11px;overflow-x:hidden}.hand>.tile{border-bottom-width:4px;width:clamp(28px,11.1111vw - 5.11111px,38px);height:clamp(48px,16vw - 7.36px,58px)}.hand>.tile .tile-glyph{font-size:clamp(27px,11.1111vw - 7.1111px,34px)}.hand>.tile.honor-tile .tile-glyph{font-size:clamp(21px,11.1111vw - 9.1111px,27px)}.hand>.tile.group-start{margin-left:1px}.hand>.tile .drawn-marker{font-size:9px}.discard-guide{width:calc(100% - 16px);height:auto;min-height:48px;margin-left:8px;margin-right:8px;padding:9px 12px}.public-footer{display:none}.tile-catalog-scrim,.dictionary-scrim{padding-top:max(6px, env(safe-area-inset-top));padding-right:max(4px, env(safe-area-inset-right));padding-bottom:max(6px, env(safe-area-inset-bottom));padding-left:max(4px, env(safe-area-inset-left))}.dictionary-dialog{width:100%;height:calc(100dvh - max(12px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));max-height:calc(100dvh - max(12px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));border-radius:15px;padding:10px 6px}.dictionary-dialog .tile-catalog-header{margin-left:4px;margin-right:4px}.dictionary-frame{border-radius:9px;margin-top:8px}.tile-catalog,.yaku-catalog{border-radius:15px;width:100%;padding-left:10px;padding-right:10px}html.native-app[data-platform=android] .tile-catalog-group.souzu-group .tile-catalog-row,html.android-web .tile-catalog-group.souzu-group .tile-catalog-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 3px;display:grid}.dialog,.tile-catalog,.yaku-catalog,.dictionary-dialog,.dialog.result{max-height:calc(100dvh - max(36px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));overflow-y:auto}.dialog{padding:22px}.winning-meld-list{gap:4px}.winning-meld{gap:1px;padding:3px}.winning-meld .tile.small{width:clamp(21px,6.2vw,27px);height:clamp(30px,8.7vw,37px)}.winning-meld .tile.small .tile-glyph{font-size:clamp(18px,5.5vw,24px)}.winning-meld .tile.small.honor-tile .tile-glyph{font-size:clamp(15px,4.2vw,17px)}.catalog-close,.action-grid button{min-height:44px}}@media (width<=370px){.app-shell{padding-right:max(8px, env(safe-area-inset-right));padding-left:max(8px, env(safe-area-inset-left))}h1{font-size:17px}h1 span{font-size:15px}.header-actions .text-button{font-size:11px}.opponent{grid-template-columns:44px minmax(0,1fr);gap:6px;padding:8px}.opponent .avatar{width:44px;height:28px}.opponent .cpu-avatar{font-size:9px}.opponent .seat-info{gap:4px;min-height:28px}.opponent .score-value{font-size:1.05em}.opponent strong,.player-river strong,.opponent small,.player-river small{font-size:12px}}html.ios-safari body{-webkit-font-smoothing:antialiased;min-height:-webkit-fill-available}html.ios-safari .app-shell{min-height:-webkit-fill-available}html.ios-safari .dialog,html.ios-safari .tile-catalog,html.ios-safari .yaku-catalog,html.ios-safari .dictionary-dialog{overscroll-behavior:contain}html.android-chrome .text-button,html.android-chrome .catalog-close,html.android-chrome .action-grid button{min-height:48px}