:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#15161a;font-family:Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{color:#fff;background:#15161a;min-width:1280px;min-height:100vh;margin:0;font-size:14px}#root{min-height:100vh}button,select{font:inherit}button{cursor:pointer;border:0}h1,h2,h3,p{margin:0}.planner-shell{background:#15161a;min-height:100vh;position:relative;overflow:hidden}.paragon-planner{cursor:grab;z-index:0;background:#15161a;position:absolute;inset:0;overflow:hidden}.paragon-planner:active{cursor:grabbing}.paragon__stage{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.board-canvas-slot{position:absolute}.paragon__board{background-image:url(/assets/board_bg-vpHBavhh.png);background-repeat:no-repeat;background-size:cover;border:3px solid #7c2b2b;position:absolute}.paragon__board__label{z-index:20;color:#fffc;pointer-events:auto;background:#26272d;border-radius:5px;align-items:center;max-width:640px;min-height:42px;padding:8px;font-size:16px;display:flex;position:absolute;top:8px;left:8px}.paragon__board__number{color:#fff;background:#1f2025;border:1px solid #444757;border-radius:3px;justify-content:center;align-items:center;min-width:50px;height:25px;margin-right:10px;display:inline-flex}.paragon__board__title{color:#fff;font-size:16px;font-weight:600}.paragon__board__stats{color:#fff9;border-left:1px solid #444757;margin-left:8px;padding-left:8px;font-size:16px;display:inline-flex}.glyph-socket{color:#d1a781;margin-left:8px;font-size:14px}.paragon__board__tiles{pointer-events:none;z-index:4;position:absolute;inset:0}.paragon__board__tile{pointer-events:auto;background:url(/assets/tile_bg-VmYUJFMV.png) 50%/contain no-repeat;border:1px solid #0000;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;min-height:50px;padding:0;display:flex;position:absolute;top:0;left:0}.paragon__tile__wrapper{opacity:.3;border:2px solid #0000;border-radius:50%;width:35px;min-width:35px;height:35px;min-height:35px;position:relative}.paragon__board__tile:hover .paragon__tile__wrapper,.paragon__board__tile.active .paragon__tile__wrapper,.paragon__board__tile.paragon__tile--selected .paragon__tile__wrapper{opacity:1}.paragon__board__tile.active{border-color:#444757}.paragon__tile--glyph-range .paragon__tile__wrapper{border-color:#c62828bf;box-shadow:0 0 0 2px #c628284d}.paragon__tile--glyph-range .paragon__tile__bg{filter:drop-shadow(0 0 5px #c62828b3)}.paragon__tile--glyph-support .paragon__tile__wrapper{border-color:#8be78bd9;box-shadow:0 0 0 2px #8be78b47}.paragon__board__tile__icon,.paragon__board__tile__bg{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paragon__board__tile__icon{object-fit:contain;opacity:1;z-index:5;filter:grayscale(.15)brightness(.65);width:24px;height:24px;display:block}.paragon__board__tile__icon.active{opacity:0;filter:brightness(1.3)saturate(1.25)drop-shadow(0 0 5px #d1a781e6)}.paragon__board__tile.active .paragon__board__tile__icon{opacity:0}.paragon__board__tile.active .paragon__board__tile__icon.active{opacity:1}.paragon__board__tile__bg{object-fit:contain;z-index:4;width:32px;display:block}.paragon__board__tile__bg.glyph{width:50px}.paragon__tile--glyph .paragon__board__tile__icon,.paragon__tile--gate .paragon__board__tile__icon,.paragon__tile--legendary .paragon__board__tile__icon{width:30px;height:30px}.paragon__tile--glyph .paragon__board__tile__bg,.paragon__tile--gate .paragon__board__tile__bg,.paragon__tile--legendary .paragon__board__tile__bg{width:40px}.paragon__tile:focus-visible{outline-offset:2px;outline:2px solid #d1a781}.empty-board-slot{color:#fff9;background:#f4ead906;border:2px dashed #f4ead92e;align-items:flex-start;gap:10px;padding:12px;display:flex;position:absolute;inset:0}.empty-board-slot strong{color:#fff7e8;font-size:18px}.glyph-range{pointer-events:none;z-index:2;position:absolute;inset:0}.glyph-range__cell{color:#0000;background:#c6282812;border:1px solid #c6282847;width:50px;height:50px;font-size:1px;position:absolute}.top-overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1016db;border:1px solid #7c2b2b66;border-radius:6px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:10px 16px;display:grid;position:fixed;top:12px;left:12px;right:12px;box-shadow:0 8px 22px #00000059}.top-overlay__brand{justify-self:start}.top-overlay__brand h1{color:#fff;font-size:18px;font-weight:700}.top-overlay__brand p{color:#ffffff8c;margin-top:4px;font-size:12px}.top-overlay__tabs.class-tabs{flex-wrap:wrap;justify-content:center;justify-self:center;gap:6px;display:flex}.class-tab{color:#fffc;background:#26272d;border-radius:5px;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.class-tab:hover:not(:disabled){color:#fff;background:#444757}.class-tab[aria-selected=true]{color:#fff;background:#1f2025;box-shadow:inset 0 -2px #7c2b2b}.class-tab[aria-disabled=true],.class-tab:disabled{opacity:.4;cursor:not-allowed}.class-tab-icon{color:#d1a781;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.left-overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1016e0;border:1px solid #7c2b2b59;border-radius:6px;flex-direction:column;gap:12px;width:290px;padding:14px;display:flex;position:fixed;top:92px;bottom:80px;left:12px;overflow:visible;box-shadow:0 12px 28px #0006}.left-overlay h2{color:#f7d79d;letter-spacing:.04em;text-transform:uppercase;font-size:14px}.left-overlay__rows{gap:10px;display:grid}.left-overlay__head{gap:4px;display:grid}.left-overlay__hint{color:#ffffff73;letter-spacing:.02em;font-size:11px}.board-setting-row{background:#f4ead90b;border:1px solid #f4ead91f;border-radius:5px;grid-template-columns:16px minmax(0,1fr) 96px;align-items:center;gap:8px;padding:10px;display:grid;position:relative}.board-setting-row__handle{color:#ffffff52;text-align:center;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1}.board-setting-row[draggable=true] .board-setting-row__handle{color:#ffffff8c}.board-setting-row[draggable=true]{cursor:grab}.board-setting-row[draggable=true]:active{cursor:grabbing}.board-setting-row--drag-over{background:#dab1661f;border-color:#dab166b3}.board-setting-row__main{gap:4px;min-width:0;display:grid}.board-setting-row select{color:#fff;background:#26272d;border:1px solid #444757;border-radius:4px;width:100%;height:32px;padding:0 8px;font-size:13px}.slot-index{color:#ffffff8c;letter-spacing:.05em;text-transform:uppercase;font-size:11px}.board-setting-row strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.glyph-trigger{color:#f4ead9;background:#211d17;border:1px solid #dab1664d;border-radius:4px;height:32px;padding:0 10px;font-size:12px}.glyph-trigger:hover{background:#2a241b}.glyph-popover{z-index:40;background:#211d17;border:1px solid #dab1664d;border-radius:5px;grid-template-rows:auto minmax(0,1fr);width:274px;max-height:min(340px,100vh - 150px);padding:8px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 8px 18px #0006}.board-setting-row:nth-child(n+4) .glyph-popover{top:auto;bottom:48px}.glyph-popover__preview{border-bottom:1px solid #dab1662e;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:4px 4px 10px;display:grid}.glyph-popover__preview__copy{gap:3px;min-width:0;display:grid}.glyph-popover__preview strong{color:#fff7e8;font-size:13px;font-weight:700}.glyph-popover__preview span,.glyph-popover__preview p{color:#ffffff9e;font-size:11px;line-height:1.35}.glyph-popover__preview p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.glyph-popover__grid{overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px 2px 2px;display:grid;overflow-y:auto}.glyph-option{color:#f4ead9;text-align:center;background:0 0;border:1px solid #0000;border-radius:4px;justify-items:center;gap:4px;min-width:0;padding:5px 3px;display:grid}.glyph-option:hover,.glyph-option:focus-visible{background:#dab16624;border-color:#dab16661;outline:0}.glyph-option[aria-pressed=true]{background:#dab16638;border-color:#dab1668c}.glyph-icon{color:#f7d79d;text-shadow:0 1px 3px #000c;background:radial-gradient(circle at 50% 45%,#c6282859,#c6282814 58%,#0000 59%),url(/assets/tile_bg_glyph-7ASz-euE.png) 50%/contain no-repeat;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.glyph-icon--large{width:42px;height:42px;font-size:12px}.glyph-option>span:last-child{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;line-height:1.15;overflow:hidden}.glyph-pool{border-top:1px solid #f4ead91a;gap:8px;min-height:0;padding-top:10px;display:grid}.node-hovercard{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#141218f7;border:1px solid #dab16666;border-radius:6px;gap:4px;width:248px;padding:10px 12px;display:grid;position:fixed;box-shadow:0 14px 30px #00000080}.node-hovercard__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.node-hovercard__type{color:#ffffffbf;letter-spacing:.06em;text-transform:uppercase;background:#f4ead91f;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700}.node-hovercard__type--glyph{color:#f7d79d;background:#c628284d}.node-hovercard__type--legendary{color:#f7d79d;background:#dab16647}.node-hovercard__type--rare{color:#f3d6a0;background:#dab1662e}.node-hovercard__board{color:#fff6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.node-hovercard strong{color:#fff7e8;font-size:13px;font-weight:700}.node-hovercard__meta{color:#f7d79d;font-size:11px}.node-hovercard p{color:#ffffffa8;font-size:11px;line-height:1.4}.glyph-hovercard{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#141218f7;border:1px solid #dab16666;border-radius:6px;grid-template-columns:42px minmax(0,1fr);gap:10px;width:248px;padding:12px;display:grid;position:fixed;box-shadow:0 14px 30px #00000080}.glyph-hovercard__copy{gap:4px;min-width:0;display:grid}.glyph-hovercard__copy strong{color:#fff7e8;font-size:13px;font-weight:700}.glyph-hovercard__copy span{color:#f7d79d;font-size:11px}.glyph-hovercard__copy p{color:#ffffffa8;font-size:11px;line-height:1.4}.glyph-hovercard__bonus{border-top:1px solid #f4ead91f;padding-top:5px;color:#ffffff80!important}.glyph-pool__head{justify-content:space-between;align-items:baseline;display:flex}.glyph-pool h3{color:#f4ead99e;letter-spacing:.05em;text-transform:uppercase;font-size:11px}.glyph-pool__head span{color:#ffffff73;font-size:11px}.glyph-pool__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:250px;padding-right:2px;display:grid;overflow-y:auto}.glyph-pool__option{color:#f4ead9;background:#f4ead90a;border:1px solid #f4ead91a;border-radius:4px;justify-items:center;gap:4px;min-width:0;padding:6px 4px;display:grid}.glyph-pool__option:hover,.glyph-pool__option:focus-visible{background:#dab16624;border-color:#dab16661;outline:0}.glyph-pool__option[aria-pressed=true]{background:#8be78b1f;border-color:#8be78b8c}.glyph-pool__option>span:last-child{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;line-height:1.15;overflow:hidden}.right-overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1016e0;border:1px solid #7c2b2b59;border-radius:6px;flex-direction:column;gap:14px;width:320px;padding:14px;display:flex;position:fixed;top:92px;bottom:80px;right:12px;overflow:auto;box-shadow:0 12px 28px #0006}.right-overlay h2{color:#f7d79d;letter-spacing:.04em;text-transform:uppercase;font-size:14px}.right-overlay__head{justify-content:space-between;align-items:baseline;display:flex}.right-overlay__list{border-top:1px solid #f4ead914;gap:0;display:grid}.value-line{border-bottom:1px solid #f4ead914;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:10px 0;display:grid}.value-line__index{color:#f7d79d;background:#dab1662e;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.value-line__main{gap:2px;min-width:0;display:grid}.value-line__main strong{color:#fff7e8;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.value-line__sub{color:#ffffff9e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.value-line__error{color:#ffb3a5;font-size:11px;line-height:1.35}.value-line__meta{color:#ffffff73;letter-spacing:.02em;align-items:center;gap:6px;font-size:11px;display:inline-flex}.value-line__meta [data-state=selected]{color:#8be78b}.value-line__meta [data-state=planned]{color:#d1a781}.value-line__meta [data-state=available]{color:#ffffff73}.right-overlay__totals{border-top:1px solid #f4ead91f;gap:8px;padding-top:12px;display:grid}.right-overlay__totals h3{color:#f4ead99e;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.right-overlay__totals dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.right-overlay__totals dl>div{text-align:center;background:#f4ead90b;border:1px solid #f4ead91f;border-radius:5px;gap:2px;padding:8px 10px;display:grid}.right-overlay__totals dt{color:#ffffff8c;letter-spacing:.05em;text-transform:uppercase;font-size:10px}.right-overlay__totals dd{color:#fff7e8;margin:0;font-size:18px;font-weight:700}.right-overlay__totals h4{color:#f4ead99e;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.value-attributes,.value-effects,.value-glyph-effects{border-top:1px solid #f4ead914;padding-top:10px}.value-attributes ul,.value-effects ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.value-attributes li,.value-effects li{justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0;display:flex}.value-attributes li+li,.value-effects li+li{border-top:1px solid #f4ead90d}.value-attributes li>span,.value-effects li>span{color:#ffffffb3;min-width:0;font-size:12px;line-height:1.3}.value-effects li>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.value-attributes li>strong,.value-effects li>strong{color:#fff7e8;flex-shrink:0;align-items:baseline;gap:5px;font-size:14px;font-weight:700;display:inline-flex}.value-attributes li>strong em,.value-effects li>strong em{color:#fff6;font-size:11px;font-style:normal;font-weight:600}.value-glyph-effects p{color:#ffffff9e;margin-top:4px;font-size:11px;line-height:1.4}.value-glyph-effects strong{color:#f7d79d}.value-empty{color:#fff6;font-size:11px;font-style:italic}.solution-status{z-index:25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#d1a781;background:#0f1016e6;border:1px solid #7c2b2b66;border-radius:6px;align-items:center;min-height:44px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex;position:fixed;bottom:14px;left:12px;box-shadow:0 8px 18px #00000059}.solution-status--error{color:#f0b7a4;border-color:#7c2b2b}.operation-bar{z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1016eb;border:1px solid #7c2b2b73;border-radius:999px;gap:10px;padding:10px;transition:transform .15s;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #0000008c}.operation-bar:hover{transform:translate(-50%)translateY(-2px)}.operation-bar button{color:#ffffffe0;letter-spacing:.02em;background:0 0;border:1px solid #6973b273;border-radius:999px;min-width:160px;height:48px;padding:0 22px;font-size:15px;font-weight:600}.operation-bar button:hover:not(:disabled){color:#fff;background:#6973b22e}.operation-bar button:disabled{opacity:.45;cursor:not-allowed}.operation-bar__primary{box-shadow:0 4px 14px #6973b259;color:#fff!important;background:#6973b28c!important}.operation-bar__primary:hover:not(:disabled){background:#6973b2b3!important}