*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,Arial,sans-serif;background:linear-gradient(135deg,#1e3a8a,#3b82f6);min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.admin-page{justify-content:flex-start}.logo-container{position:absolute;top:20px;right:20px;z-index:100}.company-logo{height:40px;width:auto;opacity:.8;transition:opacity .3s ease}.company-logo:hover{opacity:1}.container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:600px;overflow:hidden}.container.wide{max-width:1100px}.admin-page .container{overflow:visible}.screen{padding:40px;min-height:500px}h1{text-align:center;color:#333;margin-bottom:30px;font-size:2.5rem}h2{color:#333;margin-bottom:20px}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;font-weight:600;color:#555}.radio-group{display:flex;gap:20px;flex-wrap:wrap}.radio-group label{display:flex;align-items:center;gap:8px;margin-bottom:0;font-weight:400}input[type=text],input[type=password],input[type=number]{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus{outline:none;border-color:#3b82f6}.btn{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:block;margin:0 auto;font-weight:600}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn.secondary{background:#6c757d}.btn.danger{background:linear-gradient(135deg,#dc3545,#c82333)}.btn.small{padding:6px 14px;font-size:13px;margin:0}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;margin-bottom:30px;overflow:hidden}.progress{height:100%;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:4px;transition:width .3s ease}.question-container{text-align:center}.question-number{font-size:1.2rem;color:#3b82f6;margin-bottom:10px}.question-text{font-size:1.3rem;color:#333;margin-bottom:30px;line-height:1.6}.choices{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.choices label{background:#f8f9fa;padding:15px;border-radius:10px;cursor:pointer;transition:all .3s;display:flex;align-items:center;text-align:left;font-weight:400;margin-bottom:0;color:#333}.choices label:hover{background:#e9ecef;transform:translate(5px)}.choices label.selected{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.choices input[type=radio]{margin-right:8px}.question-top{margin-bottom:8px}.back-btn{background:none;border:none;color:#666;font-size:.9rem;cursor:pointer;padding:4px 10px;border-radius:6px;transition:background .2s}.back-btn:hover{background:#f0f0f0}.back-btn:disabled{color:#ccc;cursor:default;background:none}.tap-hint{color:#999;font-size:.8rem;text-align:center}.loading{text-align:center;padding:60px 0}.spinner{width:60px;height:60px;border:4px solid #e9ecef;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-bar{width:300px;max-width:100%;height:20px;background:#e9ecef;border-radius:10px;margin:20px auto;overflow:hidden}.status-progress{height:100%;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:10px;animation:progress 3s ease-in-out forwards}@keyframes progress{0%{width:0%}to{width:100%}}.result-type{text-align:center;margin:30px 0;padding:30px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:15px}.result-type h1{font-size:3rem;margin-bottom:15px;color:#fff}.result-type p{font-size:1.2rem;line-height:1.6}.result-radar{display:flex;justify-content:center;margin:25px 0 10px}.restart-btn{margin-top:10px}.result-view h2{font-size:1.05rem;text-align:center;margin-bottom:10px;color:#555}.result-view .result-type{margin:10px 0;padding:14px 16px;border-radius:12px}.result-view .result-type h1{font-size:1.8rem;margin-bottom:6px}.result-view .result-type p{font-size:.85rem;line-height:1.55}.result-view .result-radar{margin:8px 0 0}.result-view .score-breakdown{margin:10px 0}.result-view .score-breakdown h3{font-size:.9rem;margin-bottom:8px}.result-view .scores{gap:8px}.result-view .score-item{padding:8px 12px;font-size:.88rem}.result-view .score-item span:last-child{font-size:1rem}.result-view .restart-btn{margin-top:12px;padding:9px 24px;font-size:14px}.score-breakdown{margin:30px 0}.score-breakdown h3{text-align:center;margin-bottom:20px;color:#333}.scores{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.score-item{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.score-item span:last-child{font-weight:700;color:#3b82f6;font-size:1.2rem}.login-form{max-width:400px;margin:0 auto}.error-message{color:#dc3545;text-align:center;margin-top:15px;font-weight:500;min-height:20px}.admin-header{position:sticky;top:0;z-index:500;background:#fff;display:flex;justify-content:space-between;align-items:center;margin:-40px -40px 25px;padding:18px 40px 14px;border-bottom:2px solid #e9ecef;border-radius:20px 20px 0 0}.admin-header h1{margin-bottom:0;font-size:1.5rem;text-align:left}.hamburger-btn{background:none;border:none;color:#333;cursor:pointer;padding:8px;border-radius:8px;display:inline-flex;transition:background .2s}.hamburger-btn:hover{background:#f0f0f0}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900}.admin-menu{position:absolute;top:calc(100% + 4px);right:20px;z-index:1000;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;min-width:220px;padding:8px;display:flex;flex-direction:column}.menu-item{display:block;padding:12px 16px;color:#333;text-decoration:none;border-radius:8px;font-size:.95rem;font-weight:600;background:none;border:none;text-align:left;cursor:pointer;transition:background .15s}.menu-item:hover{background:#f0f4ff}.menu-item.active{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.menu-logout{border-top:1px solid #eee;border-radius:0 0 8px 8px;color:#dc3545;margin-top:4px}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:15px}.filter-bar label{margin-bottom:0;white-space:nowrap}.filter-bar select{padding:8px;border:1px solid #ddd;border-radius:5px;font-size:14px}.tools-panel h2{font-size:1.1rem;margin-bottom:12px}.tools-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tools-group{display:inline-flex;align-items:center;gap:6px}.tools-group label{margin-bottom:0;font-size:.85rem;white-space:nowrap}.tools-row input[type=number]{width:60px;padding:6px;border:1px solid #ddd;border-radius:5px;font-size:13px}.tools-row .btn{margin:0}.stats-section{margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.stat-item{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid #3b82f6}.stat-label{font-weight:600;color:#555}.stat-value{font-size:1.5rem;font-weight:700;color:#3b82f6}.results-section{margin-bottom:30px}.table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid #ddd;font-size:.9rem}th{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-weight:600}tbody tr:hover{background:#f8f9fa}.team-badge{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:15px;font-size:12px;font-weight:600;white-space:nowrap}.cell-chart{display:none}.radar-grid{fill:none;stroke:#e5e7eb;stroke-width:1}.radar-shape{fill:#3b82f659;stroke:#1d4ed8;stroke-width:1.5;stroke-linejoin:round}.radar-label{font-size:9px;font-weight:600}.radar-label.label-a{fill:#1d4ed8}.radar-label.label-p{fill:#c2570b}.radar-label.label-s{fill:#15803d}.radar-label.label-c{fill:#b91c1c}.aff-badge{display:none}.btn-trash{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;transition:background .2s,color .2s}.btn-trash:hover{background:#fde8e8;color:#b91c1c}.type-select{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;min-width:120px}.modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background-color:#00000080}.modal-content{background-color:#fff;margin:5% auto;padding:20px;border-radius:10px;width:80%;max-width:800px;max-height:80%;overflow-y:auto;position:relative}.close{color:#aaa;font-size:28px;font-weight:700;position:absolute;right:20px;top:15px;cursor:pointer}.close:hover{color:#000}.team-group{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #3b82f6}.team-group h3{margin-bottom:10px;color:#333}.team-member{padding:8px;margin:5px 0;background:#fff;border-radius:5px}.member-info{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.member-name{font-weight:600}.member-grade{color:#666;font-size:.9rem}.member-type{background:#e9ecef;padding:3px 8px;border-radius:12px;font-size:.8rem;color:#495057}.panel{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.panel-note{color:#666;font-size:.9rem;margin-bottom:15px}.grade-list{margin-bottom:15px}.grade-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:5px;margin-bottom:8px}.grade-row .inactive{color:#aaa;text-decoration:line-through}.grade-label{display:flex;align-items:center;gap:10px;min-width:0}.order-buttons{display:flex;gap:4px}.btn.order-btn{padding:2px 10px;font-size:13px;border-radius:6px}.grade-actions{display:flex;gap:8px}.grade-add{display:flex;gap:10px}.grade-add input{flex:1}.grade-add .btn{margin:0;padding:8px 20px}.panel-subtitle{font-size:.95rem;color:#333;margin:18px 0 8px}.user-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.user-form input{flex:1;min-width:160px;padding:8px;border:1px solid #ddd;border-radius:5px;font-size:14px}.user-form .btn{margin:0}.self-badge{background:#3b82f6;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:8px}.update-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;flex-wrap:wrap}.update-row .btn{margin:0;padding:8px 18px;font-size:14px}.release-notes{background:#fff;border-radius:5px;padding:12px;font-size:.85rem;white-space:pre-wrap;max-height:200px;overflow-y:auto;margin-bottom:10px}.update-message{color:#1e40af;font-weight:600}.site-footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding:4px 10px 8px;color:#ffffffd9;font-size:.8rem}.footer-logo{height:26px;width:auto;opacity:.9}.footer-version{background:#ffffff26;padding:1px 8px;border-radius:10px;font-size:.72rem}@media (max-width: 900px){.admin-page{padding:0}.admin-page .container{border-radius:0;box-shadow:none;max-width:100%}.admin-page .screen{padding:14px 10px}.admin-header{margin:-14px -10px 20px;padding:12px 10px;border-radius:0}.admin-menu{right:6px}.panel{padding:14px 10px}.table-container{background:transparent;box-shadow:none;border-radius:0}.results-section table,.results-section tbody{display:block;width:100%}.results-section thead{display:none}.results-section tr{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:4px;padding:8px 84px 8px 2px;border-bottom:1px solid #ddd;position:relative;min-height:120px}.results-section tbody tr:before{content:"";width:100%;order:0;row-gap:0}.results-section tbody tr:hover{background:transparent}.results-section td{display:inline-flex;align-items:center;gap:2px;border:none;padding:0;font-size:.8rem;color:#555}.results-section td:empty{display:none}.results-section td:before{content:attr(data-short);color:#999;font-size:.72rem}.results-section .cell-name{order:-3;font-size:1rem;font-weight:600;color:#222}.results-section .cell-type{order:-2;font-size:.85rem;color:#1e40af;font-weight:600}.results-section .row-actions{position:absolute;top:8px;right:4px;display:inline-flex;align-items:center;gap:6px}.aff-badge{display:inline-block;background:#eef1f5;color:#556070;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-section .cell-chart{display:inline-flex;position:absolute;top:34px;right:0;padding:0}.results-section .cell-aff{display:none}.results-section .cell-grade{order:2}.results-section .cell-score{order:3;padding:1px 8px;border-radius:10px;font-weight:700;font-size:.8rem}.results-section .cell-score:before{content:attr(data-short);font-size:.72rem;font-weight:600;opacity:.75;color:inherit;margin-right:2px}.results-section .cell-score[data-short=ア]{background:#e0ecff;color:#1d4ed8}.results-section .cell-score[data-short=プ]{background:#fff1df;color:#c2570b}.results-section .cell-score[data-short=サ]{background:#e2f7e9;color:#15803d}.results-section .cell-score[data-short=コ]{background:#fde8e8;color:#b91c1c}.results-section .cell-meta{order:5}.results-section .cell-team{order:6}.results-section .cell-time{order:10;width:100%;font-size:.7rem;color:#aaa}}@media (max-width: 768px){.filter-bar select{flex:1}.tools-row{flex-direction:column;align-items:stretch}.tools-group{justify-content:space-between}.tools-row>.btn{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{padding:10px 12px}.stat-value{font-size:1.2rem}.modal-content{width:95%;margin:2% auto}.update-row{flex-direction:column;align-items:stretch;text-align:center}.grade-row{flex-wrap:wrap;gap:8px}}@media (max-width: 480px){.page{padding:10px}.screen{padding:20px}h1{font-size:2rem}.choices{gap:10px}.scores{grid-template-columns:1fr}.result-view .scores{grid-template-columns:repeat(2,1fr)}.result-view .result-type h1{font-size:1.5rem}.result-view .score-item{padding:6px 10px;font-size:.8rem}.logo-container{top:10px;right:10px}.company-logo{height:30px}}