.charm-page{--charm-ink:#234c50;--charm-accent:#216f60;min-width:0}.charm-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.charm-heading h1{font-size:30px;line-height:1.5;margin:5px 0 8px}.charm-heading p{margin:0;color:#53666b;font-size:16px}.charm-simulator-link{flex-shrink:0;padding:11px 17px;border:1px solid #c8dbd5;border-radius:9px;background:#edf6f2;color:#24665b;font-size:13px;line-height:1.7}.charm-simulator-link strong{font-size:15px}.charm-filter{border:1px solid #c4d9d3;border-top:4px solid var(--charm-accent);background:#f7fbf9;border-radius:10px;padding:22px;margin:0 0 20px;box-shadow:0 3px 10px #204a3d06}.charm-filter-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.charm-filter-title h2{font-size:19px;color:var(--charm-ink);margin:0}.charm-filter-title>span{font-size:13px;color:#657578}.charm-main-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 145px;gap:16px}.charm-main-fields>div,.charm-advanced-fields>div{min-width:0}.charm-filter label:not(.charm-point-label):not(.charm-checkbox){display:block;font-size:14px;font-weight:700;color:#36595a;margin-bottom:7px}.charm-filter select,.charm-filter input[type=number],.charm-display select{font:inherit;min-width:0;border:1px solid #bbcfc8;border-radius:6px;background:white;color:#273f45;min-height:44px;padding:8px 10px;width:100%;font-size:15px}.charm-skill-field>div{display:flex;flex-wrap:wrap;gap:8px}.charm-skill-field select{flex:1 1 120px}.charm-point-label{display:flex;align-items:center;gap:5px;flex:0 1 133px;margin:0;font-size:13px;white-space:nowrap;color:#5c7071}.charm-point-label input[type=number]{width:85px;flex:1}.charm-presets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:18px 0 16px;font-size:13px}.charm-presets>span{color:#607572;margin-right:5px}.charm-presets a{border:1px solid #cddfd9;background:white;padding:4px 11px;border-radius:20px;color:#28685f;font-weight:600}.charm-presets a:hover{background:#e0f1e9;border-color:#7bab9c}.charm-advanced{border-top:1px solid #dce7e2;padding-top:12px}.charm-advanced summary{font-size:14px;font-weight:700;color:#355f5c;cursor:pointer}.charm-advanced summary span{font-size:13px;font-weight:400;color:#677a78;margin-left:10px}.charm-advanced-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:15px}.charm-checkbox{display:flex;gap:9px;align-items:center;font-size:14px;grid-column:1/-1;cursor:pointer}.charm-checkbox input{width:18px;height:18px;accent-color:var(--charm-accent)}.charm-filter-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px}.charm-filter-actions button,.charm-display button{font:inherit;min-height:44px;border:0;border-radius:6px;background:#226e60;color:white;padding:10px 24px;font-size:15px;font-weight:700;cursor:pointer}.charm-filter-actions>a{font-size:14px;color:#53696a;text-decoration:underline;text-underline-offset:3px}.charm-filter-actions p{font-size:13px;color:#607372;margin:0}.charm-active{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.charm-active a{font-size:13px;padding:5px 10px;border:1px solid #b9d6cb;background:#e7f3ee;border-radius:5px;color:#275e50}.charm-active a span{padding-left:8px;font-weight:800}.charm-results{min-width:0}.charm-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid #2e7269;padding:9px 0 14px;margin:5px 0 12px}.charm-results-heading h2{font-size:20px;color:var(--charm-ink);margin:0}.charm-results-heading strong{font-size:28px;font-variant-numeric:tabular-nums;margin-left:10px;color:#1f7160}.charm-results-heading h2 span{font-size:14px;font-weight:500;margin-left:4px}.charm-results-heading p{font-size:13px;color:#627779;margin:4px 0 0}.charm-range{font-size:13px;white-space:nowrap;color:#566f70}.charm-display{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-bottom:15px}.charm-display>label{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}.charm-display select{width:auto;font-size:14px;min-height:38px;padding:6px 9px;max-width:220px}.charm-display button{font-size:13px;min-height:38px;padding:7px 13px;background:white;color:#315f58;border:1px solid #b9cfc8}.charm-display>span{font-size:12px;color:#65797b}.charm-table-wrap{border:1px solid #ccdad6;border-radius:9px;overflow:hidden;background:white}.charm-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px;color:#304c51}.charm-table thead{background:#edf4f2}.charm-table th{font-size:13px;font-weight:700;text-align:left;padding:13px 14px;border-bottom:1px solid #bfd3cc;white-space:normal}.charm-table th small{display:block;font-size:11px;font-weight:500;color:#667c79}.charm-table th:first-child{width:20%}.charm-table th:nth-child(2){width:15%}.charm-table th:last-child{width:16%}.charm-table td{padding:11px 14px;border-bottom:1px solid #e0e9e6;vertical-align:middle;line-height:1.6;overflow-wrap:anywhere}.charm-table tr:last-child td{border-bottom:0}.charm-table tbody tr:nth-child(even){background:#f8faf9}.charm-table tbody tr:hover{background:#f0f7f4}.charm-type{font-size:14px;font-weight:750;color:#505c83}.charm-type-king{color:#98601c}.charm-type-dragon{color:#675091}.charm-type>span{font-size:20px;vertical-align:-1px}.charm-slot-cell{white-space:nowrap}.charm-slot-icons{font-size:15px;letter-spacing:1px;font-weight:750}.charm-slot-icons>span{color:#317561}.charm-slot-icons i{font-style:normal;color:#879b96}.charm-slot-cell small{display:block;font-size:11px;color:#697b78}.charm-skill-value{display:flex;align-items:center;justify-content:space-between;gap:7px;border-radius:5px;padding:5px 7px;margin:-5px -7px}.charm-skill-value>span{font-size:14px;font-weight:600}.charm-skill-value strong{font-size:19px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.charm-skill-value.is-match{background:#e3f2e9;box-shadow:inset 3px 0 #318169}.charm-page .is-positive{color:#176d53}.charm-page .is-negative{color:#b23e4a}.charm-page .is-zero{color:#587171}.charm-no-skill{font-size:13px;color:#81908d}.charm-tables div{display:flex;flex-wrap:wrap;gap:4px}.charm-tables a{display:inline-flex;justify-content:center;align-items:center;min-width:26px;min-height:26px;font-size:12px;background:#eff3f6;border:1px solid #d3dee3;color:#44657a;border-radius:4px}.charm-tables summary{font-size:12px;color:#526e78;cursor:pointer}.charm-tables details[open]>div{margin-top:7px}.charm-legend{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px;color:#647979;margin:12px 0}.charm-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px 0;font-size:14px}.charm-pagination>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}.charm-pagination a,.charm-pagination [aria-current]{display:inline-flex;min-width:36px;min-height:40px;align-items:center;justify-content:center;border:1px solid #cbdcd5;border-radius:5px;background:white;padding:5px 9px;color:#326456}.charm-pagination [aria-current]{background:#286d5e;border-color:#286d5e;color:white;font-weight:750}.charm-page-disabled{color:#9aa8a2}.charm-empty{padding:40px 24px;text-align:center;background:#f6f9f7;border:1px dashed #bdcfc7;border-radius:8px}.charm-empty h3{font-size:18px;margin:0 0 12px}.charm-empty p{font-size:14px;color:#5b7271}.charm-empty a{color:#24715d;text-decoration:underline}.charm-data-note{border:1px solid #e2d6b9;background:#fffaf0;border-radius:8px;margin-top:26px;padding:16px 19px;color:#73613c;font-size:13px;line-height:1.85}.charm-data-note p{margin:0 0 8px}.charm-data-note summary{cursor:pointer;font-weight:650}.charm-data-note details p{margin:12px 0 0}.charm-data-note a{color:#286d63;text-decoration:underline}.charm-page :is(a,button,input,select,summary):focus-visible{outline:3px solid #d49a35;outline-offset:3px}
@media(max-width:1150px){.charm-main-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.charm-main-fields>div:last-child{max-width:200px}.charm-filter-title>span{display:none}.charm-table th,.charm-table td{padding:11px 10px}.charm-type>span{display:none}.charm-filter{padding:18px}.charm-skill-value{gap:4px}.charm-display{gap:10px}.charm-display>span{flex-basis:100%}}
@media(max-width:700px){.charm-heading{align-items:flex-start;gap:10px;flex-direction:column}.charm-heading h1{font-size:25px}.charm-heading p{font-size:14px}.charm-simulator-link{padding:7px 12px;font-size:12px}.charm-simulator-link br{display:none}.charm-simulator-link strong{font-size:13px;margin-left:8px}.charm-filter{padding:16px 13px}.charm-main-fields{grid-template-columns:minmax(0,1fr);gap:14px}.charm-main-fields>div:last-child{max-width:none}.charm-filter-title h2{font-size:18px}.charm-skill-field>div{flex-wrap:nowrap}.charm-skill-field select{width:0;flex:1 1 auto}.charm-point-label{flex:0 0 126px}.charm-presets{gap:6px}.charm-presets>span{flex-basis:100%}.charm-presets a{font-size:12px;padding:5px 9px}.charm-advanced summary span{display:block;margin:4px 0 0 17px;font-size:12px}.charm-advanced-fields{grid-template-columns:minmax(0,1fr)}.charm-filter-actions{gap:14px}.charm-filter-actions button{flex:1;padding:10px 13px}.charm-filter-actions p{font-size:12px;flex-basis:100%}.charm-results-heading{align-items:flex-start;flex-direction:column;gap:6px}.charm-results-heading h2{font-size:18px}.charm-results-heading strong{font-size:25px}.charm-results-heading p{font-size:12px}.charm-range{font-size:12px}.charm-display{gap:10px 12px}.charm-display>label:first-of-type{flex-basis:100%}.charm-display>label:first-of-type select{flex:1;max-width:none;width:0}.charm-table-wrap{border:0;background:transparent;overflow:visible}.charm-table,.charm-table tbody{display:block;width:100%}.charm-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.charm-table .charm-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #ccdcd5;border-radius:9px;background:white;margin-bottom:10px;overflow:hidden}.charm-table td{display:block;min-width:0;border:0;padding:11px 13px}.charm-table td:before{content:attr(data-label);display:block;color:#6b7e7a;font-size:11px;margin-bottom:5px;font-weight:500}.charm-table .charm-name{background:#f1f6f3;padding:10px 13px}.charm-table .charm-name:before{display:none}.charm-type{font-size:15px}.charm-type>span{display:inline}.charm-table .charm-slot-cell{background:#f1f6f3;text-align:right;padding:10px 13px}.charm-slot-cell:before,.charm-slot-cell small{display:none!important}.charm-skill-value{margin:0;padding:5px 6px}.charm-skill-value>span{font-size:14px}.charm-skill-value strong{font-size:21px}.charm-table .charm-tables{grid-column:1/-1;border-top:1px solid #e5ece8;display:flex;align-items:baseline;gap:12px;padding:8px 13px;background:#fcfdfc}.charm-table .charm-tables:before{white-space:nowrap}.charm-table tbody tr:nth-child(even){background:white}.charm-tables details{min-width:0}.charm-pagination{gap:7px;font-size:12px}.charm-pagination>div{gap:3px}.charm-pagination a,.charm-pagination [aria-current]{min-width:29px;min-height:38px;padding:5px 6px}.charm-data-note{padding:14px;font-size:12px}.charm-legend{font-size:11px;gap:8px 12px}}
.charm-guide{margin:30px 0;padding:23px;background:white;border:1px solid #cfdfd8;border-radius:10px;color:#344f50;line-height:1.95}.charm-guide h2{font-size:21px;margin:0 0 18px;color:#275f55}.charm-guide h3{font-size:17px;margin:23px 0 8px}.charm-guide ol{padding-left:23px}.charm-guide li{padding-left:5px;margin-bottom:14px}.charm-guide p{font-size:15px;margin:5px 0 10px}.charm-guide a{color:#176c59;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.charm-guide{padding:17px 14px}.charm-guide h2{font-size:19px}.charm-guide p{font-size:14px}}