@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
.main-menu{gap:calc(4 * var(--ui-px));flex:1;display:flex}.main-menu button{color:var(--muted);padding:calc(10 * var(--ui-px)) calc(13 * var(--ui-px));background:0 0}.main-menu button.active{color:var(--accent);border-bottom:calc(2 * var(--ui-px)) solid var(--accent)}.workspace,.lookup-bar,.empty-start{margin-top:calc(22 * var(--ui-px));padding:calc(24 * var(--ui-px));background:var(--surface);border:calc(1 * var(--ui-px)) solid var(--line)}.workspace-title,.profile-strip,.section-heading{align-items:center;gap:calc(14 * var(--ui-px));display:flex}.workspace-title>span{color:var(--accent);font:500 calc(12 * var(--ui-px)) "DM Mono"}.workspace h1,.empty-start h1{margin:calc(3 * var(--ui-px)) 0;font-size:calc(24 * var(--ui-px))}.workspace-title p,.section-heading p,.empty-start p{color:var(--muted);font-size:calc(12 * var(--ui-px));margin:0}.api-field{max-width:calc(680 * var(--ui-px));margin-top:calc(22 * var(--ui-px));display:block}.guide-link{margin-top:calc(16 * var(--ui-px));color:var(--accent);font-size:calc(12 * var(--ui-px));display:inline-block}.information-workspace{min-height:calc(520 * var(--ui-px))}.notice-list{gap:calc(10 * var(--ui-px));max-width:calc(860 * var(--ui-px));margin-top:calc(26 * var(--ui-px));display:grid}.notice-card{padding:calc(16 * var(--ui-px)) calc(18 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(4 * var(--ui-px));background:#101722}.notice-card-heading{justify-content:space-between;align-items:baseline;gap:calc(12 * var(--ui-px));display:flex}.notice-version-title{align-items:baseline;gap:calc(8 * var(--ui-px));min-width:0;display:flex}.notice-version{color:var(--accent);font:600 calc(11 * var(--ui-px)) "DM Mono", monospace;white-space:nowrap}.notice-sections{gap:calc(16 * var(--ui-px));display:grid}.notice-sections section{padding-top:calc(2 * var(--ui-px))}.notice-sections h3{margin:0 0 calc(8 * var(--ui-px));color:var(--text);font-size:calc(13 * var(--ui-px))}.notice-sections p{margin:0 0 calc(8 * var(--ui-px));color:var(--muted);font-size:calc(10 * var(--ui-px))}.notice-card h2{color:var(--text);font-size:calc(14 * var(--ui-px));margin:0}.notice-card time{color:var(--accent);font:calc(10 * var(--ui-px)) "DM Mono";white-space:nowrap}.notice-card ul{margin:calc(9 * var(--ui-px)) 0 0;padding-left:calc(18 * var(--ui-px));color:var(--muted);font-size:calc(12 * var(--ui-px));line-height:1.7}.notice-card li+li{margin-top:calc(4 * var(--ui-px))}.bug-report-link{margin-top:calc(12 * var(--ui-px));padding:calc(9 * var(--ui-px)) calc(14 * var(--ui-px));border-radius:calc(4 * var(--ui-px));color:#fff;font-size:calc(11 * var(--ui-px));background:#5865f2;font-weight:700;text-decoration:none;display:inline-flex}.usage-guide-grid{gap:calc(10 * var(--ui-px));max-width:calc(960 * var(--ui-px));margin-top:calc(26 * var(--ui-px));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.usage-guide-card{min-height:calc(126 * var(--ui-px));padding:calc(16 * var(--ui-px)) calc(18 * var(--ui-px)) calc(15 * var(--ui-px)) calc(54 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(4 * var(--ui-px));background:#101722;position:relative}.usage-guide-step{top:calc(17 * var(--ui-px));left:calc(18 * var(--ui-px));color:var(--accent);font:500 calc(12 * var(--ui-px)) "DM Mono";position:absolute}.usage-guide-card h2{color:var(--text);font-size:calc(14 * var(--ui-px));margin:0}.usage-guide-card p{margin:calc(9 * var(--ui-px)) 0 0;color:var(--muted);font-size:calc(11 * var(--ui-px));line-height:1.7}.usage-guide-image{width:100%;max-height:calc(260 * var(--ui-px));margin:calc(14 * var(--ui-px)) 0 0;border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));object-fit:contain;background:#0c1118;display:block}.usage-guide-note{max-width:calc(960 * var(--ui-px));margin:calc(16 * var(--ui-px)) 0 0;padding:calc(10 * var(--ui-px)) calc(12 * var(--ui-px));border-left:calc(2 * var(--ui-px)) solid var(--accent);color:var(--muted);font-size:calc(11 * var(--ui-px));background:#101722;line-height:1.6}.lookup-bar{padding:calc(15 * var(--ui-px)) calc(18 * var(--ui-px))}.lookup-bar form{align-items:end;gap:calc(8 * var(--ui-px));display:flex}.lookup-bar label{flex:1}.lookup-bar button,.profile-strip button,.cycle-add button{height:calc(43 * var(--ui-px));padding:0 calc(15 * var(--ui-px));background:var(--accent);color:#10201c;border-radius:calc(3 * var(--ui-px))}.lookup-bar .subtle-button{background:var(--surface2);color:var(--text);border:calc(1 * var(--ui-px)) solid var(--line)}.lookup-bar p{margin:calc(9 * var(--ui-px)) 0 0;color:var(--muted);font-size:calc(11 * var(--ui-px))}.profile-strip{padding:calc(14 * var(--ui-px));background:var(--surface2)}.profile-strip .compact-art{width:calc(48 * var(--ui-px));height:calc(48 * var(--ui-px))}.profile-strip h1{margin:calc(2 * var(--ui-px)) 0;font-size:calc(23 * var(--ui-px))}.profile-strip strong{font:500 calc(13 * var(--ui-px)) "DM Mono";margin-left:auto}.sim-tabs{gap:calc(2 * var(--ui-px));padding:calc(4 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);background:#0c1118;display:flex}.sim-tabs button{padding:calc(11 * var(--ui-px));color:var(--muted);font-size:calc(12 * var(--ui-px));background:0 0;flex:1}.sim-tabs button.active{color:var(--accent);background:#1c3631}.sim-content{padding-top:calc(12 * var(--ui-px))}.equipment-board,.ark-board,.skills-cycle,.cycle-panel{gap:calc(12 * var(--ui-px));display:grid}.equipment-board>section,.ark-board>section,.skills-cycle>section,.cycle-panel{padding:calc(18 * var(--ui-px));background:var(--surface2);border:calc(1 * var(--ui-px)) solid var(--line)}.equipment-board h2,.ark-board h2,.skills-cycle h2,.cycle-panel h2{margin:0 0 calc(12 * var(--ui-px));font-size:calc(15 * var(--ui-px))}.compact-grid{gap:calc(8 * var(--ui-px));grid-template-columns:repeat(3,1fr);display:grid}.edit-card{align-items:center;gap:calc(9 * var(--ui-px));padding:calc(9 * var(--ui-px));background:#101722;min-width:0;display:flex}.compact-art{flex:0 0 calc(38 * var(--ui-px));width:calc(38 * var(--ui-px));height:calc(38 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #40506a;color:#bcd5ff;background:#172130;place-items:center;display:grid;overflow:hidden}.compact-art-empty{text-align:center;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.compact-art-empty>span{top:calc(7 * var(--ui-px));text-align:center;line-height:1;display:block;position:relative}.compact-art img{object-fit:cover;width:100%;height:100%}.gear-editor .compact-art,.accessory-editor .quality-art .compact-art,.bracelet-editor .bracelet-art .compact-art,.ark-grid-core-art,.ark-grid-effect-art{border-radius:calc(6 * var(--ui-px))}.accessory-editor .quality-art .compact-art,.bracelet-editor .bracelet-art[data-bracelet-grade=고대] .compact-art{background:linear-gradient(145deg,#baa881f2,#baa881b8)}.ark-grid-core-art[data-ark-grade=유물],.ark-grid-effect-art[data-ark-grade=유물]{background:linear-gradient(145deg,#c06000f2,#c06000b3)}.ark-grid-core-art[data-ark-grade=고대],.ark-grid-effect-art[data-ark-grade=고대],.quality-art[data-gear-grade=전율] .compact-art{background:linear-gradient(145deg,#baa881f2,#baa881b8)}.quality-art[data-gear-grade="참월 : 의"] .compact-art{background:linear-gradient(145deg,#5ef0ecf2,#5ef0ecb3)}.quality-art[data-gear-grade=결단] .compact-art{background:linear-gradient(145deg,#c06000f2,#c06000b3)}.quality-art[data-gear-slot=완갑][data-gear-grade=영웅] .compact-art{background:linear-gradient(145deg,#501d60f2,#501d60b3)}.quality-art[data-gear-slot=완갑][data-gear-grade=전설] .compact-art{background:linear-gradient(145deg,#ac7700f2,#ac7700b3)}.quality-art[data-gear-slot=완갑][data-gear-grade=유물] .compact-art{background:linear-gradient(145deg,#c06000f2,#c06000b3)}.quality-art[data-gear-slot=완갑][data-gear-grade=고대] .compact-art{background:linear-gradient(145deg,#baa881f2,#baa881b8)}.edit-card div{flex:1;min-width:0}.edit-card strong,.edit-card p,.edit-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.edit-card strong{font-size:calc(10 * var(--ui-px))}.edit-card p{margin:calc(2 * var(--ui-px)) 0;color:var(--text);font-size:calc(10 * var(--ui-px))}.edit-card span{color:var(--muted);font-size:calc(9 * var(--ui-px))}.edit-button{color:#bcd5ff;padding:calc(6 * var(--ui-px)) calc(7 * var(--ui-px));font-size:calc(9 * var(--ui-px));background:#1d2b3b}.split-row,.ark-columns{gap:calc(12 * var(--ui-px));grid-template-columns:1fr 1fr;display:grid}.avatar-row,.engraving-chips{gap:calc(8 * var(--ui-px));flex-wrap:wrap;display:flex}.avatar-row>span{gap:calc(4 * var(--ui-px));color:var(--muted);font-size:calc(9 * var(--ui-px));justify-items:center;display:grid}.engraving-chips span{padding:calc(8 * var(--ui-px)) calc(10 * var(--ui-px));color:#d5b880;font-size:calc(11 * var(--ui-px));background:#101722}.ark-points{gap:calc(8 * var(--ui-px));margin-bottom:calc(12 * var(--ui-px));grid-template-columns:repeat(3,1fr);display:grid}.ark-points>div{padding:calc(13 * var(--ui-px));background:#101722}.ark-points strong{margin-top:calc(5 * var(--ui-px));color:var(--accent);font:500 calc(18 * var(--ui-px)) "DM Mono";display:block}.effect-list{gap:calc(7 * var(--ui-px));grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.effect-list li{gap:calc(7 * var(--ui-px));padding:calc(7 * var(--ui-px));background:#101722;display:flex}.effect-list .compact-art{flex-basis:calc(30 * var(--ui-px));width:calc(30 * var(--ui-px));height:calc(30 * var(--ui-px))}.effect-list strong,.effect-list small{font-size:calc(9 * var(--ui-px));display:block}.effect-list small{margin-top:calc(3 * var(--ui-px));color:var(--muted)}.skills-list{gap:calc(7 * var(--ui-px));display:grid}.skill-card{align-items:center;gap:calc(9 * var(--ui-px));padding:calc(10 * var(--ui-px));background:#101722;display:flex}.skill-detail{min-width:calc(180 * var(--ui-px));flex:1}.skill-detail strong,.skill-detail span,.skill-detail p,.skill-detail small{font-size:calc(9 * var(--ui-px));margin:0;display:block}.skill-detail span,.skill-detail small,.skill-detail p{color:var(--muted);margin-top:calc(3 * var(--ui-px))}.skill-gems{gap:calc(5 * var(--ui-px));display:flex}.gem-badge{width:calc(42 * var(--ui-px));height:calc(42 * var(--ui-px));position:relative}.gem-badge .compact-art{width:calc(42 * var(--ui-px));height:calc(42 * var(--ui-px))}.gem-badge b{top:calc(1 * var(--ui-px));left:calc(2 * var(--ui-px));color:#fff;font:calc(10 * var(--ui-px)) "DM Mono";position:absolute}.gem-badge small{bottom:calc(1 * var(--ui-px));text-align:center;color:#fff;font-size:calc(8 * var(--ui-px));background:#07101cdd;position:absolute;left:0;right:0}.no-gem{color:var(--muted);font-size:calc(9 * var(--ui-px))}.cycle-add{align-items:flex-start;gap:calc(7 * var(--ui-px));display:flex}.cycle-selection-controls{gap:calc(7 * var(--ui-px));flex:0 0 50%;order:1;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.cycle-preset-actions{gap:calc(7 * var(--ui-px));display:flex}.cycle-preset-actions button{flex:1;min-width:0}.cycle-section-skill-row{gap:calc(7 * var(--ui-px));grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.cycle-duration-controls{flex:0 0 calc(230 * var(--ui-px));gap:calc(7 * var(--ui-px));order:2;grid-template-columns:minmax(0,1fr);display:grid}.cycle-duration-option{align-items:center;gap:calc(6 * var(--ui-px));min-width:0;height:calc(38 * var(--ui-px));min-height:calc(38 * var(--ui-px));box-sizing:border-box;padding:0 calc(8 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);color:var(--text);font-size:calc(10 * var(--ui-px));background:#101722;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.cycle-duration-option input[type=checkbox]{width:calc(13 * var(--ui-px));height:calc(13 * var(--ui-px));accent-color:var(--accent);margin:0}.cycle-duration-option strong{color:var(--accent);font-size:calc(10 * var(--ui-px));white-space:nowrap}.cycle-duration-option input[type=number]{width:calc(58 * var(--ui-px));height:calc(24 * var(--ui-px));box-sizing:border-box;padding:0 calc(5 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);color:var(--text);font-size:calc(10 * var(--ui-px));background:#0c1118;margin:0}.cycle-duration-option em{color:var(--muted);font-size:calc(10 * var(--ui-px));align-self:center;font-style:normal}@media (max-width:700px){.cycle-add{flex-direction:column}.cycle-selection-controls{grid-template-columns:1fr;width:100%}.cycle-section-skill-row{grid-template-columns:1fr}.cycle-duration-controls{flex-basis:auto;width:100%}}.cycle-add select{height:calc(38 * var(--ui-px));box-sizing:border-box;padding:calc(10 * var(--ui-px));color:var(--text);border:calc(1 * var(--ui-px)) solid var(--line);background:#0c1118;flex:1}.cycle-clear-button{flex:none}.cycle-action-controls{gap:calc(7 * var(--ui-px));flex-direction:column;flex:none;order:3;display:flex}.cycle-action-controls button{height:calc(38 * var(--ui-px));box-sizing:border-box}.cycle-builder-mode-options{row-gap:calc(4 * var(--ui-px));height:calc(38 * var(--ui-px));transform:translateY(calc(3 * var(--ui-px)));background:0 0;border:0;grid-template-rows:repeat(2,minmax(0,1fr));margin:0;padding:0;display:grid}.cycle-builder-mode-option{justify-content:flex-start;align-items:center;gap:calc(5 * var(--ui-px));min-width:calc(92 * var(--ui-px));padding:0 calc(4 * var(--ui-px));color:#d5deeb;cursor:pointer;font-size:calc(10 * var(--ui-px));font-weight:700;display:flex;position:relative}.cycle-builder-mode-option+.cycle-builder-mode-option{border-top:0}.cycle-builder-mode-option input{width:calc(14 * var(--ui-px));height:calc(14 * var(--ui-px));accent-color:#087cff;margin:0}.cycle-builder-mode-option:after{right:0;bottom:calc(100% + calc(7 * var(--ui-px)));z-index:1000;width:max-content;max-width:calc(240 * var(--ui-px));padding:calc(6 * var(--ui-px)) calc(8 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #3b6b5a;border-radius:calc(4 * var(--ui-px));box-shadow:0 calc(6 * var(--ui-px)) calc(18 * var(--ui-px)) #0008;color:#d9f6e8;content:attr(data-tooltip);font-size:calc(9 * var(--ui-px));opacity:0;pointer-events:none;transform:translateY(calc(3 * var(--ui-px)));visibility:hidden;white-space:normal;background:#0c1715;line-height:1.4;transition:opacity .12s,transform .12s;position:absolute}.cycle-builder-mode-option:hover:after,.cycle-builder-mode-option:focus-within:after{opacity:1;visibility:visible;transform:translateY(0)}.cycle-add button:disabled{cursor:not-allowed;opacity:.45}.cycle-list{grid-template-columns:repeat(auto-fill, minmax(calc(86 * var(--ui-px)), 1fr));align-content:start;gap:calc(8 * var(--ui-px));padding:0;list-style:none;display:grid}.legacy-cycle-list.sequence-mode{display:none}.cycle-section-panels{gap:calc(7 * var(--ui-px));display:grid}.cycle-section-panel{min-width:0}.cycle-section-panel-heading{justify-content:space-between;align-items:baseline;gap:calc(8 * var(--ui-px));min-height:calc(19 * var(--ui-px));margin:0 0 calc(3 * var(--ui-px));color:var(--text-muted,#8fa2bd);font-size:.86rem;font-weight:700;display:flex}.cycle-section-panel-heading span{color:var(--muted-text,#9aa8bd);font-size:.76rem;font-weight:500}.cycle-section-panel .cycle-list{grid-template-columns:repeat(auto-fill, minmax(calc(86 * var(--ui-px)), 1fr))}.cycle-section-panel .cycle-list:empty{min-height:calc(12 * var(--ui-px))}.cycle-section-group-heading{min-height:0;color:var(--text-muted,#8fa2bd);background:0 0;border-bottom:1px solid #7e99b838;grid-column:1/-1;margin:8px 0 0;padding:8px 10px 5px;font-size:.86rem;font-weight:700;list-style:none}.cycle-section-group-heading-empty{color:var(--muted-text,#9aa8bd);justify-content:space-between;display:flex}.cycle-section-group-heading-empty span{opacity:.8;font-size:.76rem;font-weight:500}.cycle-list>.cycle-skill-tile{grid-template-rows:calc(48 * var(--ui-px)) minmax(calc(18 * var(--ui-px)), auto) calc(20 * var(--ui-px));place-items:center;gap:calc(1 * var(--ui-px));min-width:0;padding:calc(3 * var(--ui-px)) calc(6 * var(--ui-px)) calc(3 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);cursor:grab;background:#101722;display:grid;position:relative}.cycle-list>.cycle-skill-tile:active{cursor:grabbing}.cycle-builder>.section-heading{align-items:flex-start}.cycle-builder>.section-heading>span{padding-top:calc(3 * var(--ui-px));white-space:nowrap;margin-left:auto}.cycle-list .cycle-skill-order{top:calc(4 * var(--ui-px));left:calc(4 * var(--ui-px));z-index:1;width:calc(17 * var(--ui-px));height:calc(17 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #52667e;color:var(--accent);font:500 calc(9 * var(--ui-px)) "DM Mono";background:#111a27;border-radius:50%;place-items:center;display:grid;position:absolute}.cycle-list .compact-art{width:calc(48 * var(--ui-px));height:calc(48 * var(--ui-px));flex-basis:calc(48 * var(--ui-px))}.cycle-skill-name{width:100%;color:var(--text);font-size:calc(9 * var(--ui-px));text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.cycle-skill-buffs{gap:calc(3 * var(--ui-px));grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.cycle-skill-buffs button{min-width:0;height:calc(20 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #46566b;border-radius:calc(2 * var(--ui-px));color:#b7c8df;cursor:pointer;filter:grayscale();opacity:.55;background:#202b3a;place-items:center;padding:0;display:grid}.cycle-skill-buffs button.active{border-color:var(--accent);filter:none;opacity:1;background:#1d3a36}.cycle-skill-buffs img{width:calc(15 * var(--ui-px));height:calc(15 * var(--ui-px));object-fit:cover;display:block}.cycle-skill-buffs span{font-size:calc(8 * var(--ui-px));font-weight:800}.cycle-skill-actions{gap:calc(3 * var(--ui-px));grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.cycle-skill-actions button{min-width:0;height:calc(20 * var(--ui-px));color:#d7e2ef;font-size:calc(11 * var(--ui-px));background:#243244;padding:0}.cycle-skill-actions button:disabled{cursor:not-allowed;opacity:.35}.cycle-list.count-mode>.cycle-skill-tile{grid-template-rows:calc(48 * var(--ui-px)) minmax(calc(18 * var(--ui-px)), auto) calc(34 * var(--ui-px));cursor:default}.cycle-list.sequence-mode>.cycle-skill-tile.no-cycle-controls{grid-template-rows:calc(48 * var(--ui-px)) minmax(calc(18 * var(--ui-px)), auto)}.cycle-list.count-mode>.cycle-skill-tile:active{cursor:default}.cycle-use-count{grid-template-columns:minmax(0, 1fr) calc(52 * var(--ui-px));align-items:center;gap:calc(4 * var(--ui-px));width:100%;color:var(--muted);font-size:calc(8 * var(--ui-px));text-align:left;display:grid}.cycle-use-count input{width:100%;min-width:0;height:calc(22 * var(--ui-px));box-sizing:border-box;padding:0 calc(4 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);color:var(--text);font-size:calc(9 * var(--ui-px));text-align:center;background:#0c1118;margin:0}.cycle-skill-remove{top:calc(4 * var(--ui-px));right:calc(4 * var(--ui-px));z-index:1;width:calc(17 * var(--ui-px));height:calc(17 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #46566b;color:#d7e2ef;font-size:calc(12 * var(--ui-px));cursor:pointer;background:#202b3a;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute}.setting-compare{gap:calc(10 * var(--ui-px));margin-top:calc(18 * var(--ui-px));grid-template-columns:repeat(2,1fr);display:grid}.setting-compare article{padding:calc(16 * var(--ui-px));background:var(--surface2)}.setting-compare p,.setting-compare small,.calculation-note{color:var(--muted);font-size:calc(11 * var(--ui-px))}.calculation-note{margin-top:calc(18 * var(--ui-px))}@media (max-width:900px){.compact-grid{grid-template-columns:repeat(2,1fr)}.effect-list{grid-template-columns:1fr}.skill-card{align-items:flex-start}.skills-cycle{grid-template-columns:1fr}.main-menu{justify-content:flex-end}}@media (max-width:600px){.equipment-ark-grid>section:last-child .ark-grid-effect-editor{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{gap:calc(10 * var(--ui-px))}.brand{display:none}.main-menu{justify-content:space-between}.main-menu button{padding:calc(8 * var(--ui-px)) calc(5 * var(--ui-px));font-size:calc(11 * var(--ui-px))}.lookup-bar form{flex-direction:column;align-items:stretch}.lookup-bar button{height:calc(40 * var(--ui-px))}.compact-grid,.split-row,.ark-columns,.setting-compare{grid-template-columns:1fr}.sim-tabs{overflow:auto}.sim-tabs button{min-width:max-content}.notice-card-heading{align-items:flex-start;gap:calc(5 * var(--ui-px));flex-direction:column}.usage-guide-grid{grid-template-columns:1fr}.profile-strip{flex-wrap:wrap}.profile-strip strong{margin-left:0}.skill-card{flex-wrap:wrap}.skill-gems{width:100%}}.has-character .hero{padding:calc(26 * var(--ui-px)) 0 calc(18 * var(--ui-px))}.has-character .hero h1{margin:calc(9 * var(--ui-px)) 0;font-size:calc(30 * var(--ui-px))}.has-character .hero-orb{display:none}.has-character .search-card{padding:calc(18 * var(--ui-px)) calc(22 * var(--ui-px))}.has-character .search-form{margin-top:calc(14 * var(--ui-px))}.has-character .profile-grid{grid-template-columns:1fr}.has-character .profile-main{gap:calc(12 * var(--ui-px))}.has-character .profile-heading{padding:calc(16 * var(--ui-px))}.has-character .stat-row{grid-template-columns:repeat(9,minmax(0,1fr))}.has-character .stat{padding:calc(10 * var(--ui-px))}.has-character .stat strong{font-size:calc(13 * var(--ui-px))}.simulator-menu{gap:calc(2 * var(--ui-px));padding:calc(4 * var(--ui-px));background:var(--surface);border:calc(1 * var(--ui-px)) solid var(--line);display:flex;overflow-x:auto}.simulator-menu button{min-width:max-content;padding:calc(10 * var(--ui-px)) calc(14 * var(--ui-px));color:var(--muted);font-size:calc(11 * var(--ui-px));background:0 0;flex:1}.simulator-menu button:hover,.simulator-menu button.active{color:var(--accent);background:#1a2c2c}.tab-content{max-height:calc(calc(100 * var(--ui-vh)) - calc(385 * var(--ui-px)));padding-right:calc(4 * var(--ui-px));overflow:auto}.tab-panels{gap:calc(12 * var(--ui-px));display:grid}.overview-grid{gap:calc(8 * var(--ui-px));grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.overview-card{min-width:0;padding:calc(14 * var(--ui-px));background:var(--surface2);border:calc(1 * var(--ui-px)) solid var(--line)}.overview-card span,.overview-card small{color:var(--muted);font-size:calc(9 * var(--ui-px));text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.overview-card strong{margin:calc(7 * var(--ui-px)) 0 calc(5 * var(--ui-px));color:var(--text);font:500 calc(17 * var(--ui-px)) "DM Mono";text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.engraving-panel{max-width:calc(560 * var(--ui-px))}.engraving-panel .panel-title{align-items:flex-start}.engraving-panel .panel-title p{margin:calc(5 * var(--ui-px)) 0 0;color:var(--muted);font-size:calc(11 * var(--ui-px))}.has-character .accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.has-character .gem-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.has-character .ark-extra ul{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1100px){.has-character .stat-row{grid-template-columns:repeat(5,minmax(0,1fr))}.overview-grid,.has-character .gem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.has-character .hero{padding:calc(28 * var(--ui-px)) 0 calc(18 * var(--ui-px))}.has-character .search-card{padding:calc(17 * var(--ui-px))}.has-character .stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}.tab-content{max-height:none;overflow:visible}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.has-character .accessory-grid,.has-character .gem-grid,.has-character .ark-extra ul{grid-template-columns:1fr}.simulator-menu button{padding:calc(9 * var(--ui-px)) calc(11 * var(--ui-px))}}.system-panel .panel-title{align-items:flex-start}.system-panel .panel-title p{margin:calc(5 * var(--ui-px)) 0 0;color:var(--muted);font-size:calc(11 * var(--ui-px))}.gem-grid{gap:calc(9 * var(--ui-px));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gem-card{gap:calc(9 * var(--ui-px));min-width:0;padding:calc(10 * var(--ui-px));background:var(--surface2);border:calc(1 * var(--ui-px)) solid transparent;display:flex;position:relative}.gem-card:hover{border-color:#48586b}.system-artwork{flex:0 0 calc(38 * var(--ui-px));width:calc(38 * var(--ui-px));height:calc(38 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #46516a;color:#9fc5ff;font-size:calc(14 * var(--ui-px));background:#111826;place-items:center;display:grid;overflow:hidden}.system-artwork img{object-fit:cover;width:100%;height:100%;display:block}.gem-level{top:calc(7 * var(--ui-px));left:calc(7 * var(--ui-px));padding:calc(1 * var(--ui-px)) calc(3 * var(--ui-px));color:#d2e3ff;font:500 calc(9 * var(--ui-px)) "DM Mono";background:#08101ce0;position:absolute}.gem-card strong{color:#b9cfff;font-size:calc(10 * var(--ui-px));display:block}.gem-card p{margin:calc(2 * var(--ui-px)) 0;color:var(--text);font-size:calc(10 * var(--ui-px));text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.gem-card small{color:var(--muted);font-size:calc(8 * var(--ui-px));-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.ark-points{gap:calc(1 * var(--ui-px));margin-bottom:calc(12 * var(--ui-px));background:var(--line);grid-template-columns:repeat(3,1fr);display:grid}.ark-points>div{padding:calc(11 * var(--ui-px));background:var(--surface2);justify-content:space-between;align-items:baseline;display:flex}.ark-points span{color:var(--muted);font-size:calc(10 * var(--ui-px))}.ark-points strong{color:#cbdcff;font:500 calc(18 * var(--ui-px)) "DM Mono"}.ark-path-grid{gap:calc(10 * var(--ui-px));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ark-path,.ark-extra{padding:calc(11 * var(--ui-px));background:var(--surface2)}.ark-path h4,.ark-extra h4{margin:0 0 calc(9 * var(--ui-px));color:#a7bfe5;font-size:calc(11 * var(--ui-px))}.ark-path>p{color:var(--muted);font-size:calc(9 * var(--ui-px));margin:0}.ark-path ul,.ark-extra ul,.ark-grid-list{gap:calc(7 * var(--ui-px));margin:0;padding:0;list-style:none;display:grid}.ark-effect-card{gap:calc(8 * var(--ui-px));min-width:0;padding:calc(7 * var(--ui-px));background:#101722;display:flex}.ark-effect-card .system-artwork{flex-basis:calc(32 * var(--ui-px));width:calc(32 * var(--ui-px));height:calc(32 * var(--ui-px));font-size:calc(11 * var(--ui-px))}.ark-effect-card strong{color:var(--text);font-size:calc(10 * var(--ui-px));text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ark-effect-card p{margin:calc(2 * var(--ui-px)) 0;color:#9eb1ce;font:calc(9 * var(--ui-px)) "DM Mono"}.ark-effect-card small{color:var(--muted);font-size:calc(8 * var(--ui-px));-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.ark-extra{margin-top:calc(10 * var(--ui-px))}.ark-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.gem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ark-path-grid,.ark-grid-list{grid-template-columns:1fr}}.equipment-panel .panel-title{align-items:flex-start}.equipment-panel .panel-title p{margin:calc(5 * var(--ui-px)) 0 0;color:var(--muted);font-size:calc(11 * var(--ui-px))}.gear-grid{gap:calc(10 * var(--ui-px));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gear-card,.accessory-card{gap:calc(13 * var(--ui-px));background:var(--surface2);border:calc(1 * var(--ui-px)) solid transparent;padding:calc(13 * var(--ui-px));min-width:0;transition:border-color .15s,transform .15s;display:flex}.gear-card:hover,.accessory-card:hover{transform:translateY(calc(-1 * var(--ui-px)));border-color:#3b485a}.item-artwork{flex:0 0 calc(62 * var(--ui-px));width:calc(62 * var(--ui-px));height:calc(62 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #604f36;color:var(--accent2);font-size:calc(20 * var(--ui-px));background:linear-gradient(145deg,#2e2b27,#151a22);place-items:center;display:grid;position:relative;overflow:hidden}.item-artwork img{object-fit:cover;width:100%;height:100%;display:block}.item-artwork em{left:calc(3 * var(--ui-px));top:calc(3 * var(--ui-px));padding:calc(2 * var(--ui-px)) calc(4 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #5eb494;color:var(--accent);font:500 calc(9 * var(--ui-px)) "DM Mono";background:#07100edd;font-style:normal;position:absolute}.item-content{flex:1;min-width:0}.item-heading{justify-content:space-between;align-items:center;gap:calc(8 * var(--ui-px));display:flex}.slot-label{color:var(--text);font-size:calc(12 * var(--ui-px));font-weight:700}.grade-label{color:var(--accent2);font:500 calc(9 * var(--ui-px)) "DM Mono";white-space:nowrap}.item-name{margin-top:calc(5 * var(--ui-px));color:#cbd3dd;font-size:calc(10 * var(--ui-px));text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.gear-values{gap:calc(4 * var(--ui-px));margin-top:calc(11 * var(--ui-px));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.gear-values>span{min-width:0;padding:calc(6 * var(--ui-px)) calc(5 * var(--ui-px));color:#d4dbe4;font:500 calc(11 * var(--ui-px)) "DM Mono";text-align:center;background:#0e131b}.gear-values small{margin-bottom:calc(3 * var(--ui-px));color:var(--muted);font:calc(8 * var(--ui-px)) Manrope;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.quality-high{color:#f0c46f!important}.quality-mid{color:#b28bf0!important}.quality-low{color:#82b8f0!important}.quality-none{color:var(--muted)!important}.accessory-grid{gap:calc(10 * var(--ui-px));grid-template-columns:1fr;display:grid}.accessory-card .item-artwork{flex-basis:calc(72 * var(--ui-px));width:calc(72 * var(--ui-px));height:calc(72 * var(--ui-px))}.accessory-meta{gap:calc(6 * var(--ui-px));margin-top:calc(9 * var(--ui-px));flex-wrap:wrap;display:flex}.accessory-meta span{padding:calc(4 * var(--ui-px)) calc(7 * var(--ui-px));color:#aeb8c5;font:500 calc(9 * var(--ui-px)) "DM Mono";background:#0e131b}.option-list{gap:calc(5 * var(--ui-px));margin:calc(9 * var(--ui-px)) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.option-list li{padding:calc(6 * var(--ui-px)) calc(7 * var(--ui-px)) calc(6 * var(--ui-px)) calc(16 * var(--ui-px));color:#9edbc4;font-size:calc(9 * var(--ui-px));text-overflow:ellipsis;white-space:nowrap;background:#12201f;position:relative;overflow:hidden}.option-list li:before{left:calc(7 * var(--ui-px));color:var(--accent);content:"◆";font-size:calc(5 * var(--ui-px));top:calc(9 * var(--ui-px));position:absolute}.option-empty{margin:calc(10 * var(--ui-px)) 0 0;color:#687586;font-size:calc(9 * var(--ui-px))}.empty-copy{padding:calc(10 * var(--ui-px)) 0}.side-column{min-width:0}@media (max-width:980px){.profile-grid{grid-template-columns:1fr}.side-column{gap:calc(18 * var(--ui-px));grid-template-columns:1fr 1fr;display:grid}.next-card{margin-top:0}}@media (max-width:760px){.gear-grid{grid-template-columns:1fr}.gear-values{grid-template-columns:repeat(2,minmax(0,1fr))}.option-list{grid-template-columns:1fr}.side-column{display:block}.next-card{margin-top:calc(18 * var(--ui-px))}.accessory-card .item-artwork{flex-basis:calc(58 * var(--ui-px));width:calc(58 * var(--ui-px));height:calc(58 * var(--ui-px))}}.name-input button:disabled{cursor:wait;opacity:.65}.empty-copy{color:var(--muted);font-size:calc(12 * var(--ui-px));margin:0}:root{--bg:#0b0e13;--surface:#121720;--surface2:#171d28;--line:#273140;--text:#edf2f7;--muted:#8995a6;--accent:#80e7bd;--accent2:#e5b86b}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0, #162a2b 0, transparent 32%), var(--bg);color:var(--text);margin:0;font-family:Manrope,sans-serif}.shell{max-width:calc(1180 * var(--ui-px));padding:0 calc(28 * var(--ui-px));margin:auto}.topbar{height:calc(84 * var(--ui-px));border-bottom:calc(1 * var(--ui-px)) solid var(--line);align-items:center;gap:calc(60 * var(--ui-px));display:flex}.brand{align-items:center;gap:calc(10 * var(--ui-px));letter-spacing:.08em;display:flex}.brand-mark{width:calc(32 * var(--ui-px));height:calc(32 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--accent);color:var(--accent);place-items:center;font-weight:800;display:grid}.brand small,.eyebrow{color:var(--muted);font:500 calc(10 * var(--ui-px)) "DM Mono";letter-spacing:.12em;display:block}.brand small{letter-spacing:.04em;white-space:nowrap}.brand strong{font-size:calc(14 * var(--ui-px));display:block}.topbar nav{gap:calc(26 * var(--ui-px));flex:1;display:flex}.topbar nav.main-menu{align-items:center;gap:calc(4 * var(--ui-px));min-width:0;overflow-x:auto}.topbar nav.main-menu button{white-space:nowrap;flex:none;min-width:max-content}.topbar nav.main-menu .header-character-search{flex:none}.topbar nav a{font-size:calc(13 * var(--ui-px));color:var(--muted)}.topbar nav .active{color:var(--accent)}button{font:600 calc(13 * var(--ui-px)) Manrope;cursor:pointer;border:0}.theme{background:var(--surface2);color:var(--accent);border:calc(1 * var(--ui-px)) solid var(--line);width:calc(34 * var(--ui-px));height:calc(34 * var(--ui-px));border-radius:50%}.hero{padding:calc(72 * var(--ui-px)) 0 calc(46 * var(--ui-px));justify-content:space-between;align-items:center;display:flex}.hero h1{font-size:calc(42 * var(--ui-px));margin:calc(16 * var(--ui-px)) 0;line-height:1.15}.subtitle{color:var(--muted);font-size:calc(14 * var(--ui-px))}.hero-orb{font-size:calc(92 * var(--ui-px));color:var(--accent);opacity:.7;padding-right:calc(80 * var(--ui-px))}.search-card,.panel,.next-card{background:linear-gradient(135deg, var(--surface), #10151d);border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(5 * var(--ui-px))}.search-card{padding:calc(28 * var(--ui-px)) calc(32 * var(--ui-px))}.section-title{gap:calc(14 * var(--ui-px));align-items:center;display:flex}.step{font:500 calc(11 * var(--ui-px)) "DM Mono";color:var(--accent)}h2,h3,p{margin-top:0}.section-title h2{margin:0 0 calc(4 * var(--ui-px));font-size:calc(18 * var(--ui-px))}.section-title p{color:var(--muted);font-size:calc(12 * var(--ui-px));margin:0}.search-form{gap:calc(18 * var(--ui-px));margin-top:calc(25 * var(--ui-px));grid-template-columns:1fr 1fr;display:grid}label{font:500 calc(11 * var(--ui-px)) "DM Mono";color:var(--muted);letter-spacing:.04em}input{width:100%;margin-top:calc(8 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));color:var(--text);padding:calc(14 * var(--ui-px));font:calc(13 * var(--ui-px)) Manrope;background:#0c1118;outline:none;display:block}input:focus{border-color:var(--accent)}.name-input{gap:calc(8 * var(--ui-px));display:flex}.name-input button,.next-card button{background:var(--accent);color:#0b1716;padding:0 calc(18 * var(--ui-px));border-radius:calc(3 * var(--ui-px));white-space:nowrap}.form-message{color:var(--muted);font-size:calc(11 * var(--ui-px));margin:calc(18 * var(--ui-px)) 0 0}.status-dot{background:var(--accent);width:calc(6 * var(--ui-px));height:calc(6 * var(--ui-px));margin-right:calc(8 * var(--ui-px));border-radius:50%;display:inline-block}.feature-grid{gap:calc(14 * var(--ui-px));margin-top:calc(22 * var(--ui-px));grid-template-columns:repeat(3,1fr);display:grid}.feature{padding:calc(26 * var(--ui-px));background:var(--surface);border:calc(1 * var(--ui-px)) solid var(--line);min-height:calc(145 * var(--ui-px))}.feature>span{color:var(--accent2);font-size:calc(22 * var(--ui-px))}.feature h3{font-size:calc(15 * var(--ui-px));margin:calc(17 * var(--ui-px)) 0 calc(7 * var(--ui-px))}.feature p{color:var(--muted);font-size:calc(12 * var(--ui-px))}.profile-grid{gap:calc(18 * var(--ui-px));margin-top:calc(22 * var(--ui-px));grid-template-columns:2fr 1fr;display:grid}.profile-main{gap:calc(18 * var(--ui-px));flex-direction:column;display:flex}.profile-heading{align-items:center;gap:calc(16 * var(--ui-px));padding:calc(24 * var(--ui-px));background:var(--surface);border:calc(1 * var(--ui-px)) solid var(--line);display:flex}.avatar{width:calc(54 * var(--ui-px));height:calc(54 * var(--ui-px));color:var(--accent);font-size:calc(24 * var(--ui-px));background:#183c3b;place-items:center;display:grid}.profile-heading h2{margin:calc(4 * var(--ui-px)) 0;font-size:calc(25 * var(--ui-px))}.profile-heading p:last-of-type{color:var(--muted);font-size:calc(12 * var(--ui-px));margin:0}.ready{color:var(--accent);font:500 calc(10 * var(--ui-px)) "DM Mono";margin-left:auto}.stat-row{gap:calc(1 * var(--ui-px));background:var(--line);grid-template-columns:repeat(4,1fr);display:grid}.stat{background:var(--surface);padding:calc(16 * var(--ui-px))}.stat span{color:var(--muted);font-size:calc(11 * var(--ui-px));margin-bottom:calc(7 * var(--ui-px));display:block}.stat strong{font:500 calc(18 * var(--ui-px)) "DM Mono"}.panel{padding:calc(22 * var(--ui-px))}.panel-title{border-bottom:calc(1 * var(--ui-px)) solid var(--line);padding-bottom:calc(14 * var(--ui-px));margin-bottom:calc(15 * var(--ui-px));justify-content:space-between;align-items:center;display:flex}.panel-title h3{font-size:calc(15 * var(--ui-px));margin:0}.panel-title span{color:var(--muted);font:calc(11 * var(--ui-px)) "DM Mono"}.equipment-grid{gap:calc(10 * var(--ui-px));grid-template-columns:1fr 1fr;display:grid}.equipment{gap:calc(10 * var(--ui-px));background:var(--surface2);padding:calc(12 * var(--ui-px));display:flex}.item-icon{width:calc(34 * var(--ui-px));height:calc(34 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #8b6b3e;color:var(--accent2);place-items:center;display:grid}.equipment strong{font-size:calc(12 * var(--ui-px))}.equipment p,.equipment small{margin:calc(3 * var(--ui-px)) 0 0;color:var(--muted);font-size:calc(10 * var(--ui-px));display:block}.engraving-list{margin:0;padding:0;list-style:none}.engraving-list li{padding:calc(12 * var(--ui-px)) 0;border-bottom:calc(1 * var(--ui-px)) solid var(--line);font-size:calc(12 * var(--ui-px))}.engraving-list span{color:var(--accent2);font-size:calc(9 * var(--ui-px));margin-right:calc(9 * var(--ui-px))}.next-card{padding:calc(22 * var(--ui-px));margin-top:calc(18 * var(--ui-px));background:#142523}.next-card h3{margin:calc(12 * var(--ui-px)) 0 calc(7 * var(--ui-px));font-size:calc(15 * var(--ui-px))}.next-card p{color:var(--muted);font-size:calc(12 * var(--ui-px));line-height:1.6}.next-card button{padding:calc(11 * var(--ui-px)) calc(14 * var(--ui-px));width:100%;margin-top:calc(8 * var(--ui-px))}footer{text-align:center;color:#586475;font:calc(10 * var(--ui-px)) "DM Mono";padding:calc(55 * var(--ui-px)) 0 calc(30 * var(--ui-px))}footer span{color:var(--accent)}.site-attribution{border-top:1px solid var(--line);color:var(--muted);font-family:inherit;font-size:calc(10 * var(--ui-px));padding:calc(24 * var(--ui-px)) 0 calc(20 * var(--ui-px));line-height:1.6}.site-attribution p{margin:0}@media (max-width:760px){.shell{padding:0 calc(16 * var(--ui-px))}.topbar{gap:calc(20 * var(--ui-px))}.topbar nav{display:none}.hero{padding:calc(48 * var(--ui-px)) 0 calc(32 * var(--ui-px))}.hero h1{font-size:calc(31 * var(--ui-px))}.hero-orb{font-size:calc(60 * var(--ui-px));padding:0}.search-form,.profile-grid,.feature-grid,.equipment-grid{grid-template-columns:1fr}.name-input{display:block}.name-input button{height:calc(44 * var(--ui-px));width:100%;margin-top:calc(8 * var(--ui-px))}.stat-row{grid-template-columns:1fr 1fr}.topbar{height:auto;min-height:calc(62 * var(--ui-px));gap:calc(8 * var(--ui-px))}.topbar .brand{flex:none}.topbar .brand>div{display:none}.topbar nav.main-menu{gap:calc(2 * var(--ui-px));justify-content:stretch;min-width:0;display:flex}.topbar nav.main-menu button{padding:calc(8 * var(--ui-px)) calc(4 * var(--ui-px));font-size:calc(11 * var(--ui-px));white-space:nowrap;flex:none}.topbar nav.main-menu .header-character-search input{width:calc(110 * var(--ui-px))}}.api-storage-controls{align-items:center;gap:calc(10 * var(--ui-px));margin-top:calc(12 * var(--ui-px));color:var(--muted);font-size:calc(11 * var(--ui-px));flex-wrap:wrap;display:flex}.api-storage-controls label{align-items:center;gap:calc(6 * var(--ui-px));color:var(--text);cursor:pointer;display:flex}.api-storage-controls input{width:auto}.api-storage-controls span{color:var(--accent);font:calc(10 * var(--ui-px)) "DM Mono"}.api-storage-controls button{padding:calc(5 * var(--ui-px)) calc(8 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));color:#d4deea;font-size:calc(10 * var(--ui-px));background:#202b3a}.api-storage-note{margin:calc(8 * var(--ui-px)) 0 0;color:var(--muted);font-size:calc(10 * var(--ui-px))}.profile-dps{gap:calc(2 * var(--ui-px));margin-left:auto;display:grid}.profile-dps span{color:var(--muted);font-size:calc(10 * var(--ui-px))}.profile-dps strong{color:var(--accent);font-size:calc(16 * var(--ui-px));margin-left:0}.header-character-search{margin-left:auto}.header-character-search form{align-items:center;gap:calc(5 * var(--ui-px));display:flex}.header-character-search input{box-sizing:border-box;width:calc(150 * var(--ui-px));height:calc(30 * var(--ui-px));padding:0 calc(8 * var(--ui-px));color:var(--text);border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));background:#0c1118;margin:0}.header-character-search button{box-sizing:border-box;height:calc(30 * var(--ui-px));padding:0 calc(10 * var(--ui-px));background:var(--accent);color:#10201c;border-radius:calc(3 * var(--ui-px));margin:0}.profile-strip{z-index:100;background:var(--surface2);position:sticky;top:0}.simulator-shell{max-width:calc(1320 * var(--ui-px))!important}@media (min-width:701px){.simulator-shell{width:61.56%;margin-inline:19.22%;max-width:none!important}}.profile-strip{grid-template-columns:calc(48 * var(--ui-px)) minmax(calc(105 * var(--ui-px)), auto) minmax(0, 1fr) auto;align-items:center;gap:calc(10 * var(--ui-px));display:grid}.profile-identity{min-width:0}.profile-identity>span{color:var(--muted);font-size:calc(9 * var(--ui-px));white-space:nowrap}.profile-identity h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-combat-summary{grid-template-columns:repeat(4, minmax(calc(86 * var(--ui-px)), 1fr));gap:calc(4 * var(--ui-px));min-width:0;display:grid}.profile-combat-summary>div{min-width:0;padding:calc(5 * var(--ui-px)) calc(6 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));background:#101722}.profile-combat-summary span{color:var(--muted);font-size:calc(8 * var(--ui-px));text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-combat-summary strong,.profile-combat-summary .profile-dps strong{margin:calc(2 * var(--ui-px)) 0 0;color:var(--text);font:500 calc(9 * var(--ui-px)) "DM Mono", monospace;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-combat-summary .profile-dps{margin:0;display:block}.profile-combat-summary .profile-dps strong{color:var(--accent)}.profile-combat-summary .profile-build strong{color:#b9cfff}.profile-combat-summary .profile-attributes{align-content:center;gap:calc(2 * var(--ui-px)) calc(5 * var(--ui-px));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-combat-summary .profile-attributes span{font-size:calc(8 * var(--ui-px))}.profile-combat-summary .profile-attributes b{color:var(--text);font:500 calc(8 * var(--ui-px)) "DM Mono", monospace}.profile-combat-summary .profile-api-combat-power strong{color:#e5b86b}.profile-actions{align-self:stretch;justify-items:end;gap:calc(4 * var(--ui-px));grid-template-rows:repeat(2,minmax(0,1fr));display:grid}.profile-actions>strong{color:var(--muted);font-size:calc(8 * var(--ui-px));white-space:nowrap;align-self:center;margin:0}.profile-actions>button{box-sizing:border-box;width:calc(112 * var(--ui-px));height:100%;padding:0 calc(9 * var(--ui-px));font-size:calc(9 * var(--ui-px))}.profile-skill-damage-chart{grid-column:1/-1;grid-template-columns:minmax(0, 1fr) calc(270 * var(--ui-px));gap:calc(6 * var(--ui-px));padding:calc(7 * var(--ui-px)) calc(8 * var(--ui-px));border-top:calc(1 * var(--ui-px)) solid var(--line);background:#101722;display:grid}.profile-skill-damage-chart-heading{align-items:baseline;gap:calc(7 * var(--ui-px));grid-column:1/-1;display:flex}.profile-skill-damage-chart-heading strong{color:#b9cfff;font-size:calc(12 * var(--ui-px))}.profile-skill-damage-chart-heading small,.profile-skill-damage-empty{color:var(--muted);font-size:calc(9 * var(--ui-px))}.profile-skill-damage-chart-list{align-items:end;gap:calc(12 * var(--ui-px));min-height:calc(150 * var(--ui-px));padding:calc(8 * var(--ui-px)) calc(4 * var(--ui-px)) 0 calc(52 * var(--ui-px));display:flex;overflow-x:auto}.profile-skill-damage-column{flex:0 0 calc(42 * var(--ui-px));grid-template-rows:calc(110 * var(--ui-px)) auto auto;align-items:end;gap:calc(3 * var(--ui-px));min-width:calc(42 * var(--ui-px));text-align:center;display:grid;position:relative}.profile-skill-damage-bars{justify-content:center;align-items:end;gap:calc(2 * var(--ui-px));border-bottom:calc(1 * var(--ui-px)) solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 calc(25% - 1px),#344154 calc(25% - 1px) 25%);width:100%;height:100%;display:flex;position:relative}.profile-skill-damage-axis{width:calc(48 * var(--ui-px));pointer-events:none;position:absolute;inset:0 100% 0 auto}.profile-skill-damage-axis span{right:calc(6 * var(--ui-px));color:var(--muted);font:calc(8 * var(--ui-px)) "DM Mono", monospace;white-space:nowrap;position:absolute;transform:translateY(50%)}.profile-skill-damage-bars i{flex:0 0 calc(15 * var(--ui-px));min-height:calc(2 * var(--ui-px));border-radius:calc(2 * var(--ui-px)) calc(2 * var(--ui-px)) 0 0;display:block}.profile-skill-damage-bars i.current{background:#f29aaa}.profile-skill-damage-bars i.target{background:#73ccef}.profile-skill-damage-column>span{color:var(--text);font-size:calc(10 * var(--ui-px));text-overflow:ellipsis;white-space:normal;line-height:1.1;overflow:hidden}.profile-skill-damage-column>b{color:#80e7bd;font:600 calc(10 * var(--ui-px)) "DM Mono", monospace;text-align:right;white-space:nowrap}.profile-skill-damage-pie{align-content:start;gap:calc(6 * var(--ui-px));min-width:0;padding-left:calc(10 * var(--ui-px));border-left:calc(1 * var(--ui-px)) solid var(--line);display:grid}.profile-skill-damage-pie>strong{color:#b9cfff;font-size:calc(11 * var(--ui-px))}.profile-skill-damage-pie-content{align-items:center;gap:calc(12 * var(--ui-px));flex-direction:row;width:100%;min-width:0;display:flex}.profile-skill-damage-pie-chart{width:calc(118 * var(--ui-px));height:calc(118 * var(--ui-px));flex:0 0 calc(118 * var(--ui-px));box-shadow:inset 0 0 calc(1 * var(--ui-px)) #fff2;border-radius:50%}.profile-skill-damage-pie-legend{gap:calc(3 * var(--ui-px));min-width:0;max-height:calc(125 * var(--ui-px));display:grid;overflow-y:auto}.profile-skill-damage-pie-legend span{color:var(--muted);font-size:calc(8 * var(--ui-px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-skill-damage-pie-legend i{width:calc(7 * var(--ui-px));height:calc(7 * var(--ui-px));margin-right:calc(4 * var(--ui-px));border-radius:50%;display:inline-block}@media (max-width:900px){.profile-skill-damage-chart{grid-template-columns:minmax(0,1fr)}.profile-skill-damage-pie{padding-top:calc(8 * var(--ui-px));border-top:calc(1 * var(--ui-px)) solid var(--line);border-left:0;padding-left:0}}.profile-skill-damage-column:after{left:var(--skill-tooltip-x,0px);top:var(--skill-tooltip-y,0px);z-index:5;width:max-content;padding:calc(6 * var(--ui-px)) calc(8 * var(--ui-px));border-radius:calc(4 * var(--ui-px));box-shadow:0 calc(4 * var(--ui-px)) calc(12 * var(--ui-px)) #0008;color:#eef5ff;content:attr(data-tooltip);font-size:calc(9 * var(--ui-px));opacity:0;pointer-events:none;transform:translate(calc(8 * var(--ui-px)), calc(8 * var(--ui-px)));white-space:pre-line;background:#080c12;line-height:1.4;transition:opacity .12s,transform .12s;position:fixed}.profile-skill-damage-column:hover:after{opacity:1;transform:translate(calc(8 * var(--ui-px)), calc(8 * var(--ui-px)))}.profile-setting-comparison{gap:calc(6 * var(--ui-px));padding:calc(7 * var(--ui-px)) calc(8 * var(--ui-px));border-top:calc(1 * var(--ui-px)) solid var(--line);background:#101722;grid-column:1/-1;display:grid}.profile-setting-comparison-heading{justify-content:space-between;align-items:center;gap:calc(10 * var(--ui-px));display:flex}.profile-setting-comparison-heading>strong{color:#b9cfff;font-size:calc(12 * var(--ui-px))}.profile-setting-comparison-heading label{align-items:center;gap:calc(5 * var(--ui-px));color:var(--muted);font-size:calc(10 * var(--ui-px));display:flex}.profile-setting-comparison-heading select{width:calc(150 * var(--ui-px));height:calc(28 * var(--ui-px));padding:0 calc(5 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));color:var(--text);font-size:calc(10 * var(--ui-px));background:#0c1118;margin:0}.profile-setting-comparison-empty{color:var(--muted);font-size:calc(11 * var(--ui-px))}.profile-setting-comparison-body{gap:calc(5 * var(--ui-px));display:grid}.comparison-setting-name{color:var(--muted);font-size:calc(10 * var(--ui-px))}.comparison-basic-info{grid-template-columns:minmax(calc(150 * var(--ui-px)), 1.1fr) repeat(2, minmax(calc(120 * var(--ui-px)), 1fr));gap:calc(4 * var(--ui-px));display:grid}.comparison-basic-info>span,.comparison-detail-item{min-width:0;padding:calc(5 * var(--ui-px)) calc(6 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));color:var(--muted);font-size:calc(10 * var(--ui-px))}.comparison-basic-info b{margin-top:calc(2 * var(--ui-px));color:var(--text);font:500 calc(11 * var(--ui-px)) "DM Mono", monospace;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.comparison-basic-info small{margin-top:calc(2 * var(--ui-px));color:var(--muted);font:calc(10 * var(--ui-px)) "DM Mono", monospace;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.comparison-basic-info b .comparison-inline-target{color:var(--muted);font:calc(9 * var(--ui-px)) "DM Mono", monospace;margin-top:0;font-weight:400;display:inline}.comparison-basic-info em{margin-top:calc(2 * var(--ui-px));font:700 calc(10 * var(--ui-px)) "DM Mono", monospace;font-style:normal;display:block}.comparison-basic-info em.better{color:#ff7182}.comparison-basic-info em.lower{color:#7cb8ff}.comparison-skill-section{gap:calc(4 * var(--ui-px));display:grid}.comparison-skill-section>strong{color:var(--muted);font-size:calc(10 * var(--ui-px))}.comparison-skill-list{gap:calc(4 * var(--ui-px));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.comparison-skill-item{gap:calc(5 * var(--ui-px));padding:calc(5 * var(--ui-px)) calc(6 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));display:grid}.comparison-skill-item>strong{color:var(--text);font-size:calc(11 * var(--ui-px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comparison-skill-value{grid-template-columns:minmax(calc(65 * var(--ui-px)), auto) minmax(0, 1fr) auto;gap:calc(4 * var(--ui-px));color:var(--muted);font-size:calc(10 * var(--ui-px));align-items:baseline;display:grid}.comparison-skill-value>b{align-items:baseline;gap:calc(3 * var(--ui-px));color:var(--text);font:500 calc(10 * var(--ui-px)) "DM Mono", monospace;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;overflow:hidden}.comparison-skill-value>b .comparison-inline-target{color:var(--muted);font:calc(9 * var(--ui-px)) "DM Mono", monospace;font-weight:400}.comparison-skill-value>small{color:var(--muted);font:calc(9 * var(--ui-px)) "DM Mono", monospace;white-space:nowrap}.comparison-skill-value>em{font:700 calc(10 * var(--ui-px)) "DM Mono", monospace;grid-column:2/-1;font-style:normal}.comparison-skill-value>em.better{color:#ff7182}.comparison-skill-value>em.lower{color:#7cb8ff}.comparison-detail-list{gap:calc(4 * var(--ui-px));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.comparison-detail-item{gap:calc(2 * var(--ui-px));display:grid}.comparison-detail-item b{align-items:baseline;gap:calc(3 * var(--ui-px));color:var(--text);font:500 calc(10 * var(--ui-px)) "DM Mono", monospace;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;overflow:hidden}.comparison-detail-item b .comparison-inline-target{color:var(--muted);font:calc(9 * var(--ui-px)) "DM Mono", monospace;font-weight:400}.comparison-detail-item small{color:var(--muted);font:calc(10 * var(--ui-px)) "DM Mono", monospace}.comparison-detail-item em{font:700 calc(10 * var(--ui-px)) "DM Mono", monospace;font-style:normal}.comparison-detail-item em.difference,.comparison-basic-info em.difference,.comparison-skill-value em.difference{color:var(--muted)}.comparison-detail-item em.better{color:#ff7182}.comparison-detail-item em.lower{color:#7cb8ff}.comparison-detail-item .speed-difference{color:var(--muted);font:700 calc(10 * var(--ui-px)) "DM Mono", monospace;font-style:normal}.comparison-detail-item .speed-difference .better{color:#ff7182}.comparison-detail-item .speed-difference .lower{color:#7cb8ff}.comparison-metric-list{grid-template-columns:repeat(6, minmax(calc(80 * var(--ui-px)), 1fr));gap:calc(4 * var(--ui-px));display:grid}.comparison-metric{align-items:center;gap:calc(2 * var(--ui-px)) calc(5 * var(--ui-px));min-width:0;padding:calc(4 * var(--ui-px)) calc(6 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));grid-template-columns:1fr auto;display:grid}.comparison-metric>span{color:var(--muted);font-size:calc(8 * var(--ui-px))}.comparison-metric>b{color:var(--text);font:500 calc(8 * var(--ui-px)) "DM Mono", monospace;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.comparison-metric>em{font:700 calc(8 * var(--ui-px)) "DM Mono", monospace;font-style:normal}.comparison-metric>em.better{color:#ff7182}.comparison-metric>em.lower{color:#7cb8ff}.comparison-metric>em.same{color:var(--muted)}.saved-setting-load-control{width:calc(112 * var(--ui-px));display:block}.saved-setting-load-control select{box-sizing:border-box;width:100%;height:100%;padding:0 calc(5 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));color:var(--text);font-size:calc(8 * var(--ui-px));background:#0c1118;margin:0}.saved-setting-management{width:calc(112 * var(--ui-px));color:var(--muted);font-size:calc(8 * var(--ui-px));position:relative}.saved-setting-management summary{box-sizing:border-box;min-height:calc(24 * var(--ui-px));padding:calc(6 * var(--ui-px)) calc(7 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(3 * var(--ui-px));color:var(--muted);cursor:pointer;text-align:center;background:#0c1118;list-style:none}.saved-setting-management summary::-webkit-details-marker{display:none}.saved-setting-management-list{z-index:20;width:min(calc(260 * var(--ui-px)), calc(80 * var(--ui-vw)));gap:calc(4 * var(--ui-px));margin-top:calc(4 * var(--ui-px));padding:calc(6 * var(--ui-px));border:calc(1 * var(--ui-px)) solid var(--line);border-radius:calc(4 * var(--ui-px));box-shadow:0 calc(8 * var(--ui-px)) calc(22 * var(--ui-px)) #0008;background:#101722;display:grid;position:absolute;right:0}.saved-setting-delete-row{align-items:center;gap:calc(6 * var(--ui-px));grid-template-columns:minmax(0,1fr) auto;display:grid}.saved-setting-delete-row span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-setting-delete-row button{min-height:calc(22 * var(--ui-px));padding:calc(2 * var(--ui-px)) calc(7 * var(--ui-px));color:#ff9ca8;font-size:calc(8 * var(--ui-px));border-color:#70404a}.setting-save-backdrop{z-index:100000;padding:calc(20 * var(--ui-px));background:#02070bb8;place-items:center;display:grid;position:fixed;inset:0}.dps-screenshot-preview-backdrop{z-index:100001;box-sizing:border-box;padding:calc(20 * var(--ui-px));background:#02070bc7;place-items:center;display:grid;position:fixed;inset:0}.dps-screenshot-preview-dialog{width:min(100%, calc(520 * var(--ui-px)));max-height:min(calc(720 * var(--ui-px)), calc(calc(100 * var(--ui-vh)) - calc(40 * var(--ui-px))));box-sizing:border-box;gap:calc(10 * var(--ui-px));padding:calc(16 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #385069;border-radius:calc(7 * var(--ui-px));box-shadow:0 calc(18 * var(--ui-px)) calc(48 * var(--ui-px)) #000b;background:#101722;display:grid;overflow:hidden}.dps-screenshot-preview-dialog>header{justify-content:space-between;align-items:flex-start;gap:calc(12 * var(--ui-px));display:flex}.dps-screenshot-preview-dialog h2{color:#eef5ff;font-size:calc(15 * var(--ui-px));margin:0}.dps-screenshot-preview-dialog p{margin:calc(4 * var(--ui-px)) 0 0;color:var(--muted);font-size:calc(10 * var(--ui-px))}.dps-screenshot-preview-dialog>header>button{width:calc(28 * var(--ui-px));height:calc(28 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #344154;border-radius:calc(3 * var(--ui-px));color:#cbd8e7;font-size:calc(18 * var(--ui-px));background:#182332;padding:0}.dps-screenshot-preview-heading,.dps-screenshot-preview-row{grid-template-columns:minmax(calc(150 * var(--ui-px)), 1fr) calc(112 * var(--ui-px)) calc(112 * var(--ui-px));align-items:center;gap:calc(8 * var(--ui-px));display:grid}.dps-screenshot-preview-heading{padding:0 calc(8 * var(--ui-px));color:#8fa2b8;font-size:calc(9 * var(--ui-px));text-align:center}.dps-screenshot-preview-heading>span:first-child{text-align:left}.dps-screenshot-preview-list{gap:calc(5 * var(--ui-px));display:grid;overflow-y:auto}.dps-screenshot-preview-row{min-height:calc(42 * var(--ui-px));padding:calc(5 * var(--ui-px)) calc(8 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #2c4055;border-radius:calc(4 * var(--ui-px));background:#0c1520}.dps-screenshot-preview-row>span:first-child{align-items:center;gap:calc(8 * var(--ui-px));color:#e1eaf5;min-width:0;font-size:calc(10 * var(--ui-px));display:flex}.dps-screenshot-preview-row img{width:calc(30 * var(--ui-px));height:calc(30 * var(--ui-px));flex:0 0 calc(30 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #49617a;object-fit:cover}.dps-screenshot-preview-row label{grid-template-columns:minmax(0, 1fr) calc(12 * var(--ui-px));align-items:center;gap:calc(3 * var(--ui-px));color:#9fb2c8;font-size:calc(9 * var(--ui-px));display:grid}.dps-screenshot-preview-excluded{color:#7f91a6;font-size:calc(9 * var(--ui-px));text-align:center}.dps-screenshot-preview-row input{width:100%;height:calc(28 * var(--ui-px));box-sizing:border-box;padding:0 calc(5 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #344b63;border-radius:calc(3 * var(--ui-px));color:#edf5ff;font-size:calc(10 * var(--ui-px));text-align:center;background:#111e2c;margin:0}.dps-screenshot-preview-dialog>footer{justify-content:flex-end;gap:calc(6 * var(--ui-px));display:flex}.dps-screenshot-preview-dialog>footer button{height:calc(30 * var(--ui-px));padding:0 calc(11 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #344154;border-radius:calc(3 * var(--ui-px));color:#d9e5f1;font-size:calc(10 * var(--ui-px));background:#1c2939}.dps-screenshot-preview-dialog>footer button:last-child{background:var(--accent);color:#10201c;border-color:#55ba91;font-weight:700}@media (max-width:560px){.dps-screenshot-preview-backdrop{padding:calc(10 * var(--ui-px))}.dps-screenshot-preview-dialog{max-height:calc(calc(100 * var(--ui-vh)) - calc(20 * var(--ui-px)));padding:calc(12 * var(--ui-px))}.dps-screenshot-preview-heading,.dps-screenshot-preview-row{grid-template-columns:minmax(calc(92 * var(--ui-px)), 1fr) calc(82 * var(--ui-px)) calc(82 * var(--ui-px));gap:calc(5 * var(--ui-px))}}.setting-save-dialog{width:min(100%, calc(360 * var(--ui-px)));gap:calc(14 * var(--ui-px));padding:calc(18 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #385069;border-radius:calc(7 * var(--ui-px));box-shadow:0 calc(18 * var(--ui-px)) calc(48 * var(--ui-px)) #000b;background:#101722;display:grid}.setting-save-dialog h2{color:#eef5ff;font-size:calc(15 * var(--ui-px));margin:0}.setting-save-dialog p{margin:calc(5 * var(--ui-px)) 0 0;color:var(--muted);font-size:calc(10 * var(--ui-px));line-height:1.5}.setting-save-dialog>label{gap:calc(5 * var(--ui-px));color:#cbd8e7;font-size:calc(10 * var(--ui-px));display:grid}.setting-save-dialog input,.setting-save-dialog select{width:100%;height:calc(30 * var(--ui-px));box-sizing:border-box;padding:0 calc(8 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #344154;border-radius:calc(3 * var(--ui-px));color:#edf2f7;font-size:calc(10 * var(--ui-px));background:#0c1118;margin:0}.setting-save-overwrite-note{margin:calc(-5 * var(--ui-px)) 0 0!important;color:#e8bf74!important}.setting-save-actions{justify-content:flex-end;gap:calc(6 * var(--ui-px));display:flex}.setting-save-actions button{height:calc(30 * var(--ui-px));padding:0 calc(11 * var(--ui-px));border:calc(1 * var(--ui-px)) solid #344154;border-radius:calc(3 * var(--ui-px));color:#d9e5f1;font-size:calc(10 * var(--ui-px));background:#1c2939}.setting-save-actions button[type=submit]{background:var(--accent);color:#10201c;border-color:#55ba91;font-weight:700}@media (max-width:1000px){.profile-strip{grid-template-columns:calc(48 * var(--ui-px)) minmax(calc(100 * var(--ui-px)), auto) minmax(0, 1fr)}.profile-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;display:flex}.profile-actions>button,.saved-setting-load-control select{height:calc(30 * var(--ui-px))}.comparison-metric-list{grid-template-columns:repeat(3, minmax(calc(80 * var(--ui-px)), 1fr))}.comparison-basic-info,.comparison-detail-list,.comparison-skill-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.profile-strip{grid-template-columns:calc(48 * var(--ui-px)) minmax(0, 1fr)}.profile-combat-summary{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-actions{grid-column:1/-1}.profile-setting-comparison-heading{flex-direction:column;align-items:stretch}.profile-setting-comparison-heading label,.profile-setting-comparison-heading select{width:100%}.comparison-metric-list,.comparison-basic-info,.comparison-detail-list,.comparison-skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
:root{--ui-px:1px;--ui-vw:1vw;--ui-vh:1vh;--ui-space-small:6px;--ui-space-field:9px;--ui-space-group:18px;--ui-control-height:33px;--ui-control-height-large:57px;--ui-panel-gap-left:12px;--ui-panel-gap-right:8px;--ui-cycle-panel-width:294px;--basic-equipment-section-gap:8px}.gear-fields{box-sizing:border-box;width:95px}.ark-points strong{white-space:nowrap;font-size:calc(8 * var(--ui-px))!important}.gear-fields:not(.no-quality){row-gap:calc(3 * var(--ui-px));grid-template:"grade""quality"/minmax(0,1fr)}.gear-fields:not(.no-quality)>select:first-of-type{grid-area:grade;width:95px}.gear-fields:not(.no-quality)>label{box-sizing:border-box;grid-area:quality;justify-self:start;width:95px}.gear-fields:not(.no-quality)>label input{flex:auto;width:auto;min-width:0}.gear-fields.no-quality{grid-template-columns:minmax(0,1fr);grid-template-areas:"grade""enhance"}.gear-fields.no-quality>select{box-sizing:border-box;width:95px}.equipment-section>.gear-bulk-control{margin:0 0 calc(7 * var(--ui-px))}.equipment-section>.gear-bulk-control select{flex:0 0 95px;width:95px}.gear-editor{grid-template-columns:calc(42 * var(--ui-px)) minmax(0, 1fr)}.gear-editor .quality-art{flex-basis:calc(42 * var(--ui-px))}.gear-editor .quality-art .compact-art{width:calc(42 * var(--ui-px));height:calc(42 * var(--ui-px))}@media (min-width:701px){.simulator-shell{--ui-px:1.5px;--ui-vw:1.5vw;--ui-vh:1.5vh;font-size:24px}.floating-doping-panel{--ui-px:1.2px;--ui-vw:1.2vw;--ui-vh:1.2vh;top:180px}.floating-doping-panel.doping-panel-inline{--ui-px:1.5px;--ui-vw:1.5vw;--ui-vh:1.5vh}}.evolution-t1-list .compact-art[data-tooltip]:not(:hover):not(:focus-visible):after{display:none}.floating-cycle-ratio-panel{left:auto}@media (min-width:901px){.floating-cycle-ratio-panel{width:var(--ui-cycle-panel-width)}}.floating-cycle-ratio-panel.cycle-panel-inline{width:auto;margin-bottom:var(--ui-space-group);position:static}@media (min-width:901px){.sim-content:has(>.cycle-panel){align-items:start;gap:var(--ui-space-group);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}:is(.sim-content:has(>.cycle-panel)>.equipment-ark-grid,.sim-content:has(>.cycle-panel)>.skills-cycle,.sim-content:has(>.cycle-panel)>.cycle-panel){width:100%;min-width:0;max-width:100%}.sim-content:has(>.cycle-panel)>.equipment-ark-grid{grid-area:1/1}.sim-content:has(>.cycle-panel)>.skills-cycle{grid-area:2/1/auto/-1}.sim-content:has(>.cycle-panel)>.cycle-panel{box-sizing:border-box;grid-area:1/2;min-height:0;overflow-y:auto}.sim-content:has(>.cycle-panel)>.equipment-ark-grid .ark-points{gap:calc(2 * var(--ui-px));grid-template-columns:repeat(3,minmax(0,1fr))}.sim-content:has(>.cycle-panel)>.equipment-ark-grid .ark-points>div{justify-content:flex-start;align-items:baseline;gap:calc(3 * var(--ui-px));display:flex}.sim-content:has(>.cycle-panel)>.equipment-ark-grid .ark-points strong{margin-top:0;font-size:calc(10 * var(--ui-px))!important}}@media (min-width:901px) and (max-width:1400px){.sim-content:has(>.cycle-panel)>.equipment-ark-grid .ark-columns{grid-template-columns:minmax(0,1fr)}.sim-content:has(>.cycle-panel)>.equipment-ark-grid .evolution-tier-stack{grid-template-columns:minmax(0,1fr)}.sim-content:has(>.cycle-panel)>.equipment-ark-grid .evolution-t5-editor .evolution-t1-list{grid-template-columns:minmax(0,1fr)}.sim-content:has(>.cycle-panel)>.equipment-ark-grid .ark-points>div{justify-items:center;gap:calc(2 * var(--ui-px));display:grid}.sim-content:has(>.cycle-panel)>.equipment-ark-grid .ark-points strong{text-align:center;width:100%;font-size:calc(6.5 * var(--ui-px))!important}}.sim-content>.cycle-panel{border-radius:calc(6 * var(--ui-px));scrollbar-gutter:stable;grid-auto-rows:max-content;align-content:start;gap:12px;padding:16px;display:grid;container-type:inline-size}.cycle-panel>.section-heading,.cycle-panel>.section-heading h2{margin:0}.cycle-panel .cycle-add,.cycle-panel .cycle-selection-controls,.cycle-panel .cycle-duration-controls{flex:none;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0;display:grid}.cycle-panel .cycle-selection-controls{order:1}.cycle-panel .cycle-duration-controls{order:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cycle-panel .cycle-preset-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cycle-panel .cycle-add select,.cycle-panel .cycle-add button{box-sizing:border-box;white-space:nowrap;width:100%;min-width:0;height:40px;margin:0;padding:0 10px;font-size:14px;line-height:1.3}.cycle-panel .cycle-preset-actions button,.cycle-panel .cycle-clear-button{color:var(--text);border:1px solid var(--line);background:#233042}.cycle-panel .cycle-duration-option{box-sizing:border-box;gap:8px;width:100%;height:40px;min-height:40px;padding:0 10px;font-size:13px}.cycle-panel .cycle-duration-option span,.cycle-panel .cycle-duration-option strong{white-space:nowrap;font-size:13px}.cycle-panel .cycle-duration-option input[type=number]{width:66px;height:30px;font-size:13px}.cycle-panel .cycle-duration-option input[type=checkbox],.cycle-panel .cycle-builder-mode-option input{flex:0 0 16px;width:16px;height:16px}.cycle-panel .cycle-action-controls{border-top:1px solid var(--line);flex-flow:wrap;order:3;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;padding-top:8px;display:flex}.cycle-panel .cycle-action-controls>button{flex:220px;order:2;width:100%;min-width:0}.cycle-panel .cycle-builder-mode-options{order:0;grid-area:1/2;align-self:center;gap:6px;height:auto;transform:none}.cycle-panel .cycle-duration-controls>.cycle-clear-button{box-sizing:border-box;grid-area:2/2;width:100%;min-width:0;height:40px;margin:0}.cycle-panel .cycle-builder-mode-option{white-space:nowrap;gap:6px;min-width:0;padding:0;font-size:13px}.cycle-panel>.cycle-list{margin:0}.cycle-panel .cycle-list{grid-template-columns:repeat(auto-fill, minmax(calc(61 * var(--ui-px)), 1fr));gap:calc(7 * var(--ui-px))}.cycle-panel .cycle-list li{grid-template-rows:calc(29 * var(--ui-px)) minmax(calc(17 * var(--ui-px)), auto) calc(18 * var(--ui-px));gap:calc(3 * var(--ui-px));padding:calc(6 * var(--ui-px)) calc(5 * var(--ui-px)) calc(5 * var(--ui-px))}.cycle-panel .cycle-list .compact-art{width:calc(29 * var(--ui-px));height:calc(29 * var(--ui-px));flex-basis:calc(29 * var(--ui-px))}.cycle-panel .cycle-list.count-mode li{grid-template-rows:calc(29 * var(--ui-px)) minmax(calc(17 * var(--ui-px)), auto) calc(24 * var(--ui-px))}.cycle-panel .cycle-list .cycle-skill-order,.cycle-panel .cycle-list .cycle-skill-remove{width:calc(13 * var(--ui-px));height:calc(13 * var(--ui-px))}.cycle-panel .cycle-list .cycle-skill-order{font-size:calc(7 * var(--ui-px))}.cycle-panel .cycle-list .cycle-skill-remove{font-size:calc(9 * var(--ui-px))}.cycle-panel .cycle-use-count{gap:calc(3 * var(--ui-px));white-space:nowrap;grid-template-columns:auto minmax(0,1fr)}.cycle-panel .cycle-list.sequence-mode li.no-cycle-controls{grid-template-rows:calc(29 * var(--ui-px)) minmax(calc(17 * var(--ui-px)), auto)}.cycle-panel .cycle-skill-buffs button,.cycle-panel .cycle-skill-actions button{height:calc(18 * var(--ui-px))}.cycle-panel .cycle-skill-buffs img{width:calc(14 * var(--ui-px));height:calc(14 * var(--ui-px))}@media (max-width:900px){.cycle-panel .cycle-duration-controls{grid-template-columns:minmax(0,1fr)}.cycle-panel .cycle-builder-mode-options,.cycle-panel .cycle-duration-controls>.cycle-clear-button{grid-area:auto/1}.sim-content:has(>.cycle-panel){gap:var(--ui-space-group);flex-direction:column;display:flex}.sim-content:has(>.cycle-panel)>.equipment-ark-grid{order:1}.sim-content:has(>.cycle-panel)>.cycle-panel{order:2}.sim-content:has(>.cycle-panel)>.skills-cycle{order:3}.sim-content>.cycle-panel{margin-top:0;height:auto!important}}.simulation-debug-footer{min-width:0;max-width:100%;overflow-x:auto}@media (min-width:701px) and (max-width:1200px){.profile-strip{grid-template-columns:calc(48 * var(--ui-px)) minmax(0, 1fr)}.profile-combat-summary{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-actions{justify-content:flex-end;gap:var(--ui-space-field);grid-column:1/-1;display:flex}}@media (max-width:600px){.ark-grid-effect-editor li{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.ark-grid-effect-editor li>div{min-width:0;max-width:100%}}@media (min-width:901px){.sim-content:has(.equipment-left-stack){align-items:start;gap:var(--ui-space-group);grid-template-columns:minmax(0,.8fr) minmax(0,.94fr) minmax(0,1.26fr);display:grid}.sim-content:has(.equipment-left-stack) .equipment-left-stack{display:contents}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.equipment-layout{display:contents}.sim-content:has(.equipment-left-stack) .equipment-ark-grid{display:contents}.sim-content:has(.equipment-left-stack) .equipment-layout>.equipment-column:first-child{grid-area:1/1;min-width:0}.sim-content:has(.equipment-left-stack) .equipment-layout>.equipment-column:nth-child(2){grid-area:1/2}.sim-content:has(.equipment-left-stack) .equipment-layout>.equipment-column:first-child>.equipment-section{min-height:0;height:calc(629 * var(--ui-px))!important}.sim-content:has(.equipment-left-stack) .equipment-layout>.equipment-column:nth-child(2){height:calc(629 * var(--ui-px));grid-template-rows:auto minmax(min-content,1fr);align-content:stretch}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section{grid-area:1/3;min-width:0;margin:0}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.avatar-section{grid-area:2/1;min-width:0}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section{grid-area:1/3}.sim-content:has(.equipment-left-stack) .equipment-ark-grid>section:last-child{min-width:0;margin-top:calc(-378.33 * var(--ui-px) + var(--basic-equipment-section-gap));grid-area:2/3}.sim-content:has(.equipment-left-stack) .equipment-ark-grid>section:last-child .core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-editor>div{grid-template-columns:calc(28 * var(--ui-px)) minmax(0, 1fr);grid-template-rows:calc(22 * var(--ui-px)) calc(22 * var(--ui-px));align-items:center;gap:calc(3 * var(--ui-px)) calc(5 * var(--ui-px));min-width:0;display:grid}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-editor>.stone-editor{grid-template-columns:calc(28 * var(--ui-px)) minmax(0, 1fr);grid-template-rows:calc(22 * var(--ui-px)) calc(22 * var(--ui-px));align-items:center;gap:calc(3 * var(--ui-px)) calc(5 * var(--ui-px));min-width:0;display:grid}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-editor>div .compact-art{grid-area:1/1/-1;justify-self:center}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-editor>.stone-editor .compact-art{grid-area:1/1/-1;justify-self:center}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-card-content{grid-area:1/2/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:calc(22 * var(--ui-px)) calc(22 * var(--ui-px));gap:calc(3 * var(--ui-px));min-width:0;display:grid}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-controls{display:contents}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-controls select:first-child{grid-area:1/1}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-controls select:last-child{grid-area:1/2}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-card-content>select{grid-area:2/1/auto/-1}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-editor select{box-sizing:border-box;min-width:0;width:100%!important}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .stone-row{grid-template-columns:minmax(0, 1fr) calc(32 * var(--ui-px))}.sim-content:has(.equipment-left-stack) .equipment-left-stack>.engraving-section .engraving-editor>.stone-editor .stone-card-content{gap:calc(3 * var(--ui-px));grid-area:1/2/-1;min-width:0;display:grid}.sim-content:has(.equipment-left-stack) .equipment-layout>.equipment-column:nth-child(2)>.equipment-section{box-sizing:border-box;width:100%;min-width:0}}
.simulation-workspace .skills-list .skill-editor{grid-template-rows:min-content auto;grid-template-columns:78px 140px 120px minmax(0,1fr);align-items:start;gap:6px 4px;padding:12px;display:grid}.simulation-workspace .skill-editor *,.simulation-workspace .skill-editor{box-sizing:border-box}.simulation-workspace .skill-editor .skill-icon-column{grid-area:1/1/3/2;grid-template-rows:68px 30px;gap:6px;width:72px}.simulation-workspace .skill-editor .skill-icon-column .compact-art{width:68px;height:68px}.simulation-workspace .skill-editor .skill-level-select{width:72px;height:30px;margin:0;padding:2px 4px;font-size:12px}.simulation-workspace .skill-editor .skill-title-column{grid-area:1/2;width:100%;min-width:0}.simulation-workspace .skill-editor .skill-name{white-space:normal;overflow-wrap:anywhere;width:100%;font-size:14px;line-height:1.4;display:block;overflow:visible}.simulation-workspace .skill-editor .skill-tripod-selects{grid-area:2/2;gap:6px;width:100%;min-width:0}.simulation-workspace .skill-editor .skill-tripod-tooltip{width:100%;min-width:0;display:grid}.simulation-workspace .skills-list .skill-editor .skill-tripod-selects select{width:100%;height:25px;margin:0;padding:2px 6px;font-size:12px}.simulation-workspace .skill-editor .skill-gem-inline{border:0;grid-area:2/3/3/4;grid-template-rows:82px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:100%;margin:0;padding:0}.simulation-workspace .skill-editor .skill-metrics{color:#9aa8ba;border-top:0;border-left:0;flex-direction:column;grid-area:1/4/3/5;justify-content:center;align-self:center;gap:8px;width:100%;margin-top:20px;padding-left:12px;font-size:12px;line-height:1.3;display:flex}.simulation-workspace .skill-editor .skill-metrics span{white-space:nowrap;justify-content:flex-start;gap:3px;min-width:0}.simulation-workspace .skill-editor .skill-metrics b{color:#d7e2ef;white-space:nowrap;flex-shrink:0}@media (min-width:1600px){.simulation-workspace .skill-editor .skill-metrics{font-size:10px}.simulation-workspace .skill-editor .skill-metrics span{gap:2px}}.simulation-workspace .skill-editor .skill-gem-inline>div{grid-template-rows:36px 20px;grid-template-columns:24px minmax(0,1fr) 18px;gap:4px;width:100%;max-width:100%}.simulation-workspace .skill-editor .skill-gem-inline .skill-gem-slot{box-sizing:border-box;grid-template-rows:minmax(0,1fr) 20px;grid-template-columns:minmax(0,1fr);gap:0;height:100%;position:relative}.simulation-workspace .skill-editor .skill-gem-inline .skill-gem-slot>.compact-art{grid-area:1/1;width:60px;height:60px}.simulation-workspace .skill-editor .skill-gem-art-button{background:0 0;border:0;grid-area:1/1;width:60px;height:60px;padding:0}.simulation-workspace .skill-editor .skill-gem-art-button .compact-art{width:60px;height:60px}.simulation-workspace .skill-editor .skill-gem-inline select{width:100%;height:30px;margin:0;padding:2px;font-size:12px}.simulation-workspace .skill-editor .skill-gem-inline .skill-gem-slot>select,.simulation-workspace .skill-editor .skill-gem-inline .skill-gem-level-button{box-sizing:border-box;grid-area:2/1;min-width:0;height:20px;padding:0;font-size:10px;width:100%!important}.simulation-workspace .skill-editor .skill-gem-inline .skill-gem-remove{z-index:1;position:absolute;top:-3px;left:44px;width:16px!important;height:16px!important;font-size:16px!important}.simulation-workspace .skill-editor .skill-gem-level-button{width:100%;height:30px;padding:2px;font-size:12px}.simulation-workspace .skill-editor .skill-gem-add-slot{width:100%;max-width:100%;height:30px;font-size:12px;overflow:visible}.simulation-workspace .skill-editor .skill-icon-tooltip:after{top:0;bottom:auto;left:calc(100% + 6px);transform:translate(-3px)}.simulation-workspace .skill-editor .skill-icon-tooltip:hover:after{transform:translate(0)}.simulation-workspace .skill-editor .skill-icon-tooltip:focus-visible:after{opacity:0;visibility:hidden}.simulation-workspace .skill-editor .skill-tripod-tooltip:after{inset:0 auto auto calc(100% + 6px);transform:translate(-3px)}.simulation-workspace .skill-editor .skill-tripod-tooltip:hover:after{transform:translate(0)}.simulation-workspace .skill-editor .skill-tripod-tooltip:focus-within:after{opacity:0;visibility:hidden}@media (max-width:1100px){.simulation-workspace .skills-list .skill-editor{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:10px}.simulation-workspace .skill-editor .skill-title-column{grid-area:1/2}.simulation-workspace .skill-editor .skill-icon-column{grid-area:1/1/3/2;width:60px}.simulation-workspace .skill-editor .skill-icon-column .compact-art{width:60px;height:60px}.simulation-workspace .skill-editor .skill-level-select{width:60px}.simulation-workspace .skill-editor .skill-tripod-selects{grid-area:2/2/3/3}.simulation-workspace .skill-editor .skill-gem-inline{grid-area:3/1/4/3;grid-template-rows:82px;grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-workspace .skill-editor .skill-metrics{flex-direction:initial;border-top:1px solid #2a3b4f;border-left:0;grid-area:4/1/5/3;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:4px;padding-left:0;display:grid}}