@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Sans+KR:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#111517;--surface:#171c1e;--border:#2a3032;--text:#e9ebe7;--muted:#909a9c;--dim:#606c70;--accent:#eca86c;--green:#8bbd9b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);font-family:Manrope,IBM Plex Sans KR,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:5px}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline:2px solid var(--accent)}button{transition:background .16s,color .16s,border-color .16s}img{object-fit:cover;display:block}svg{flex-shrink:0}button svg{vertical-align:middle}h1,h2,h3,p{margin:0}::selection{color:#fff;background:#eca86c44}html{scroll-behavior:smooth}small{font-size:14px}strong{font-weight:600}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:30;background:#15191b;flex-direction:column;width:218px;padding:37px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--accent);align-items:center;gap:13px;padding:0 13px;display:flex}.brand>svg{width:34px;height:36px}.brand>span{letter-spacing:4px;color:#f0ece3;font-size:25px;font-weight:800;line-height:1.15}.brand-sub{letter-spacing:2px;color:var(--muted);margin-top:7px;font-size:12px;font-weight:600;display:block}.side-label{letter-spacing:2px;color:var(--dim);margin:65px 14px 18px;font-size:12px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button{text-align:left;color:#949fa3;border:1px solid #0000;border-radius:5px;align-items:center;gap:12px;padding:14px 12px;font-size:16px;display:flex}.sidebar nav button:hover{color:#e4e8e4;background:#212729}.sidebar nav button.active{color:var(--accent);background:#eca86c0d;border-color:#eca86c26}.nav-count{background:#eca86c18;border-radius:3px;margin-left:auto;padding:1px 6px;font-size:14px}.side-bottom{margin-top:auto;padding-top:45px}.side-note{color:#727d80;padding:18px 13px}.side-note svg{color:var(--accent);opacity:.65;margin-bottom:14px}.side-note p{font-size:14px;line-height:1.85}.side-note strong{color:#a8afb0;font-weight:400}.source-link{color:#9da6a7;border-top:1px solid var(--border);align-items:center;gap:8px;width:100%;padding:21px 8px;font-size:14px;display:flex}.source-link svg:last-child{margin-left:auto}.unofficial{letter-spacing:1px;color:#545f64;margin:8px;font-size:12px;display:block}.app-shell main{max-width:1720px;margin-left:218px;padding:0 48px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:88px;display:flex}.breadcrumb{letter-spacing:1.4px;color:#748083;align-items:center;gap:18px;font-size:13px;display:flex}.breadcrumb strong{color:#c6cdca;letter-spacing:0;font-size:14px}.breadcrumb>span{color:#434f53}.top-actions{align-items:center;gap:21px;display:flex}.patch-pill{letter-spacing:.7px;color:#aab9ac;white-space:nowrap;background:#8bbd9b08;border:1px solid #3a4a3f;border-radius:3px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:inline-flex}.patch-pill i,.status-dot{background:var(--green);border-radius:50%;width:5px;height:5px;display:inline-block}.icon-button{color:var(--muted);padding:4px}.intro{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding:48px 0 40px;display:grid}.eyebrow{letter-spacing:2.1px;color:var(--dim);align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;display:flex}.intro .eyebrow{color:var(--accent)}.eyebrow>span{background:var(--accent);width:17px;height:1px;display:inline-block}h1{letter-spacing:-2.7px;font-family:IBM Plex Sans KR,sans-serif;font-size:46px;font-weight:600;line-height:1.3}.intro h1{margin:20px 0 18px}.intro h1 em{color:var(--accent);font-style:normal}.intro-copy>p{color:#929da0;font-size:16px;line-height:1.9}.text-link{color:#c7ceca;align-items:center;gap:13px;margin-top:25px;font-size:14px;display:inline-flex}.text-link:hover{color:var(--accent)}.feature{isolation:isolate;background:#242420;border:1px solid #4a4036;border-radius:6px;flex-direction:column;min-height:290px;padding:22px 26px;display:flex;position:relative;overflow:hidden}.feature-grid{z-index:-2;background:linear-gradient(90deg,#d4b08609 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#d4b08609 1px,#0000 1px) 0 0/32px 32px,radial-gradient(at 90% 0,#a1794730,#0000 70%);position:absolute;inset:0}.feature-hero{object-fit:cover;opacity:.18;z-index:-1;filter:grayscale(.4);width:110%;height:104%;position:absolute;top:-5%;right:-8%;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.feature-top{color:#c5b79e;justify-content:space-between;align-items:center;display:flex}.feature-top>span{letter-spacing:2.1px;font-size:12px}.feature-top svg{opacity:.6}.feature-content{z-index:2;margin-top:26px;position:relative}.feature-kicker{color:#b4ada0;font-size:14px}.feature-seconds{letter-spacing:-1px;color:#f2d9b2;margin:6px 0 18px;font-family:Barlow Condensed,sans-serif;font-size:94px;font-weight:600;line-height:1.05}.feature-seconds>span{letter-spacing:2px;color:#c2aa89;margin-left:10px;font-family:Manrope,sans-serif;font-size:15px;font-weight:500}.feature-spell{text-align:left;align-items:center;gap:11px;width:100%;padding:0;display:flex}.feature-spell>img{border:1px solid #afa17b55;border-radius:4px;width:37px;height:37px}.feature-spell>span{flex-direction:column;gap:4px;display:flex}.feature-spell strong{font-size:16px}.feature-spell small{color:#a5a496;font-size:13px}.feature-spell>svg{color:#d3bb95;margin-left:auto}.feature-watermark{color:#e6c18c06;z-index:-1;font-family:Barlow Condensed,sans-serif;font-size:240px;font-weight:800;line-height:1;position:absolute;bottom:16px;right:35px;transform:rotate(-8deg)}.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1.2fr 1fr 1.55fr;margin-bottom:42px;padding:23px 0;display:grid}.stats>div{border-left:1px solid var(--border);padding-left:28px}.stats>div:first-child{border-left:0;padding:0}.stats>div>span{color:#8c989c;align-items:center;gap:7px;margin-bottom:8px;font-size:13px;display:flex}.stats strong{letter-spacing:-1px;align-items:baseline;gap:10px;font-size:26px;font-weight:500;display:flex}.stats strong>small{letter-spacing:1.2px;color:#657176;font-size:12px;font-weight:500}.stats .stat-update strong{letter-spacing:.1px;align-items:center;gap:12px;font-size:18px}.stat-update button{color:#778387;padding:3px}.stat-update>small{color:#667377;margin-top:5px;font-size:12px;display:block}.ranking-section{scroll-margin-top:20px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-1px;align-items:center;gap:12px;margin-top:7px;font-size:23px;display:flex}.section-heading h2>span{color:var(--accent);letter-spacing:0;background:#eca86c12;border:1px solid #eca86c20;border-radius:4px;padding:3px 8px;font-family:Manrope,sans-serif;font-size:15px;font-weight:500}.basis{color:#748185;align-items:center;gap:6px;margin-bottom:3px;font-size:13px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:28px;display:flex}.tabs button{color:#7d898c;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 1px 16px;font-size:15px;display:flex}.tabs button.selected{color:var(--accent);border-bottom-color:var(--accent)}.tabs button:hover{color:#e3e7e2}.filters{justify-content:space-between;gap:16px;margin-top:22px;display:flex}.searchbox{color:#7e8b90;background:#191f21;border:1px solid #30383b;border-radius:4px;flex:1;align-items:center;gap:10px;min-width:0;max-width:440px;padding:11px 13px;display:flex}.searchbox input{color:#dfe4e0;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.searchbox input::placeholder{color:#a6b4bb}.searchbox:focus-within{border-color:#b6885c}.searchbox button{padding:0}.filter-selects{flex-shrink:0;gap:8px;display:flex}.filter-selects>label{color:#acb4b4;border:1px solid #30383b;border-radius:4px;align-items:center;gap:8px;padding:0 11px;font-size:14px;display:flex;position:relative}.filter-selects label>span{color:#a6b4bb;font-size:13px}.filter-selects select,.metric select{-webkit-appearance:none;appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:8px 0;font-size:14px}.filter-selects select option,.metric select option{background:#1d2427}.sort-button{color:#d5b48d;background:#eca86c08;border:1px solid #4c4439;border-radius:4px;align-items:center;gap:7px;padding:0 13px;font-size:14px;display:flex}.sub-filters{color:#a6b4bb;justify-content:space-between;align-items:center;margin:10px 0 13px;font-size:13px;display:flex}.sub-filters>div{gap:16px;display:flex}.sub-filters label{align-items:center;gap:5px;display:flex}.sub-filters input{accent-color:var(--accent);width:11px;height:11px;margin:0 3px 0 0}.metric{gap:6px!important}.metric select{color:#a1abad;font-size:13px}.ranking-table{border-top:1px solid #3b4243;width:100%}.table-head,.table-row{grid-template-columns:40px minmax(150px,1.1fr) minmax(190px,1.35fr) minmax(125px,.9fr) minmax(150px,1.1fr) 35px;align-items:center;column-gap:13px;padding:0 11px;display:grid}.table-head{color:#a6b4bb;border-bottom:1px solid var(--border);background:#1b2022;height:41px;font-size:12px}.table-head>span:nth-child(5){align-items:center;gap:7px;display:flex}.table-head>span:last-child{text-align:center}.table-row{border-bottom:1px solid #252d30;min-height:77px;transition:background .15s}.table-row:hover{background:#1c2224}.rank{color:#637175;font-family:Manrope,sans-serif;font-size:15px;font-weight:500}.top-rank{color:var(--accent)}.hero-cell,.ability-cell{text-align:left;align-items:center;gap:11px;min-width:0;padding:0;display:flex}.hero-cell>img{object-fit:cover;border:1px solid #3a4141;border-radius:3px;width:56px;height:35px}.hero-cell>span,.ability-cell>span{flex-direction:column;gap:5px;min-width:0;display:flex}.hero-cell strong,.ability-cell strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.35;overflow:hidden}.hero-cell small,.ability-cell small{color:#77858b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ability-cell>img{border:1px solid #4a4e43;border-radius:4px;width:35px;height:35px}.ability-cell strong{color:#c7cecb}.ability-cell:hover strong{color:var(--accent)}.level-values{white-space:nowrap;font-variant-numeric:tabular-nums;color:#728087;font-family:Manrope,sans-serif;font-size:13px;line-height:1.5}.level-values .current{color:#c5cecc;font-weight:600}.level-values i{color:#46565d;margin:0 5px;font-style:normal;font-weight:400}.levels-cell>small{color:#858c7b;margin-top:3px;font-size:12px;display:block}.cooldown-cell{align-items:center;gap:15px;min-width:0;display:flex}.bar-track{background:#262f30;border-radius:1px;flex:1;height:5px;overflow:hidden}.bar{background:#819f8e;border-radius:1px;min-width:0;height:100%}.bar.long{background:#d7a36a}.cooldown-cell strong{text-align:right;letter-spacing:.3px;color:#d7ded7;min-width:53px;font-family:Barlow Condensed,IBM Plex Sans KR,sans-serif;font-size:25px;font-weight:500;line-height:1}.cooldown-cell small{color:#7e8b8e;letter-spacing:0;margin-left:3px;font-family:IBM Plex Sans KR,sans-serif;font-size:12px}.compare-add{color:#839196;border:1px solid #344045;border-radius:4px;place-content:center;width:26px;height:26px;margin-left:auto;display:grid}.compare-add:hover{border-color:var(--accent);color:var(--accent)}.compare-add.chosen{color:var(--accent);background:#eca86c10;border-color:#846646}.charge-mark,.ultimate-badge{color:#9db4ba;vertical-align:middle;background:#35596922;border:1px solid #52707b66;border-radius:3px;margin-left:4px;padding:1px 3px;font-size:12px;font-weight:400}.load-more{border:1px solid var(--border);color:#a4afb0;border-radius:4px;justify-content:center;align-items:center;gap:12px;width:100%;height:42px;margin-top:14px;font-size:14px;display:flex}.load-more:hover{background:#1d2528}.load-more>span{color:#5f7078;font-size:12px}.table-foot{color:#67767d;align-items:flex-start;gap:7px;margin:17px 0 45px;font-size:12px;line-height:1.7;display:flex}.table-foot svg{margin-top:1px}footer{border-top:1px solid var(--border);color:#57686f;flex-wrap:wrap;align-items:center;gap:18px;padding:26px 0 34px;font-size:12px;display:flex}footer>span{color:#8b9697;letter-spacing:1px;align-items:center;gap:8px;font-size:12px;display:flex}footer svg{color:#a88b6c;width:14px;height:14px}footer>p{margin-left:auto}footer button{color:#7d8c91;align-items:center;gap:5px;font-size:12px;display:flex}.primary-button,.outline-button{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-size:14px;display:inline-flex}.primary-button{color:#1d2221;background:#e9ac76;font-weight:700}.primary-button:hover{background:#fac18f}.outline-button{color:#b4bfc0;background:#1a2225;border:1px solid #3b484c}.outline-button:hover{background:#253035}.full{width:100%}.empty{text-align:center;color:#7a8b92;flex-direction:column;align-items:center;gap:12px;padding:55px;display:flex}.empty h3{color:#c0cccb;margin-top:6px;font-size:18px}.empty p{font-size:15px}.empty button{margin-top:10px}.secondary-page{min-height:75vh;padding:50px 0}.secondary-title{justify-content:space-between;align-items:center;gap:20px;margin-top:14px;display:flex}.secondary-title h1{letter-spacing:-2px;margin-bottom:15px;font-size:42px}.secondary-title h1>span{color:var(--accent)}.secondary-title p{color:#849499;font-size:15px;line-height:1.8}.compare-controls{border-top:1px solid var(--border);color:#889b9f;justify-content:space-between;align-items:center;margin-top:35px;padding:24px 0;font-size:14px;display:flex}.compare-controls select{color:#c3d0ce;background:#192225;border:1px solid #334247;border-radius:3px;margin-left:10px;padding:8px 14px;font-size:14px}.compare-grid{gap:17px;padding-bottom:12px;display:grid;overflow-x:auto}.hero-compare{border:1px solid var(--border);background:#171e21;border-radius:6px;overflow:hidden}.compare-portrait{isolation:isolate;background:#202b30;height:165px;position:relative;overflow:hidden}.compare-portrait>img{z-index:-2;width:100%;height:100%;position:absolute}.compare-portrait:after{content:"";z-index:-1;background:linear-gradient(#0000,#151e22);position:absolute;inset:0}.compare-portrait>button{background:#111b21b0;border-radius:50%;padding:5px;position:absolute;top:12px;right:12px}.compare-portrait>div{position:absolute;bottom:20px;left:20px}.compare-portrait h2{letter-spacing:-.5px;margin-bottom:5px;font-size:22px}.compare-portrait span{color:#a5b2b5;font-size:14px}.compare-spells{padding:5px 15px}.compare-spell{text-align:left;border-bottom:1px solid #293439;align-items:center;gap:10px;width:100%;padding:17px 0;display:flex}.compare-spell:last-child{border-bottom:0}.compare-spell:hover strong{color:var(--accent)}.compare-spell>img{border-radius:3px;width:35px;height:35px}.compare-spell>div{flex:1;min-width:0}.compare-spell strong{margin-bottom:5px;font-size:14px;line-height:1.5;display:block}.compare-spell>span{white-space:nowrap;color:var(--accent);font-size:15px}.compare-spell small{color:#7e999e;margin-top:3px;font-size:12px;display:block}.add-hero-panel{color:#7d9096;border:1px dashed #3b494d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:240px;font-size:15px;display:flex}.add-hero-panel:hover{border-color:var(--accent);color:var(--accent)}.compare-note{color:#6e858c;align-items:center;gap:7px;margin-top:20px;font-size:13px;line-height:1.8;display:flex}.compare-empty{text-align:center;border:1px dashed #2b393f;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:430px;display:flex}.compare-empty h2{font-size:22px}.compare-empty p{color:#84969b;font-size:15px}.ghost-portraits{margin-bottom:7px;display:flex}.ghost-portraits img{filter:saturate(.6);border:3px solid #192226;border-radius:7px;width:94px;height:65px;margin:0 -8px}.ghost-portraits img:first-child{transform:rotate(-9deg)translateY(5px)}.ghost-portraits img:last-child{transform:rotate(9deg)translateY(5px)}.patch-summary{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#82969d;align-items:center;gap:30px;margin:32px 0 40px;padding:22px 0;font-size:14px;display:flex}.patch-summary p{flex:1}.patch-summary strong{color:#bdcac9;margin-left:9px}.patch-subtitle{margin-bottom:15px;font-size:20px}.patch-empty{text-align:center;color:#7e929a;background:#171f22;border:1px solid #2d3b40;border-radius:6px;padding:45px 25px}.patch-empty svg{color:#b39776;margin-bottom:17px}.patch-empty h3{color:#b8c6c7;margin-bottom:13px;font-size:18px}.patch-empty p{font-size:14px;line-height:1.9}.patch-history-heading{justify-content:space-between;align-items:baseline;margin:40px 0 18px;display:flex}.patch-history-heading h2{font-size:20px}.patch-history-heading>span{color:#7c949c;font-size:13px}.patch-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.patch-grid>a{background:#182124;border:1px solid #2f3d42;border-radius:5px;justify-content:space-between;align-items:center;padding:20px;display:flex}.patch-grid>a:hover{border-color:#ac8760}.patch-grid>a>div{flex-direction:column;gap:12px;display:flex}.patch-grid a span{letter-spacing:1.2px;color:#729298;font-size:12px}.patch-grid>a:first-child{border-color:#9d805752}.patch-grid>a:first-child span{color:var(--accent)}.patch-grid strong{letter-spacing:-.7px;font-size:26px}.patch-grid small{color:#7a9199;font-size:13px}.patch-grid svg{color:#9a8d73;width:16px}.change-list>button{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:20px;width:100%;padding:20px 0;display:flex}.change-list img{border-radius:4px;width:40px;height:40px}.change-list small{color:#7c969f;margin-top:6px;font-size:13px;display:block}.change-list>button>span{margin-left:auto;font-size:15px}.change-list b{text-align:right;min-width:50px;font-size:14px}.decreased{color:#8dbb9e}.increased{color:#d5a16e}.muted{color:#83979f;font-size:14px;line-height:1.8}.compare-tray{z-index:35;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#252d2ef2;border:1px solid #5d5a49;border-radius:7px;align-items:center;gap:16px;padding:9px 10px 9px 13px;display:flex;position:fixed;bottom:24px;left:calc(50% + 109px);transform:translate(-50%);box-shadow:0 6px 30px #0008}.compare-tray>div{gap:5px;display:flex}.compare-tray>div button{padding:0;position:relative}.compare-tray img{border:1px solid #9b8b69;border-radius:3px;width:42px;height:29px}.compare-tray>div svg{background:#13232a;border-radius:50%;position:absolute;top:-3px;right:-3px}.compare-tray>span{color:#a6b5b7;white-space:nowrap;font-size:13px}.compare-tray .primary-button{padding:10px 13px}.toast{z-index:100;color:#e1e9e2;background:#293638;border:1px solid #7c8f7f;border-radius:6px;align-items:center;gap:12px;max-width:90vw;padding:16px 20px;font-size:15px;line-height:1.6;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0007}.toast button{margin-left:5px}.modal-overlay{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#070e14bf;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#192124;border:1px solid #48514f;border-radius:8px;width:560px;max-width:100%;max-height:90vh;padding:35px;position:relative;overflow-y:auto;box-shadow:0 20px 100px #0009}.modal-close{color:#899c9f;z-index:2;padding:5px;position:absolute;top:16px;right:16px}.modal h2{letter-spacing:-.7px;margin:13px 0 25px;padding-right:15px;font-size:23px}.modal h2 small{color:var(--accent);margin-left:10px;font-size:15px;font-weight:400}.picker-modal{width:800px}.picker-modal .searchbox{max-width:none;margin-bottom:20px}.hero-picker{grid-template-columns:repeat(3,1fr);gap:7px;max-height:47vh;padding-right:5px;display:grid;overflow-y:auto}.hero-picker>button{text-align:left;border:1px solid #2e3c42;border-radius:4px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.hero-picker>button:disabled{cursor:default;opacity:.3}.hero-picker>button:hover,.hero-picker>button.selected{background:#b88d5d13;border-color:#b88d5d}.hero-picker img{border-radius:3px;width:43px;height:29px}.hero-picker>button>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hero-picker strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hero-picker small{color:#829ba2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.hero-picker svg{color:#b99a76;width:12px}.modal-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:22px;display:flex}.modal-bottom>span{color:#849aa2;font-size:13px}.detail-heading{align-items:center;gap:20px;margin-bottom:25px;display:flex}.detail-heading img{border:1px solid #6d7566;border-radius:7px;width:70px;height:70px}.detail-heading h2{margin:8px 0 5px}.detail-heading .eyebrow{letter-spacing:1px;font-size:12px}.detail-description{color:#a2b3b6;margin-bottom:25px;font-size:15px;line-height:1.9}.detail-stat{border-top:1px solid #344147;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.detail-stat>span{color:#8aa0a7;font-size:14px}.detail-stat>strong{font-size:16px}.detail-stat .level-values{font-size:18px}.detail-stat small{color:#8ba0a5;margin-left:7px;font-size:13px}.detail-note{color:#859ba4;margin:15px 0 24px;font-size:13px;line-height:1.8}.upgrade-note{border-left:2px solid #8c744e;margin-top:20px;padding-left:14px}.upgrade-note strong{color:#caab80;font-size:14px}.upgrade-note p{color:#8da2aa;margin-top:7px;font-size:14px;line-height:1.8}.about-block{margin:25px 0}.about-block h3{color:#c3d1cf;margin-bottom:10px;font-size:16px}.about-block p{color:#8da5ac;font-size:15px;line-height:1.9}.about-block a{color:#c3aa83;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:inline-flex}.about-status{color:#7d98a2;border-top:1px solid var(--border);justify-content:space-between;padding:20px 0;font-size:13px;display:flex}.about-status strong{color:#bdcfcf;margin-left:5px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.app-shell main{padding:0 65px}.intro{gap:90px}.intro h1{font-size:58px}.feature{min-height:325px}.feature-seconds{font-size:112px}.table-head,.table-row{column-gap:24px}.hero-cell strong,.ability-cell strong{font-size:15px}.hero-cell small,.ability-cell small{font-size:13px}.intro{padding:55px 0 45px}.table-row{min-height:82px}}@media (max-width:1250px){.sidebar{width:190px;padding:30px 14px}.app-shell main{margin-left:190px;padding:0 28px}.brand{gap:10px;padding-left:10px}.brand>span{font-size:23px}.intro{gap:25px}.intro h1{font-size:39px}.table-head,.table-row{grid-template-columns:27px minmax(130px,1fr) minmax(165px,1.3fr) 115px minmax(110px,1fr) 27px;column-gap:10px;padding:0 7px}.hero-cell>img{width:43px;height:30px}.hero-cell,.ability-cell{gap:8px}.level-values{font-size:12px}.level-values i{margin:0 3px}.cooldown-cell{gap:9px}.stats>div{padding-left:18px}.stats strong{font-size:24px}.stats .stat-update strong{font-size:16px}.filter-selects{gap:6px}.filter-selects>label{gap:5px;padding:0 8px}.filter-selects label>span{display:none}.compare-tray{left:calc(50% + 95px)}.patch-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1050px){.sidebar{align-items:center;width:76px;padding:28px 10px}.brand{padding:0}.brand>span,.side-label,.side-bottom,.sidebar nav button .nav-count{display:none}.brand>svg{width:29px}.sidebar nav{margin-top:52px}.sidebar nav button{gap:0;width:50px;height:50px;padding:15px;font-size:0}.sidebar nav button svg{width:18px;height:18px}.app-shell main{margin-left:76px;padding:0 30px}.intro h1{font-size:40px}.compare-tray{left:calc(50% + 38px)}.stats strong>small{display:none}.stats{grid-template-columns:1fr 1fr .8fr 1.5fr}.feature{min-height:280px;padding:22px}.table-head,.table-row{grid-template-columns:27px minmax(125px,1fr) minmax(165px,1.3fr) 110px minmax(110px,1fr) 27px;column-gap:9px}.filters{gap:10px}.searchbox{padding:11px 10px}.searchbox input{font-size:13px}.ranking-table{overflow:auto}.table-head,.table-row{min-width:740px}footer>p{order:3;width:100%;margin:0}.patch-summary{gap:18px}}@media (max-width:760px){.sidebar{border-right:0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#15191bf5;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 20px;position:sticky;top:0}.brand>svg{width:24px}.brand>span{letter-spacing:2px;font-size:20px;display:block}.brand-sub{letter-spacing:1.5px;margin-top:3px;display:block;font-size:12px!important}.brand{gap:9px}.sidebar nav{flex-direction:row;gap:4px;margin-top:0}.sidebar nav button{width:43px;height:40px;padding:12px}.sidebar nav button svg{width:17px;height:17px}.app-shell main{margin-left:0;padding:0 20px}.topbar{height:60px}.breadcrumb{letter-spacing:1px;gap:10px;font-size:12px}.breadcrumb strong{font-size:12px}.patch-pill{letter-spacing:.4px;padding:6px 8px;font-size:12px}.top-actions{gap:12px}.top-actions .icon-button{display:none}.intro{grid-template-columns:1fr;gap:20px;padding:32px 0 28px}.intro h1{letter-spacing:-2px;margin:16px 0;font-size:39px}.intro-copy>p{font-size:15px}.intro .eyebrow{font-size:12px}.intro .text-link{margin-top:15px}.feature{min-height:210px;padding:20px 22px}.feature-content{margin-top:16px}.feature-seconds{margin:5px 0 13px;font-size:73px}.feature-kicker{font-size:13px}.feature-spell strong{font-size:15px}.feature-spell>img{width:32px;height:32px}.feature-spell small{font-size:12px}.feature-hero{opacity:.23;width:105%;height:135%;top:-15%;right:-15%}.feature-watermark{font-size:195px;bottom:-15px;right:22px}.stats{grid-template-columns:1fr 1fr .9fr;row-gap:18px;margin-bottom:32px;padding:20px 0}.stats>div{padding-left:17px}.stats>div>span{font-size:12px}.stats strong{font-size:24px}.stats .stat-update{border-left:0;border-top:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:15px 0 0;display:flex}.stat-update>small{display:none}.stats .stat-update>span{margin-bottom:0;font-size:12px}.stats .stat-update strong{font-size:15px}.stats .stat-update strong>button{padding:2px}.section-heading{align-items:center;gap:8px;margin-bottom:22px}.section-heading h2{margin-top:8px;font-size:21px}.section-heading .eyebrow{letter-spacing:1.6px;font-size:12px}.basis{align-items:flex-start;max-width:100px;font-size:12px;line-height:1.8}.basis svg{width:11px;height:11px;margin-top:2px}.tabs{gap:27px}.tabs button{gap:6px;padding-bottom:14px;font-size:14px}.tabs svg{width:14px;height:14px}.filters{flex-direction:column;gap:9px;margin-top:18px}.searchbox{max-width:none;padding:12px}.searchbox input{font-size:14px}.filter-selects{gap:7px;display:flex}.filter-selects>label{flex:1;justify-content:space-between;padding:2px 10px}.filter-selects label>span{display:none}.sort-button{padding:0 13px}.sub-filters{margin:10px 0 14px;font-size:12px}.sub-filters>div{gap:8px}.sub-filters input{width:10px;height:10px;margin-right:1px}.metric select{font-size:12px}.metric{gap:3px!important}.metric>svg:first-child{display:none}.ranking-table{overflow:visible}.table-head{grid-template-columns:23px 1fr 1.2fr 65px 23px;column-gap:6px;min-width:0;padding:0 4px;font-size:12px}.table-head>span:nth-child(4),.table-head>span:nth-child(5) svg{display:none}.table-row{grid-template-columns:23px 1fr 1.2fr 65px 23px;column-gap:6px;min-width:0;min-height:91px;padding:15px 4px;position:relative}.hero-cell{flex-direction:column;align-items:flex-start;gap:6px}.hero-cell>img{width:43px;height:27px}.hero-cell>span{gap:3px}.hero-cell strong{max-width:100px;font-size:13px}.hero-cell small{display:none}.ability-cell{align-self:center;align-items:flex-start;gap:7px}.ability-cell>img{width:28px;height:28px}.ability-cell>span{flex:1;gap:5px}.ability-cell strong{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:34px;font-size:13px;line-height:1.6;display:-webkit-box}.ability-cell small{white-space:normal;max-height:24px;font-size:12px;line-height:1.4;overflow:hidden}.charge-mark{padding:0 2px;font-size:12px;display:none}.levels-cell{display:none}.cooldown-cell{flex-direction:column-reverse;align-items:stretch;gap:8px;padding:0 3px}.cooldown-cell strong{min-width:0;font-size:25px}.cooldown-cell small{margin-left:2px;font-size:12px}.bar-track{flex:auto;width:100%;height:3px}.rank{align-self:center;font-size:13px}.compare-add{width:23px;height:23px}.compare-add svg{width:12px;height:12px}.table-foot{margin-bottom:35px;font-size:12px}.load-more{font-size:13px}.secondary-page{padding:32px 0}.secondary-title{align-items:flex-start;gap:15px}.secondary-title h1{margin-bottom:13px;font-size:32px}.secondary-title p{max-width:220px;font-size:14px}.secondary-title>button{margin-top:5px;padding:10px;font-size:12px}.secondary-title .outline-button{white-space:normal;max-width:120px;line-height:1.6}.compare-controls{margin-top:25px;padding:20px 0;font-size:13px}.compare-grid{scroll-snap-type:x mandatory;grid-auto-columns:270px;grid-auto-flow:column;gap:12px;grid-template-columns:none!important}.hero-compare{scroll-snap-align:start}.compare-note{align-items:flex-start;font-size:12px}.compare-note svg{margin-top:2px}.compare-empty{min-height:350px}.compare-empty h2{font-size:20px}.compare-empty p{font-size:14px}.patch-summary{flex-wrap:wrap;gap:15px;margin:25px 0 30px}.patch-summary p{flex:auto;font-size:13px}.patch-summary>span:last-child{font-size:13px}.patch-empty{padding:32px 15px}.patch-empty h3{font-size:16px}.patch-empty p{font-size:13px}.patch-grid{grid-template-columns:repeat(2,1fr);gap:10px}.patch-grid>a{padding:18px}.patch-grid strong{font-size:24px}.patch-grid a span,.patch-grid small{font-size:12px}.patch-subtitle,.patch-history-heading h2{font-size:18px}.patch-history-heading>span{font-size:12px}.compare-tray{gap:10px;max-width:calc(100vw - 20px);padding:8px;bottom:15px;left:50%}.compare-tray img{width:33px;height:25px}.compare-tray>span{font-size:12px}.compare-tray .primary-button{padding:10px;font-size:13px}.compare-tray>div{gap:3px}.modal-overlay{padding:15px}.modal{max-height:88vh;padding:30px 23px}.modal h2{font-size:21px;line-height:1.5}.modal .eyebrow{letter-spacing:1.3px;font-size:12px}.hero-picker{grid-template-columns:repeat(2,1fr);max-height:48vh}.hero-picker>button{gap:6px;padding:7px}.hero-picker img{width:35px;height:25px}.hero-picker strong,.hero-picker small{font-size:12px}.modal-bottom{align-items:center}.modal-bottom>span{max-width:150px;font-size:12px;line-height:1.8}.modal-bottom .primary-button{padding:10px 12px;font-size:13px}.detail-heading{gap:15px}.detail-heading img{width:55px;height:55px}.detail-heading h2{font-size:22px}.detail-stat .level-values{font-size:16px}.about-status{gap:10px;font-size:12px;line-height:1.8}.change-list>button{flex-wrap:wrap;gap:10px}.change-list>button>span{font-size:13px}.change-list>button>div{flex:1}.change-list>button>b{font-size:13px}.change-list>button>svg{display:none}footer{gap:14px;padding-bottom:35px}footer p{font-size:12px;line-height:1.8}.toast{width:max-content;max-width:90vw;padding:13px;font-size:14px;top:80px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation-duration:.01ms!important}}@media (max-width:760px){.ranking-section{scroll-margin-top:88px}}.language-control{color:#c7d0cc;background:#192124;border:1px solid #384449;border-radius:4px;flex-shrink:0;align-items:center;gap:8px;height:33px;padding:0 10px;display:flex}.language-control>svg{color:#bda180}.language-control select{-webkit-appearance:none;appearance:none;cursor:pointer;color:inherit;outline-offset:2px;background:0 0;border:0;max-width:135px;padding:7px 1px;font-size:14px}.language-control select option{color:#e8ece6;background:#1c2529}.top-actions{gap:14px}html[lang=en] .sidebar nav button{gap:9px;font-size:14px}html[lang=en] .intro h1{letter-spacing:-1.9px;font-family:Manrope,sans-serif;font-size:42px;line-height:1.3}html[lang=en] .basis{max-width:175px;line-height:1.7}html[lang=en] .filter-selects>label{min-width:0}html[lang=en] .filter-selects select{min-width:0;max-width:100%}html[lang=en] .sort-button{white-space:nowrap}html[lang=en] .tabs{gap:22px}html[lang=en] .table-head{font-size:12px;line-height:1.6}html[lang=en] .stats>div>span{font-size:12px}html[lang=en] .stats .stat-update strong{font-size:16px}html[lang=en] .stat-update strong{white-space:nowrap}html[lang=en] .feature-spell small{font-size:12px}html[lang=en] .compare-spell>span{font-size:14px}html[lang=en] .compare-spell strong{font-size:13px}html[lang=en] .secondary-title h1{letter-spacing:-1.5px;font-family:Manrope,sans-serif}@media (max-width:1050px){html[lang=en] .sidebar nav button{gap:0;font-size:0}html[lang=en] .intro h1{font-size:36px}}@media (max-width:760px){.topbar>.breadcrumb{display:none}.topbar .top-actions{justify-content:space-between;gap:10px;width:100%}.topbar .language-control{order:2;height:31px}.topbar .language-control select{font-size:13px}.topbar .patch-pill{order:1}.topbar .icon-button{display:none}html[lang=en] .intro h1{letter-spacing:-1.3px;font-size:33px}html[lang=en] .stats .stat-update strong{font-size:14px}html[lang=en] .basis{max-width:105px;font-size:12px}html[lang=en] .tabs{gap:20px}html[lang=en] .tabs button,html[lang=en] .filter-selects select{font-size:13px}html[lang=en] .sort-button{padding:0 9px;font-size:13px}html[lang=en] .sub-filters>div{gap:8px}html[lang=en] .sub-filters label{font-size:12px}html[lang=en] .metric select{max-width:108px;font-size:12px}html[lang=en] .secondary-title h1{font-size:28px}html[lang=en] .hero-cell strong{white-space:normal;font-size:12px;line-height:1.4}html[lang=en] .table-head>span:nth-child(5){font-size:12px}html[lang=en] .compare-spell strong{font-size:13px}html[lang=en] .modal h2{font-size:22px}}.top-actions .language-control{order:3}.top-actions .icon-button{order:2}.top-actions .patch-pill{order:1}@media (max-width:760px){html[lang=en] .section-heading h2{white-space:nowrap;gap:8px;font-size:20px}html[lang=en] .section-heading .basis{max-width:94px;font-size:12px}}.patch-control{gap:7px;height:33px;padding:0 9px}.patch-control select{-webkit-appearance:none;appearance:none;color:inherit;letter-spacing:.2px;cursor:pointer;outline-offset:2px;background:0 0;border:0;max-width:175px;padding:7px 0;font-size:13px}.patch-control option,.patch-control optgroup{color:#d2ded8;background:#1c2529}.patch-control option:disabled{color:#69797d}.patch-control select:disabled{cursor:wait;opacity:.6}.patch-control.archived{color:#dbb582;background:#e1aa6f0a;border-color:#8d704b}.patch-control.archived>i{background:#e1aa6f}.patch-loading,.patch-load-error{color:#b7c9ca;background:#18262c;border:1px solid #44565d;border-radius:5px;align-items:center;gap:10px;margin-top:20px;padding:14px 17px;font-size:14px;display:flex}.patch-load-error{color:#d6b793;background:#30271f;border-color:#815f45}.patch-load-error button{margin-left:auto;font-size:13px;text-decoration:underline}.archive-banner{color:#cfad82;background:#2c261c4d;border:1px solid #7a62413d;border-left:3px solid #d1a06a;border-radius:5px;align-items:center;gap:14px;margin-top:26px;padding:18px 20px;display:flex}.archive-banner>div{flex:1;min-width:0}.archive-banner strong{margin-bottom:8px;font-size:15px;display:block}.archive-banner>div>span{color:#a99b89;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;line-height:1.8;display:flex}.archive-banner a{color:#cbb08a;align-items:center;gap:3px;display:inline-flex}.archive-banner>button{color:#d2b284;border:1px solid #78603d;border-radius:4px;align-items:center;gap:7px;padding:10px 12px;font-size:13px;display:flex}.archive-banner>button:hover{background:#b6884a1c}.footer-contact{border-top:1px solid #27363b;order:10;justify-content:flex-end;align-items:center;gap:13px;width:100%;margin-top:6px;padding:18px 0 3px;display:flex}.footer-contact>span{color:#7c939a;font-size:13px}.footer-contact>a{color:#b4c2be;letter-spacing:.1px;align-items:center;gap:8px;font-size:15px;display:inline-flex}.footer-contact>a:hover{color:var(--accent)}.footer-contact svg{color:#bb9a6b}@media (max-width:760px){.patch-control{max-width:185px;height:31px;padding:0 8px}.patch-control select{max-width:145px;font-size:12px}.patch-control>svg{width:10px}.patch-loading,.patch-load-error{flex-wrap:wrap;padding:12px;font-size:13px;line-height:1.6}.archive-banner{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:20px;padding:14px 13px}.archive-banner>svg{width:17px;height:17px}.archive-banner strong{font-size:14px}.archive-banner>div{flex-basis:calc(100% - 30px)}.archive-banner>div>span{gap:5px;font-size:12px}.archive-banner>button{margin-left:26px;padding:8px 10px;font-size:12px}.footer-contact{justify-content:flex-start;padding-top:17px}.footer-contact>a{font-size:15px}.footer-contact>span{font-size:12px}.stat-update strong{max-width:220px}.stats .stat-update strong{font-size:14px}html[lang=en] .stats .stat-update strong{font-size:13px}.topbar .language-control select{max-width:120px}.topbar .top-actions{gap:8px}}.search-and-similar{flex:1;gap:8px;min-width:0;display:flex}.search-and-similar .searchbox{max-width:none}.similar-search-button{color:#d5b587;border:1px solid #796244;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;max-width:145px;padding:10px 13px;font-size:13px;line-height:1.5;display:flex}.similar-search-button:hover{background:#cba36b15}.hero-panel-heading{align-items:center;gap:17px;padding-right:22px;display:flex}.hero-panel-heading>img{object-fit:cover;border:1px solid #586257;border-radius:5px;width:100px;height:70px}.hero-panel-heading>div{flex:1}.hero-panel-heading h2{margin:7px 0;font-size:25px}.hero-panel-heading .outline-button{padding:8px 10px;font-size:13px}.hero-panel-tabs{border-bottom:1px solid #3b4547;gap:20px;margin:25px 0 18px;display:flex}.hero-panel-tabs button{color:#8b9d9c;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 0 14px;font-size:15px;display:flex}.hero-panel-tabs button.selected{color:#d4b280;border-color:#d4b280}.hero-level{color:#94a7a5;justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px;font-size:13px;display:flex}.hero-level select,.similar-controls select{color:#d8ded7;background:#202b2e;border:1px solid #44514d;border-radius:4px;padding:8px;font-size:14px}.hero-level select{margin-left:7px}.attack-timings{background:#1a2728;border:1px solid #3b4946;border-radius:5px;margin-bottom:24px;padding:17px}.attack-timings h3{margin:0 0 5px;font-size:15px}.attack-timings p{color:#92a49c;margin-bottom:0;font-size:13px;line-height:1.8}.attack-timings a{color:#cbb18c;text-decoration:underline}.ability-metrics{border-top:1px solid #3c4845;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 25px;margin-top:14px;padding:17px 0;display:grid}.ability-metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px 0 0}.ability-metrics>div{min-width:0}.ability-metrics>div>span:first-child{color:#94aaa2;margin-bottom:8px;font-size:13px;display:block}.timing-value{flex-direction:column;gap:5px;display:flex}.timing-value strong{color:#e2e8db;font-size:20px;font-weight:500}.timing-value small{color:#82978e;font-size:12px;line-height:1.6}.ability-metrics .unavailable{color:#8b9896;font-size:14px;font-weight:400}.timing-explanation{color:#8da39b!important;margin:19px 0!important;font-size:13px!important;line-height:1.9!important}.hero-skill-list{flex-direction:column;gap:14px;display:flex}.hero-skill-list article{border:1px solid #344540;border-radius:5px;padding:15px}.hero-skill-title{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.hero-skill-title>img{object-fit:cover;border-radius:4px;width:42px;height:42px}.hero-skill-title>div{flex:1;min-width:0}.hero-skill-title small{color:#8ba193;margin-top:6px;font-size:13px;display:block}.hero-skill-title>svg{color:#a7b299}.spell-quick-stats{color:#9baaab!important;margin-top:5px!important;font-size:12px!important}.similar-intro{color:#a1b1a5;font-size:14px;line-height:1.8}.similar-controls{gap:12px;margin:20px 0;display:flex}.similar-controls label{color:#93aa9b;flex-direction:column;flex:1;gap:8px;min-width:0;font-size:13px;display:flex}.similar-controls label:last-child{flex:0 0 130px}.similar-controls select{width:100%;padding:10px;font-size:15px}.reference-summary{background:#b18e5714;border:1px solid #a78a5744;border-radius:5px;align-items:center;gap:12px;margin-bottom:10px;padding:15px;display:flex}.reference-summary>img{border-radius:4px;width:42px;height:42px}.reference-summary>div{flex:1}.reference-summary strong{font-size:16px}.reference-summary small{color:#baa483;margin-top:7px;font-size:13px;display:block}.reference-summary>b{color:#dbbd8c;font-size:24px}.reference-summary>b>small{margin-left:3px;font-size:13px;font-weight:400;display:inline}.similar-results article{border-bottom:1px solid #374540;align-items:center;gap:14px;padding:13px 0;display:flex}.similar-hero{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.similar-hero>img{object-fit:cover;border-radius:4px;width:54px;height:33px}.similar-hero strong{font-size:15px}.similar-hero small{color:#91a39b;margin-top:6px;font-size:13px;line-height:1.5;display:block}.similar-delta{text-align:right;min-width:65px}.similar-delta>b{color:#dbe2d6;font-size:18px}.similar-delta>small{color:#b5b18a;margin-top:6px;font-size:12px;display:block}.similar-compare{color:#c0cbb0;border:1px solid #59654c;border-radius:4px;align-items:center;gap:5px;padding:9px;font-size:13px;display:flex}.similar-compare:hover{background:#52623c33}.similar-empty{color:#a7b3a4;text-align:center;padding:30px 15px;font-size:15px;line-height:1.9}@media (max-width:1150px){.filters{flex-wrap:wrap}.search-and-similar{flex-basis:100%}.filter-selects{margin-left:auto}.search-and-similar .searchbox{margin:0}}@media (max-width:760px){.hero-panel-modal{padding:27px 18px}.hero-panel-heading{flex-wrap:wrap;gap:12px;padding-right:10px}.hero-panel-heading>img{width:78px;height:55px}.hero-panel-heading h2{font-size:22px}.hero-panel-heading .outline-button{margin-left:auto}.hero-panel-tabs{gap:16px}.hero-panel-tabs button{font-size:13px}.hero-level{flex-wrap:wrap;align-items:flex-start;gap:8px;font-size:12px}.similar-controls label:last-child{flex-basis:105px}.similar-search-button{max-width:112px;padding:9px;font-size:12px}.similar-search-button svg{flex-shrink:0;width:14px}.search-and-similar{gap:7px;width:100%}.search-and-similar input{width:100%;font-size:13px}.timing-value strong{font-size:18px}.timing-value small,.ability-metrics>div>span:first-child{font-size:12px}.ability-metrics.compact{gap:7px}.hero-skill-list article{padding:12px}.hero-skill-title strong{font-size:15px}.similar-controls select{font-size:13px}.similar-results article{gap:7px}.similar-hero{gap:8px}.similar-hero>img{width:42px;height:29px}.similar-hero strong{font-size:14px}.similar-hero small{font-size:12px}.similar-delta{min-width:49px}.similar-delta>b{font-size:16px}.similar-compare{padding:8px}.similar-compare>span{display:none}.hero-panel-modal .hero-picker{max-height:50vh}.attack-timings{padding:13px}.spell-quick-stats{font-size:12px!important}}.compare-card-actions{flex-wrap:wrap;gap:5px;padding:12px 12px 0;display:flex}.compare-card-actions>button{color:#b6c8ad;border:1px solid #465648;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:13px;display:flex}.compare-card-actions>button:hover{color:#ddc398;border-color:#c9aa72}.compare-hero-name{color:inherit;text-align:left;font:inherit;font-weight:inherit}.compare-hero-name:hover{text-underline-offset:4px;text-decoration:underline}.compare-attack{padding:17px 14px 4px}.compare-attack>span{color:#9faf9b;font-size:13px}.compare-attack .attack-metrics{gap:8px;margin-top:9px;padding-top:12px}.compare-attack .timing-value strong{font-size:16px}.compare-attack .ability-metrics>div>span:first-child{font-size:12px}.compare-spells.detailed{padding:12px 14px!important}.compare-spell-card{border-top:1px solid #35453d;padding:15px 0 12px}.compare-spell-title{text-align:left;align-items:center;gap:10px;width:100%;display:flex}.compare-spell-title>img{object-fit:cover;border-radius:4px;width:36px;height:36px}.compare-spell-title>div{flex:1;min-width:0}.compare-spell-title strong{color:#dce4d7;font-size:14px;line-height:1.5}.compare-spell-title small{color:#9bad9f;margin-top:4px;font-size:12px;line-height:1.7;display:block}.compare-spell-title>span{color:#dbc09a;white-space:nowrap;font-size:18px}.compare-spell-title:hover strong{color:var(--accent)}.compare-spell-card .ability-metrics{border-color:#35453d;gap:13px 14px;margin-top:12px;padding:13px 0 0}.compare-spell-card .ability-metrics>div>span:first-child{font-size:12px}.compare-spell-card .timing-value strong{font-size:16px}.compare-spell-card .timing-value small{font-size:12px}.compare-spell-card .unavailable{font-size:13px}.compare-charge{color:#c4b387;margin:10px 0 0;font-size:12px;line-height:1.8}.compare-recommendations{border-top:1px solid #36463c;margin-top:8px;padding:4px 14px 20px}.compare-recommendations .recommendations{margin-top:16px}.recommendation-state{color:#9eae9e;background:#293a2c26;border:1px solid #3c5144;border-radius:5px;margin:14px 0;padding:17px 14px;font-size:14px;line-height:1.9}.recommendation-state p{margin:0 0 5px}.recommendation-state small{color:#8c9e93;font-size:12px}.recommendation-state button{color:#d0bb93;border:1px solid #6e6149;border-radius:3px;align-items:center;gap:7px;margin-top:8px;padding:6px 10px;font-size:13px;display:inline-flex}.recommendation-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;display:flex}.recommendation-toolbar>span{color:#b5c6a5;align-items:center;gap:7px;font-size:14px;display:flex}.recommendation-toolbar label{color:#a5b49d;align-items:center;gap:8px;font-size:13px;display:flex}.recommendation-toolbar select{color:#dde5d3;background:#24302a;border:1px solid #506149;border-radius:4px;padding:7px 9px;font-size:14px}.recommendation-period{color:#8b9c94;margin:12px 0 19px;font-size:13px;line-height:1.8}.recommendation-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.recommendation-group{background:#829d6208;border:1px solid #41503f;border-top:2px solid #8da66e;border-radius:5px;padding:14px 11px}.recommendation-group.counters{background:#8d665009;border-color:#bc8976 #5c4742 #5c4742}.recommendation-group.favorable{background:#6c8ca108;border-color:#8b9fab #4b5360 #4b5360}.recommendation-group>h3{color:#c6d4b3;min-height:36px;margin:0;font-size:14px;line-height:1.7}.recommendation-group.counters>h3{color:#d6b39e}.recommendation-group.favorable>h3{color:#c1d0db}.recommendation-group>p{color:#8f9f93;min-height:48px;margin:6px 0 12px;font-size:12px;line-height:1.8}.recommendation-group article{border-top:1px solid #45513c66;align-items:center;gap:6px;padding:11px 0;display:flex}.recommendation-group article:last-child{padding-bottom:0}.recommendation-hero{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.recommendation-hero>img{object-fit:cover;border-radius:3px;width:38px;height:26px}.recommendation-hero>span{flex:1;min-width:0}.recommendation-hero strong{color:#d4ddc6;overflow-wrap:anywhere;font-size:13px;line-height:1.6;display:block}.recommendation-hero small{color:#a6b093;margin-top:4px;font-size:12px;line-height:1.6;display:block}.recommendation-hero>svg{color:#899678;flex-shrink:0;width:10px}.recommendation-hero:hover strong{color:#d6b17c}.recommendation-add{color:#b4c29d;border:1px solid #566347;border-radius:4px;padding:5px}.recommendation-empty{color:#8d9a8b;padding:8px 0;line-height:1.9;font-size:13px!important}.recommendation-method{color:#a2af9c;margin:20px 0 12px;font-size:13px;line-height:1.9}.recommendation-source{color:#86988a;margin-bottom:24px;font-size:12px;line-height:1.9}.recommendation-source a{color:#baad8c;text-decoration:underline}.recommendation-source b{color:#c5ac7b;font-size:12px;font-weight:400;display:block}.recommendations.compact .recommendation-group{padding:10px 8px}.recommendations.compact .recommendation-group>h3{min-height:31px;font-size:12px}.recommendations.compact .recommendation-group article{padding:8px 0}.recommendations.compact .recommendation-hero{align-items:flex-start;gap:5px}.recommendations.compact .recommendation-hero>img{width:27px;height:20px}.recommendations.compact .recommendation-hero strong,.recommendations.compact .recommendation-hero small{font-size:12px}.recommendation-compact-source{color:#8a9b88;margin-top:9px;font-size:12px;display:block}.recommendation-expand{color:#c3b289;justify-content:space-between;align-items:center;width:100%;padding:11px 0 0;font-size:13px;display:flex}.comparison-picker .hero-picker-row{gap:5px;min-width:0;display:flex}.comparison-picker .hero-picker-row>button:first-child{text-align:left;background:#1d2923;border:1px solid #3d4e42;border-radius:4px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.comparison-picker .hero-picker-row>button:first-child>img{object-fit:cover;width:42px;height:28px}.comparison-picker .hero-picker-row>button:first-child>span{flex:1;min-width:0}.comparison-picker .hero-picker-row>button:first-child strong{font-size:13px}.comparison-picker .hero-picker-row>button:first-child small{color:#849881;margin-top:3px;font-size:12px;display:block}.comparison-picker .hero-picker-row>button.selected{border-color:var(--accent);background:#d6ad7512}.comparison-picker .picker-recommend{color:#baca9e;background:#202c25;border:1px solid #4b5d42;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:7px;font-size:12px;display:flex}.rec-search-button{color:#bed1a0;border-color:#586c44;max-width:110px}.hero-panel-tabs{flex-wrap:wrap;gap:15px}@media (max-width:760px){.recommendation-groups{grid-template-columns:1fr}.recommendation-group>h3{min-height:0;font-size:15px}.recommendation-group>p{min-height:0}.recommendation-group{padding:15px}.recommendation-hero>img{width:45px;height:30px}.recommendation-hero strong{font-size:14px}.recommendation-hero small{font-size:13px}.recommendation-toolbar{gap:10px}.hero-panel-tabs{gap:6px 13px}.hero-panel-tabs button{padding-bottom:11px;font-size:12px}.search-and-similar{flex-wrap:wrap}.search-and-similar>.searchbox{flex-basis:100%;width:100%}.search-and-similar>.similar-search-button{flex:1;max-width:none;min-height:35px;font-size:13px}.compare-card-actions>button{padding:8px 6px;font-size:12px}.comparison-picker .hero-picker-row>button:first-child>img{width:34px;height:24px}.comparison-picker .hero-picker-row>button:first-child{gap:6px;padding:7px}.comparison-picker .hero-picker-row>button:first-child strong{font-size:12px}.comparison-picker .picker-recommend{padding:5px}.comparison-picker .hero-picker-row>button:first-child>svg{width:12px}.recommendations.compact .recommendation-group>h3{min-height:31px;font-size:12px}.recommendations.compact .recommendation-hero>img{width:27px;height:20px}.recommendations.compact .recommendation-hero strong,.recommendations.compact .recommendation-hero small{font-size:12px}.recommendations.compact .recommendation-group{padding:10px 8px}.compare-spell-title>span{font-size:18px}}.compare-grid>.add-hero-panel{align-self:start;height:180px;min-height:180px}.compare-card-actions>button{word-break:keep-all;flex-direction:column;gap:5px;padding:8px 5px}.recommendation-entry{border-bottom:1px solid #253532;min-width:0;margin-bottom:8px;padding-bottom:8px}.recommendation-sample-label{color:#91b6a8;margin:14px 0 7px;font-size:14px;line-height:1.6}.recommendation-provenance{color:#b4c8be;border:1px solid #30453e;border-radius:8px;margin:8px 0 14px;font-size:14px;line-height:1.7;overflow:hidden}.recommendation-provenance summary{cursor:pointer;color:#d7e4dc;padding:10px;font-weight:650}.recommendation-provenance>div{padding:0 12px 12px}.recommendation-provenance p{white-space:normal;font-size:14px!important;line-height:1.8!important}.recommendation-provenance dl>div{border-bottom:1px solid #263c32;padding:8px 0}.recommendation-provenance dt{color:#d5e4da;font-weight:700}.recommendation-provenance dd{overflow-wrap:anywhere;margin:2px 0}.recommendation-provenance ul{max-height:210px;padding:0 0 0 16px;overflow:auto}.recommendation-provenance li{padding:5px 0}.recommendation-provenance li span{color:#87a193;display:block}.recommendation-provenance a,.recommendation-evidence a{color:#b9d7a5;text-decoration:none}.recommendation-evidence{padding:0 8px}.recommendation-evidence .evidence-toggle{color:#b8ceaa;text-underline-offset:3px;min-height:28px;padding:5px 0;font-size:13px;text-decoration:underline}.recommendation-evidence>div{background:#101c17;border:1px solid #2b4135;border-radius:6px;padding:8px;font-size:13px}.recommendation-evidence p{margin:0 0 7px;line-height:1.7;font-size:13px!important}.recommendation-evidence ol{max-height:280px;margin:0;padding:0;list-style:none;overflow:auto}.recommendation-evidence li{border-top:1px solid #2c3c32;padding:9px 0}.recommendation-evidence li span,.recommendation-evidence li small{overflow-wrap:anywhere;line-height:1.6;display:block}.recommendation-evidence li small{color:#90a699}.evidence-pages{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.evidence-pages button{background:#23372c;border-radius:4px;padding:6px 8px}.evidence-pages button:disabled{opacity:.35}.ultimate-timer{background:linear-gradient(135deg,#1e2d35,#172124);border:1px solid #3a5868;border-radius:10px;min-width:0;margin:16px 18px;padding:15px}.ultimate-timer header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.ultimate-timer header span{color:#c2d6e1;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.ultimate-timer header b{font:9px var(--font-mono,ui-monospace),monospace;color:#7f9cab}.ultimate-ability{align-items:center;gap:10px;min-width:0;display:flex}.ultimate-ability>img{border-radius:5px;width:38px;height:38px}.ultimate-ability>div{flex:1;min-width:0}.ultimate-ability strong{color:#e7eee9;font-size:16px;display:block}.ultimate-ability small{color:#a2b4b9;margin-top:5px;font-size:13px;display:block}.ultimate-ability select{color:#e1eee8;background:#142127;border:1px solid #39525d;border-radius:4px;width:100%;padding:5px;font-size:14px}.ultimate-start{color:#11271a;background:#aacaad;border:1px solid #94bea8;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:46px;margin-top:14px;padding:12px 6px;font-size:15px;font-weight:800;display:flex}.ultimate-start b{font-family:var(--font-mono,ui-monospace),monospace;margin-left:auto}.ultimate-start:disabled{opacity:.35}.ultimate-timer>p{color:#a6b7b7;margin-bottom:0;font-size:13px;line-height:1.7}.ultimate-timer.running{border-color:#79b9e1;box-shadow:inset 0 0 30px #215c7b22}.ultimate-clock{font:700 42px/1.2 var(--font-mono,ui-monospace),monospace;font-variant-numeric:tabular-nums;text-align:center;color:#d3edff;letter-spacing:2px;margin:13px 0 8px;display:block}.ultimate-progress{background:#152026;border-radius:8px;height:5px;display:block;overflow:hidden}.ultimate-progress i{background:#87c8ed;height:100%;transition:width .2s linear;display:block}.ultimate-controls{gap:7px;margin-top:12px;display:flex}.ultimate-controls button{color:#bdcfd5;border:1px solid #3c5760;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:14px;display:flex}.ultimate-timer.ready{background:linear-gradient(135deg,#1b3c29,#142d20);border:2px solid #8ce7aa;box-shadow:0 0 20px #56d98e20}.ultimate-timer.ready .ultimate-clock{color:#8ce7aa}.ultimate-timer.ready .ultimate-progress i{background:#8ce7aa}.ultimate-ready{color:#b4f5c8;justify-content:center;align-items:center;gap:8px;margin-top:15px;font-size:20px;display:flex}.ultimate-timer.unavailable{color:#8b9ba2;align-items:center;gap:7px;font-size:14px;display:flex}.ultimate-dock{z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101c21f5;border:1px solid #4e7485;border-radius:12px;width:min(400px,100vw - 32px);max-height:50vh;position:fixed;bottom:22px;right:22px;overflow:auto;box-shadow:0 12px 55px #0009}.ultimate-dock.raised{bottom:98px}.ultimate-dock>header{justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;display:flex}.ultimate-dock button{color:#c8dce3;align-items:center;gap:7px;min-height:28px;font-size:14px;display:flex}.ultimate-dock>header button:first-child{flex-wrap:wrap}.ultimate-dock>header b{color:#123a20;background:#93e9aa;border-radius:4px;padding:3px 5px;font-size:13px}.ultimate-dock-list>div{border-top:1px solid #2c444d;align-items:center;gap:9px;padding:10px 13px;display:flex}.ultimate-dock-list img{object-fit:cover;border-radius:4px;width:44px;height:28px}.ultimate-dock-list>div>div:nth-child(2){flex:1;min-width:0}.ultimate-dock-list strong{color:#deede7;font-size:15px}.ultimate-dock-list small{color:#8ba7ad;text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin-top:3px;font-size:13px;display:block;overflow:hidden}.ultimate-dock-list .ultimate-clock{letter-spacing:1px;margin:0;font-size:24px}.dock-countdown{min-width:75px}.dock-countdown b{color:#9fefb6;font-size:15px}.dock-countdown .ultimate-progress{height:3px;margin-top:4px}.ultimate-dock>p{color:#8ba7ad;text-align:center;margin:8px 12px 12px;font-size:12px;line-height:1.6}.ultimate-announcement strong{color:#b5f5c8;background:#204b30;border:1px solid #96e9af;border-radius:6px;align-items:center;gap:7px;margin:0 12px 9px;padding:11px;font-size:16px;animation:1.8s ease-in-out 3 ultimate-ready-glow;display:flex}.ultimate-dock.has-ready{border-color:#9becb5;box-shadow:0 0 20px #72db8c33}.ultimate-dock-list .ready{background:#244d2d44}@keyframes ultimate-ready-glow{50%{box-shadow:0 0 18px #9aefad77}}@media (prefers-reduced-motion:reduce){.ultimate-announcement strong{animation:none}.ultimate-progress i{transition:none}}@media (max-width:680px){.ultimate-timer{margin:12px;padding:12px}.ultimate-dock{max-height:42vh;bottom:12px;right:12px}.ultimate-dock.raised{bottom:92px}.ultimate-clock{font-size:36px}.recommendation-evidence ol{max-height:200px}}.recommendation-refresh-issue{color:#e3bf81;background:#3b2d1b66;border:1px solid #665136;border-radius:5px;margin:7px 0 12px;padding:9px;font-size:13px!important;line-height:1.7!important}:root{--muted:#aebbc2;--dim:#93a2ab;font-size:16px}body{line-height:1.55}button,select,input{touch-action:manipulation}:is(button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible){outline-offset:3px;outline:2px solid #f0b57c}.sidebar nav button{min-height:48px}.top-actions select{min-height:42px}.topbar{min-height:84px}.intro p{line-height:1.9}.searchbox{min-height:48px}.searchbox input{min-height:38px;font-size:15px}.filter-selects label,.filter-selects .sort-button{min-height:44px}.filter-selects select,.metric select{min-height:36px;font-size:14px}.filters{flex-wrap:wrap}.search-and-similar{flex:480px;min-width:0}.filter-selects{flex-wrap:wrap}.sub-filters{color:#b2bfc5;flex-wrap:wrap;gap:14px;margin:16px 0}.sub-filters>div{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.sub-filters label{gap:8px;min-height:40px;font-size:14px}.sub-filters input{flex-shrink:0;width:18px;height:18px}.octarine-toggle{cursor:pointer;color:#d5e0de;background:#1b2326;border:1px solid #415147;border-radius:8px;align-items:center;padding:8px 12px;gap:9px!important;min-height:52px!important;font-size:14px!important;display:inline-flex!important}.octarine-toggle.active{color:#d6f4dd;background:#264237;border-color:#9cd3aa}.octarine-toggle input{accent-color:#a2d8ad;flex-shrink:0;width:18px!important;height:18px!important}.octarine-toggle img{object-fit:cover;border-radius:4px;width:34px;height:25px}.octarine-toggle>span{flex-direction:column;line-height:1.45;display:flex}.octarine-toggle small{color:#aebfb7;font-size:12px}.octarine-toggle.active small{color:#b5e6c2}.filter-explanation{color:#acb9c0;max-width:850px;margin:6px 0 16px;font-size:13px;line-height:1.8}.calculation-banner{color:#c1cbd0;background:#1b2429;border:1px solid #35434b;border-radius:9px;flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0 4px;padding:14px 18px;display:flex}.calculation-banner>span{flex-shrink:0;align-items:center;gap:9px;font-size:15px;display:flex}.calculation-banner p{flex:390px;margin:0;font-size:13px;line-height:1.8}.calculation-banner.equipped{background:#1b3228;border-color:#609873}.calculation-banner.equipped>span{color:#b8ebc4}.table-head{height:auto;min-height:50px;padding-top:12px;padding-bottom:12px;font-size:12px}.table-row{min-height:94px;padding-top:12px;padding-bottom:12px}.hero-cell strong,.ability-cell strong{font-size:15px;line-height:1.5}.hero-cell small,.ability-cell small{color:#a7b6be;font-size:12px;line-height:1.6}.hero-cell img{width:48px;height:34px}.ability-cell img{width:38px;height:38px}.level-values{font-variant-numeric:tabular-nums;font-size:16px}.levels-cell small.base-cooldown{color:#a1b3bd;margin-top:5px;font-size:12px;display:block}.cooldown-cell strong{font-size:23px}.cooldown-cell strong small{font-size:13px}.compare-add{min-width:34px;min-height:38px}.table-foot{font-size:13px;line-height:1.8}.table-foot p{line-height:1.8}.compare-controls{flex-wrap:wrap;gap:16px}.compare-controls label:not(.octarine-toggle){font-size:14px}.compare-controls select{min-height:42px;font-size:15px}.compare-note{font-size:13px;line-height:1.9}.compare-card-actions button{min-height:62px;font-size:14px;line-height:1.5}.compare-portrait h2{font-size:23px}.compare-portrait>div>span{font-size:13px}.compare-spell-title strong{font-size:15px;line-height:1.5}.compare-spell-title>span{font-size:20px}.compare-spell-title small{font-size:12px;line-height:1.7}.ability-metrics span{font-size:12px}.ability-metrics strong{font-size:16px}.ability-metrics small{font-size:12px}.hero-panel-modal{width:min(1080px,94vw)}.modal{padding:34px;line-height:1.7}.modal-close{background:#202b31;border-radius:50%;min-width:42px;min-height:42px}.modal-close:hover{background:#34434b}.hero-panel-tabs{flex-wrap:wrap}.hero-panel-tabs button{min-height:46px;padding:12px 14px;font-size:14px}.hero-skill-title strong{font-size:16px}.hero-skill-title small{font-size:13px}.hero-picker strong{font-size:14px}.hero-picker small{font-size:12px}.hero-picker-row button{min-height:64px}.recommendation-group h3{font-size:15px;line-height:1.7}.recommendation-group>p{font-size:13px;line-height:1.8}.recommendation-hero strong{font-size:14px}.recommendation-hero small{font-size:12px;line-height:1.7}.recommendation-hero{min-height:58px}.recommendation-evidence .evidence-toggle{min-height:36px;font-size:12px}.recommendation-evidence>div{font-size:12px}.recommendation-evidence p{font-size:12px!important}.recommendation-provenance{font-size:13px}.recommendation-provenance p{font-size:13px!important}.recommendation-refresh-issue{font-size:12px!important}.recommendation-evidence li small{font-size:12px}.recommendation-source,.recommendation-method{font-size:13px;line-height:1.8}.timer-calculation-mode{margin:9px 0 0;color:#b6d6c7!important;font-size:12px!important}.ultimate-timer header b{font-size:11px}.ultimate-timer header span{font-size:14px}.ultimate-controls button{min-height:40px;font-size:13px}.ultimate-start{min-height:48px;font-size:14px}.ultimate-timer .ultimate-clock{font-size:44px}.ultimate-dock{width:min(440px,100vw - 28px)}.ultimate-dock button{font-size:13px}.ultimate-dock-list strong{font-size:14px}.ultimate-dock-list small{max-width:190px;font-size:12px}.ultimate-dock>p{font-size:11px}.ultimate-announcement strong{font-size:15px}.base-reference{color:#aab7bd}.base-reference .level-values{font-size:14px}.ranking-scroll-hint{display:none}@media (max-width:1100px){.app-shell main{padding-left:28px;padding-right:28px}.table-head,.table-row{grid-template-columns:30px minmax(140px,1fr) minmax(165px,1.2fr) minmax(130px,.8fr) minmax(130px,.8fr) 36px;column-gap:10px}.ranking-table{overflow-x:auto}.ranking-table>.table-head,.ranking-table>.table-row{min-width:800px}.search-and-similar{flex-wrap:wrap}.filter-selects{margin-left:0}}@media (max-width:760px){.app-shell main{padding:0 18px}.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:80px;padding-top:16px;padding-bottom:16px}.top-actions{flex-wrap:wrap;gap:9px}.top-actions select{min-height:42px;font-size:13px}.intro{padding-top:28px}.intro h1{font-size:43px}.intro-copy p{font-size:15px}.calculation-banner{gap:7px;margin-top:12px;padding:12px}.calculation-banner p{font-size:12px}.calculation-banner>span{font-size:14px}.filters{gap:12px}.search-and-similar,.search-and-similar .searchbox{flex:100%;width:100%}.similar-search-button{flex:1;min-height:45px;padding:9px;font-size:13px}.filter-selects{justify-content:space-between;gap:6px;width:100%}.filter-selects label{font-size:13px}.sub-filters{align-items:flex-start;gap:10px}.sub-filters>div{gap:9px 16px}.sub-filters .metric{margin-left:auto}.sub-filters label{font-size:13px}.filter-explanation{font-size:12px}.ranking-scroll-hint{color:#acbbc4;margin:8px 0;font-size:12px;display:block}.ranking-table{overscroll-behavior-x:contain}.ranking-table>.table-head,.ranking-table>.table-row{grid-template-columns:30px 145px 180px 145px 155px 40px;min-width:820px;padding-left:8px;padding-right:8px}.ranking-table .levels-cell,.ranking-table .hero-cell small,.ranking-table .ability-cell small,.ranking-table .bar-track{display:block}.table-row{min-height:92px}.hero-cell strong,.ability-cell strong{font-size:14px}.cooldown-cell strong{font-size:22px}.compare-grid{grid-auto-columns:320px!important}.compare-card-actions button{font-size:13px}.modal-overlay{padding:12px}.modal{max-height:91dvh;padding:28px 20px}.hero-panel-modal{width:100%}.modal h2{font-size:26px}.hero-panel-tabs button{flex:1;min-width:90px;padding:10px;font-size:13px}.hero-picker{gap:8px}.hero-picker strong{font-size:13px}.hero-picker small{font-size:11px}.hero-picker img{width:45px;height:31px}.modal-bottom{flex-wrap:wrap;gap:12px}.modal-bottom>span{font-size:12px}.compare-controls{gap:12px}.compare-controls>span{font-size:14px}.compare-controls label.octarine-toggle{flex-basis:100%;order:3;justify-content:center}.ultimate-dock-list small{max-width:120px}.ultimate-dock-list strong,.ultimate-dock .ultimate-announcement strong{font-size:13px}.ultimate-dock{max-height:42dvh}.ultimate-timer .ultimate-clock{font-size:40px}.compare-tray .primary-button{min-height:42px;font-size:13px}.compare-tray>span{font-size:12px}.compare-tray{max-width:calc(100vw - 20px)}footer p{font-size:11px}}.filters>.search-and-similar{flex:100%;width:100%}.search-and-similar .searchbox{flex:1;min-width:230px}.similar-search-button{white-space:nowrap;justify-content:center;min-width:190px;min-height:48px;font-size:14px}.rec-search-button{min-width:140px}.similar-search-button span{word-break:keep-all}.filter-selects{margin-left:auto}.timer-calculation-mode{line-height:1.7}.calculation-banner p,.filter-explanation,.compare-note,.recommendation-method{word-break:keep-all;overflow-wrap:break-word}@media (max-width:760px){.search-and-similar .searchbox{flex:100%;min-width:0}.similar-search-button{white-space:normal;word-break:keep-all;min-width:0;font-size:13px}.rec-search-button{min-width:0}.filter-selects{margin-left:0}.search-and-similar{gap:8px}}.compare-page{padding-top:26px}.compare-page .secondary-title{margin-top:10px}.compare-page .secondary-title h1{margin-top:0;margin-bottom:8px}.compare-page .secondary-title p{margin-top:0;margin-bottom:0;line-height:1.7}.compare-page .compare-controls{margin-top:20px;padding:14px 0}.compare-page .eyebrow{margin-bottom:8px}@media (max-width:760px){.compare-page{padding-top:22px}.compare-page .secondary-title h1{font-size:32px}.compare-page .compare-controls{margin-top:18px;padding:12px 0}}.hero-build-controls{background:#1c282d;border:1px solid #3b5058;border-radius:9px;margin:14px 14px 4px;padding:14px}.hero-build-controls h3{color:#d0e0e5;align-items:center;gap:7px;margin:0 0 12px;font-size:14px;display:flex}.build-levels{grid-template-columns:1fr 1fr;gap:12px;display:grid}.build-levels label{color:#b7c5cd;flex-direction:column;gap:6px;font-size:12px;display:flex}.build-levels select,.talent-row select,.spell-build-settings select{color:#deebe7;background:#111e24;border:1px solid #405a65;border-radius:5px;min-width:0;max-width:100%;min-height:38px;padding:5px 8px;font-size:14px}.build-items{flex-wrap:wrap;gap:10px 14px;margin-top:12px;display:flex}.build-items label{color:#d3e3dc;align-items:center;gap:6px;min-height:34px;font-size:13px;display:flex}.build-items input,.cdr-exception input{accent-color:#a0d1a4;width:17px;height:17px}.build-items input:disabled{opacity:.4}.talent-settings{border-top:1px solid #38505a;margin-top:12px;padding-top:8px}.talent-settings summary{cursor:pointer;color:#e2c997;padding:6px 0;font-size:13px}.talent-settings p{color:#b2c2c9;margin-bottom:0;font-size:12px;line-height:1.8}.talent-row{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:6px;margin-top:10px;display:grid}.talent-row>span{color:#ddb787;padding-top:8px;font-size:12px}.talent-row small{color:#869aa4;font-size:11px;display:block}.talent-row strong{color:#c8ddc9;font-size:12px;line-height:1.6}.talent-row select{width:100%;font-size:12px}.talent-row select:disabled{opacity:.45}.spell-build-settings{flex-direction:column;gap:6px;padding:10px 0;display:flex}.spell-build-settings label{color:#b2c5cd;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.spell-build-settings select{max-width:130px;min-height:34px;font-size:12px}.spell-build-settings .cdr-exception{color:#a5b7c0;justify-content:flex-start;min-height:32px;font-size:11px}.share-comparison{background:#1b3024;border:1px solid #58745e;border-radius:8px;margin:20px 0;padding:16px}.share-comparison label{color:#c3e3cd;font-size:14px;display:block}.share-comparison input{color:#d8e9dc;background:#101d18;border:1px solid #496956;border-radius:5px;width:100%;margin-top:8px;padding:11px;font-size:13px;display:block}.share-comparison p{color:#adc9b7;font-size:12px;line-height:1.8}.recommendation-dataset{flex-wrap:wrap;align-items:center;gap:10px;padding:5px 0 12px;display:flex}.recommendation-dataset>div{background:#101c22;border:1px solid #38505c;border-radius:7px;gap:3px;padding:4px;display:flex}.recommendation-dataset button{color:#aec0c8;border-radius:5px;min-height:40px;padding:9px 13px;font-size:13px}.recommendation-dataset button[aria-pressed=true]{color:#e3f2df;background:#355b49}.recommendation-dataset label{color:#b3c9d1;align-items:center;gap:8px;font-size:12px;display:flex}.recommendation-dataset select{color:#d4e4eb;background:#14252c;border:1px solid #49606b;border-radius:5px;min-height:40px;padding:8px;font-size:13px}.compare-controls>span:nth-child(2){flex:1;font-size:13px;line-height:1.8}.compare-controls>.outline-button{min-height:44px}@media (max-width:760px){.hero-build-controls{margin-left:12px;margin-right:12px;padding:12px}.build-levels label{font-size:12px}.compare-controls>span:nth-child(2){flex-basis:100%;order:3}.recommendation-dataset>div,.recommendation-dataset button{flex:1}.recommendation-dataset label{flex-basis:100%}.recommendation-dataset select{flex:1}.talent-row select{min-height:40px}}.recommendations.compact .recommendation-groups{grid-template-columns:1fr;gap:16px}.recommendations.compact .recommendation-hero{min-height:58px}.recommendations.compact .recommendation-hero strong{font-size:14px}.recommendations.compact .recommendation-hero small{font-size:12px}.recommendations.compact .recommendation-group h3{min-height:0;font-size:14px}.recommendations.compact .recommendation-evidence li span{word-break:keep-all}.sidebar nav>a.battle-nav{color:#b4c3c6;white-space:nowrap;align-items:center;gap:12px;padding:13px 17px;font-size:14px;text-decoration:none;display:flex}.sidebar nav>a.battle-nav:hover{color:#d7b781;background:#ffffff06}.battle-nav small{color:#d7b781;letter-spacing:1px;border:1px solid #d7b78144;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:9px}@media (max-width:700px){.sidebar nav>a.battle-nav{gap:6px;padding:10px;font-size:12px}.battle-nav small{display:none}}@media (max-width:760px){.sidebar nav>a.battle-nav{gap:0;width:43px;height:40px;padding:12px;font-size:0}.sidebar nav>a.battle-nav svg{width:17px;height:17px}.sidebar nav>a.battle-nav small{display:none}}.ability-metrics,.ability-metrics.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-metrics .cast-total{background:#d5ad7710;border-left:2px solid #c6a474;padding-left:10px}.ability-metrics .cast-total>span{color:#dbc199}.cast-sequence{background:#1b292a;border:1px solid #4b5c59;border-radius:6px;margin:10px 0;padding:12px}.cast-sequence p{color:#e6c28d;font-size:14px;line-height:1.8}.cast-sequence small{color:#afc1c5;margin-top:5px;font-size:12px;line-height:1.8;display:block}.casting-guide{color:#bccdd2;background:#19242a;border:1px solid #3b5057;border-radius:8px;margin:18px 0;padding:15px 18px;line-height:1.9}.casting-guide summary{cursor:pointer;color:#e0bd87;font-size:15px;font-weight:550}.casting-guide dl{margin:15px 0}.casting-guide dl>div{margin:12px 0}.casting-guide dt{color:#d9e3de;font-size:14px;font-weight:600}.casting-guide dd{margin:3px 0 0;font-size:14px}.casting-guide p{margin-top:12px;font-size:13px;line-height:1.9}.casting-guide .casting-example{color:#e0c498;background:#cdaa6a0d;border-left:2px solid #be9d66;padding:11px 14px}.battle-page>.casting-guide{margin-bottom:28px}.attack-timings .ability-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:600px){.casting-guide{padding:13px}.casting-guide summary{font-size:14px}.casting-guide dd,.cast-sequence p{font-size:13px}.cast-sequence{padding:10px}}.rank-hero-group{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.rank-hero-group .hero-cell{width:100%}.rank-build-button{color:#b8dcc9;border:1px solid #496655;border-radius:5px;align-items:center;gap:5px;min-height:30px;padding:5px 8px;font-size:12px;display:flex}.rank-build-button:hover{background:#2b4839}.ranking-build-toggle{color:#cae4d0!important}.hero-build-controls .build-help,.build-help{color:#bfd4dc;font-size:13px;line-height:1.8}.neutral-settings{border-top:1px solid #38505a;margin-top:12px;padding-top:12px}.neutral-settings>label,.neutral-advanced label{color:#c9dce2;flex-direction:column;gap:8px;font-size:13px;display:flex}.neutral-settings select,.neutral-settings input{color:#e3eee7;background:#122027;border:1px solid #48636d;border-radius:5px;width:100%;min-height:42px;padding:8px;font-size:14px}.neutral-settings p{color:#b6c9d1;font-size:12px;line-height:1.8}.neutral-settings a{color:#aad8ba;text-underline-offset:3px;font-size:12px;text-decoration:underline}.neutral-advanced summary{cursor:pointer;color:#c6d7ce;padding:9px 0;font-size:12px}.neutral-advanced input{max-width:140px}.talent-settings summary{line-height:1.8}.talent-settings summary>b{color:#c6e6aa;border:1px solid #71885b;border-radius:4px;margin:3px 0 3px 6px;padding:1px 5px;font-size:10px;display:inline-block}.talent-tier{border:0;border-bottom:1px solid #35464e;min-width:0;margin:8px 0;padding:8px 0 12px}.talent-tier legend{color:#e8c58f;padding:0;font-size:13px}.talent-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.talent-choices button{text-align:left;color:#cbdae0;overflow-wrap:anywhere;background:#18242c;border:1px solid #455b67;border-radius:6px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;min-height:76px;padding:11px 10px;font-size:13px;line-height:1.65;display:flex}.talent-choices button.cooldown-talent{color:#e8e0b2;background:#292f25;border-color:#8e955f}.talent-choices button.selected{color:#f0faee;background:#254b36;border:2px solid #a0daab;padding:10px 9px;box-shadow:0 0 0 1px #5a9a6b}.talent-choices button:hover:enabled{background:#36483d}.talent-choices b{color:#e0f3b7;background:#4a5d38;border-radius:3px;padding:1px 6px;font-size:11px}.talent-choices small{color:#c8b790;font-size:11px}.talent-tier.locked{opacity:.45}.talent-choices button:disabled{cursor:default}.build-applied{border-top:1px solid #466252;margin-top:15px;padding-top:12px}.build-applied>strong{color:#cfdfd6;font-size:13px}.build-applied>div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.build-applied span,.applied-sources span{color:#c1d4db;overflow-wrap:anywhere;background:#243640;border:1px solid #48616a;border-radius:4px;padding:3px 6px;font-size:11px;line-height:1.6;display:inline-block}.build-applied span.cdr{color:#dfedb9;background:#30432c;border-color:#7d915e}.build-applied p{color:#b6ccbe;font-size:12px;line-height:1.8}.build-applied p>b{color:#ddf2bf}.build-reset{color:#c1cdd2;min-height:36px;padding:8px 0;font-size:12px;text-decoration:underline}.cooldown-breakdown{color:#b4c9c0;padding:9px 0;font-size:12px;line-height:1.75}.calculation-steps{flex-wrap:wrap;align-items:center;gap:4px 7px;display:flex}.calculation-steps span{white-space:nowrap}.calculation-steps span:last-child{color:#d6edbb}.calculation-steps i{color:#718a7d;font-style:normal}.applied-sources{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.cooldown-breakdown>small{color:#b4c6ce;margin-top:5px;font-size:11px;display:block}.cooldown-breakdown.compact{padding:5px 0 0;font-size:10px;line-height:1.6}.cooldown-breakdown.compact .calculation-steps{gap:2px 5px}.build-preview{margin:16px 14px}.build-preview h3{color:#cde2d2;font-size:16px}.build-preview article{border-bottom:1px solid #344a54;padding:13px 0}.build-preview article>strong{font-size:14px}.hero-panel-modal .hero-build-controls{margin:18px 0}.hero-panel-modal .talent-choices button{min-height:70px;font-size:15px}.hero-panel-modal .build-preview{margin:20px 0}.hero-panel-modal .build-levels{max-width:450px}:is(button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible){outline-offset:3px;outline:2px solid #c1e8b8}@media (max-width:760px){.hero-panel-modal .talent-choices button{min-height:88px;padding:10px 8px;font-size:13px}.hero-panel-modal .talent-choices button.selected{padding:9px 7px}.hero-panel-modal .talent-tier legend{font-size:12px}.hero-build-controls .build-levels{gap:8px}.neutral-settings select{font-size:13px}.build-applied span,.rank-build-button{font-size:11px}.hero-panel-tabs{gap:6px}.hero-panel-tabs button{flex:40%}}.neutral-settings>a{margin-top:6px;display:block}.recommendation-analysis-link{color:var(--accent);background:#eca86c08;border:1px solid #5a5344;border-radius:4px;justify-content:space-between;align-items:center;margin:12px 0 16px;padding:14px;font-size:13px;display:flex}.recommendation-analysis-link:hover{background:#eca86c14}.analytics-footer{color:#a8b8bd;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:10px auto 22px;font-size:11px;display:flex}.analytics-footer a,.analytics-footer button{font-size:inherit;text-underline-offset:4px;min-height:36px;padding:8px 4px;text-decoration:underline}.analytics-footer button[aria-pressed=true]{color:#d6bc91}.analytics-privacy{max-width:800px;margin:auto;padding:45px 24px 80px;line-height:1.95}.analytics-privacy>a{color:#d4b183;font-size:13px}.analytics-privacy h1{letter-spacing:-1px;margin:30px 0 15px;font-size:30px}.analytics-privacy h2{color:#d8e5d7;margin:30px 0 10px;font-size:18px}.analytics-privacy p{color:#afc0c7;font-size:14px}.analytics-privacy p a{color:#ddbe92;text-decoration:underline}@media (max-width:760px){.analytics-footer{gap:10px;font-size:11px}.analytics-privacy h1{font-size:25px}.analytics-privacy h2{font-size:16px}.analytics-privacy p{font-size:13px}}.analytics-footer{padding-bottom:100px}html[lang=zh] body{font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}html[lang=ru] .intro h1{letter-spacing:-1.2px}@media (max-width:600px){html[lang=ru] .tabs{flex-wrap:wrap;gap:12px}html[lang=ru] .tabs button{white-space:normal;text-align:left}html[lang=ru] .sidebar nav button,html[lang=ru] .sidebar nav a{min-width:0}}