:root{--bg:#f7f7f4;--surface:#fff;--surface-soft:#f0f4ef;--text:#202522;--muted:#657068;--border:#d9ded8;--primary:#176b4f;--primary-strong:#0d4d38;--accent:#b33a2f;--shadow:0 18px 45px #1c282014;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input,select{font:inherit}.settings-page h1{font-size:clamp(38px,5vw,58px)}.settings-intro{max-width:680px;color:var(--muted);font-size:18px}.settings-layout{grid-template-columns:210px minmax(0,1fr);gap:30px;margin-top:34px;display:grid}.settings-nav{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-self:start;gap:6px;padding:10px;display:grid;position:sticky;top:110px}.settings-nav button{min-height:46px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px;font-weight:700}.settings-nav button:hover,.settings-nav button.active{color:var(--primary-strong);background:var(--surface-soft)}.settings-nav button.active{box-shadow:inset 3px 0 0 var(--primary)}.settings-nav .settings-logout{border-top:1px solid var(--border);color:var(--accent);border-radius:0 0 8px 8px;margin-top:10px}.settings-nav .settings-logout:hover{color:#8a211a;background:#fae7e5}.settings-content{gap:24px;display:grid}.settings-card{border:1px solid var(--border);background:var(--surface);width:min(100%,780px);min-height:470px;box-shadow:var(--shadow);border-radius:14px;padding:30px 34px}.settings-card h2{margin:0 0 30px}.settings-card h3{margin:4px 0 20px;font-size:18px}.settings-row{grid-template-columns:155px minmax(0,420px);align-items:center;gap:28px;margin:0 0 22px;padding-left:18px;display:grid}.settings-row>strong{color:var(--text);font-size:15px;font-weight:750}.settings-card input:not([type=checkbox]):not([type=radio]):not([type=range]),.settings-card select{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.settings-card input[type=range]{width:100%;accent-color:var(--primary)}.avatar-row{align-items:start}.current-avatar{justify-items:start;gap:14px;display:grid}.current-avatar strong{font-size:15px;font-weight:750}.current-avatar img{border:3px solid var(--primary);object-fit:cover;background:var(--surface-soft);border-radius:50%;width:96px;height:96px;display:block;box-shadow:0 0 0 4px #176b4f1f}.avatar-grid{grid-template-columns:repeat(6,64px);gap:12px;display:grid}.avatar-option input{opacity:0;pointer-events:none;position:absolute}.avatar-option img{object-fit:cover;background:var(--surface-soft);cursor:pointer;border:2px solid #0000;border-radius:50%;width:64px;height:64px;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}.avatar-option:hover img{transform:translateY(-1px)}.avatar-option.selected img{border-color:var(--primary);box-shadow:0 0 0 3px #176b4f2e}.settings-subform{border-top:1px solid var(--border);padding:26px 0 4px;display:grid}.settings-subform:first-of-type{border-top:0;padding-top:0}.toggle-control{color:var(--muted);align-items:center;gap:10px;display:flex}.toggle-control input{width:20px;height:20px;accent-color:var(--primary)}.range-control{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:14px;display:grid}.range-control output{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.action-row{margin-top:8px}.form-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:750;text-decoration:none;display:inline-flex}.primary-button{border:1px solid var(--primary);color:#fff;background:var(--primary)}.secondary-button{border:1px solid var(--border);color:var(--primary-strong);background:var(--surface)}.verification-status,.settings-hint{color:var(--muted);margin:0}.verification-status.verified{color:var(--primary);font-weight:750}.form-notice{border-radius:8px;padding:12px 15px}.form-notice.success{color:#0d593f;background:#e4f4ec}.form-notice.error{color:#8a211a;background:#fae7e5}.forgot-password-link{color:var(--primary);font-weight:700}.account-action{max-width:700px;margin:0 auto}@media (width<=760px){.settings-layout{grid-template-columns:1fr}.settings-nav{text-align:center;grid-template-columns:repeat(4,1fr);position:static}.settings-nav button{text-align:center;padding:0 8px}.settings-nav button.active{box-shadow:inset 0 -3px 0 var(--primary)}.settings-nav .settings-logout{border-top:0;border-left:1px solid var(--border);border-radius:0;margin-top:0}.settings-card{padding:22px 18px}.settings-row{grid-template-columns:1fr;gap:8px;padding-left:0}.avatar-grid{grid-template-columns:repeat(4,56px)}.current-avatar img{width:88px;height:88px}.avatar-option img{width:56px;height:56px}.action-row>span{display:none}}.app-shell{min-height:100vh}.site-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f7f4f0;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:18px 34px;display:grid;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;background:#fff;border-radius:8px;width:42px;height:42px}.brand strong{font-size:24px;line-height:1;display:block}.main-nav{justify-content:center;gap:10px;display:flex}.main-nav a,.login-link,.language-toggle{min-height:44px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;padding:0 17px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex}.language-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer}.main-nav a.router-link-active{color:var(--primary-strong);background:var(--surface-soft)}.header-actions{justify-content:flex-end;gap:10px;display:flex}.login-link{color:#fff;background:var(--primary)}.page-frame{width:min(1160px,100% - 40px);margin:0 auto;padding:42px 0 72px}.hero-section{grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:48px;min-height:calc(100vh - 150px);display:grid}.eyebrow{color:var(--accent);margin:0 0 12px;font-size:13px;font-weight:800}h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(38px,6vw,72px);line-height:1.02}.hero-copy,.content-section p:not(.eyebrow){max-width:640px;color:var(--muted);margin:18px 0 0;font-size:18px;line-height:1.7}.hero-actions{gap:12px;margin-top:30px;display:flex}.primary-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:750;text-decoration:none;display:inline-flex}.primary-action{color:#fff;background:var(--primary)}.secondary-action{color:var(--primary-strong);border:1px solid var(--border);background:var(--surface)}.status-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:18px;display:grid}.status-panel a{color:inherit;background:var(--surface-soft);border-radius:8px;padding:16px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.status-panel a:hover{background:#fff;transform:translateY(-1px)}.status-panel strong,.status-panel span{display:block}.status-panel span{color:var(--muted);margin-top:6px;line-height:1.55}.home-shell{gap:28px;display:grid}.home-hero{grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:34px;min-height:min(500px,100vh - 150px);display:grid}.home-hero-copy{flex-direction:column;justify-content:center;padding:34px 0;display:flex}.home-hero-copy p:not(.eyebrow){max-width:680px;color:var(--muted);margin:18px 0 0;font-size:19px;line-height:1.75}.home-hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.home-play-action{color:#fff;background:var(--primary);border-radius:8px;justify-content:center;align-items:center;min-height:72px;padding:0 42px;font-size:26px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 16px 28px #176b4f3d}.home-media-carousel{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));background:linear-gradient(135deg, #eff5f1eb, #e1ebe7eb), var(--surface-soft);min-width:0;height:360px;box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:hidden}.home-media-carousel img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.home-carousel-dots{gap:6px;display:flex;position:absolute;top:14px;right:14px}.home-carousel-dots span{background:#ffffff85;border-radius:999px;width:7px;height:7px}.home-carousel-dots span.active{background:#fff;width:18px}.home-live-status{color:var(--muted);margin:0}.home-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.home-column{align-content:start;gap:22px;min-width:0;display:grid}.home-panel{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px;padding:22px}.home-panel-wide{min-height:260px}.home-panel-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.home-panel-head h2{margin:0;font-size:25px;line-height:1.2}.home-panel-head a{border:1px solid var(--border);min-height:36px;color:var(--primary-strong);background:var(--surface-soft);white-space:nowrap;border-radius:8px;align-items:center;padding:0 12px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.home-panel-note{color:var(--muted);margin:-8px 0 12px;font-size:13px}.home-list,.home-article-list,.home-rule-list{gap:12px;display:grid}.home-live-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;padding:14px;display:grid}.home-live-row.friend-game-card{background:#eef8f2;border-color:#176b4f2e}.home-live-row.practice-game-card{background:#f2f5f7;border-color:#56718029}.home-live-row.win,.home-live-row.session{grid-template-columns:minmax(0,1fr)}.home-live-row>div>strong,.home-live-row>div>span,.home-live-row>div>small{min-width:0;display:block}.home-live-row>div>strong{font-size:17px}.home-live-row>div>span{color:var(--text);margin-top:4px;font-weight:700}.home-live-row>div>small{color:var(--muted);margin-top:4px;line-height:1.35}.home-live-row time{color:var(--muted);white-space:nowrap;font-size:13px}.home-live-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-live-meta strong{min-width:0;font-size:17px}.home-win-title{flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;display:flex}.home-win-title strong{font-size:17px}.home-win-title span{color:var(--text);font-weight:800}.home-tile-line{flex-wrap:wrap;align-items:flex-end;gap:7px;min-width:0;margin-top:10px;display:flex;overflow:visible}.home-tile-group{flex:none;align-items:flex-end;gap:1px;display:inline-flex}.home-tile-group img{width:28px;height:auto;display:block}.home-tile-group img.rotated,.home-tile-group img.added{width:37px}.home-session-score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.home-session-score-grid span{border:1px solid var(--border);background:#fff;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-width:0;padding:6px;display:grid}.home-session-score-grid span.highlight{background:#fff3d5;border-color:#c69a3b}.home-session-score-grid em{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.home-session-score-grid b{color:var(--primary-strong);font-size:12px}.home-panel-pager{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.home-panel-pager button{border:1px solid var(--border);width:36px;height:32px;color:var(--primary-strong);background:var(--surface-soft);cursor:pointer;border-radius:8px;font-size:22px;font-weight:800;line-height:1}.home-panel-pager button:disabled{color:var(--muted);cursor:default;opacity:.48}.home-rank-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.home-rank-list li{border-bottom:1px solid var(--border);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.home-rank-list li:last-child{border-bottom:0}.home-rank-list span{color:var(--accent);font-weight:850}.home-rank-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-rank-list b{color:var(--primary-strong)}.home-article-list a,.home-rule-list a,.home-article-placeholder{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:6px;padding:14px;text-decoration:none;display:grid}.home-article-list span,.home-rule-list span,.home-article-placeholder span,.home-empty{color:var(--muted);line-height:1.5}.home-empty{margin:0}.home-footer{border-top:1px solid var(--border);color:var(--muted);gap:6px;padding:24px 0 0;font-size:13px;line-height:1.5;display:grid}.home-footer p{margin:0}.content-section{min-height:52vh;padding-top:36px}.narrow-section{max-width:620px}.auth-section{max-width:660px}.auth-current-user,.auth-form{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:28px}.auth-current-user{grid-template-columns:1fr auto;align-items:center;gap:8px 18px;padding:18px;display:grid}.auth-current-user span{color:var(--muted);font-size:14px;font-weight:800}.auth-current-user strong{font-size:22px}.auth-current-user button{border:1px solid var(--border);min-height:42px;color:var(--primary-strong);background:var(--surface);cursor:pointer;border-radius:8px;grid-area:1/2/span 2;padding:0 14px;font-weight:800}.auth-form{gap:18px;padding:20px;display:grid}.auth-tabs{background:var(--surface-soft);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px;display:grid}.auth-tabs button,.auth-submit{cursor:pointer;border:0;border-radius:8px;min-height:46px;font-weight:850}.auth-tabs button{color:var(--muted);background:0 0}.auth-tabs button.active{color:var(--primary-strong);background:var(--surface)}.auth-form label{gap:8px;display:grid}.auth-form label span{font-weight:800}.auth-form input,.auth-form select{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px}.auth-form small{color:var(--muted)}.form-error{color:var(--accent);background:#b33a2f14;border:1px solid #b33a2f59;border-radius:8px;margin:0;padding:12px 14px;font-weight:750}.auth-submit{color:#fff;background:var(--primary)}.auth-submit:disabled{cursor:not-allowed;opacity:.65}.article-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.content-with-sidebar{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:34px;margin-top:42px;display:grid}.rule-content-section{width:min(1500px,100vw - 40px);margin-left:50%;transform:translate(-50%)}.rule-content-section .content-with-sidebar{grid-template-columns:190px minmax(0,1fr);gap:24px}.content-sidebar{gap:8px;display:grid;position:sticky;top:104px}.content-sidebar a{min-height:42px;color:var(--muted);border-radius:8px;align-items:center;padding:0 12px;font-weight:700;text-decoration:none;display:flex}.content-sidebar a:hover{color:var(--primary-strong);background:var(--surface-soft)}.sidebar-group{gap:4px;padding-top:8px;display:grid}.sidebar-group>span{color:var(--text);padding:0 12px;font-size:14px;font-weight:850}.sidebar-group a{min-height:36px;padding-left:24px}.article-group{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-self:start;gap:18px;padding:18px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-heading h2{margin:0;font-size:28px}.section-heading a,.back-link,.read-link{color:var(--primary-strong);font-weight:750;text-decoration:none}.article-grid{grid-template-columns:1fr;gap:12px;display:grid}.article-card{border:1px solid var(--border);background:var(--surface);min-height:100%;color:inherit;box-shadow:none;border-radius:8px;flex-direction:column;gap:10px;padding:14px;text-decoration:none;display:flex}.article-card img{aspect-ratio:5/2;object-fit:cover;background:var(--surface-soft);border-radius:6px;width:100%}.article-card h3{margin:0;font-size:20px;line-height:1.25}.article-card p{color:var(--muted);margin:0;line-height:1.55}.article-date{color:var(--accent);font-size:13px;font-weight:800}.read-link{margin-top:auto}.article-detail{max-width:820px;padding-top:36px}.narrow-list-section{max-width:840px}.article-list{gap:14px;margin-top:34px;display:grid}.article-row{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:8px;gap:8px;padding:18px;text-decoration:none;display:grid}.article-row h2{margin:0;font-size:24px}.article-row p{color:var(--muted);margin:0;line-height:1.6}.article-summary,.notice{color:var(--muted);font-size:19px;line-height:1.7}.notice{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:14px 16px}.markdown-body{color:var(--text);margin-top:34px;font-size:18px;line-height:1.8}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5{margin:32px 0 12px;line-height:1.18}.markdown-body h1{font-size:38px}.markdown-body h2{font-size:28px}.markdown-body h4{font-size:22px}.markdown-body h5{font-size:19px}.markdown-body p{margin:18px 0}.content-section .markdown-body p.mahjong-tiles{width:calc(100% - 18px);max-width:100%;color:var(--text);word-spacing:0;white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;margin:18px 0 26px 18px;padding:0;font-size:0;line-height:1.25;overflow:visible}.markdown-body img.mahjong-tile{vertical-align:bottom;background:0 0;border:0;border-radius:0;width:clamp(34px,4.4vw,48px);max-width:none;height:auto;margin:2px 0;display:inline-block}.markdown-body p.mahjong-tiles img.mahjong-tile{margin-right:0}.markdown-body img.mahjong-tile-rotated{width:clamp(44px,5.8vw,63px)}.markdown-body .mahjong-tile-gap{width:calc(clamp(5px, .8vw, 9px) * var(--tile-gap-count,1));display:inline-block}.markdown-body ul{margin:18px 0;padding-left:24px}.markdown-body li{margin:10px 0}.markdown-body img{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:100%;margin:22px 0;display:block}.markdown-body table{border-collapse:collapse;table-layout:auto;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;max-width:640px;margin:24px 0;overflow:hidden}.rule-detail .markdown-body table{max-width:min(100%,980px);font-size:.92rem}.markdown-body table.table-480{max-width:480px}.markdown-body table.table-980{max-width:980px}.rule-detail .markdown-body table.yaku-score-table{max-width:min(100%,980px)}.rule-detail .markdown-body table.yaku-score-table.cols-12,.rule-detail .markdown-body table.yaku-score-table.cols-15{table-layout:fixed}:lang(en-US) .rule-detail .markdown-body table.yaku-score-table.cols-12{width:min(100%,1120px);max-width:1120px}:lang(en-US) .rule-detail .markdown-body table.yaku-score-table.cols-15{width:min(100%,1280px);max-width:1280px}.rule-detail .markdown-body table.payment-table{max-width:min(100%,680px)}.rule-detail .markdown-body table.yaku-definition-table{table-layout:fixed;max-width:min(100%,980px)}.rule-detail .markdown-body table.yaku-score-table.cols-4{table-layout:fixed;width:min(100%,440px)}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:break-word;word-break:normal;padding:12px 14px}.rule-detail .markdown-body th,.rule-detail .markdown-body td{text-align:center;vertical-align:middle;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;padding:8px 10px;line-height:1.15}.rule-detail .markdown-body th:first-child,.rule-detail .markdown-body td:first-child,.rule-detail .markdown-body th:nth-child(2),.rule-detail .markdown-body td:nth-child(2){white-space:normal;width:auto}.rule-detail .markdown-body table.yaku-score-table.cols-4 th,.rule-detail .markdown-body table.yaku-score-table.cols-4 td{width:25%}.rule-detail .markdown-body table.yaku-score-table th,.rule-detail .markdown-body table.yaku-score-table td{padding:5px 6px;line-height:1.08}.rule-detail .markdown-body table.yaku-score-table.cols-15 th,.rule-detail .markdown-body table.yaku-score-table.cols-15 td{padding:4px 5px;font-size:.84rem}.rule-detail .markdown-body table.yaku-score-table.cols-12 th,.rule-detail .markdown-body table.yaku-score-table.cols-12 td{padding:3px 4px;font-size:.9rem}.rule-detail .markdown-body table.yaku-score-table.cols-12 th:first-child,.rule-detail .markdown-body table.yaku-score-table.cols-12 td:first-child,.rule-detail .markdown-body table.yaku-score-table.cols-15 th:first-child,.rule-detail .markdown-body table.yaku-score-table.cols-15 td:first-child{width:6.5%}.rule-detail .markdown-body table.yaku-score-table.cols-12 th:nth-child(2),.rule-detail .markdown-body table.yaku-score-table.cols-12 td:nth-child(2),.rule-detail .markdown-body table.yaku-score-table.cols-15 th:nth-child(2),.rule-detail .markdown-body table.yaku-score-table.cols-15 td:nth-child(2),.rule-detail .markdown-body table.yaku-score-table.cols-12 th:nth-child(3),.rule-detail .markdown-body table.yaku-score-table.cols-12 td:nth-child(3),.rule-detail .markdown-body table.yaku-score-table.cols-15 th:nth-child(3),.rule-detail .markdown-body table.yaku-score-table.cols-15 td:nth-child(3){width:7.5%}.rule-detail .markdown-body table.yaku-score-table.cols-12 th:nth-child(-n+3),.rule-detail .markdown-body table.yaku-score-table.cols-12 td:nth-child(-n+3),.rule-detail .markdown-body table.yaku-score-table.cols-15 th:nth-child(-n+3),.rule-detail .markdown-body table.yaku-score-table.cols-15 td:nth-child(-n+3){background:#f7fbf5}.rule-detail .markdown-body table.yaku-score-table.cols-12 th:nth-child(-n+3),.rule-detail .markdown-body table.yaku-score-table.cols-15 th:nth-child(-n+3){background:#e4f0df}.rule-detail .markdown-body table.yaku-score-table.cols-4 th:nth-child(-n+2),.rule-detail .markdown-body table.yaku-score-table.cols-4 td:nth-child(-n+2),.rule-detail .markdown-body table.yaku-score-table.cols-8 th:nth-child(-n+2),.rule-detail .markdown-body table.yaku-score-table.cols-8 td:nth-child(-n+2){background:#f7fbf5}.rule-detail .markdown-body table.yaku-score-table.cols-4 th:nth-child(-n+2),.rule-detail .markdown-body table.yaku-score-table.cols-8 th:nth-child(-n+2){background:#e4f0df}.rule-detail .markdown-body table.yaku-score-table .nowrap-axis,.rule-detail .markdown-body table.yaku-score-table .nowrap-short-cjk{white-space:nowrap}.rule-detail .markdown-body table.yaku-definition-table th:first-child,.rule-detail .markdown-body table.yaku-definition-table td:first-child,.rule-detail .markdown-body table.yaku-definition-table th:nth-child(2),.rule-detail .markdown-body table.yaku-definition-table td:nth-child(2){width:12%}.rule-detail .markdown-body table.yaku-definition-table th:nth-child(3),.rule-detail .markdown-body table.yaku-definition-table td:nth-child(3){width:20%}.rule-detail .markdown-body table.yaku-definition-table th:nth-child(4),.rule-detail .markdown-body table.yaku-definition-table td:nth-child(4){width:8%}.rule-detail .markdown-body table.yaku-definition-table th:nth-child(5),.rule-detail .markdown-body table.yaku-definition-table td:nth-child(5){width:48%}.rule-detail .markdown-body table.yaku-definition-table th:nth-child(3):last-child,.rule-detail .markdown-body table.yaku-definition-table td:nth-child(3):last-child{width:64%}.rule-detail .markdown-body table.yaku-definition-table th:nth-child(5),.rule-detail .markdown-body table.yaku-definition-table td:nth-child(5),.rule-detail .markdown-body table.yaku-definition-table th:nth-child(3):last-child,.rule-detail .markdown-body table.yaku-definition-table td:nth-child(3):last-child{text-align:left}.rule-detail .markdown-body table.yaku-score-table th,.rule-detail .markdown-body table.payment-table th,.rule-detail .markdown-body table.yaku-definition-table th{line-height:1.1}.markdown-body th:first-child,.markdown-body td:first-child,.markdown-body th:nth-child(2),.markdown-body td:nth-child(2){white-space:nowrap;width:1%}.markdown-body th{color:var(--primary-strong);background:var(--surface-soft);font-weight:850}.article-footer-nav{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:16px;margin-top:46px;padding-top:24px;display:grid}.article-nav-card,.article-list-link{border-radius:8px;align-items:center;min-height:70px;text-decoration:none;display:flex}.article-nav-card{border:1px solid var(--border);background:var(--surface);color:inherit;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px}.article-nav-card span{color:var(--muted);font-size:13px;font-weight:800}.article-nav-card strong{line-height:1.35}.article-nav-card.align-right{text-align:right}.article-nav-card.disabled{visibility:hidden}.article-list-link{color:#fff;background:var(--primary);white-space:nowrap;justify-content:center;padding:0 18px;font-weight:800}.play-page{gap:34px;padding-top:36px;display:grid}.play-hero{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:34px;padding:28px;display:grid}.play-hero p:not(.eyebrow){max-width:680px;color:var(--muted);margin:18px 0 0;font-size:18px;line-height:1.7}.play-launch-button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:8px;min-height:96px;font-size:28px;font-weight:850;box-shadow:0 14px 30px #176b4f38}.play-launch-button:hover{background:var(--primary-strong)}.play-sections{grid-template-columns:1fr;gap:18px;display:grid}.play-info-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-content:start;gap:12px;padding:20px;display:grid}.play-info-card h2{margin:0;font-size:24px}.play-info-card p{color:var(--muted);margin:0;line-height:1.65}.play-info-card a{color:var(--primary-strong);font-weight:800;text-decoration:none}.rule-groups{grid-template-columns:1fr;gap:18px;display:grid}.rule-detail{max-width:1240px;padding-top:0}.rule-detail .article-summary,.rule-detail .markdown-body{max-width:1240px}.rule-detail h1,.rule-detail .markdown-body p,.rule-detail .markdown-body ul{max-width:980px}.rules-intro{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;margin-bottom:24px;padding:20px;display:grid}.rules-intro p{max-width:none;color:var(--text);margin:0;line-height:1.75}.rule-download-inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rule-download-icon{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:32px;padding:0;text-decoration:none;display:inline-flex;box-shadow:0 5px 12px #b33a2f1a}.rule-download-icon:hover{border-color:var(--accent);transform:translateY(-1px)}.rule-download-inline img{width:30px;height:auto;display:block}.rule-download-text{color:var(--muted);font-size:14px;font-weight:750;line-height:1.45;text-decoration:none}.rule-download-text:hover{color:var(--primary-strong);text-decoration:underline}.rule-group{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:8px;gap:8px;padding:20px;text-decoration:none;display:grid}.rule-group h2{margin:0 0 10px}.rule-group p{color:var(--muted);margin:0;line-height:1.65}.rule-group span{color:var(--accent);justify-self:end;font-size:14px;font-weight:800}.rule-group:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border))}.rule-category-group{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:14px;padding:20px;display:grid}.rule-category-group h2{margin:0}.rule-category-group>p{color:var(--muted);margin:0;line-height:1.65}.rule-category-articles{gap:12px;display:grid}.rule-category-articles .rule-group{background:var(--surface-soft)}.rule-category-articles h3{margin:0;font-size:22px}.leaderboard-page{gap:24px;padding-top:36px;display:grid}.leaderboard-hero p:not(.eyebrow){max-width:760px;color:var(--muted);margin:18px 0 0;font-size:18px;line-height:1.7}.leaderboard-tabs{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;display:grid}.leaderboard-tabs button{min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:850}.leaderboard-tabs button.active{color:#fff;background:var(--primary)}.statistic-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.record-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.scope-toggle{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(2,minmax(86px,1fr));gap:4px;width:fit-content;padding:4px;display:inline-grid}.scope-toggle button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:850}.scope-toggle button.active{color:var(--primary-strong);background:var(--surface-soft)}.ranking-scope-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ranking-scope-controls .scope-toggle{grid-template-columns:repeat(3,minmax(86px,1fr))}.history-quarter-select{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.history-quarter-select select{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface);font:inherit;border-radius:8px;padding:0 34px 0 12px}.basic-stats-scope-toggle{margin-left:36px}.record-sort-toggle{grid-template-columns:repeat(2,minmax(86px,1fr));width:fit-content}.record-session-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.leaderboard-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:20px;display:grid}.leaderboard-panel-heading{justify-content:space-between;align-items:end;gap:14px;display:flex}.leaderboard-panel-heading h2,.game-rank-row h3,.yaku-detail h3{margin:0}.leaderboard-panel-heading span{color:var(--muted);line-height:1.5}.rank-table{display:grid;overflow-x:auto}.rank-table-row{border-top:1px solid var(--border);grid-template-columns:80px minmax(130px,1fr) repeat(4,minmax(96px,.7fr));align-items:center;gap:12px;min-width:760px;padding:14px 12px;display:grid}.rank-table-row.yaku-score-row{grid-template-columns:80px minmax(130px,1fr) repeat(4,minmax(110px,.7fr))}.rank-table-row.activity-rank-row{grid-template-columns:80px minmax(150px,1fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(120px,.8fr)}.rank-table-row.yaku-achievement-row{grid-template-columns:80px minmax(140px,1fr) minmax(120px,.8fr) repeat(8,minmax(72px,.45fr)) 52px;min-width:1080px}.rank-table-row.record-achievement-row{grid-template-columns:minmax(150px,1fr) repeat(5,minmax(76px,.45fr)) minmax(90px,.5fr) minmax(96px,.5fr) 28px;min-width:860px}.yaku-score-group-label.record-achievement-group-label{grid-template-columns:minmax(150px,1fr) repeat(5,minmax(76px,.45fr)) minmax(90px,.5fr) minmax(96px,.5fr) 44px;gap:12px;min-width:860px;font-size:15px}.yaku-score-group-label.record-achievement-group-label span{font-size:14px}.record-achievement-table .record-achievement-row{width:calc(100% - 36px);margin-left:36px}.record-achievement-total{color:var(--muted);justify-content:flex-end;align-items:baseline;gap:8px;font-size:13px;font-weight:800;display:flex}.record-achievement-total strong{color:var(--text);font-size:20px}.record-achievement-row>strong:first-child{color:var(--text)}.record-achievement-row .tier-column-title{font-size:15px}.record-basic-groups{gap:28px;display:grid}.record-basic-summary{margin-left:72px}.record-basic-group{gap:14px;display:grid}.record-basic-divider{background:var(--border);height:1px;margin:8px 0 2px}.record-subsection-heading{margin-top:4px}.record-basic-switches{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.record-basic-group h3{margin:0 0 0 72px;font-size:20px}.record-basic-stat-grid{margin-left:72px}.record-placement-panel{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:24px;margin-left:0;display:grid}.record-placement-line-panel,.record-placement-pie-panel{align-content:start;gap:12px;min-width:0;display:grid}.record-placement-line-panel h3,.record-placement-pie-panel h3{margin:0;font-size:20px;font-weight:900;line-height:1.2}.record-placement-chart{width:100%;height:auto;margin-top:42px;display:block;overflow:visible}.placement-grid{stroke:#1f2a231f;stroke-width:1px}.placement-line{fill:none;stroke:#1f2a236b;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.placement-point{fill:#fff;stroke-width:2.5px}.placement-point.placement-1,.placement-point.placement-2,.placement-point.placement-3,.placement-point.placement-4{fill:#fff}.placement-y-label,.placement-x-label{fill:var(--muted);font-size:11px;font-weight:500}.placement-1{color:#2f6f9f;fill:#2f6f9f;stroke:#2f6f9f}.placement-2{color:#3f8a5f;fill:#3f8a5f;stroke:#3f8a5f}.placement-3{color:#c89b2f;fill:#c89b2f;stroke:#c89b2f}.placement-4{color:#b9544d;fill:#b9544d;stroke:#b9544d}.record-placement-pie{justify-self:center;width:min(100%,320px);height:auto;overflow:visible}.placement-pie-segment{stroke:#fff;stroke-width:1.5px}.placement-pie-percent{fill:#fff;paint-order:stroke;stroke:#1f2a2329;stroke-width:2px;font-size:11px;font-weight:950}.placement-pie-label,.record-placement-pie .placement-pie-label{font-size:11px;font-weight:400}.rank-table-head{color:var(--muted);border-top:0;font-size:13px;font-weight:850}.hand-record-list,.game-rank-list{gap:14px;display:grid}.hand-record,.game-rank-card,.yaku-hand-detail{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:12px;padding:16px;display:grid}.hand-record.friend-game-card,.game-rank-card.friend-game-card,.yaku-hand-detail.friend-game-card{background:#eef8f2;border-color:#176b4f2e}.hand-record.practice-game-card,.game-rank-card.practice-game-card,.yaku-hand-detail.practice-game-card{background:#f2f5f7;border-color:#56718029}.hand-record-meta{grid-template-columns:auto minmax(180px,1fr) minmax(120px,.4fr) auto;align-items:center;gap:12px;display:grid}.hand-record-meta span{color:var(--muted)}.hand-record-meta strong:nth-child(3){min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hand-record-meta b,.game-rank-row b{color:var(--primary-strong);font-size:20px}.tile-line{flex-wrap:wrap;align-items:end;gap:8px 12px;min-height:56px;display:flex}.tile-group{align-items:end;display:inline-flex}.tile-line img{width:clamp(34px,4vw,46px);height:auto;display:block}.tile-line img.rotated,.tile-line img.added{width:clamp(44px,5.3vw,60px)}.tile-line.compact img{width:clamp(30px,3.4vw,40px)}.tile-line.compact img.rotated,.tile-line.compact img.added{width:clamp(39px,4.5vw,53px)}.tag-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-line span{color:var(--primary-strong);background:#fff;border-radius:8px;padding:8px 11px;font-size:16px;font-weight:850}.tag-line time,.game-rank-row time{color:var(--muted);margin-left:auto;font-size:14px;font-weight:700}.pagination-controls{justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;display:flex}.pagination-controls-inline{margin-top:0}.pagination-controls button{min-width:84px;color:var(--text);background:#fff;border:1px solid #176b4f38;border-radius:8px;font-weight:850}.pagination-controls button:disabled{cursor:not-allowed;opacity:.45}.pagination-controls span{color:var(--muted);font-size:14px;font-weight:800}.tier-explainer{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding:12px;font-size:13px;line-height:1.5;display:grid}.tier-explainer span{align-items:baseline;gap:6px;min-width:0;display:flex}.tier-explainer strong{color:var(--primary-strong)}.tier-dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000001f}.tier-column-title{white-space:nowrap;border-radius:999px;width:fit-content;padding:4px 7px;font-size:12px;font-weight:900;line-height:1.2;box-shadow:inset 0 0 0 1px #0000001f}.tier-diamond{color:#123447;background:#b9f2ff}.tier-platinum{color:#2f3a41;background:#e5e4e2}.tier-gold{color:#4c3300;background:#f6c453}.tier-roseGold{color:#5a242a;background:#f2a7a0}.tier-silver{color:#2f3841;background:#c8d0d8}.tier-bronze{color:#3f2714;background:#c98748}.tier-iron{color:#fff;background:#2d3135}.tier-none{color:var(--muted);background:#fff}.yaku-achievement-toggle{width:100%;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border-bottom:0;border-left:0;border-right:0}.yaku-achievement-toggle.active{background:var(--surface-soft)}.yaku-detail-arrow{width:44px;height:44px;color:var(--primary-strong);touch-action:manipulation;background:#fff;border:1px solid #176b4f2e;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.yaku-achievement-toggle.active .yaku-detail-arrow{background:var(--primary);color:#fff}.yaku-achievement-detail-row{border-top:1px solid var(--border);background:#fff;gap:8px;min-width:1080px;padding:14px 12px 16px 92px;display:grid}.yaku-achievement-point-row{grid-template-columns:88px minmax(0,1fr);align-items:start;gap:12px;display:grid}.yaku-achievement-point-row>strong{color:var(--muted);font-size:13px;line-height:1.8}.yaku-achievement-point-row>div{flex-wrap:wrap;gap:6px;display:flex}.yaku-achievement-chip{border-radius:7px;padding:5px 8px;font-size:13px;font-weight:850;line-height:1.25;box-shadow:inset 0 0 0 1px #0000001f}.game-rank-row{grid-template-columns:70px minmax(380px,1.25fr) minmax(210px,.45fr) 120px 88px 44px;align-items:center;gap:12px;display:grid}.game-rank-row p,.game-rank-row span{color:var(--muted);margin:4px 0 0;line-height:1.5}.game-rank-row>strong{font-size:20px}.session-player-list{flex-wrap:wrap;gap:6px 10px;display:flex}.game-rank-row .session-player-score{max-width:190px;color:var(--text);background:#fff;border-radius:6px;align-items:baseline;gap:5px;margin:0;padding:3px 7px;line-height:1.35;display:inline-flex}.game-rank-row .session-player-score.highlight{background:#fff2d8;border:1px solid #b33a2f57;box-shadow:inset 0 0 0 1px #ffffffc7}.game-rank-row .session-player-name{max-width:16ch;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:750;overflow:hidden}.game-rank-row .session-player-score b{color:var(--primary-strong);white-space:nowrap;font-size:14px}.game-rank-row .session-player-score.highlight b,.game-rank-row .session-player-score.highlight .session-player-name{color:#8f2c24}.session-detail-toggle{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--primary-strong);cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #176b4f2e;border-radius:999px;padding:0;font-size:12px;font-weight:900}.session-round-detail-panel{border-top:1px solid var(--border);border-left:2px solid #176b4f2e;gap:10px;margin-left:70px;padding:12px 0 0 18px;display:grid}.session-round-status{color:var(--muted);margin:0;font-size:14px;font-weight:750}.session-round-row{background:#fff;border:1px solid #d9ded8d9;border-radius:8px;gap:8px;padding:12px;display:grid}.session-round-row.draw{background:#ffffffb8}.session-round-meta{grid-template-columns:82px minmax(150px,.65fr) minmax(220px,1fr) auto}.session-round-meta>span:first-of-type{color:var(--muted);font-weight:800}.session-round-hand{gap:8px;padding-left:42px;display:grid}.session-round-extra-meta{border-top:1px dashed var(--border);padding-top:4px}.record-game-row{grid-template-columns:72px minmax(360px,1fr) minmax(130px,auto) 110px}.record-game-row-with-toggle{grid-template-columns:72px minmax(360px,1fr) minmax(130px,auto) 110px 44px}.yaku-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);align-items:start}.yaku-stat-layout{grid-template-columns:minmax(340px,.78fr) minmax(460px,1.22fr)}.yaku-list{gap:12px;display:grid}.yaku-stat-list{gap:8px;max-height:calc(100vh - 190px);padding-right:4px;overflow-y:auto}.yaku-score-group-label{border-radius:8px;grid-template-columns:minmax(120px,1fr) minmax(70px,.48fr) minmax(70px,.48fr) 44px;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;font-size:13px;font-weight:900;display:grid}.yaku-score-group-label span{text-align:left;font-size:12px}.yaku-group-toggle{width:44px;min-width:44px;height:44px;min-height:44px;color:inherit;cursor:pointer;touch-action:manipulation;background:#ffffffb8;border:1px solid #0000001f;border-radius:999px;justify-self:end;padding:0;font-size:11px;font-weight:900;line-height:1}.yaku-score-group-label.tier-limit-1{color:#7a2018;background:#ffe2d2}.yaku-score-group-label.tier-limit-2{color:#674000;background:#ffe9b5}.yaku-score-group-label.tier-limit-3{color:#18456b;background:#d9efff}.yaku-score-group-label.tier-limit-4{color:#24563b;background:#dff3e8}.yaku-score-group-label.tier-limit-5{color:#4b3f68;background:#ece6ff}.yaku-stat-row{border:1px solid var(--border);min-height:42px;color:var(--text);cursor:pointer;text-align:left;background:#fff;border-radius:8px;grid-template-columns:minmax(120px,1fr) minmax(70px,.48fr) minmax(70px,.48fr);align-items:center;gap:10px;margin-left:14px;padding:8px 10px;display:grid}.yaku-stat-row.active{background:var(--surface-soft);border-color:#176b4f73}.yaku-stat-head{z-index:1;background:var(--surface);min-height:34px;color:var(--muted);cursor:default;border-color:#0000;margin-left:0;font-size:13px;font-weight:850;position:sticky;top:82px}.yaku-stat-row strong{white-space:normal;min-width:0;line-height:1.25;overflow:visible}.yaku-detail .tile-line.compact{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.yaku-detail .tile-line.compact img{width:clamp(24px,2.4vw,34px)}.yaku-detail .tile-line.compact img.rotated,.yaku-detail .tile-line.compact img.added{width:clamp(32px,3.2vw,44px)}.yaku-row{border:1px solid var(--border);min-height:58px;color:var(--text);background:var(--surface-soft);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:48px minmax(0,1fr) 110px 90px;align-items:center;gap:12px;padding:10px 12px;display:grid}.yaku-row.active{background:#fff;border-color:#176b4f73}.tier-badge{color:#fff;background:var(--accent);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.yaku-detail{border:1px solid var(--border);background:#fff;border-radius:8px;gap:16px;max-height:calc(100vh - 132px);padding:18px;display:grid;position:sticky;top:112px;overflow-y:auto}.yaku-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.yaku-detail dl div{background:var(--surface-soft);border-radius:8px;padding:12px}.yaku-detail dt{color:var(--muted);font-size:13px;font-weight:800}.yaku-detail dd{margin:6px 0 0;font-weight:900}.yaku-detail h4{margin:0}.empty-state{color:var(--muted);margin:0}.stat-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.basic-stat-card-grid{padding-left:36px}.stat-card{border:1px solid var(--border);background:var(--surface-soft);text-align:center;border-radius:8px;gap:8px;padding:16px;display:grid}.stat-card span{color:var(--muted);text-align:left;font-size:20px;font-weight:850;line-height:1.1}.stat-card strong{color:var(--primary-strong);font-size:30px;line-height:1.1}.stat-card p{color:var(--muted);margin:0;line-height:1.5}.score-distribution-panel{gap:14px;padding:18px 0 0;display:grid}.win-tile-distribution-panel{border-top:1px solid var(--border);gap:14px;padding:28px 0 8px;display:grid}.score-distribution-panel h3,.win-tile-distribution-panel h3{margin:0;font-size:22px}.score-distribution-heading,.win-tile-distribution-heading{align-items:start}.score-distribution-heading-actions,.win-tile-distribution-heading-actions{justify-items:end;gap:8px;display:grid}.win-tile-distribution-scope-toggle{justify-self:end}.win-tile-chart-subheading{margin:20px 0 0;font-size:22px;line-height:1.2}.score-distribution-legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:14px;font-weight:800;display:flex}.score-distribution-mode-toggle{margin-left:36px}.win-tile-chart-frame{--win-tile-chart-height:300px;grid-template-columns:42px minmax(0,1fr);gap:8px;min-width:0;margin-left:54px;margin-right:54px;padding-top:14px;display:grid;position:relative}.win-tile-y-axis{height:var(--win-tile-chart-height);color:var(--muted);flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:12px;font-weight:800;display:flex}.win-tile-y-axis span{justify-content:flex-end;align-items:center;gap:6px;min-width:42px;display:inline-flex}.win-tile-y-axis span:after{content:"";background:var(--border);width:7px;height:1px}.win-tile-chart{min-width:0;min-height:calc(var(--win-tile-chart-height) + 54px);background:repeating-linear-gradient(to bottom, #263d3529 0, #263d3529 1px, transparent 1px, transparent calc(var(--win-tile-chart-height) / var(--win-tile-grid-steps)));background-size:100% var(--win-tile-chart-height);background-repeat:no-repeat;align-items:end;column-gap:3px;padding:0 4px;display:grid;position:relative}.win-tile-chart:before,.win-tile-chart:after{content:"";background:var(--border);pointer-events:none;position:absolute}.win-tile-chart:before{width:1px;height:var(--win-tile-chart-height);top:0;left:0}.win-tile-chart:after{left:0;right:0;top:var(--win-tile-chart-height);height:1px}.win-tile-bin{grid-template-rows:var(--win-tile-chart-height) 46px;align-self:stretch;justify-items:center;min-width:0;display:grid;position:relative}.win-tile-bar-track{width:clamp(5px,62%,16px);height:var(--win-tile-chart-height);z-index:1;flex-direction:column-reverse;align-items:stretch;display:flex}.win-tile-bar{background:#b87a36}.win-tile-bar.suit-man{background:#b85c78}.win-tile-bar.suit-pin{background:#b89b4f}.win-tile-bar.suit-sou{background:#5f9f75}.win-tile-bar.suit-honor{background:#4f6fb4}.win-tile-bin img{width:24px;height:auto;margin-top:8px}.score-distribution-legend span{align-items:center;gap:7px;display:inline-flex}.score-bar-key{border-radius:3px;width:12px;height:12px}.score-bar-key.selfdraw,.score-bar.selfdraw{background:#b85c78}.score-bar-key.discard,.score-bar.discard{background:#4f6fb4}.score-histogram-frame{--score-chart-height:420px;border-top:1px solid var(--border);grid-template-rows:auto;grid-template-columns:42px minmax(0,1fr);gap:8px;min-width:0;margin-left:54px;margin-right:54px;padding-top:14px;display:grid;position:relative}.score-y-axis{height:var(--score-chart-height);color:var(--muted);flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:12px;font-weight:800;display:flex}.score-y-axis span{justify-content:flex-end;align-items:center;gap:6px;min-width:42px;display:inline-flex}.score-y-axis span:after{content:"";background:var(--border);width:7px;height:1px}.score-origin-label{left:32px;top:calc(14px + var(--score-chart-height) + 13px);color:var(--muted);font-size:10px;font-weight:800;position:absolute}.score-histogram{min-width:0;min-height:calc(var(--score-chart-height) + 58px);grid-template-columns:repeat(40,minmax(0,1fr));align-items:end;column-gap:2px;padding:0 4px;display:grid;position:relative;overflow:visible}.score-histogram:before,.score-histogram:after{content:"";background:var(--border);pointer-events:none;position:absolute}.score-histogram:before{width:1px;height:var(--score-chart-height);top:0;left:0}.score-histogram:after{left:0;right:0;top:var(--score-chart-height);height:1px}.score-bin{grid-template-rows:var(--score-chart-height) 10px 52px;align-self:stretch;gap:0;min-width:0;display:grid;position:relative}.score-bin-bars{width:clamp(3px,72%,12px);height:var(--score-chart-height);z-index:1;flex-direction:column-reverse;justify-content:flex-start;justify-self:center;align-items:stretch;display:flex}.score-histogram.mode-grouped .score-bin-bars{width:clamp(8px,78%,24px)}.score-bar.selfdraw,.score-bar.discard{border-radius:0}.score-bin-tick{background:var(--border);justify-self:center;width:1px;height:6px}.score-bin-tick.major{background:var(--muted);height:11px}.score-bin-label{top:calc(var(--score-chart-height) + 22px);color:var(--muted);text-align:center;transform-origin:top;white-space:nowrap;pointer-events:none;font-size:10px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)rotate(-42deg)}.yaku-rose-panel{border-top:1px solid var(--border);gap:18px;margin-top:18px;padding:38px 0 0;display:grid}.yaku-rose-panel h3{margin:0;font-size:22px}.yaku-rose-heading{align-items:start}.yaku-rose-layout{grid-template-columns:1fr;align-items:start;gap:34px;padding:6px 54px 0;display:grid}.yaku-rose-chart{aspect-ratio:1;justify-self:center;width:100%;max-width:720px;overflow:visible}.yaku-rose-chart path{stroke:#fff;stroke-width:1.25px}.yaku-rose-core{fill:#fff;stroke:var(--border);stroke-width:1px}.yaku-rose-label{fill:var(--text);font-size:9px;font-weight:900}.yaku-rose-percent{fill:var(--muted);font-size:8px;font-weight:800}.yaku-rose-components{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 28px;display:grid}.yaku-rose-components article{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 0;display:grid}.yaku-rose-components strong{color:var(--text);font-size:18px}.yaku-rose-components span{color:var(--primary-strong);font-size:14px;font-weight:900}.yaku-rose-components p{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;gap:5px 8px;margin:0;font-size:12px;line-height:1.45;display:flex}.yaku-rose-components b{color:#fff;border-radius:4px;align-items:center;padding:2px 6px;font-weight:900;display:inline-flex}.yaku-distribution-panel{gap:14px;padding:22px 0 0;display:grid}.yaku-distribution-panel h3{margin:0;font-size:22px}.yaku-distribution-heading{align-items:start}.yaku-distribution-mode-toggle{grid-template-columns:repeat(3,minmax(86px,1fr));margin-left:36px}.yaku-distribution-chart{gap:8px;padding:12px 54px 0;display:grid}.yaku-distribution-row{grid-template-columns:minmax(170px,260px) minmax(0,1fr) minmax(72px,auto);align-items:center;gap:12px;min-height:42px;display:grid}.yaku-distribution-label{gap:2px;min-width:0;display:grid}.yaku-distribution-label strong{color:var(--text);font-size:17px;line-height:1.25}.yaku-distribution-label span,.yaku-distribution-value span{color:var(--muted);font-size:12px;font-weight:800}.yaku-distribution-bar-track{background:#37474f14;border:1px solid #37474f14;height:18px}.yaku-distribution-bar{height:100%;display:block}.yaku-distribution-chart.mode-major .yaku-distribution-bar{background:#b89b4f}.yaku-distribution-chart.mode-rareMajor .yaku-distribution-bar{background:#b85c78}.yaku-distribution-chart.mode-minor .yaku-distribution-bar{background:#4f6fb4}.yaku-distribution-value{color:var(--text);justify-items:end;gap:2px;display:grid}.yaku-distribution-value strong{font-size:14px}.record-yaku-radar-panel{border-top:1px solid var(--border);gap:18px;margin-top:34px;padding-top:28px;display:grid}.yaku-radar-heading{align-items:center}.yaku-radar-heading h3{margin:0;font-size:22px}.yaku-radar-legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:14px;font-size:13px;font-weight:800;display:flex}.yaku-radar-legend span{align-items:center;gap:6px;display:inline-flex}.yaku-radar-legend span:before{content:"";width:18px;height:3px}.yaku-radar-legend .average:before{background:#b85c78}.yaku-radar-legend .user:before{background:#4f6fb4}.yaku-radar-chart{justify-self:center;width:min(100%,640px);height:auto;overflow:visible}.yaku-radar-grid{fill:none;stroke:#37474f29;stroke-width:.7px}.yaku-radar-axis{stroke:#37474f1f;stroke-width:.7px}.yaku-radar-tick-dot{fill:#37474f6b}.yaku-radar-tick-label{fill:var(--muted);opacity:.82;font-size:6.5px;font-weight:700}.yaku-radar-area{stroke-width:1.8px;stroke-linejoin:round}.yaku-radar-area.average{fill:#b85c7826;stroke:#b85c78}.yaku-radar-area.user{fill:#4f6fb429;stroke:#4f6fb4}.yaku-radar-label{fill:var(--muted);font-size:9px;font-weight:700}.yaku-radar-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.yaku-radar-details article{border:1px solid var(--border);background:var(--surface);gap:8px;padding:14px;display:grid}.yaku-radar-details article>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.yaku-radar-details strong{color:var(--text);font-size:17px}.yaku-radar-details span{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800}.yaku-radar-details p{color:var(--muted);flex-wrap:wrap;gap:6px 8px;margin:0;font-size:12px;line-height:1.9;display:flex}.yaku-radar-details b{color:#fff;background:#4f6fb4;padding:2px 6px;font-size:12px}@media (width<=860px){.home-hero,.home-dashboard-grid{grid-template-columns:1fr}.home-hero{min-height:auto}.home-hero-copy{padding:12px 0 0}.home-media-carousel{height:260px}.home-live-row{grid-template-columns:1fr}.home-live-meta{flex-direction:column;align-items:flex-start;gap:4px}.home-live-row time{white-space:normal}.home-session-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{grid-template-columns:1fr auto;gap:12px;padding:12px 16px}.main-nav{grid-column:1/-1;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.main-nav a,.login-link,.language-toggle{flex:none}.page-frame{width:min(100% - 28px,1160px);padding-top:28px}.hero-section{grid-template-columns:1fr;align-items:start;gap:30px;min-height:auto}.hero-actions{flex-wrap:wrap}.header-actions{justify-content:flex-start}.article-groups,.article-grid,.content-with-sidebar{grid-template-columns:1fr}.rule-content-section{width:auto;margin-left:0;transform:none}.content-sidebar{padding-bottom:2px;display:flex;position:static;overflow-x:auto}.content-sidebar a{flex:none}.rule-groups,.article-footer-nav{grid-template-columns:1fr}.article-nav-card.disabled{display:none}.article-nav-card.align-right{text-align:left}.play-hero,.play-sections{grid-template-columns:1fr}.play-launch-button{min-height:76px;font-size:24px}.section-heading{flex-direction:column;align-items:start}.leaderboard-tabs,.yaku-layout,.yaku-stat-layout{grid-template-columns:1fr}.statistic-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.statistic-tabs button,.record-tabs button{padding:0 6px;font-size:13px}.record-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.record-session-toolbar{flex-direction:column;align-items:stretch}.record-sort-toggle{width:100%}.record-basic-group h3,.record-basic-summary,.record-placement-panel,.record-basic-stat-grid{margin-left:0}.record-placement-panel{grid-template-columns:1fr}.scope-toggle{width:100%}.ranking-scope-controls{flex-direction:column;align-items:stretch}.history-quarter-select{flex-direction:column;align-items:stretch;gap:6px}.history-quarter-select select{width:100%}.leaderboard-panel-heading{flex-direction:column;align-items:start}.game-rank-row{grid-template-columns:56px minmax(0,1fr) minmax(96px,auto) 44px;grid-template-areas:"rank summary summary toggle""player player score date";gap:10px 12px}.record-game-row{grid-template-columns:56px minmax(0,1fr) 44px;grid-template-areas:"rank summary toggle""score score date"}.game-rank-row>strong{grid-area:rank}.game-rank-summary{grid-area:summary;min-width:0}.game-rank-player{grid-area:player;min-width:0}.game-rank-score{grid-area:score}.game-rank-row time{text-align:right;grid-area:date;margin-left:0}.session-detail-toggle{grid-area:toggle}.session-round-detail-panel{margin-left:0;padding-left:12px}.session-round-meta{grid-template-columns:1fr minmax(90px,auto);grid-template-areas:"round score""room room""winner winner"}.session-round-meta>strong:first-child{grid-area:round}.session-round-meta>span{grid-area:room}.session-round-meta>strong:nth-child(3){grid-area:winner}.session-round-meta>b{text-align:right;grid-area:score}.session-round-hand{padding-left:0}.yaku-row{grid-template-columns:42px minmax(0,1fr)}.yaku-stat-row{grid-template-columns:minmax(120px,1fr) repeat(2,minmax(58px,auto))}.yaku-score-group-label{grid-template-columns:minmax(120px,1fr) repeat(2,minmax(58px,auto)) 44px}.yaku-score-group-label.record-achievement-group-label{grid-template-columns:minmax(150px,1fr) repeat(5,minmax(76px,.45fr)) minmax(90px,.5fr) minmax(96px,.5fr) 44px}.yaku-stat-head{position:static}.yaku-stat-list,.yaku-detail{max-height:none;overflow-y:visible}.tier-explainer{grid-template-columns:1fr}.yaku-detail{position:static}.yaku-detail dl{grid-template-columns:1fr}.stat-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-stat-card-grid{padding-left:0}.basic-stats-scope-toggle{margin-left:0}.score-distribution-panel{padding-left:0}.score-distribution-mode-toggle,.win-tile-chart-frame,.score-histogram-frame{margin-left:0;margin-right:0}.win-tile-distribution-heading-actions{justify-items:start}.win-tile-distribution-scope-toggle{justify-self:stretch}.win-tile-chart-frame{--win-tile-chart-height:220px;grid-template-columns:34px minmax(0,1fr)}.win-tile-y-axis span{min-width:34px}.win-tile-chart{column-gap:1px}.win-tile-bar-track{width:clamp(3px,58%,10px)}.win-tile-bin img{width:18px}.yaku-rose-layout{padding-left:0;padding-right:0}.yaku-rose-chart{max-width:560px}.yaku-rose-components{grid-template-columns:repeat(2,minmax(0,1fr))}.yaku-distribution-mode-toggle{grid-template-columns:repeat(3,minmax(0,1fr));margin-left:0}.yaku-distribution-chart{padding-left:0;padding-right:0}.yaku-distribution-row{grid-template-columns:1fr minmax(70px,auto);grid-template-areas:"label value""bar bar"}.yaku-distribution-label{grid-area:label}.yaku-distribution-bar-track{grid-area:bar}.yaku-distribution-value{grid-area:value}.yaku-radar-heading{align-items:start}.yaku-radar-legend{justify-content:flex-start}.yaku-radar-details{grid-template-columns:1fr}}@media (width<=640px){.stat-card-grid,.yaku-rose-components{grid-template-columns:1fr}}