*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#111;color:#ddd;font-family:Segoe UI,sans-serif;font-size:14px}.container{max-width:1100px;margin:0 auto;padding:2rem 1rem 4rem}h1{font-size:2rem;color:#f5c842;letter-spacing:1px}.subtitle{color:#888;margin-top:.25rem;margin-bottom:1.5rem}.input-row{display:flex;gap:.5rem;margin-bottom:1rem}.input-row input{flex:1 1;padding:.6rem .9rem;background:#1e1e1e;border:1px solid #333;border-radius:6px;color:#eee;font-size:14px}.input-row input:focus{outline:none;border-color:#f5c842}.btn{padding:.6rem 1.4rem;background:#f5c842;color:#111;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.error{background:#3a0000;color:#ff6b6b;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.report-title{font-size:1.25rem;color:#f5c842;margin:1.5rem 0 1rem}.section-label{font-size:11px;text-transform:uppercase;color:#666;letter-spacing:1px;margin-bottom:.4rem}.tab-row{flex-wrap:wrap}.tab,.tab-row{display:flex;gap:.4rem}.tab{padding:.4rem .9rem;background:#1e1e1e;border:1px solid #333;border-radius:6px;color:#bbb;cursor:pointer;font-size:13px;align-items:center}.tab:hover{border-color:#555}.tab.active{background:#2a2a2a;border-color:#f5c842;color:#fff}.tab.has-kill{border-color:#3a6b3a}.rankings-tab{border-color:#4a3a6b}.rankings-tab.active{border-color:#9482c9;color:#9482c9}.badge{font-size:10px;padding:.15rem .4rem;border-radius:4px;font-weight:700}.badge-kill{background:#1a4a1a;color:#6fcf6f}.badge-wipe{background:#3a1a1a;color:#cf6f6f}.kill-tab{border-color:#2a5a2a}.wipe-tab{border-color:#3a1a1a}.kill-tab.active{border-color:#4aaa4a;color:#6fcf6f}.wipe-tab.active{border-color:#aa4a4a;color:#cf6f6f}.score-bar{display:flex;height:28px;border-radius:6px;overflow:hidden;margin:1.25rem 0 .75rem;background:#1a1a1a}.score-good{background:#1a4a1a;color:#6fcf6f}.score-bad,.score-good{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:width .3s}.score-bad{background:#3a1a1a;color:#cf6f6f}.table-wrap{overflow-x:auto;border-radius:8px;border:1px solid #222}table{width:100%;border-collapse:collapse}th{background:#1a1a1a;padding:.5rem .7rem;text-align:center;font-size:12px;color:#aaa;border-bottom:1px solid #222;white-space:nowrap}.th-player{text-align:left;min-width:120px}td{padding:.4rem .7rem;border-bottom:1px solid #1a1a1a}.group-header{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#888}.pre-header{background:#161b1f}.pot-header{background:#1a1616}.class-group-row td{background:#161616;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:.4rem .8rem;border-bottom:1px solid #222;border-top:1px solid #222}.player-name{font-weight:600}.center{text-align:center}.na{color:#333;font-size:12px}.check{color:#6fcf6f}.check,.cross{font-weight:700}.cross{color:#cf6f6f}.row-good{background:rgba(50,120,50,.1);border-left:3px solid #2a5a2a}.row-bad{background:rgba(120,30,30,.1);border-left:3px solid #5a2a2a}.summary{margin-top:1.5rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1rem 1.25rem}.summary h3{color:#cf6f6f;margin-bottom:.75rem;font-size:1rem}.summary ul{list-style:none;display:flex;flex-direction:column;gap:.4rem}.summary li{display:flex;align-items:center;gap:.5rem}.missing-tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{background:#2a1a1a;color:#cf6f6f;border:1px solid #4a2a2a;border-radius:4px;font-size:11px;padding:.15rem .5rem}.rank-subtitle{font-size:12px;color:#555;margin:.75rem 0 .5rem;font-style:italic}.rankings-wrap{display:flex;gap:2rem;margin-top:.5rem;flex-wrap:wrap}.rank-section{flex:1 1;min-width:280px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1rem 1.25rem}.rank-title{font-size:.95rem;margin-bottom:.85rem;letter-spacing:.5px}.rank-title-good{color:#6fcf6f}.rank-title-bad{color:#cf6f6f}.rank-row{display:grid;grid-template-columns:1.5rem 7rem 5.5rem 1fr 4rem 1rem;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.45rem .3rem;border-bottom:1px solid #222;border-radius:4px}.rank-row:last-child{border-bottom:none}.rank-clickable{cursor:pointer}.rank-clickable:hover{background:#222}.rank-num{color:#666;font-size:13px;text-align:center}.rank-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-class{font-size:11px;opacity:.8}.rank-bar-wrap{height:8px;background:#111;border-radius:4px;overflow:hidden}.rank-bar{height:100%;border-radius:4px;transition:width .3s}.rank-score{font-size:12px;color:#ddd;text-align:right;font-weight:600}.rank-denom{color:#555;font-weight:400}.rank-arrow{color:#555;font-size:16px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:#1a1a1a;border:1px solid #333;border-radius:10px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #2a2a2a;flex-shrink:0}.modal-player-name{font-size:1.15rem;font-weight:700}.modal-class{font-size:.85rem;font-weight:400;color:#666}.modal-close{background:none;border:none;color:#666;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px}.modal-close:hover{color:#aaa;background:#2a2a2a}.modal-body{overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.modal-boss-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#888;font-weight:700;margin-bottom:.4rem}.modal-table-wrap{overflow-x:auto;border-radius:6px;border:1px solid #222}.th-attempt{text-align:left;min-width:80px}.attempt-label{white-space:nowrap}.modal-score{color:#aaa;font-size:12px}.row-kill{background:rgba(30,80,30,.15)}.row-wipe{background:rgba(80,20,20,.1)}.load-status{display:flex;align-items:center;gap:.6rem;color:#888;font-size:13px;margin-bottom:.75rem}.load-spinner{display:inline-block;width:14px;height:14px;border:2px solid #333;border-top-color:#f5c842;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.load-dots:after{content:"";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.readme{max-width:860px}.readme-nav{margin-bottom:1.5rem;font-size:.85rem}.readme-section{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #222}.readme-h2{font-size:1.2rem;color:#f5c842;margin-bottom:.75rem}.readme-h3{font-size:1rem;color:#ccc;margin:1.25rem 0 .5rem}.readme li,.readme p{line-height:1.7;color:#bbb;font-size:.93rem}.readme ul{padding-left:1.4rem}.readme li{margin-bottom:.4rem}.readme strong{color:#ddd}.readme-role{white-space:nowrap;color:#ccc}.readme-note{color:#777;font-size:.8rem;font-style:italic}.na-text{color:#555}code{background:#1a1a1a;border:1px solid #333;border-radius:3px;padding:1px 5px;font-size:.85rem;color:#adf}.subtle-link{color:#888;text-decoration:none}.subtle-link:hover{color:#f5c842}.class-group-clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.class-group-clickable:hover td{filter:brightness(1.2)}.class-group-arrow{display:inline-block;width:1.1rem;font-size:.75rem}.class-group-count{font-size:.78rem;opacity:.6;font-weight:400;margin-left:.3rem}