.e33p{gap:var(--s-5);grid-template-columns:minmax(0,1fr);display:grid}.e33p svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.e33p__chars{gap:var(--s-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.e33p__char{min-width:0;padding:var(--s-3) var(--s-2);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);justify-items:center;gap:8px;font-weight:600;display:grid}.e33p__char img,.e33p__char .e33p__mono{object-fit:cover;background:var(--surface-3);filter:grayscale(.55);opacity:.85;width:64px;height:64px;transition:filter var(--dur) var(--ease), opacity var(--dur) var(--ease);border-radius:50%}.e33p__char:hover{border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.e33p__char:hover img{filter:none;opacity:1}.e33p__char.is-on{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 3px var(--accent-soft);background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.e33p__char.is-on img{filter:none;opacity:1;box-shadow:0 0 0 2px var(--accent)}.e33p__char:focus-visible{outline:2px solid var(--ring,var(--accent));outline-offset:2px}.e33p__mono{color:var(--text-muted);place-items:center;font-size:1.3rem;font-weight:700;display:grid}.e33p__grid{gap:var(--s-5);grid-template-columns:minmax(0,1fr) minmax(290px,340px);align-items:start;display:grid}.e33p__main{gap:var(--s-5);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.e33p__side{top:calc(var(--topbar-h,56px) + 12px);min-width:0;position:sticky}.e33p__card{gap:var(--s-4);min-width:0;padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elev);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr);display:grid}.e33p__card h3{font-size:var(--text-lg);margin:0}.e33p__head{gap:var(--s-2) var(--s-3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.e33p__kicker{font-size:var(--text-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.e33p__level{gap:6px;display:grid;position:relative}.e33p__level-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.e33p__level-row{grid-template-columns:40px 4.5em 40px minmax(0,1fr);align-items:center;gap:8px;display:grid}.e33p__level-row input[type=number]{text-align:center;width:100%;font-weight:700;font-size:var(--text-md)}.e33p__range{width:100%;accent-color:var(--accent);min-width:0}.e33p__marks{height:8px;margin:-4px 0 0 calc(104px + 4.5em);position:relative}.e33p__marks span{background:var(--border-strong);border-radius:1px;width:2px;height:8px;margin-left:-1px;position:absolute;top:0}.e33p__marks span.is-on{background:var(--accent)}.e33p__icon-btn,.e33p__stepper button{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);width:40px;height:40px;color:var(--text);cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease);place-items:center;padding:0;display:grid}.e33p__icon-btn:hover:not(:disabled),.e33p__stepper button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2))}.e33p__icon-btn:active:not(:disabled),.e33p__stepper button:active:not(:disabled){transform:scale(.96)}.e33p__icon-btn:disabled,.e33p__stepper button:disabled{opacity:.35;cursor:default}.e33p__stepper button svg{stroke-width:2.4px;width:18px;height:18px}.e33p__budget{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);gap:8px;display:grid}.e33p__budget-nums{gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.e33p__budget-nums>div{gap:2px;min-width:0;display:grid}.e33p__budget-nums strong{font-size:var(--text-2xl);color:var(--text);line-height:1.1}.e33p__budget-nums span{font-size:var(--text-xs);color:var(--text-subtle)}.e33p__left strong{color:var(--accent-strong)}.e33p__budget.is-over .e33p__left strong{color:var(--danger)}.e33p__budget-bar{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.e33p__budget-bar span{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--dur) var(--ease);display:block}.e33p__budget.is-over .e33p__budget-bar span{background:var(--danger)}.e33p__warn{color:var(--danger);font-size:var(--text-sm);margin:0;font-weight:600}.e33p__presets{flex-wrap:wrap;gap:6px;display:flex}.e33p__presets .g4-pill{cursor:pointer;font:inherit;font-size:var(--text-sm);background:var(--surface);color:var(--text)}.e33p__presets .g4-pill:hover{border-color:var(--accent);color:var(--accent-strong)}.e33p__reset{color:var(--text-muted)!important}.e33p__attrs{gap:var(--s-3);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.e33p__attr.g4-attr{min-width:0;padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.e33p__attr-top{gap:4px var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.e33p__attr-name{font-weight:700;font-size:var(--text-md)}.e33p__attr-raises{font-size:var(--text-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;margin-left:auto;font-weight:600}.e33p__attr-body{gap:var(--s-3);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.e33p__stepper{grid-template-columns:40px 4em 40px;align-items:center;gap:6px;display:grid}.e33p__stepper input{text-align:center;width:100%;font-weight:700;font-size:var(--text-md);padding-inline:4px}.e33p__track{background:var(--surface-3);border-radius:999px;height:10px;overflow:hidden}.e33p__track span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, transparent), var(--accent));height:100%;transition:width var(--dur) var(--ease);display:block}.e33p__attr-fx{justify-content:space-between;gap:4px var(--s-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.e33p__now{font-weight:600}.e33p__next{color:var(--text-subtle)}.e33p__next b{color:var(--success);margin-left:6px;font-weight:700}.e33p__search{max-width:360px}.e33p__weapons{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px;max-height:380px;padding:2px;display:grid;overflow:auto}.e33p__weapon{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:2px 10px;padding:8px 10px;display:grid}.e33p__weapon:hover{border-color:var(--border-strong)}.e33p__weapon img,.e33p__weapon .e33p__mono{object-fit:contain;background:var(--surface-3);border-radius:8px;grid-row:span 2;width:44px;height:44px;font-size:1rem}.e33p__elmark{--el:var(--text-subtle);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--el) 40%, transparent);font-weight:800;color:var(--el)!important;background:color-mix(in srgb, var(--el) 16%, var(--surface-2))!important}.el-fire{--el:#e8590c}.el-ice{--el:#3b9fd8}.el-lightning{--el:#c9a400}.el-earth{--el:#8a6d3b}.el-light{--el:#d4a72c}.el-dark{--el:#8957e5}.el-void{--el:#6e40c9}.el-physical{--el:var(--text-muted)}.e33p__weapon.is-on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.e33p__weapon-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.e33p__grades{font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.e33p__el{color:var(--text-subtle);margin-right:2px}.e33p__grade{font-size:var(--text-xs);font-family:var(--font-mono);white-space:nowrap;background:var(--surface-3);color:var(--text-muted);border-radius:999px;padding:0 6px;font-weight:600;display:inline-block}.e33p__grade.g-C{background:color-mix(in srgb, var(--info) 16%, transparent);color:var(--info)}.e33p__grade.g-B{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.e33p__grade.g-A{background:color-mix(in srgb, var(--warning) 18%, transparent);color:var(--warning)}.e33p__grade.g-S{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent-strong)}.e33p__detail{gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--border);min-width:0;display:grid}.e33p__power{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.e33p__power caption{text-align:left;padding-bottom:6px;font-weight:700}.e33p__power th,.e33p__power td{border-bottom:1px solid var(--border);text-align:left;vertical-align:baseline;padding:6px 4px}.e33p__power th{white-space:nowrap;font-weight:600}.e33p__power td:nth-child(2){color:var(--text-subtle);font-size:var(--text-xs)}.e33p__power td.num{text-align:right;white-space:nowrap;font-weight:700}.e33p__power-total th,.e33p__power-total td{font-size:var(--text-md);border-bottom:0}.e33p__power-total td.num{color:var(--accent-strong)}.e33p__passives{gap:6px;margin:0;padding:0;list-style:none;display:grid}.e33p__passives li{gap:var(--s-2);font-size:var(--text-sm);color:var(--text-subtle);grid-template-columns:3.4em minmax(0,1fr);display:grid}.e33p__passives li.is-on{color:var(--text)}.e33p__passive-lv{font-family:var(--font-mono);font-size:var(--text-xs);padding-top:2px}.e33p__passives li.is-on .e33p__passive-lv{color:var(--success);font-weight:700}.e33p__pictos{gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.e33p__slot{gap:var(--s-2);min-width:0;padding:var(--s-3);border:1px dashed var(--border-strong);border-radius:var(--r-md);align-content:start;display:grid}.e33p__slot.is-on{border-style:solid;border-color:var(--border);background:var(--surface)}.e33p__slot .g4-field,.e33p__slot input{width:100%;min-width:0}.e33p__slot .e33p__level-row{grid-template-columns:34px minmax(3.2em,4.4em) 34px}.e33p__slot .e33p__level-row input[type=number]{font-size:var(--text-sm);padding-inline:2px}.e33p__slot .e33p__level-row .e33p__range{display:none}.e33p__slot .e33p__level-row .e33p__icon-btn{width:34px;height:34px}.e33p__picto-stats{flex-wrap:wrap;gap:4px;display:flex}.e33p__picto-stats .g4-pill{font-size:var(--text-xs);padding:1px 8px}.e33p__picto-stats b{color:var(--success)}.e33p__desc{font-size:var(--text-xs);color:var(--text-muted);margin:0}.e33p__remove{justify-self:start}.e33p__colours{align-items:center;gap:var(--s-2);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) 5.5em;display:grid}.e33p__colours input{text-align:center;box-sizing:border-box;width:100%;min-width:0}.e33p__luminas{gap:var(--s-3);min-width:0;display:grid}.e33p__hits,.e33p__chosen{gap:4px;margin:0;padding:0;list-style:none;display:grid}.e33p__hits button{gap:2px var(--s-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;display:grid}.e33p__hits button:hover,.e33p__hits button:focus-visible{border-color:var(--accent)}.e33p__hit-name{font-weight:600}.e33p__hit-desc{font-size:var(--text-xs);color:var(--text-subtle);grid-column:1/-1}.e33p__cost{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-strong);white-space:nowrap;font-weight:700}.e33p__cost.is-free{color:var(--success);font-family:inherit;font-weight:600}.e33p__chosen li{gap:var(--s-2);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;padding:4px 4px 4px 10px;display:grid}.e33p__chosen button{border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.e33p__chosen button:hover{color:var(--danger);background:var(--surface-2)}.e33p__statcard{gap:var(--s-3);padding:var(--s-4)}.e33p__who{gap:var(--s-3);align-items:center;display:flex}.e33p__who img{object-fit:cover;width:44px;height:44px;box-shadow:0 0 0 2px var(--accent);border-radius:50%}.e33p__who div{display:grid}.e33p__who span{font-size:var(--text-xs);color:var(--text-subtle)}.e33p__stats{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.e33p__stat.g4-stat{padding:var(--s-2) var(--s-3);border-radius:var(--r-md);border:1px solid #0000;gap:6px;display:grid}.e33p__stat.is-open{border-color:var(--border);background:var(--surface)}.e33p__stat-row{align-items:baseline;gap:var(--s-2);width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:flex}.e33p__stat-row .g4-stat__label{flex:1;margin:0}.e33p__stat-row .g4-stat__value{font-size:var(--text-xl);font-weight:700}.e33p__chev{color:var(--text-subtle);transition:transform var(--dur) var(--ease);align-self:center}.e33p__stat.is-open .e33p__chev{transform:rotate(180deg)}.e33p__delta{font-family:var(--font-mono);font-size:var(--text-sm);border-radius:999px;padding:0 6px;font-weight:700}.e33p__delta.is-up{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.e33p__delta.is-down{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.e33p__bar{background:var(--surface-3);border-radius:999px;height:8px;display:flex;overflow:hidden}.e33p__bar span{height:100%;transition:width var(--dur) var(--ease);display:block}.e33p__bar span+span{box-shadow:-1px 0 0 var(--bg-elev)}.seg-level{background:var(--text-subtle)}.seg-attributes{background:var(--accent)}.seg-weapon{background:var(--warning)}.seg-pictos{background:var(--info)}.e33p__parts{font-size:var(--text-sm);gap:2px;margin:0;display:grid}.e33p__parts div{justify-content:space-between;gap:var(--s-2);display:flex}.e33p__parts dt{color:var(--text-muted)}.e33p__parts dd{margin:0;font-weight:600}.e33p__parts i,.e33p__legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.e33p__ctx{font-size:var(--text-xs);color:var(--text-subtle);margin:0;line-height:1.45}.e33p__legend{gap:6px var(--s-3);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}@media (width<=1080px){.e33p__pictos{grid-template-columns:minmax(0,1fr)}}@media (width<=980px){.e33p__grid{grid-template-columns:minmax(0,1fr)}.e33p__side{order:-1;position:static}.e33p__stats{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}}@media (width<=640px){.e33p__chars{grid-template-columns:repeat(3,minmax(0,1fr))}.e33p__card{padding:var(--s-4) var(--s-3)}.e33p__attr.g4-attr{padding:var(--s-3)}.e33p__attr-body{grid-template-columns:minmax(0,1fr)}.e33p__stepper{grid-template-columns:48px minmax(0,1fr) 48px}.e33p__stepper button{width:48px;height:44px}.e33p__level-row{grid-template-columns:44px 4.5em 44px minmax(0,1fr)}.e33p__level-row .e33p__icon-btn{width:44px;height:44px}.e33p__level-row .e33p__range{grid-column:1/-1}.e33p__marks{margin-left:0}.e33p__budget-nums strong{font-size:var(--text-xl)}.e33p__power td:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.e33p *,.e33p :before{transition:none!important}}