*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{color:#f3f3f3;background:#0b3d2e;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-size:16px;line-height:1.5}.container{max-width:640px;margin:0 auto;padding:12px 14px 80px}h1{text-align:center;letter-spacing:.05em;margin:8px 0 16px;font-size:22px}h2{background:#ffffff14;border-left:3px solid #f3c969;border-radius:4px;margin:22px 0 10px;padding:6px 10px;font-size:15px}.row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.btn{color:#eee;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;appearance:none;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;flex:1;min-width:64px;padding:10px 8px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.btn *,ruby,rt{pointer-events:none}.calc-btn,.reset-btn,.counter button{touch-action:manipulation;appearance:none}.btn:active{transform:scale(.97)}.btn.active{color:#0b3d2e;background:#f3c969;border-color:#f3c969;font-weight:700}.btn.small{flex:none;min-width:0;padding:8px 12px;font-size:13px}.toggle-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.toggle-grid .btn{padding:9px 6px;font-size:13px}.yaku-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.yaku-grid .btn{padding:9px 6px;font-size:13px}.counter{align-items:center;gap:10px;display:flex}.counter button{color:#0b3d2e;cursor:pointer;background:#f3c969;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;font-weight:700}.counter span{text-align:center;min-width:24px;font-size:17px;font-weight:700}.label{opacity:.85;margin-bottom:4px;font-size:13px}.subgroup{background:#0000002e;border-radius:8px;margin:8px 0;padding:10px}.subgroup .label{color:#f3c969;margin-bottom:8px;font-weight:700}.calc-btn{color:#0b3d2e;cursor:pointer;background:#f3c969;border:none;border-radius:10px;width:100%;margin:24px 0 12px;padding:16px;font-size:17px;font-weight:700;display:block}.reset-btn{color:#eee;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;width:100%;margin:4px 0;padding:10px;font-size:13px;display:block}.result{color:#1a1a1a;background:#fffffff2;border-radius:12px;margin-top:16px;padding:16px}.result h3{color:#555;margin:0 0 8px;font-size:14px;font-weight:600}.result .big{color:#c0392b;text-align:center;margin:8px 0;font-size:28px;font-weight:800;line-height:1.2}.result .rank{text-align:center;color:#f3c969;background:#0b3d2e;border-radius:6px;margin:4px auto;padding:6px 12px;font-size:16px;font-weight:700;display:inline-block}.result .rank-wrap{text-align:center;margin:4px 0 12px}.result ul{margin:6px 0;padding-left:18px}.result li{font-size:14px;line-height:1.7}.result .summary{text-align:center;margin:8px 0;font-size:17px;font-weight:700}.result .errors{color:#c0392b;margin-bottom:8px;font-weight:700}.mentsu-card{background:#0000001f;border:1px solid #ffffff2e;border-radius:8px;margin-bottom:8px;padding:8px}.mentsu-card .label{color:#f3c969;font-weight:700}.note{opacity:.7;margin-top:4px;font-size:12px}hr{border:none;border-top:1px solid #ffffff26;margin:16px 0}ruby{ruby-position:over}rt{opacity:.85;letter-spacing:0;font-size:.65em;font-weight:400}.btn ruby rt{color:inherit}.btn.active ruby rt{color:#0b3d2e}.btn-wrap{flex:1;min-width:64px;display:flex;position:relative}.btn-wrap .btn{flex:1;padding-right:24px}.info-mark{color:#0b3d2e;cursor:pointer;text-align:center;appearance:none;touch-action:manipulation;z-index:2;background:#f3c969d9;border:none;border-radius:50%;width:20px;height:20px;padding:0;font-size:12px;font-weight:800;line-height:20px;position:absolute;top:2px;right:2px}.btn.active+.info-mark{color:#f3c969;background:#0b3d2e}.info-mark:active{transform:scale(.9)}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{color:#1a1a1a;background:#fff;border-radius:12px;width:100%;max-width:420px;max-height:80vh;padding:20px;overflow-y:auto}.modal h3{color:#0b3d2e;margin:0 0 6px;font-size:18px}.modal .reading{color:#888;margin-bottom:8px;font-size:12px}.modal .han-tag{color:#0b3d2e;background:#f3c969;border-radius:4px;margin-bottom:12px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.modal .desc{margin:8px 0;font-size:14px;line-height:2.4}.modal .example{color:#555;background:#f5f5f5;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:13px;line-height:2.4}.modal rt{color:#888;font-weight:400}.modal .han-tag rt{color:#5a3d00}.modal-close{color:#f3c969;cursor:pointer;appearance:none;background:#0b3d2e;border:none;border-radius:8px;width:100%;margin-top:16px;padding:10px;font-size:14px;font-weight:700;display:block}