/*! Oniro Character Planner (c) 2026 GK (gk.hu). All rights reserved. Unofficial fan-made tool; game data and assets belong to Redeev. Copying or redistributing this code is not permitted without permission. */
:root{--bg:#0b0b0d;--bg2:#131316;--panel:#17171b;--panel2:#1e1e23;--line:#3a3128;--line2:#5a4a35;--gold:#d7b97a;--gold2:#a88b55;--text:#d9d4c8;--dim:#8d867a;--red:#c4362b;--red2:#7d1f19;--blue:#4aa3ff;--green:#6fbf73;--common:#cfcfcf;--magic:#5aa2ff;--rare:#f1d84a;--legendary:#ff8a2b;--font:"Alegreya Sans","Segoe UI",Tahoma,sans-serif;--font-title:"Alegreya SC","Palatino Linotype",Georgia,serif}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px}body{background:radial-gradient(1200px 700px at 30% -10%,#1d1a16 0,var(--bg) 60%);min-height:100vh}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.topbar{display:flex;align-items:center;gap:24px;padding:10px 20px;border-bottom:1px solid var(--line);background:#0e0d0f;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:baseline;gap:10px}.brand-main{font-family:var(--font-title);font-size:26px;letter-spacing:4px;color:var(--gold)}.brand-sub{font-family:var(--font-title);font-size:16px;color:var(--dim);letter-spacing:2px}.version{color:var(--dim);font-size:14px;padding:3px 10px;border:1px solid var(--line);border-radius:12px;background:#131114}.version b{color:var(--gold)}.actions{margin-left:auto;display:flex;gap:8px}.btn{background:linear-gradient(#2a2420,#1b1714);color:var(--gold);border:1px solid var(--line2);border-radius:3px;padding:6px 14px;font-size:14px;letter-spacing:.5px}.btn:hover{background:linear-gradient(#352c25,#231d19);border-color:var(--gold2)}.btn.small{padding:3px 10px;font-size:13px}.btn.danger{color:#e08a80}.btn:disabled{opacity:.4;cursor:default}.layout{display:grid;grid-template-columns:640px minmax(0,1fr);gap:14px;padding:14px 20px;align-items:start}@media (max-width:1250px){.layout{grid-template-columns:1fr}}.panel{background:linear-gradient(#18181c,#121215);border:1px solid var(--line);border-radius:4px;box-shadow:inset 0 0 0 1px #000,0 6px 20px #0008}.char-panel{padding:14px 16px 12px}.char-head{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px}.char-name{margin:0;font-family:var(--font-title);font-weight:600;font-size:34px;color:#f2eee4;letter-spacing:1px}.char-level{display:flex;align-items:center;gap:6px;font-family:var(--font-title);font-size:20px;color:#cfc9ba}.char-level input{width:62px;background:#0c0c0e;color:#fff;border:1px solid var(--line2);border-radius:3px;padding:2px 6px;font-size:18px;font-family:var(--font-title);text-align:center}.tl-wrap{color:var(--blue);display:inline-flex;align-items:center;gap:2px;font-size:22px}.tl-wrap input{width:78px;color:var(--blue);border-color:#2a5a8a}.char-sub{display:flex;gap:22px;color:var(--dim);font-size:12px;margin-top:3px}.char-sub i{color:#6b655b;font-style:normal}.tl-label{color:#4d7aa8}.badges{display:flex;gap:10px;margin-bottom:12px}.badge{flex:1;text-align:center;background:linear-gradient(#1d1b1a,#131211);border:1px solid var(--line);border-radius:3px;padding:8px 4px 6px}.badge .bt{font-family:var(--font-title);font-size:18px;color:#bdb59f;letter-spacing:2px}.badge .bi{width:46px;height:46px;margin:4px auto;border-radius:50%;display:grid;place-items:center;font-size:22px;background:radial-gradient(circle at 35% 30%,#e8c887,#8a6a35 60%,#4b3a1e);border:2px solid #3a2c18;color:#2a1d0c;box-shadow:0 0 10px #0009 inset}.badge .bn{font-size:22px;color:#fff;font-weight:600}.badge.res .bi{background:radial-gradient(circle at 35% 30%,#cbd5e8,#5c6f8f 60%,#2c3750);border-color:#1f2840;color:#12192a}.badge.reg .bi{background:radial-gradient(circle at 35% 30%,#f0c9a0,#a5683a 60%,#55301a);border-color:#3a2012;color:#2a1408}.char-body{display:grid;grid-template-columns:1fr 250px;gap:14px}.stat-row{display:grid;grid-template-columns:44px 1fr 28px 28px;align-items:center;gap:6px;padding:4px 6px;margin-bottom:4px;background:linear-gradient(90deg,#1d1b1a,#151414);border:1px solid #2b241d;border-radius:2px}.stat-ic{width:38px;height:38px;display:grid;place-items:center;background:#0c0b0b;border:1px solid var(--line2);color:var(--gold2);font-size:20px}.stat-name{font-family:var(--font-title);font-size:18px;color:#e9e4d6;line-height:1.05}.stat-name small{display:block;font-family:var(--font);font-size:16px;color:#fff;font-weight:600}.sbtn{width:28px;height:28px;background:#251b19;border:1px solid #6a2a24;color:#c46a5f;font-size:18px;line-height:1;border-radius:2px}.sbtn:hover:not(:disabled){background:#3a211d;color:#ff9d90}.sbtn:disabled{opacity:.3;cursor:default}.points-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:6px 10px;font-family:var(--font-title);letter-spacing:2px;background:#0f0f10;border:1px solid var(--line)}.points-row b{font-size:20px;color:var(--gold);min-width:54px;text-align:right;font-family:var(--font)}.point-lines{margin-top:6px;font-size:13px;color:var(--dim);display:grid;gap:2px}.point-lines b{color:var(--text);float:right}.point-lines div:nth-child(2) b{color:var(--blue)}.stat-actions{margin-top:8px}.doll{position:relative;background:linear-gradient(#141315,#0e0e10);border:1px solid var(--line);border-radius:3px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,74px);gap:6px}.slot{position:relative;background:#0b0b0c;border:1px solid #2f2a22;border-radius:3px;display:grid;place-items:center;cursor:pointer;padding:0;color:#4b463d;font-size:11px;text-align:center;overflow:hidden}.slot:hover{border-color:var(--gold2)}.slot.active{border-color:var(--gold);box-shadow:0 0 8px #d7b97a66}.slot img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.slot .slot-label{position:absolute;left:0;right:0;bottom:2px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#5a5348;pointer-events:none}.slot.filled .slot-label{display:none}.slot.r1{border-color:#6b6b6b}.slot.r2{border-color:#2f6bb3}.slot.r4{border-color:#a89a2c}.slot.r8{border-color:#b3591d}.slot.warn::after{content:"!";position:absolute;top:2px;right:4px;color:#ff6b5f;font-weight:700;font-size:14px}.s-helm{grid-area:1/2}.s-earring{grid-area:1/1}.s-amulet{grid-area:1/3}.s-armor{grid-area:2/2/4/3}.s-weapon{grid-area:2/1/4/2}.s-offhand{grid-area:2/3/4/4}.s-ring1{grid-area:4/1}.s-belt{grid-area:4/2}.s-ring2{grid-area:4/3}.s-gloves{grid-area:5/1/6/2}.s-boots{grid-area:5/3/6/4}.weight-row{margin-top:8px;text-align:right;color:var(--dim);font-size:13px}.weight-row b{color:var(--text)}.weight-row.over b#weightNow{color:#ff6b5f}.hint{margin:8px 0 0;font-size:12px;color:#6f695e;line-height:1.35}.right-panel{min-height:640px}.tabs{display:flex;border-bottom:1px solid var(--line);background:#101012}.tab{flex:1;background:0 0;border:none;border-right:1px solid #25201b;color:#a79f8c;padding:12px 8px;font-family:var(--font-title);font-size:18px;letter-spacing:2px;text-transform:uppercase}.tab:hover{color:var(--gold);background:#17141a}.tab.active{color:#fff;background:linear-gradient(#2a1d17,#1a1411);box-shadow:inset 0 -2px 0 var(--red)}.tabpane{display:none;padding:14px}.tabpane.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width:1500px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sg-title{font-family:var(--font-title);color:var(--gold);font-size:20px;letter-spacing:1px;margin:6px 0 4px;border-bottom:1px solid var(--line);padding-bottom:2px}.sg-sub{color:#bdb59f;margin:6px 0 2px;font-size:14px}.srow{display:flex;justify-content:space-between;padding:1px 0 1px 14px;color:#c8c2b4}.srow.top{padding-left:0}.srow b{color:#f1ede2;font-weight:500}.srow.zero b{color:#6e685d}.srow.up b{color:var(--green)}.calib{margin-top:16px;border:1px dashed var(--line2);border-radius:3px;padding:8px 12px;color:var(--dim);font-size:13px}.calib summary{cursor:pointer;color:var(--gold2)}.calib table{margin-top:6px;border-collapse:collapse}.calib td{padding:2px 10px 2px 0}.calib input{width:90px;background:#0c0c0e;color:var(--text);border:1px solid var(--line2);padding:2px 4px}.trans-top{display:flex;align-items:baseline;gap:20px;margin-bottom:8px}.trans-top h2{margin:0;font-family:var(--font-title);color:#e9d6c9;letter-spacing:3px;font-size:24px}.trans-pts{font-family:var(--font-title);font-size:18px;color:#cfc9ba}.trans-pts b{color:var(--red);font-family:var(--font);font-size:22px;margin-left:8px}.trans-warn{color:#e9b36a;font-size:13px;margin:4px 0 8px}.trans-map{position:relative;width:100%;aspect-ratio:1000/560;background:radial-gradient(circle at 50% 50%,#3b0b0b 0,#1c0808 35%,#0e0707 70%);border:1px solid #4a1d1a;border-radius:3px;overflow:hidden}.trans-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tnode{position:absolute;width:8.2%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #6a1d18;background:radial-gradient(circle,#231010,#120808);padding:0;cursor:pointer;box-shadow:0 0 10px #5a0f0a88}.tnode img{width:74%;height:74%;object-fit:contain;filter:grayscale(.9) brightness(.6)}.tnode.on{border-color:#ff5a46;box-shadow:0 0 14px #ff3c2899}.tnode.on img{filter:none}.tnode.god{width:10.4%;border-color:#9a9a9a;background:radial-gradient(circle,#3a3a3a,#141414)}.tnode.god img{filter:none}.tnode.sel{outline:3px solid var(--gold);outline-offset:2px}.tnode .tlv{position:absolute;right:-4px;bottom:-4px;background:#120808;border:1px solid #8a2b24;color:#ffd9d4;font-size:11px;border-radius:8px;padding:0 5px;min-width:18px;text-align:center}.tcenter{position:absolute;left:50%;top:50%;width:14%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #9a4a42;background:radial-gradient(circle,#6a2d2a,#2a0f0e);display:grid;place-items:center;font-size:44px;box-shadow:0 0 30px #9a2a2088;pointer-events:none}.detail{margin-top:12px;border:1px solid var(--line);background:#131113;border-radius:3px;padding:12px 14px;min-height:130px}.detail h3{margin:0 0 4px;font-family:var(--font-title);font-size:22px;color:var(--gold);letter-spacing:1px}.detail .d-desc{color:#cdc7b8;line-height:1.4;margin:6px 0 10px}.detail .val{color:#ffd68a}.detail .d-meta{color:var(--dim);font-size:13px;margin-top:4px}.lvl-ctl{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.lvl-ctl .lv{font-size:18px;min-width:70px;text-align:center;color:#fff}.lvl-ctl .cost{color:var(--dim);font-size:13px}.warn-text{color:#e9806f;font-size:13px}.ok-text{color:var(--green)}.lbtn{width:34px;height:34px;border:1px solid #7a3a30;background:#2a1815;color:#ffb7aa;font-size:20px;border-radius:3px}.lbtn:hover:not(:disabled){background:#43241f}.lbtn:disabled{opacity:.3;cursor:default}.abil-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}@media (max-width:1500px){.abil-wrap{grid-template-columns:1fr}}.abil-map{position:relative;border:1px solid var(--line);border-radius:3px;background:#0a0a0b;height:680px;overflow:hidden;touch-action:none}.abil-map svg{width:100%;height:100%;display:block;cursor:grab}.abil-map svg.drag{cursor:grabbing}.zoom-ctl{position:absolute;right:10px;top:10px;display:grid;gap:4px;z-index:3}.zoom-ctl button{width:32px;height:32px;background:#1b1714;border:1px solid var(--line2);color:var(--gold);font-size:18px;border-radius:3px}.abil-top{display:flex;gap:18px;align-items:baseline;margin-bottom:8px;flex-wrap:wrap}.abil-top b{color:var(--gold)}.abil-side .detail{margin-top:0}.legend{font-size:12px;color:var(--dim);margin-top:8px;display:flex;gap:12px;flex-wrap:wrap}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px}.items-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}@media (max-width:1500px){.items-wrap{grid-template-columns:1fr}}.slot-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.slot-tabs button{padding:4px 10px;background:#17151a;color:#b7af9d;border:1px solid #2f2a22;border-radius:3px;font-size:13px}.slot-tabs button.active{color:#fff;border-color:var(--gold2);background:#271d19}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.filters input[type=number],.filters input[type=text],.filters select{background:#0c0c0e;color:var(--text);border:1px solid var(--line2);border-radius:3px;padding:4px 8px}.filters input[type=number]{width:66px}.filters label{color:var(--dim);font-size:13px;display:inline-flex;gap:4px;align-items:center}.item-list{max-height:600px;overflow:auto;border:1px solid var(--line);border-radius:3px;background:#0e0e10}.irow{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:6px 8px;border-bottom:1px solid #1c1a1e;cursor:pointer;align-items:center}.irow:hover{background:#1a171c}.irow.sel{background:#261b17;box-shadow:inset 3px 0 0 var(--gold)}.irow img{width:46px;height:46px;object-fit:contain;background:#09090a;border:1px solid #2a251e}.irow .in{font-size:16px}.irow .im{color:var(--dim);font-size:12px}.irow .is{color:#b9b19f;font-size:12px;margin-top:1px}.r-1{color:var(--common)}.r-2{color:var(--magic)}.r-4{color:var(--rare)}.r-8{color:var(--legendary)}.icard{border:1px solid var(--line);background:#131113;border-radius:3px;padding:12px}.icard h3{margin:0;font-family:var(--font-title);font-size:22px;letter-spacing:1px}.icard .imeta{color:var(--dim);font-size:13px;margin-bottom:8px}.icard .istat{display:flex;justify-content:space-between;color:#cfc9ba;padding:1px 0}.icard .istat.pri b{color:#fff}.icard .isep{margin:8px 0 4px;color:var(--gold2);font-size:13px;letter-spacing:1px;text-transform:uppercase}.aff-row{display:grid;grid-template-columns:1fr 78px 24px;gap:4px;margin-bottom:4px}.aff-row input,.aff-row select{background:#0c0c0e;color:var(--text);border:1px solid var(--line2);border-radius:3px;padding:3px 4px;min-width:0}.aff-row button{background:#2a1815;border:1px solid #7a3a30;color:#ffb7aa;border-radius:3px}.icard .row-btns{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.empty-note{color:var(--dim);padding:18px;text-align:center}.foot{padding:10px 20px 24px;color:#5f594f;font-size:12px}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:50}.modal.hidden{display:none}.modal-box{background:#17151a;border:1px solid var(--line2);border-radius:4px;padding:16px;width:min(640px,92vw)}.modal-box textarea{width:100%;height:220px;background:#0c0c0e;color:var(--text);border:1px solid var(--line2);font-family:Consolas,monospace;font-size:12px}.modal-actions{margin-top:10px;display:flex;gap:8px;justify-content:flex-end}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#2a2018;border:1px solid var(--gold2);color:var(--gold);padding:8px 16px;border-radius:3px;z-index:60}.mastery-row{margin-top:8px;color:var(--dim);font-size:13px;display:flex;align-items:center;gap:8px}.mastery-row input{width:62px;background:#0c0c0e;color:var(--text);border:1px solid var(--line2);border-radius:3px;padding:2px 6px}.mastery-row span{color:#9fb98f}.s-pet{grid-area:5/2}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.pet-card{border:1px solid var(--line);background:#131113;padding:8px;border-radius:3px;cursor:pointer;display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center}.pet-card:hover{border-color:var(--gold2)}.pet-card.sel{border-color:var(--gold);background:#261b17}.pet-card img{width:56px;height:56px;object-fit:contain;background:#09090a;border:1px solid #2a251e}.pet-card .pn{color:#fff}.pet-card .ps{color:#b9b19f;font-size:12px}@media (max-width:760px){.layout{padding:8px;gap:10px;grid-template-columns:minmax(0,1fr)}.topbar{flex-wrap:wrap;gap:8px 14px;padding:8px 10px}.actions{margin-left:0;flex-wrap:wrap}.char-body{grid-template-columns:minmax(0,1fr)}.doll{grid-template-rows:repeat(5,64px)}.stats-grid{grid-template-columns:minmax(0,1fr)}.tab{font-size:13px;letter-spacing:0;padding:10px 2px}.tabpane{padding:8px}.abil-map{height:480px}.badges{gap:6px}.tnode .tlv{font-size:9px}}.panel{min-width:0}.bonus-lbl{color:var(--dim);font-size:13px;display:inline-flex;gap:6px;align-items:center}.bonus-lbl input{width:60px;background:#0c0c0e;color:var(--text);border:1px solid var(--line2);border-radius:3px;padding:2px 6px}.quest-list{display:grid;gap:12px}.quest-group{border:1px solid var(--line);border-radius:3px;background:#131113}.qg-title{font-family:var(--font-title);color:var(--gold);padding:6px 10px;border-bottom:1px solid var(--line);letter-spacing:1px;font-size:17px}.quest-row{display:grid;grid-template-columns:22px 46px 1fr;gap:10px;align-items:center;padding:6px 10px;border-bottom:1px solid #1c1a1e;cursor:pointer}.quest-row:last-child{border-bottom:none}.quest-row:hover{background:#1a171c}.quest-row.on{background:#1d1a14}.quest-row img{width:46px;height:46px;object-fit:contain;background:#09090a;border:1px solid #2a251e}.quest-row .qt{color:#e4dfd0}.quest-row .qr{color:#b9b19f;font-size:13px}.quest-row .qr b{color:#ffd68a;font-weight:500}.btn-row{margin-bottom:10px;display:flex;gap:8px}@font-face{font-family:"Alegreya SC";src:url("../fonts/AlegreyaSC-Regular.ttf");font-weight:400}@font-face{font-family:"Alegreya Sans";src:url("../fonts/AlegreyaSans-Light.ttf");font-weight:300 700}:root{--font:"Alegreya Sans","Segoe UI",sans-serif;--font-title:"Alegreya SC",Georgia,serif;--text:#e8e2d2;--gold:#e2cf9e}body,html{font-family:var(--font);font-size:17px;font-weight:300}b,strong{font-weight:600}body{background:#070708 radial-gradient(1200px 700px at 30% -10%,#1b1815 0,#070708 65%)}.badge .bt,.brand-main,.brand-sub,.btn,.detail h3,.icard h3,.points-row,.qg-title,.sg-title,.stat-name,.tab,h1,h2,h3{font-family:var(--font-title);font-weight:400}.alpha{color:#e0483a;font-family:var(--font-title);margin-left:8px;font-size:18px;letter-spacing:1px}.soon{color:#8f887b;font-size:.85em}.version{background:0 0;border-color:#2c261e}.panel{background:#0d0d0f;border:14px solid transparent;border-image:url("../icons/ui/window_frame.png") 18/14px stretch;box-shadow:none}.calib,.detail,.icard,.modal-box,.quest-group{border:10px solid transparent;border-image:url("../icons/ui/window_frame.png") 18/10px stretch;background:#101012;border-radius:0}.topbar{background:#08080a url("../icons/ui/header.png") center bottom/100% 100% no-repeat;border-bottom:none}.btn{background:0 0;border:8px solid transparent;border-image:url("../icons/ui/button.png") 14 fill/8px stretch;border-radius:0;color:var(--gold);padding:1px 12px;letter-spacing:1px;font-size:16px}.btn:hover{background:0 0;filter:brightness(1.35)}.btn.small{border-width:6px;border-image-width:6px;padding:0 8px;font-size:14px}.btn.danger{color:#e98a7c}.tabs{background:#0a0a0c;border-bottom:1px solid #2c261e}.tab{background:url("../icons/ui/tabbuttonoff.png") center/100% 100% no-repeat;border-right:1px solid #1d1914;font-size:19px;color:#b8ae96}.tab:hover{background-color:#17141a;color:var(--gold)}.tab.active{background:url("../icons/ui/tabbuttonon.png") center/100% 100% no-repeat,linear-gradient(#3b2217,#1a1210);color:#fff;box-shadow:inset 0 -3px 0 #b33427}.char-name{font-weight:400}.tl-wrap{color:var(--blue)}.tl-wrap input{width:84px}.stat-row{grid-template-columns:48px 1fr 30px 30px 50px;background:linear-gradient(90deg,#17151a,#0f0e10);border:1px solid #2b241d}.stat-ic{width:46px;height:46px;background:0 0;border:none;padding:0}.stat-ic img{width:100%;height:100%;object-fit:contain;display:block}.stat-name{font-size:19px}.stat-name small{font-family:var(--font);font-weight:600;font-size:17px}.sbtn{width:30px;height:30px;background:url("../icons/ui/small_button_squared.png") center/100% 100% no-repeat;border:none;color:#d8c79a;font-size:20px;border-radius:0}.sbtn[data-inc]{background-image:url("../icons/ui/small_button_squared_red.png");color:#ffd9cf}.sbtn.max{width:auto;min-width:46px;padding:0 4px;font-family:var(--font-title);font-size:13px;letter-spacing:1px;background-image:url("../icons/ui/small_button_squared_red.png");color:#ffd9cf}.sbtn:hover:not(:disabled){background-color:transparent;filter:brightness(1.4)}.points-row{background:#0b0b0d url("../icons/ui/button.png") center/100% 100% no-repeat;border:none}.badges{gap:12px}.badge{background:0 0;border:none;padding:0}.badge .bt{font-size:20px;color:#cfc5ae;letter-spacing:3px}.badge .bi{width:auto;height:78px;margin:2px auto;border:none;border-radius:0;background:0 0;box-shadow:none;display:block}.badge .bi img{height:78px;width:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 6px #000)}.badge .bn{font-size:26px;font-weight:600}.gear-tabs{display:flex;gap:6px;margin-bottom:6px}.gear-tab{flex:1;font-family:var(--font-title);font-size:17px;color:#b8ae96;background:url("../icons/ui/button.png") center/100% 100% no-repeat;border:none;height:30px;letter-spacing:2px}.gear-tab.active{color:#fff;background-image:url("../icons/ui/small_button_squared_red.png")}.gear-tab:hover{filter:brightness(1.3)}.doll-wrap{min-width:0}.doll{background:0 0;border:none;padding:0;gap:6px}.slot{position:relative;padding:0;background:#08080a url("../icons/ui/small_button_squared.png") center/100% 100% no-repeat;border:none;border-radius:0;overflow:hidden}.slot:hover{filter:brightness(1.3)}.slot.active{box-shadow:inset 0 0 0 2px var(--gold)}.slot img{position:absolute;left:9%;top:9%;width:82%;height:82%;object-fit:contain}.slot .slot-label{color:#6a6354;font-family:var(--font-title)}.slot.r1,.slot.r2,.slot.r4,.slot.r8{border:none}.slot.r2{box-shadow:inset 0 0 0 2px #2f6bb3}.slot.r4{box-shadow:inset 0 0 0 2px #b09f2c}.slot.r8{box-shadow:inset 0 0 0 2px #c0601f}.srow{font-weight:300;font-size:17px}.srow b{font-weight:600}.sg-title{font-size:22px;letter-spacing:2px;border-bottom:1px solid #3a3128}.tnode{background:radial-gradient(circle,#1f0f0f,#0d0707);border:2px solid #5b1a15}.tnode::after{content:"";position:absolute;inset:-9%;background:url("../icons/ui/abilityslot.png") center/100% 100% no-repeat;pointer-events:none}.tnode.on{border-color:#ff5a46}.tnode.god::after{background-image:url("../icons/ui/abilityslot_spec.png");inset:-8%}.tcenter{background:url("../icons/ui/central_oni.png") center/contain no-repeat;border:none;box-shadow:none;width:17%}.irow img,.pet-card img,.quest-row img{background:#08080a url("../icons/ui/small_button_squared.png") center/100% 100% no-repeat;border:none;padding:5px}.foot{color:#7d7566;font-size:14px;padding:14px 24px 28px}.badge.dps .bi,.badge.reg .bi,.badge.res .bi{background:0 0!important;border:none!important;box-shadow:none!important}.tnode img{filter:grayscale(.55) brightness(1)}.tnode.on img{filter:none}.version-wrap{display:flex;align-items:center;gap:10px}.version{font-size:19px;padding:4px 14px}.soon{font-size:17px;color:#8f887b;margin:0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.brand,.soon,.version,.version-wrap{white-space:nowrap}.topbar{flex-wrap:wrap}.point-lines{font-size:16px;gap:3px}.point-lines b{font-weight:600}.weight-row{font-size:16px}.mastery-row{font-size:16px}.calib,.hint,.legend{font-size:15px;line-height:1.4}.detail .d-meta,.icard .imeta{font-size:16px}.lvl-ctl .cost,.ok-text,.trans-warn,.warn-text{font-size:15px}.icard .isep{font-size:15px}.char-sub{font-size:14px}.pet-card .ps{font-size:15px}.empty-note{font-size:16px}.irow{grid-template-columns:54px 1fr}.irow img{width:54px;height:54px}.irow .in{font-size:19px}.irow .im{font-size:15px}.irow .is{font-size:15px}.item-list .hint,.items-wrap .hint{font-size:15px}.filters input,.filters label,.filters select{font-size:16px}.slot-tabs{gap:8px}.slot-tabs button{font-family:var(--font-title);font-size:18px;padding:6px 16px;background:url("../icons/ui/button.png") center/100% 100% no-repeat;border:none;color:#b8ae96;letter-spacing:1px}.slot-tabs button.active{color:#fff;background-image:url("../icons/ui/small_button_squared_red.png")}.slot-tabs button:hover{filter:brightness(1.3)}.quest-row .qt{font-size:18px}.quest-row .qr{font-size:16px}.qg-title{font-size:20px}.quest-row img{width:52px;height:52px}.quest-row{grid-template-columns:22px 52px 1fr}.slot-tabs{gap:0;border-bottom:1px solid #2c261e;background:#0a0a0c;margin-bottom:10px}.slot-tabs button{flex:1 1 auto;font-family:var(--font-title);font-size:19px;letter-spacing:2px;text-transform:uppercase;padding:10px 14px;color:#b8ae96;background:url("../icons/ui/tabbuttonoff.png") center/100% 100% no-repeat;border:none;border-right:1px solid #1d1914;border-radius:0}.slot-tabs button:hover{background-color:#17141a;color:var(--gold);filter:none}.slot-tabs button.active{background:url("../icons/ui/tabbuttonon.png") center/100% 100% no-repeat,linear-gradient(#3b2217,#1a1210);color:#fff;box-shadow:inset 0 -3px 0 #b33427}.icard h3{font-size:26px}.icard .imeta{font-size:17px}.icard .istat{font-size:19px;padding:3px 0;align-items:center}.icard .istat b{font-weight:600}.icard .istat input,.icard .istat select{font-size:18px;padding:3px 6px;background:#0c0c0e;color:#fff;border:1px solid var(--line2);border-radius:3px}.icard .isep{font-size:17px;margin:12px 0 6px;letter-spacing:1px}.aff-row{grid-template-columns:1fr 96px 30px;gap:6px;margin-bottom:6px}.aff-row input,.aff-row select{font-size:18px;padding:4px 6px}.aff-row button{font-size:20px}.icard .row-btns .btn{font-size:16px}.icard .hint,.icard .im{font-size:15px}.items-wrap{grid-template-columns:minmax(0,1fr) 400px}.slot-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.slot-tabs button{flex:none;width:100%;padding:10px 6px;text-align:center}.trans-map{aspect-ratio:956/596}.tnode{width:7.4%}.tnode.god{width:9.2%}.tcenter{width:15.5%}.tnode.god img{width:100%;height:100%;border-radius:50%;filter:none}.tnode.god::after{inset:-6%}.tnode.god img{filter:grayscale(.9) brightness(.8)}.tnode.god.on img{filter:none}.tnode .tlv{z-index:5;font-size:16px;padding:1px 7px;min-width:26px;right:-6px;bottom:-6px;border-width:2px;border-radius:12px;color:#fff;font-weight:700;line-height:1.2}.tnode.sel{outline:0}.tnode.sel::before{content:"";position:absolute;inset:-14%;border:3px solid var(--gold);border-radius:50%;pointer-events:none;z-index:4;box-shadow:0 0 8px #e2cf9e88}.tnode.god.sel::before{inset:-11%}.slot img.ph{left:14%;top:14%;width:72%;height:72%;opacity:.55;filter:grayscale(.4);pointer-events:none}.slot:has(img.ph) .slot-label{display:none}.slot img.ph{opacity:.85;filter:brightness(1.5) grayscale(.3)}.slot .slot-up{position:absolute;right:4px;bottom:3px;z-index:3;background:#120808cc;border:1px solid #b33427;color:#ffd9d4;font-size:14px;border-radius:9px;padding:0 6px;line-height:1.25}.up-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:4px 0 6px}.up-row input{width:64px;background:#0c0c0e;color:#fff;border:1px solid var(--line2);border-radius:3px;text-align:center;font-size:18px;padding:3px}.up-next,.up-total{margin-top:8px;padding:8px 10px;border:1px solid #3a2a20;background:#120f0e;font-size:16px;line-height:1.5}.up-next .chk{display:block}.mat{display:inline-block;margin:2px 8px 2px 0;padding:0 8px;background:#1b1512;border:1px solid #3a2a20;border-radius:3px;color:#e3d3b0}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.modal-head h3{margin:0;font-family:var(--font-title);font-size:26px;color:var(--gold);letter-spacing:1px}.modal-x{background:0 0;border:none;color:#b8ae96;font-size:34px;line-height:1;cursor:pointer;padding:0 6px}.modal-x:hover{color:#fff}.don-text{font-size:18px;line-height:1.5;color:#d6cdb8;margin:8px 0 14px}.don-row{display:flex;gap:14px;align-items:center;padding:10px 12px;margin-bottom:8px;border:1px solid #3a2a20;background:#120f0e}.don-logo svg{display:block}.don-name{font-family:var(--font-title);font-size:19px;color:var(--gold)}.don-val{font-size:16px;word-break:break-all}.don-val a{color:#e3d3b0}.don-val a:hover{color:#fff}.don-btc{font-family:Consolas,monospace;font-size:14px}.don-unset{color:#7a7364;font-style:italic}.don-main{flex:1;min-width:0}.don-qr{margin-left:auto;flex:none;background:#fff;padding:4px;border-radius:4px;line-height:0}.don-qr img{width:112px;height:112px;object-fit:contain;display:block}.don-link{display:flex;align-items:center;gap:14px;text-decoration:none;padding:4px 10px 4px 0;border-radius:4px}.don-link .don-name{font-size:22px}.don-link:hover .don-name{color:#fff;text-decoration:underline}.don-link:hover .don-logo svg{filter:brightness(1.15)}.don-copy{margin-left:auto;flex:none;background:#1b1512;border:1px solid #3a2a20;color:#e3d3b0;width:40px;height:40px;border-radius:4px;display:grid;place-items:center;cursor:pointer;padding:0}.don-copy:hover{color:#fff;border-color:var(--gold2);background:#271d19}.don-copy.done{color:#8fd18a;border-color:#4f8a4a}.modal-actions.don-actions{justify-content:center}.leaf{position:absolute;top:3px;right:3px;width:22px;height:22px;z-index:4;pointer-events:none;filter:drop-shadow(0 0 2px #000)}.irow .iico{position:relative;width:54px;height:54px}.irow .leaf{top:1px;right:1px;width:20px;height:20px}.slot .leaf{top:4px;right:4px}.slot.ancient{background-image:url("../icons/ui/slotancient.png"),url("../icons/ui/small_button_squared.png");background-size:100% 100%,100% 100%;box-shadow:inset 0 0 0 2px #c0a050}:root{--set:#5fd35a}.alpha{color:#8f887b}.topbar{background:#0b0b0d!important;border:12px solid transparent;border-image:url("../icons/ui/window_frame.png") 18/12px stretch;padding:4px 14px}.r-16{color:var(--set)}.slot.r16{box-shadow:inset 0 0 0 2px #3f9a3b}.slot.r16{border:none}.item-pw,.set-pw{color:#cdbf9a;font-size:15px;line-height:1.35}.set-pw{display:block;color:#9fd69b;text-align:right;font-weight:400}.item-pw{margin:3px 0}.qrm{color:#ff5a4e;font-size:.85em;white-space:nowrap}.slot .slot-gem{position:absolute;left:4px;bottom:3px;z-index:3;display:flex;align-items:center;gap:2px;background:#0a0a0cd0;border:1px solid #6a5a3a;color:#fff;font-size:14px;line-height:1.25;border-radius:9px;padding:0 6px}.slot .slot-gem img{position:static;width:auto;height:1.25em;left:auto;top:auto;object-fit:contain}.slot .slot-gem b{font-size:inherit;color:inherit;font-weight:400;line-height:inherit}.weight-row.over,.weight-row.over b{color:#ff5a4e!important;font-weight:700}.char-sub{font-size:15px}.char-sub span{font-size:15px}.char-sub i{font-size:16px}.save-row{display:flex;gap:8px;align-items:center;margin:6px 0 8px}.save-row input{flex:1;min-width:0;background:#0c0c0e;color:#fff;border:1px solid #4a3a28;border-radius:3px;padding:9px 10px;font-size:18px}.iconbtn{width:44px;height:42px;flex:none;display:grid;place-items:center;background:#1b1512;border:1px solid #4a3a28;color:#e3d3b0;border-radius:4px;cursor:pointer;padding:0;font-size:22px}.iconbtn:hover{color:#fff;border-color:var(--gold2);background:#271d19}.iconbtn.sm{width:36px;height:34px}.save-warn{color:#e0a050;font-size:15px;line-height:1.4;margin:6px 0 10px}.saved-list{max-height:260px;overflow-y:auto;border:1px solid #2c261e;background:#100e0d;margin-bottom:12px}.saved-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid #1f1b17}.saved-row .sv-main{flex:1;min-width:0;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:baseline}.saved-row .sv-main b{font-weight:400;font-family:var(--font-title);font-size:18px;color:#f1e7cf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-row .sv-main span{color:var(--dim);font-size:14px;white-space:nowrap}.saved-row .sv-main:hover b{color:var(--gold)}.sv-empty{padding:14px;color:var(--dim);text-align:center}.trans-map{overflow:hidden;touch-action:none;cursor:grab}.trans-map.drag{cursor:grabbing}.trans-pan{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.trans-map .zoom-ctl{position:absolute;right:10px;top:10px;z-index:6}.in-set{color:#8fd18a;font-size:.8em}.coll-h{cursor:pointer;user-select:none}.coll-h:hover{color:var(--gold)}.load-sec{font-family:var(--font-title);font-size:19px;color:var(--gold);margin:8px 0 4px}.load-sec small{color:var(--dim);font-family:var(--font);font-size:14px}.slot-tabs{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.slot-tabs button{letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:clip;padding-left:4px;padding-right:4px}.set-pw.leg-pw{color:var(--legendary)}.bonus-h{font-family:var(--font-title);font-size:18px;margin:10px 0 4px}.set-h{color:#7fd17a}.leg-h{color:var(--legendary)}.bonus-row{display:flex;justify-content:space-between;gap:12px;padding:2px 0;line-height:1.35;font-size:15px}.bonus-row .bv{flex:1;text-align:right}.leg-b .bv{text-align:left}.set-b{color:#5c7a5a}.set-b.on{color:#9fd69b}.set-b .bt{color:inherit;white-space:nowrap}.leg-b{color:var(--legendary)}.burger,.m-only,.menu-title,.mnav,.scrim{display:none}#paraDetail h3{min-height:1.3em}#paraDetail .cost{color:var(--dim);font-size:13px;margin-top:6px;min-height:1.3em}#paraDetail .d-next{margin-top:8px}.stat-col{display:grid;grid-template-columns:auto auto 1fr;column-gap:8px;align-items:stretch}.stat-col>#primaryRows{grid-column:1/-1}.stat-col>.points-row{grid-row:2;grid-column:1;justify-content:flex-start;gap:14px;width:auto}.stat-col>.points-row b{min-width:0;text-align:left}.stat-col>.stat-actions{grid-row:2;grid-column:2;margin:8px 0 0;display:flex}.stat-col>.stat-actions .btn{height:100%;white-space:nowrap}.stat-col>.point-lines{grid-row:3;grid-column:1/-1}