: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 .seat-avatar{object-fit:cover;border-radius:50%;flex:0 0 34px;width:34px;height:34px}.seat select{width:100%;min-width:0}.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}.score-table{border:1px solid #9fb3cc}.score-table th:last-child,.score-table td:last-child{border-right:1px solid #9fb3cc}.score-table th:first-child,.score-table td:first-child{border-left:1px solid #9fb3cc}.score-table thead th{border-top:1px solid #9fb3cc}.score-table tbody tr:last-child td{border-bottom:1px solid #9fb3cc}.score-table tbody tr.ai-row td.player,.naga-stats tbody tr.ai-row td.player{font-family:Yu Mincho,Hiragino Mincho ProN,Noto Serif JP,serif;font-weight:700}.join-form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.join-form label{flex-direction:column;gap:5px;display:flex}.join-form input{max-width:100%}.member-sheet{max-width:1100px;margin:auto}.member-sheet h2{margin-bottom:0}.member-intro{margin:0 0 14px}.member-group{margin:16px 0}.member-group h3{border-left:4px solid #6194df;margin:0 0 8px;padding-left:10px;font-size:20px}.member-group h3 span{float:right;color:#7185a0;font-size:14px;font-weight:400}.member-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.member-card{background:#f7faff;border:1px solid #dce8f6;border-radius:9px;align-items:center;gap:10px;min-width:0;padding:7px;display:flex}.member-card img,.member-placeholder{object-fit:contain;flex:none;width:72px;height:72px}.member-placeholder{color:#45689d;background:#e3edfc;place-items:center;font-size:24px;display:grid}.member-card strong{overflow-wrap:anywhere;font-size:clamp(15px,1.7vw,21px)}.member-note{margin:14px 0 3px}.member-join{color:#163f79;background:#d9ebff;border:1px solid #b5d6fb;border-radius:9px;margin:0;padding:8px 15px;font-size:21px;font-weight:800;display:inline-block}@media (width<=700px){.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.member-card{gap:6px;padding:5px}.member-card img,.member-placeholder{width:48px;height:48px}.member-card strong{font-size:14px}.member-join{font-size:17px}}.directory-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;max-height:440px;margin-top:14px;display:grid;overflow:auto}.directory-member{text-align:left;white-space:normal;align-items:center;gap:9px;padding:7px;display:flex}.directory-member.selected{background:#e3efff;border-color:#537ed0}.directory-member:disabled{opacity:.55;cursor:default}.directory-member img,.directory-member .avatar{object-fit:contain;flex:none;width:42px;height:42px}.directory-member small{font-size:11px;font-weight:400;display:block}.directory-member strong{overflow-wrap:anywhere}@media (width<=600px){.directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-member{gap:5px}.directory-member img,.directory-member .avatar{width:34px;height:34px}}.directory-member .directory-fallback{display:none}.directory-member img[hidden]+.directory-fallback{display:inline-grid}.directory-item{gap:4px;min-width:0;display:flex}.directory-item .directory-member{flex:1;min-width:0}.directory-hide{color:#ac3d43;align-self:center;padding:7px 6px;font-size:12px}.hidden-members{margin:14px 0}.hidden-members summary{cursor:pointer;color:#345580}.hidden-member{justify-content:space-between;align-items:center;gap:10px;max-width:350px;padding:4px 0;display:flex}.hidden-member button{padding:5px 10px}.member-movable{cursor:grab}.member-movable:active,.reserve-item:active{cursor:grabbing}.member-movable button{margin-left:auto;padding:7px;font-size:12px}.member-drop{border:1px dashed #b5c9e4;border-radius:10px;padding:12px}.member-drop h4{color:#365781;margin:14px 0 8px}.reserve-list{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));max-height:460px}.reserve-item{cursor:grab;background:#f7faff;border:1px solid #dce8f6;border-radius:8px;align-items:center;padding:5px}.reserve-person{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.reserve-person img,.reserve-person .avatar{object-fit:contain;flex:none;width:42px;height:42px}.reserve-person strong{overflow-wrap:anywhere}.reserve-person small{font-size:11px;display:block}.reserve-item button{padding:7px;font-size:12px}.reserve-person .directory-fallback{display:none}.reserve-person img[hidden]+.directory-fallback{display:inline-grid}@media (width<=600px){.member-movable{flex-wrap:wrap}.member-movable button{margin-left:auto}.reserve-list{grid-template-columns:1fr}.reserve-person img,.reserve-person .avatar{width:38px;height:38px}}.member-drag-target{z-index:10;color:#fff;text-align:center;background:#345faa;border:3px dashed #d6e7ff;border-radius:14px;width:min(90vw,480px);padding:20px;font-weight:700;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #243b6480}