.jjp-wrap{max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.jjp-banner{background-position:50% 45%}.jjp-banner .tfb-lede{max-width:760px}.jjp-banner .jj-games{margin-top:20px;display:inline-flex}.jjp-banner .jj-games button{background:color-mix(in srgb, var(--ink-0) 80%, transparent)}.jjp-banner .jj-games button[aria-selected=true]{background:var(--zhu)}.jj-games{border:1px solid var(--rule-2);border-radius:var(--r);display:flex;overflow:hidden}.jj-games button{min-width:0;font:600 13.5px var(--font-sans);color:var(--paper-3);text-align:left;white-space:nowrap;background:var(--ink-1);cursor:pointer;border:0;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 16px;display:flex}.jj-games button+button{border-left:1px solid var(--rule-2)}.jj-games button small{font:400 11px var(--font-sans);color:var(--paper-4)}.jj-games button:hover{color:var(--paper)}.jj-games button[aria-selected=true]{color:var(--paper);background:var(--zhu)}.jj-games button[aria-selected=true] small{color:color-mix(in srgb, var(--paper) 73.3%, transparent)}.jj{margin-top:22px}.jj-classes{margin-bottom:18px}.jj-grid{border:1px solid var(--rule-2);background:var(--ink-2);grid-template-columns:230px minmax(0,1fr);gap:0;display:grid}.jj-spells{border-right:1px solid var(--rule-2);background:var(--ink-1);min-width:0;padding:10px 0}.jj-spell-group+.jj-spell-group{margin-top:10px}.jj-spell-group h3{font:600 12px var(--font-sans);color:var(--tong);letter-spacing:.25em;margin:0;padding:4px 16px 6px}.jj-spell-group ul{margin:0;padding:0;list-style:none}.jj-spell-group button{text-align:left;width:100%;color:var(--paper-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 16px;display:flex}.jj-spell-group button img{border:1px solid var(--rule-2);flex:none;width:30px;height:30px}.jj-spell-group button span{flex-direction:column;min-width:0;font-size:13.5px;line-height:1.35;display:flex}.jj-spell-group button small{color:var(--paper-4);font-size:11.5px}.jj-spell-group button:hover{background:var(--ink-3);color:var(--paper)}.jj-spell-group button[aria-pressed=true]{background:var(--ink-3);color:var(--paper);box-shadow:inset 0 0 0 1px var(--tong)}.jj-spell-group button[aria-pressed=true] img{border-color:var(--tong)}.jj-main{min-width:0;padding:20px 24px 24px}.jj-spell{border-bottom:1px solid var(--rule);align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.jj-spell img{border:1px solid var(--tong);flex:none;width:52px;height:52px}.jj-spell h2{font-size:var(--fs-2xl);margin:0}.jj-spell-sub{color:var(--paper-3);margin:2px 0 0;font-size:12.5px}.jj-spell-coef{color:var(--paper-2);margin:6px 0 0;font-size:13px}.jj-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.jj-field{flex-direction:column;gap:4px;min-width:0;display:flex}.jj-field>span:first-child{color:var(--paper-2);font-size:12.5px}.jj-input{background:var(--ink-0);border:1px solid var(--rule-2);border-radius:var(--r);align-items:center;height:36px;padding:0 10px;display:flex}.jj-input:focus-within{border-color:var(--tong)}.jj-input input{min-width:0;height:100%;font:600 16px var(--font-sans);color:var(--paper);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1}.jj-input input::placeholder{color:var(--paper-4);font-weight:400}.jj-input i{color:var(--paper-4);font-size:12px;font-style:normal}.jj-field small{color:var(--paper-4);font-size:11.5px}.jj-mods{border-top:1px dashed var(--rule-2);margin-top:14px;padding-top:10px}.jj-mods summary{cursor:pointer;width:max-content;color:var(--tong-hi);font-size:13px}.jj-mods summary:hover{color:var(--paper)}.jj-mods .jj-fields{margin-top:10px}.jj-answer{background:var(--ink-0);border:1px solid var(--rule);color:var(--paper-2);margin-top:18px;padding:12px 16px;font-size:13.5px}.jj-answer p{margin:0}.jj-answer p+p{margin-top:6px}.jj-answer strong{color:var(--paper);font-family:var(--font-head)}.jj-ranks{border-collapse:collapse;width:100%;margin-top:16px;font-size:13.5px}.jj-ranks caption{caption-side:bottom;text-align:left;color:var(--paper-4);padding-top:8px;font-size:12px}.jj-ranks th,.jj-ranks td{text-align:left;vertical-align:top;border-top:1px solid var(--rule);padding:10px}.jj-ranks thead th{border-top:0;border-bottom:1px solid var(--rule-2);color:var(--paper-4);white-space:nowrap;padding:4px 10px 6px;font-size:12px;font-weight:400}.jj-ranks thead th:nth-child(n+3){text-align:right}.jj-ranks tbody th{white-space:nowrap;width:86px;color:var(--paper);font-weight:600}.jj-ranks small{color:var(--paper-4);margin-top:3px;font-size:11.5px;font-weight:400;display:block}.jj-frame{width:100%}.jj-num{white-space:nowrap;text-align:right;width:1%;color:var(--paper);font-variant-numeric:tabular-nums}.jj-best{background:color-mix(in srgb, var(--tong) 7.8%, transparent)}.jj-best>th{background:color-mix(in srgb, var(--tong) 12%, transparent)}.jj-best .jj-pm{color:var(--tong-hi);font-weight:700}.jj-enough>th{background:color-mix(in srgb, var(--yu) 12%, transparent)}.jj-best .jj-num small,.jj-enough .jj-num small{color:var(--tong-hi)}.jj-later th,.jj-later td{color:var(--paper-4);font-weight:400}.jj-bar{position:relative;overflow:hidden}.jj-bar b{transition:width .25s var(--ease);position:absolute;top:0;bottom:0;left:0}.jj-bar span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;display:block;position:relative}.jj-text{max-width:820px;margin-top:48px}.jj-text section+section{margin-top:26px}.jj-text h2{font-size:var(--fs-xl);margin:0 0 8px}.jj-text p{color:var(--paper-2);margin:0 0 10px;font-size:14px;line-height:1.85}.jj-coef-wrap{margin-top:44px}.jj-coef-wrap>h2{font-size:var(--fs-xl);margin:0}.jj-coef-wrap>p{max-width:820px;color:var(--paper-3);margin:8px 0 16px;font-size:13.5px}.jj-coef-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.jj-coef-table{border:1px solid var(--rule);min-width:0;overflow-x:auto}.jj-coefs{border-collapse:collapse;width:100%;font-size:13px}.jj-coefs caption{caption-side:top;text-align:left;font:700 14px var(--font-head);color:var(--tong-hi);background:var(--ink-2);border-bottom:1px solid var(--rule);padding:10px 12px}.jj-coefs th,.jj-coefs td{border-bottom:1px solid var(--rule);text-align:right;vertical-align:top;white-space:nowrap;padding:7px 10px}.jj-coefs thead th{color:var(--paper-4);background:var(--ink-1);font-size:12px;font-weight:400}.jj-coefs thead th[rowspan]{text-align:left;vertical-align:bottom}.jj-coefs thead th[scope=colgroup]{text-align:center;color:var(--paper-3);border-left:1px solid var(--rule)}.jj-coefs tbody th{text-align:left;min-width:104px;color:var(--paper);white-space:normal;font-weight:600}.jj-coefs small{color:var(--paper-4);font-size:11px;font-weight:400;display:block}.jj-coefs td{color:var(--paper-3);font-variant-numeric:tabular-nums}.jj-coefs td.jj-f{color:var(--paper);font-weight:600}.jj-coefs th:has(>.jj-sr){position:relative}.jj-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@media (width<=1000px){.jj-coef-grid{grid-template-columns:1fr}}@media (width<=820px){.jj-grid{grid-template-columns:1fr}.jj-spells{border-right:0;border-bottom:1px solid var(--rule-2);padding:10px 12px}.jj-spell-group h3{padding:4px 0 6px}.jj-spell-group ul{flex-wrap:wrap;gap:6px;display:flex}.jj-spell-group button{border:1px solid var(--rule-2);border-radius:var(--r);width:auto;padding:5px 10px 5px 5px}.jj-spell-group button img{width:24px;height:24px}.jj-spell-group button[aria-pressed=true]{box-shadow:none;border-color:var(--zhu)}.jj-main{padding:16px 14px 18px}}@media (width<=640px){.jj-games,.jjp-banner .jj-games{width:100%;display:flex}.jj-games button{flex:1;padding:7px 10px;font-size:12.5px}.jj-fields{grid-template-columns:1fr 1fr}.jj-ranks thead{display:none}.jj-ranks tbody tr{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 0;display:grid}.jj-ranks th,.jj-ranks td{border:0;padding:4px 6px}.jj-ranks tbody th{grid-column:1/-1;align-items:baseline;gap:8px;width:auto;display:flex}.jj-ranks tbody th small{margin:0}.jj-frame,.jj-later td{grid-column:1/-1}.jj-num{text-align:left;white-space:normal;width:auto}.jj-num:before{content:attr(data-label);color:var(--paper-4);font-size:11px;display:block}}