@charset "UTF-8";
:root{font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:#30251a;background:#eee6cf;--ink:#30251a;--gold:#ffe366;--brown:#8a482a;--line:#d2c3a2;--cream:#fffcf0;--teal:#348b88;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(#78684512 .8px,transparent .8px) 0 0/6px 6px}button,input,select{font:inherit}button,select{cursor:pointer}button{border:2px solid var(--ink);border-radius:7px;background:#fffbee;color:var(--ink);font-weight:700;padding:9px 16px;transition:background .12s,transform .12s}button:hover{background:#ffe785}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,.table-wrap:focus-visible{outline:3px solid #0988a4;outline-offset:3px}input,select{border:1px solid #b7a88d;border-radius:5px;padding:7px;background:#fffef8;color:var(--ink)}input[type=number]{width:70px;font-variant-numeric:tabular-nums}input[type=checkbox]{accent-color:#9a572c;width:16px;height:16px;margin:0;vertical-align:middle}h1,h2,h3,p{margin:0}h2{letter-spacing:-1px}button.small{font-size:12px;padding:7px 12px;border-width:1px}.wood{background:linear-gradient(#b87549,#8a4a2c 70%,#6a331b);border-bottom:5px solid #2f2119;box-shadow:inset 0 3px #efc18a,0 3px #fff5cc;display:flex;align-items:center;justify-content:space-between;padding:9px max(24px,calc((100% - 1320px)/2));color:white;min-height:78px}.brand{display:flex;gap:10px;align-items:center}.brand img{width:49px;height:49px;border:2px solid #261c14;border-radius:50%;background:#fff4d0}.brand h1{font-size:30px;font-weight:1000;letter-spacing:-1.5px;color:#ffe772;text-shadow:2px 2px #25160e,-1px -1px #25160e,1px -1px #25160e,-1px 1px #25160e;transform:rotate(-2deg)}.brand span{font-size:11px;letter-spacing:2px;display:block;margin-top:2px}.header-right{display:flex;align-items:center;gap:14px}.version{font-size:12px;opacity:.85}.dark{background:#61371f!important;color:#fff4cf;border-color:#e5b574!important}main{max-width:1320px;margin:0 auto;padding:26px 24px 16px}.intro{display:flex;align-items:center;justify-content:space-between;padding:0 6px 22px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#8e673e}.intro h2{font-size:29px;font-weight:900;margin:5px 0 8px}.intro p{font-size:13px;color:#77644a}.intro-cat{width:91px;height:80px;overflow:hidden;transform:rotate(9deg);margin-right:8px}.intro-cat img{width:91px;mix-blend-mode:multiply}.conditions{background:var(--cream);border:2px solid #615037;border-radius:10px;box-shadow:0 3px #c7b997;padding:14px 18px;margin-bottom:24px}.condition-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.condition-head strong{font-size:15px}.condition-head>span{font-size:12px;color:#8a785d}.condition-head button{margin-left:auto}.traits{display:flex;flex-wrap:wrap;gap:6px}.trait{border:1px solid #cbbda1;border-radius:5px;font-size:12px;padding:6px 10px;background:#f5f0e0;display:flex;align-items:center;gap:6px}.trait .trait-dot{width:10px;height:10px;border-radius:50%;background:var(--trait);box-shadow:0 0 0 1px #0003}.trait[aria-pressed=true]{background:#fff2ad;border:2px solid #6d4d29;padding:5px 9px;box-shadow:inset 0 0 0 1px #fff9dd}.trait[aria-pressed=true]::after{content:'✓';font-weight:900;font-size:12px}.subtypes{display:flex;gap:18px;margin-top:10px;font-size:12px}.subtypes label{display:flex;gap:6px;align-items:center}.env-summary{font-size:11px;color:#897458;border-top:1px dashed #d2c5aa;margin-top:11px;padding-top:8px}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px;flex-wrap:wrap}.tools-left,.tools-right{display:flex;gap:8px;align-items:center}.gold{background:linear-gradient(#fff18b,#ffd54e);border:2px solid #35281b;box-shadow:0 3px #7e5b20,inset 0 1px white;font-weight:900}.gold:hover{background:#ffe166}.difference{font-size:12px;display:flex;align-items:center;gap:6px;margin-right:9px}.segmented{display:flex;border:1px solid #8b795a;border-radius:6px;overflow:hidden}.segmented button{border:0;border-radius:0;font-size:12px;padding:8px 11px;background:#f4eddc}.segmented button+button{border-left:1px solid #d8c9ae}.segmented button[aria-pressed=true]{background:#685139;color:#fff9e9}.legend{font-size:11px;color:#7f6b50;display:flex;gap:14px;align-items:center;margin:0 2px 8px}.legend>span{display:flex;gap:5px;align-items:center}.dot{width:8px;height:8px;border-radius:50%}.dot.better{background:#35815c}.dot.worse{background:#bd5b49}.mobile-hint{margin-left:auto;display:none!important}.table-wrap{border:3px solid #3b2c1d;border-radius:10px;background:var(--cream);overflow:auto;max-height:calc(100vh - 180px);box-shadow:0 5px 0 #c1b18f;scrollbar-color:#b69f76 #f5edda;scrollbar-width:thin}.compare-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed}.compare-table .label-col{width:190px}.compare-table .unit-col{width:250px}.compare-table th,.compare-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.compare-table tr>*:last-child{border-right:0}.compare-table thead th{position:sticky;top:0;z-index:3;background:#eee4c9;vertical-align:top;padding:0}.compare-table thead th:first-child{z-index:5;left:0;background:#51432f;color:#fff4ce}.compare-table tbody th{position:sticky;left:0;z-index:2;text-align:left;background:#f3ecd9;font-weight:700;font-size:12px;padding:12px 15px}.compare-table tbody td{height:53px;padding:8px 10px;font-variant-numeric:tabular-nums;background:#fffdf4}.compare-table tbody tr:hover td{box-shadow:inset 0 0 0 1000px #00000004}.unit-card{min-height:255px;position:relative;padding:11px 14px 12px;background:linear-gradient(#fff7dbdd,#eee4c9ee),repeating-linear-gradient(0deg,transparent 0 20px,#806a3620 20px 21px)}.unit-card.baseline{background:linear-gradient(#ffe991cc,#fff1bfef)}.card-actions{display:flex;justify-content:space-between;height:24px;align-items:center;gap:6px}.baseline-badge{font-size:10px;letter-spacing:1px;background:#67461d;color:#ffe47b;border-radius:3px;padding:3px 7px}.card-actions button{font-size:10px;border:0;background:transparent;padding:4px 6px;color:#806342}.card-actions button:hover{background:#e1cca0}.card-actions .remove{font-size:20px;line-height:16px}.card-image{display:block;margin:5px auto 4px;width:78px;height:78px;object-fit:contain;mix-blend-mode:multiply}.missing-icon{height:78px;width:78px;display:flex;align-items:center;justify-content:center;border:2px dashed #b5a58a;border-radius:10px;margin:5px auto 4px;font-size:11px;color:#8b795e}.unit-name{font-size:17px;font-weight:900;letter-spacing:-.7px;line-height:1.4;margin-bottom:8px;min-height:24px;word-break:keep-all}.form-select{font-size:11px;padding:4px 6px;max-width:100%;width:100%;margin-bottom:7px}.level-row{display:flex;gap:5px;justify-content:center;align-items:center;font-size:12px;margin-bottom:9px}.level-row input{padding:4px;width:49px;font-weight:800;background:#fff9e9}.level-row input:disabled{opacity:.5}.effect-switch{font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff9e5;border:1px solid #cbb67d;border-radius:5px;padding:6px}.effect-switch.off{background:#e8e1d4;color:#827866}.card-bottom{display:flex;justify-content:space-between;gap:5px;margin-top:7px}.card-bottom button{font-size:10px;padding:4px 6px;border:1px solid #b6a382;background:transparent}.table-intro{padding:24px 15px}.table-intro .vs{font-size:45px;font-weight:1000;color:#ffdf59;font-style:italic;text-shadow:3px 3px #1a140d}.table-intro p{font-size:12px;line-height:1.8;margin-top:14px;color:#e8dabc}.table-intro button{font-size:11px;margin-top:18px;background:#736047;color:#fff5d5;border-color:#a38b66;padding:6px 8px}.section-row th{position:static!important;background:#876a46!important;color:#fff9e9;font-size:12px!important;padding:9px 15px!important;letter-spacing:.2px}.section-row td{background:#876a46!important;height:34px!important;color:#fff3c9;font-size:11px}.section-row.applied th,.section-row.applied td{background:#356d69!important}.value{font-size:18px;font-weight:800;letter-spacing:-.4px;display:inline-block}.suffix{font-size:11px;margin-left:4px;font-weight:400;opacity:.8}.delta{display:block;font-size:11px;font-weight:700;margin-top:3px}.equal{color:#a49379}.metric-hint{display:block;font-size:10px;color:#907e62;font-weight:400;line-height:1.5;margin-top:3px}.detail-cell{font-size:11px;line-height:1.7;text-align:left!important;vertical-align:top;padding:12px!important;word-break:keep-all}.tags{display:flex;flex-wrap:wrap;gap:4px}.tag{font-size:10px;border:1px solid #cfbc99;border-radius:4px;padding:2px 5px;background:#f8f0da;line-height:1.5}.tag.active{background:#e2f0dc;border-color:#9db88c}.tag.muted{color:#998767}.warning{font-size:11px;color:#946027;line-height:1.6;margin-top:7px}.detail-link{padding:4px 7px;font-size:11px;border:1px solid #b7a482;background:transparent}.loading,.empty{text-align:center;padding:55px 15px}.empty img{width:96px;mix-blend-mode:multiply}.empty h2{margin:12px}.empty p{font-size:13px;margin:15px}.empty button{margin-top:10px}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#8f7c60;margin:22px 3px 0}.text-button{border:0;background:none;font-size:11px;padding:4px;text-decoration:underline;color:#766043}
dialog{border:3px solid #3b2c1d;border-radius:13px;background:#fffbec;color:var(--ink);padding:0;width:min(870px,calc(100% - 32px));max-height:88vh;box-shadow:0 12px 70px #0007}dialog::backdrop{background:#211a13aa;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:19px 22px 16px;border-bottom:2px solid #d3bd90;background:linear-gradient(#fff1be,#f2dfaf);position:sticky;top:0;z-index:2}.dialog-header h2{font-size:23px;margin-top:4px}.close{border:0;background:transparent;font-size:29px;padding:1px 9px}.picker-filters{display:flex;gap:10px;padding:18px 22px 10px}.picker-filters input{flex:1;min-width:100px;padding:11px}.picker-filters select{max-width:185px;font-size:12px}.picker-top{display:flex;justify-content:space-between;font-size:11px;color:#8f7958;padding:0 24px 13px}.results{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 22px 22px;max-height:58vh;overflow:auto}.result{padding:9px 5px;border:1px solid #ccb88d;background:#fffdf4;border-radius:6px;min-width:0;text-align:center;position:relative}.result img{width:66px;height:66px;object-fit:contain;mix-blend-mode:multiply}.result strong{display:block;font-size:12px;line-height:1.4;word-break:keep-all;margin-top:4px}.result span{font-size:10px;color:#988367}.result:hover{background:#fff0ac;border-color:#a07b27;transform:translateY(-2px)}.no-results{grid-column:1/-1;text-align:center;padding:50px 10px;color:#8c7655}.load-more{grid-column:1/-1}#options{width:min(700px,calc(100% - 30px))}#options-content{padding:22px;line-height:1.75;font-size:13px}#options-content p{margin-bottom:14px}#options-content h3{font-size:15px;margin:20px 0 8px}#options-content h3:first-child{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:4px}.field small{font-size:11px;color:#927d5c}.field input,.field select{width:100%;padding:8px}.field.check{display:flex;flex-direction:row;align-items:center}.field.check input{width:16px}.talent-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e7dac1;gap:12px}.talent-row span{font-size:12px}.talent-row small{display:block;color:#947c55;font-size:10px}.talent-row select{width:80px}.talent-row.locked{opacity:.5}.option-actions{display:flex;gap:8px;margin:14px 0}.formula{background:#f0e8d7;border:1px solid #d4c19d;padding:12px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.note{background:#fff0c5;border-left:3px solid #bd8c36;padding:10px;font-size:12px;margin:12px 0}#toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);background:#3c3024;color:#fff4cf;padding:12px 20px;border-radius:8px;box-shadow:0 4px 20px #0003;font-size:13px;z-index:20;opacity:0;pointer-events:none;transition:opacity .15s}#toast.show{opacity:1}
@media(min-width:1450px){main{padding-top:31px}.intro{padding-bottom:25px}.unit-card{padding-top:12px}.card-image{width:88px;height:88px}}
@media(max-width:900px){main{padding:20px 14px}.intro h2{font-size:25px}.tools-right{flex-wrap:wrap;gap:7px}.results{grid-template-columns:repeat(4,1fr)}.compare-table .label-col{width:150px}.compare-table .unit-col{width:220px}.mobile-hint{display:flex!important}.legend{flex-wrap:wrap}.table-wrap{max-height:75vh}.condition-head>span{display:none}.wood{padding:9px 16px}.toolbar{align-items:flex-start}.brand h1{font-size:25px}.brand span{font-size:10px}}
@media(max-width:540px){.header-right .version{display:none}.intro-cat{display:none}.intro p{font-size:11px}.intro h2{font-size:24px}.conditions{padding:12px}.traits{gap:5px}.trait{font-size:11px;padding:5px 7px}.trait[aria-pressed=true]{padding:4px 6px}.subtypes{gap:10px;font-size:11px}.toolbar{gap:14px}.tools-right{justify-content:space-between;width:100%}.difference{font-size:11px}.segmented button{font-size:11px;padding:7px}.compare-table .label-col{width:112px}.compare-table .unit-col{width:207px}.compare-table tbody th{padding:10px 9px;font-size:11px}.table-intro{padding:22px 8px}.table-intro p{font-size:10px}.table-intro .vs{font-size:34px}.unit-card{padding:10px}.unit-name{font-size:15px}.value{font-size:17px}.legend{font-size:10px;gap:8px}.legend>span:nth-child(3){width:100%}.mobile-hint{display:none!important}.results{grid-template-columns:repeat(3,1fr);padding:0 12px 15px;gap:7px}.picker-filters{padding:15px 12px 10px}.picker-filters select{max-width:114px;font-size:11px}.result img{width:55px;height:55px}.dialog-header{padding:14px}.dialog-header h2{font-size:19px}.fields{grid-template-columns:1fr}.env-summary{line-height:1.6}footer{flex-wrap:wrap;justify-content:center}.card-image{width:72px;height:72px}#options-content{padding:16px}.brand img{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Compact comparison workspace: keep numeric rows visible at laptop height. */
.wood{min-height:64px;padding-top:6px;padding-bottom:6px}.brand h1{font-size:27px}.brand img{width:43px;height:43px}main{padding-top:14px}.intro{padding-bottom:12px}.intro h2{font-size:23px;margin:2px 0 4px}.intro .eyebrow{display:none}.intro-cat{width:60px;height:58px}.intro-cat img{width:60px}.conditions{padding:10px 14px;margin-bottom:15px}.condition-head{margin-bottom:8px}.subtypes{margin-top:8px}.env-summary{margin-top:7px;padding-top:6px}.toolbar{margin-bottom:10px}.unit-card{min-height:0;padding:8px 10px}.card-actions{height:20px}.identity{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:minmax(30px,auto) 25px;gap:2px 7px;align-items:center;margin:6px 0 8px}.identity .card-image,.identity .missing-icon{grid-row:1/3;width:58px;height:58px;margin:0}.identity .unit-name{font-size:15px;margin:0;min-height:0;line-height:1.3}.identity .form-select{font-size:10px;padding:3px;margin:0}.level-row{margin-bottom:6px}.effect-switch{padding:4px}.card-bottom{margin-top:5px}.card-bottom button{font-size:10px;padding:4px 3px}.table-intro{padding:14px 10px}.table-intro .vs{font-size:38px}.table-intro p{margin-top:4px}.table-intro button{margin-top:10px}.compare-table{--label-width:190px;--unit-width:250px;min-width:calc(var(--label-width) + var(--columns)*var(--unit-width))}.compare-table .label-col{width:var(--label-width)}.compare-table .unit-col{width:var(--unit-width)}.total-cell{border-top:2px solid #71968a!important;border-bottom:2px solid #71968a!important}.total-cell .value{font-size:22px;color:#225e57}.advanced{border-top:1px solid #d8c9aa;margin-top:20px;padding-top:12px}.advanced summary{cursor:pointer;font-weight:700}.advanced .fields{margin-top:12px}.section-row th{position:sticky!important;left:0;z-index:2}
@media(max-width:900px){.compare-table{--label-width:150px;--unit-width:220px}.identity{grid-template-columns:50px minmax(0,1fr)}.identity .card-image,.identity .missing-icon{width:50px;height:50px}}
@media(max-width:540px){main{padding-top:12px}.intro{padding-bottom:10px}.intro h2{font-size:21px}.compare-table{--label-width:112px;--unit-width:207px}.unit-card{padding:8px}.identity .unit-name{font-size:14px}.table-intro .vs{font-size:31px}.table-intro p{font-size:10px}.conditions{padding:10px}.wood{padding-left:12px;padding-right:12px}.brand h1{font-size:23px}.brand span{font-size:9px}.brand img{width:37px;height:37px}.mobile-hint{display:flex!important}.legend>span:nth-child(3){width:auto}.total-cell .value{font-size:20px}}

.intro{display:none}

#picker{background:#55a9b5}#picker .dialog-header{background:linear-gradient(#bb804f,#8c492b);border-bottom:3px solid #302218;color:#fff1b7}#picker .eyebrow{color:#f6d4a2}#picker .close{color:#fff2bb}#picker .picker-filters,#picker .picker-top{background:#4c9fab;color:#efffff}#picker .results{background:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:24px 24px;padding-top:8px}#picker .result{border:2px solid #3e3b2d;box-shadow:inset 0 0 0 2px #fff2cc}.result img{border:2px solid #242420}.result span{color:#796644}

.combo-summary{font-size:11px;color:#586e5a;margin-top:5px}.condition-head #combos-open{margin-left:auto}.condition-head #settings{margin-left:0}.orb-slot{border:1px solid #c6ad7e;border-radius:6px;margin:12px 0;padding:12px}.orb-slot legend{font-weight:bold}.orb-slot>small{display:block;color:#8a7049;margin-bottom:8px}.orb-slot.locked{opacity:.65}.upgrade-status{margin-top:14px}.combo-body{padding:16px 20px}.combo-body .picker-filters{padding:12px 0}.combo-body .note{margin-top:0}.combo-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}.combo-roster>div{background:#efe4ca;border:1px solid #bda477;border-radius:5px;text-align:center;padding:8px}.combo-roster img{width:44px;height:44px;object-fit:contain}.combo-roster span,.combo-roster small{display:block;font-size:10px;word-break:keep-all}.roster-empty{display:flex;align-items:center;justify-content:center;color:#9a8562}.roster-title{font-size:13px;font-weight:bold}.combo-active{padding:9px;background:#e4ecd9;border:1px solid #aab88c;border-radius:5px;max-height:155px;overflow:auto}.combo-active>div{font-size:11px;line-height:2}.combo-active button,.combo-active .tag{margin-left:7px}.combo-choice{display:flex;gap:9px;border-bottom:1px solid #dfd0af;padding:11px 4px;cursor:pointer}.combo-choice input{flex-shrink:0;margin-top:3px}.combo-choice strong{font-size:13px}.combo-choice small{display:block;color:#8a7453;font-size:11px;line-height:1.5}.combo-choice.locked{opacity:.48;cursor:not-allowed}#combo-list{max-height:35vh;overflow:auto}.condition-head{flex-wrap:wrap}#combo-picker{max-height:92vh}.compare-table .unit-card .card-bottom button:first-child{white-space:nowrap}.fields+.fields{margin-top:12px}
@media(max-width:540px){.condition-head{gap:7px}.condition-head button{font-size:10px;padding:6px}.condition-head #combos-open{margin-left:auto}.combo-body{padding:12px}.combo-roster{gap:3px}.combo-roster>div{padding:5px 2px}.combo-roster img{width:35px;height:35px}.combo-body .picker-filters{flex-wrap:wrap}.combo-body .picker-filters input{width:100%;flex-basis:100%}.combo-body .picker-filters select{max-width:none;flex:1}.subtypes{flex-wrap:wrap}.combo-summary{line-height:1.6}}

/* A character stays one column; fruit scenarios occupy left/right halves. */
.target-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}.target-controls p{font-size:11px;color:#786349}.traits[hidden]{display:none}.target-values{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.target-values.split{grid-template-columns:repeat(2,minmax(0,1fr))}.target-value{min-width:0;padding:5px 7px}.target-value+.target-value{border-left:1px solid #c8b58e}.target-label{display:block;font-size:11px;color:#725a36;font-weight:700;line-height:1.6;margin-bottom:4px}.compare-table td.split-cell{padding:0}.split-cell .value{font-size:18px}.split-cell.total-cell .value{font-size:20px}.split-cell .total-cell{border:0!important}.split-cell .target-value>div{border-radius:4px;padding:5px 2px}.target-row td{background:#f8edcb}.compare-table{min-width:calc(var(--label-width) + var(--columns)*var(--unit-width) + var(--split-columns)*var(--split-extra,110px))}.compare-table .unit-col.split-col{width:calc(var(--unit-width) + var(--split-extra,110px))}

.comparison-note{font-size:11px;color:#806847;margin:0 2px 8px;line-height:1.5}

@media(max-width:540px){.compare-table{--split-extra:37px}.split-cell .value,.split-cell.total-cell .value{font-size:17px}.target-value{padding:5px 3px}.target-label{font-size:10px}}

.upgrade-baseline{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px dashed #d2c5aa;font-size:11px;color:#675437}.upgrade-baseline button{font-size:11px;padding:5px 9px}

.talent-preset{display:flex;margin-top:6px;width:100%}.talent-preset button{flex:1;padding:5px 3px;font-size:12px}.talent-preset-note{min-height:14px;margin-top:4px;font-size:10px;color:#726247;text-align:center;white-space:normal}
.page-tabs{display:flex;gap:7px;margin-bottom:16px}.page-tabs a{color:#665039;text-decoration:none;padding:8px 20px;border:2px solid #655037;border-radius:8px;background:#fff7e1;font-weight:800;font-size:13px;box-shadow:0 2px #c7b997}.page-tabs a[aria-current=page]{background:#ffe175;box-shadow:0 3px #7e5b20;color:#3b2c1d}