:root{color:#263650;font-synthesis:none;background:#f4f7fc;font-family:Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{background:linear-gradient(120deg,#fff 20%,#eef5ff 100%);border-bottom:1px solid #e0e8f3;justify-content:space-between;align-items:start;gap:16px;padding:36px max(24px,50vw - 600px);display:flex}header h1{color:#294779;margin:4px 0;font-size:clamp(28px,5vw,46px)}header p{color:#62738d;margin:0}small{color:#637794}.badge{white-space:nowrap;color:#4b6996;background:#fff;border:1px solid #c8d7eb;border-radius:20px;padding:8px 12px;font-size:12px}nav{z-index:2;background:#fff;gap:6px;padding:12px max(20px,50vw - 600px);display:flex;position:sticky;top:0;overflow:auto;box-shadow:0 2px 12px #2449750d}button{color:#345580;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd9ec;border-radius:9px;padding:9px 14px;font-weight:600}button:hover{background:#edf4ff;border-color:#85a8d9}button.active,.primary{color:#fff;background:#537ed0;border-color:#537ed0}button.active:hover,.primary:hover{color:#fff;background:#426dbf}button:disabled{opacity:.5;cursor:wait}main{max-width:1200px;margin:auto;padding:14px 20px 60px}.notice{color:#60748d;min-height:24px;font-size:13px}section{background:#fff;border:1px solid #e2eaf4;border-radius:16px;padding:24px;box-shadow:0 6px 24px #294f8010}h2{color:#294779;margin:3px 0 15px;font-size:27px}h3{color:#365781}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;display:flex}p{color:#60718a;line-height:1.7}.scroll{border:1px solid #e0e8f2;border-radius:10px;overflow:auto}table{border-collapse:collapse;text-align:center;width:max-content;min-width:0;font-size:15px}th{color:#526985;white-space:nowrap;background:#eef4fc;font-weight:600}td,th{white-space:nowrap;text-align:center;border-bottom:1px solid #eaf0f7;padding:4px 5px;line-height:1.2}th:nth-child(3),td:nth-child(3){min-width:calc(5ch + 10px)}th:not(:last-child),td:not(:last-child){border-right:1px solid #c7d6e8}th:nth-child(n+5):nth-child(-n+8),td:nth-child(n+5):nth-child(-n+8){text-align:center;width:1%;padding-left:4px;padding-right:4px}th{padding-top:8px;padding-bottom:8px}tbody tr:nth-child(2n){background:#f8faff}tbody td:first-child{font-weight:700}.player{text-align:left;white-space:nowrap;width:1%;font-weight:600}.player img,.player .avatar{vertical-align:middle;margin-right:7px}th:nth-child(2){text-align:left;width:1%}.player img,.selection img,.icon-setting img,.avatar{object-fit:cover;border-radius:50%;width:34px;height:34px}.avatar{color:#45689d;background:#e3edfc;place-items:center;display:inline-grid}.point{color:#3968b2;font-weight:700}.selection{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.selection label{background:#f4f7fc;border-radius:8px;align-items:center;gap:7px;padding:8px;font-size:14px;display:flex}.tables{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}article{background:#f7faff;border:1px solid #dce8f6;border-radius:10px;margin:12px 0;padding:16px}article h3{margin:0 0 12px}input,select,textarea{color:#263650;font:inherit;background:#fff;border:1px solid #c3d2e4;border-radius:6px;padding:8px}input[type=checkbox]{accent-color:#537ed0}input[type=number]{width:72px}textarea{resize:vertical;width:100%;margin:12px 0;display:block}.seat{align-items:center;gap:10px;margin:8px 0;display:flex}.seat span{color:#6e85a4}.seat select{width:100%}.formrow{flex-wrap:wrap;gap:15px;display:flex}.formrow label{align-items:center;gap:8px;display:flex}.import-seat{border-top:1px solid #dce8f6;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.import-seat small{letter-spacing:0;display:block}.import-seat select{max-width:50%}.icon-setting{align-items:center;gap:10px;margin:12px 0;display:flex}footer{text-align:center;color:#8a9ab0;padding:20px;font-size:12px}@media (width<=600px){header{padding:24px 18px}header p{font-size:13px}section{padding:16px}nav{padding:10px}main{padding:8px 10px 40px}.section-head>div:last-child{gap:4px;display:flex}.section-head button{font-size:12px}.import-seat{flex-direction:column;align-items:start}.import-seat select{width:100%;max-width:none}}.match-history{background:#fff;border:1px solid #dce8f6;border-radius:8px;margin:14px 0;padding:12px}.match-links{flex-wrap:wrap;gap:6px;display:flex}.match-links a,.match-links span{border-radius:6px;padding:6px 9px;font-size:12px;display:inline-block}.match-links a{color:#315f9f;background:#e8f1ff;font-weight:700;text-decoration:none}.match-links span{color:#6c7988;background:#f0f2f5}.match-status{margin:10px 0 4px;font-weight:700}.match-results{margin:0;padding:0;list-style:none}.match-results li{border-bottom:1px solid #edf1f7;padding:4px 0;font-size:14px}.match-results li:last-child{border-bottom:0}.match-results span{color:#64758c;white-space:nowrap;font-size:12px}.score-tabs,.model-tabs,.graph-actions{flex-wrap:wrap;gap:7px;margin:12px 0 18px;display:flex}.naga-stats{min-width:0}.naga-stats th:nth-child(n),.naga-stats td:nth-child(n){width:auto}.naga-stats .player{width:1%}.naga-stats th,.naga-stats td{padding:5px 10px}.note{font-size:13px}.graph-choices{flex-wrap:wrap;gap:8px 15px;margin:12px 0 18px;display:flex}.graph-choices label{align-items:center;gap:5px;font-size:13px;display:flex}.graph-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.graph-scroll{background:#fff;border:1px solid #e0e8f2;border-radius:10px;overflow-x:auto}.graph-scroll svg{display:block}.graph-scroll circle:focus{stroke:#102e54;stroke-width:3px;outline:none}.delete-entry{color:#a63b3b;border-color:#e5bcbc}.delete-entry:hover{background:#fff0f0;border-color:#c76f6f}.notice.notice-warning,.attention{color:#b42318;font-weight:700}.notice.notice-warning{background:#fff2f0;border-left:4px solid #d13e32;border-radius:4px;padding:8px 12px}.attention{background:#fff2f0;border-radius:6px;padding:7px 9px}