@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-50:#fafafa;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-zinc-50:lab(98.26% 0 0)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-full{height:100%}.min-h-full{min-height:100%}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.flex-1{flex:1}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.bg-white{background-color:var(--color-white)}.bg-zinc-50{background-color:var(--color-zinc-50)}.px-16{padding-inline:calc(var(--spacing) * 16)}.py-32{padding-block:calc(var(--spacing) * 32)}.font-sans{font-family:var(--font-sans)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}@media (min-width:40rem){.sm\:items-start{align-items:flex-start}}@media (prefers-color-scheme:dark){.dark\:bg-black{background-color:var(--color-black)}}}:root{--ink:#e8e9ec;--muted:#81848e;--line:#ffffff1c;--acid:#d3ff65;--violet:#9f8bff;--bg:#121215}*{box-sizing:border-box}html{background:var(--bg);font-size:clamp(14px,.6vw + 4px,17.5px)}body{background:var(--bg);min-width:320px;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{cursor:pointer}.builds-app{background:radial-gradient(circle at 53% 4%,#282930 0,#18191e 35%,#101115 76%);min-height:100vh;position:relative;overflow:hidden}.builds-app:before{content:"";z-index:0;opacity:.72;pointer-events:none;background-image:linear-gradient(#d3ff650e 1px,#0000 1px),linear-gradient(90deg,#d3ff650e 1px,#0000 1px),linear-gradient(115deg,#0000 48%,#9f8bff17 48.1%,#0000 48.3%);background-size:80px 80px,80px 80px,420px 420px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.atmosphere{z-index:0;pointer-events:none;border-radius:50%;position:fixed}.atmosphere-one{background:radial-gradient(circle,#9685ff29,#0000 68%);width:52vw;height:52vw;animation:16s ease-in-out infinite alternate float;top:-31vw;left:29vw}.atmosphere-two{background:radial-gradient(circle,#d3ff6512,#0000 70%);width:34vw;height:34vw;animation:18s ease-in-out -5s infinite alternate-reverse float;top:28vh;right:-15vw}.scanlines{z-index:0;opacity:.05;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 79px,#fff 80px,#0000 81px);position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.topbar{z-index:3;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:104px;padding:22px clamp(24px,5vw,76px);display:grid;position:relative}.brand{width:max-content;color:var(--ink);letter-spacing:.12em;align-items:center;gap:11px;text-decoration:none;transition:opacity .25s;display:inline-flex}.brand:hover{opacity:.75}.brand-mark{width:38px;height:38px;color:var(--acid);border:1px solid #d3ff6573;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 4px #d3ff650f,0 0 24px #d3ff651a}.spark-mark{fill:currentColor;width:23px}.spark-core{fill:#151518}.brand-name{font-size:.79rem;font-weight:800}.brand-name em{color:var(--acid);font-style:normal;font-weight:400}.profile-nav{align-items:center;gap:16px;display:flex}.nav-label{color:#777a82;letter-spacing:.16em;font-size:.58rem}.profile-pills{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05050759;border:1px solid #ffffff12;border-radius:999px;gap:4px;padding:4px;display:flex;position:relative}.profile-pill,.view-button{--pointer-x:50%;--pointer-y:50%;isolation:isolate;color:#777a83;letter-spacing:.055em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 13px 0 7px;font-size:.72rem;transition:color .3s,border-color .3s,background .3s,transform .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;overflow:hidden}.profile-pill:before,.view-button:before{content:"";z-index:-1;opacity:0;background:radial-gradient(circle 72px at var(--pointer-x) var(--pointer-y), #d3ff654d, #9f8bff24 43%, transparent 74%);transition:opacity .22s;position:absolute;inset:0}.profile-pill:hover{color:#e9e9ee;background:#ffffff08;border-color:#d3ff6542;transform:translateY(-1px)}.profile-pill:hover:before,.view-button:hover:before{opacity:1}.profile-pill.is-active{color:#1b1c17;border-color:#d3ff65e6}.profile-initials{width:23px;height:23px;color:inherit;background:#ffffff1a;border-radius:50%;place-items:center;font-size:.57rem;font-weight:800;display:grid}.is-active .profile-initials{background:#141d0f29}.active-pulse{background:#31450d;border-radius:50%;width:5px;height:5px;animation:2s infinite pulse;box-shadow:0 0 #31450d99}.topbar-status{color:#8e9099;letter-spacing:.14em;justify-self:end;font-size:.59rem}.topbar-status span{background:var(--acid);width:6px;height:6px;box-shadow:0 0 9px var(--acid);border-radius:50%;margin-right:7px;display:inline-block}.build-content{z-index:1;width:min(1560px,100vw - 48px);margin:0 auto;padding:clamp(57px,9vw,115px) 0 64px;animation:.55s cubic-bezier(.2,.75,.2,1) both arrive;position:relative}.profile-intro{margin-bottom:38px}.eyebrow,.profile-tag,.card-heading span,.echo-set>span,.weapon-display p,.character-details p,.notes-title span{color:var(--acid);letter-spacing:.17em;font-size:.62rem;font-weight:700}.eyebrow{color:#9698a1;align-items:center;gap:8px;display:flex}.eyebrow>span{background:var(--acid);width:20px;height:1px}.eyebrow b{color:var(--acid)}.title-row{justify-content:space-between;align-items:end;gap:30px;margin-top:20px;display:flex}.profile-tag{color:#7d8088;margin:0 0 7px}.profile-intro h1{letter-spacing:-.085em;margin:0;font-size:clamp(3.1rem,8.1vw,7.8rem);font-weight:400;line-height:.8}.accent-dot{color:var(--acid)}.build-score{border-bottom:1px solid #d3ff6559;grid-template-columns:auto auto;align-items:end;gap:2px 9px;margin-bottom:5px;padding-bottom:4px;display:grid}.build-score span,.build-score small{color:#9799a1;letter-spacing:.13em;font-size:.55rem}.build-score strong{color:var(--acid);grid-row:span 2;font-size:2rem;font-weight:400;line-height:.8}.build-score small{color:var(--acid)}.intro-copy{color:#ededef;letter-spacing:-.025em;max-width:535px;margin:25px 0 0;font-size:clamp(.95rem,1.7vw,1.18rem);line-height:1.45}.intro-copy span{color:#858790}.dashboard-grid{grid-template-columns:1.14fr 1.08fr .86fr;gap:14px;display:grid}.frosted-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffff0f,#ffffff05);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 22px 50px #00000026}.character-panel{background:linear-gradient(140deg,#9f8bff26,#ffffff06 49%,#d3ff650f);min-height:480px;padding:22px}.character-panel:after{content:"";z-index:0;background:linear-gradient(90deg,#0000,#d3ff6517,#0000);width:160%;height:170%;animation:8s ease-in-out infinite scan;position:absolute;top:-39%;left:-60%;transform:rotate(20deg)}.character-index{z-index:3;color:#e2e2e6;letter-spacing:.1em;font-size:.7rem;position:relative}.character-index span{color:#72747d}.character-halo{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.halo-ring{border:1px solid #d3ff6533;border-radius:50%;width:285px;height:285px;position:absolute}.ring-one{border-style:dashed;animation:20s linear infinite spin}.ring-two{border-color:#9f8bff52;width:186px;height:186px;animation:14s linear infinite reverse spin;box-shadow:0 0 50px #9f8bff24}.element-orb{z-index:3;width:38px;height:38px;color:var(--acid);border:1px solid #d3ff6599;border-radius:50%;place-items:center;font-size:.87rem;display:grid;position:absolute;top:60px;right:22px;box-shadow:0 0 25px #d3ff6533}.resonator-art{z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 18px #0000005c);width:calc(100% - 40px);height:calc(100% - 107px);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;inset:36px 20px 71px}.character-panel:hover .resonator-art{transform:scale(1.035)translateY(-4px)}.asset-unavailable{display:none}.character-ghost{z-index:1;color:#ffffff13;font-family:Georgia,serif;font-size:23rem;font-style:italic;font-weight:700;line-height:.8;position:absolute;top:26px;left:50%;transform:translate(-50%)}.character-details{z-index:3;position:absolute;bottom:24px;left:22px}.character-details p{color:#a4a6ad;margin:0 0 5px}.character-details h2{letter-spacing:-.06em;margin:0;font-size:2rem;font-weight:400}.character-meta{color:#a8aab3;letter-spacing:.1em;align-items:center;gap:8px;margin-top:13px;font-size:.63rem;display:flex}.character-meta i{background:var(--acid);border-radius:50%;width:3px;height:3px}.panel-corner{z-index:3;width:18px;height:18px;position:absolute}.corner-tl{border-top:1px solid var(--acid);border-left:1px solid var(--acid);top:10px;left:10px}.corner-br{border-right:1px solid var(--acid);border-bottom:1px solid var(--acid);bottom:10px;right:10px}.loadout-panel,.stats-panel{padding:22px}.card-heading{justify-content:space-between;align-items:center;display:flex}.card-heading p{color:#71737b;letter-spacing:.13em;margin:0;font-size:.54rem}.weapon-display{grid-template-columns:3.5rem 1fr auto;align-items:center;gap:13px;margin-top:34px;display:grid}.weapon-glyph{color:#c2b7ff;border:1px solid #9f8bff75;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;display:grid;box-shadow:inset 0 0 19px #9f8bff26}.weapon-glyph img{object-fit:cover;border-radius:50%;width:100%;height:100%}.weapon-display p{color:#7d7f87;letter-spacing:.1em;margin:0 0 .3rem;font-size:.65rem;font-weight:700}.weapon-display h2{letter-spacing:-.02em;color:#f1f1f3;margin:0 0 .2rem;font-size:1.25rem;font-weight:500}.weapon-display div>span{color:#868891;letter-spacing:.07em;font-size:.65rem}.weapon-display b{color:var(--acid)}.weapon-level-wrap{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.weapon-level{color:var(--acid);background:#d3ff650d;border:1px solid #d3ff6526;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.weapon-rank{color:#868891;letter-spacing:.05em;font-size:.6rem;font-weight:600}.set-rule{background:linear-gradient(90deg, var(--line), transparent);height:1px;margin:26px 0 14px}.echo-set-header{justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;display:flex}.echo-set-left{flex-direction:column;gap:.6rem;display:flex}.echo-set-eyebrow{color:var(--acid);letter-spacing:.17em;font-size:.65rem;font-weight:700}.echo-set-title{align-items:center;gap:.6rem;display:flex}.set-icon{object-fit:cover;border-radius:50%;width:1.6rem;height:1.6rem}.echo-set-title strong{color:#e6e7e9;font-size:1.1rem;font-weight:500}.echo-set-header em{color:var(--acid);background:#d3ff650d;border:1px solid #d3ff653d;border-radius:99px;padding:4px 10px;font-size:.65rem;font-style:normal;font-weight:600}.echo-list{margin-top:18px}.echo-row{cursor:default;border-top:1px solid #fff1;border-radius:8px;grid-template-columns:3.5rem 1fr auto;align-items:center;gap:1rem;margin:0 -8px;padding:12px 8px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:grid}.echo-row:hover{background:#ffffff0a;transform:translate(4px);box-shadow:-4px 0 12px #00000026}.echo-thumb-wrap{width:3.5rem;height:3.5rem;position:relative}.echo-sonata-icon{z-index:4;object-fit:cover;background:#121215;border:1px solid #d3ff654d;border-radius:50%;width:1.4rem;height:1.4rem;position:absolute;top:-.4rem;left:-.4rem;box-shadow:0 0 6px #00000080}.echo-cost-badge{z-index:3;color:#c4bbff;background:#121215;border:1px solid #9f8bff99;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;font-size:.65rem;font-weight:700;display:grid;position:absolute;top:-.4rem;right:-.4rem;box-shadow:0 0 6px #00000080}.echo-thumb{background:#d3ff6508 var(--echo-placeholder) center / 50% no-repeat;border:1px solid #d3ff6538;border-radius:50%;place-items:center;width:100%;height:100%;transition:all .3s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden;box-shadow:inset 0 0 10px #d3ff650d}.echo-row:hover .echo-thumb{background-color:#d3ff6514;border-color:#d3ff6566;transform:scale(1.08)rotate(3deg)}.echo-thumb img{object-fit:cover;width:100%;height:100%}.echo-thumb img.asset-unavailable,.echo-sonata-icon.asset-unavailable{display:none}.echo-info h3{color:#d8d9dd;margin:0;font-size:1.15rem;font-weight:500;line-height:1.3;transition:color .2s}.echo-row:hover .echo-info h3{color:#fff}.echo-mainstat{color:var(--acid);letter-spacing:.03em;margin:4px 0 0;font-size:.75rem;font-weight:600}.echo-substats-list{border-left:1px solid #ffffff14;gap:.4rem;padding-left:1rem;display:grid}.echo-substat-item{justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;display:flex}.echo-substat-item span{color:#868891}.echo-substat-item strong{color:#e2e3e6;text-align:right;font-weight:500}.stats-panel{flex-direction:column;display:flex}.stat-list{gap:20px;margin-top:38px;display:grid}.stat-row{color:#a6a8af;letter-spacing:.08em;grid-template-columns:18px 1fr auto;align-items:center;column-gap:8px;padding-bottom:9px;font-size:.65rem;display:grid;position:relative}.stat-symbol{place-items:center;width:15px;height:15px;display:grid}.stat-svg{width:14px;height:14px}.stat-row strong{color:#f1f1f3;letter-spacing:0;font-size:.78rem;font-weight:500}.stat-line{background:#ffffff14;height:2px;position:absolute;bottom:0;left:26px;right:0}@keyframes fillBar{0%{width:0}to{width:var(--target-width)}}.stat-line i{background:linear-gradient(90deg, var(--violet), var(--acid));height:100%;width:var(--target-width);animation:.8s cubic-bezier(.2,.8,.2,1) forwards fillBar;display:block;box-shadow:0 0 9px #d3ff6547}.stat-footer{color:#7b7e85;letter-spacing:.1em;border-top:1px solid #ffffff13;align-items:center;gap:7px;margin-top:auto;padding-top:24px;font-size:.55rem;display:flex}.stat-footer strong{color:#e2e3e6;font-size:.7rem;font-weight:500}.verified{color:var(--acid);margin-left:auto}.field-notes{border:1px solid var(--line);background:#06060840;grid-template-columns:1.1fr 2fr auto;align-items:center;gap:26px;margin-top:14px;padding:17px 18px 17px 22px;display:grid}.notes-title span{color:#dadbe0}.notes-title p{color:#73757d;letter-spacing:.1em;margin:7px 0 0;font-size:.52rem}.notes-title b{color:var(--acid);font-weight:400}.notes-list{flex-wrap:wrap;gap:10px 28px;display:flex}.notes-list p{color:#b2b4ba;margin:0;font-size:.63rem}.notes-list p span{color:var(--acid);margin-right:8px;font-size:.55rem}.view-button{color:#d8d9dc;border-color:#d3ff6540;min-height:40px;padding:0 13px;font-size:.58rem}.view-button:hover{border-color:var(--acid);color:var(--acid)}.view-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:14px}.status-message{color:#d5d6da;letter-spacing:.04em;background:#121215;place-content:center;gap:12px;min-height:100vh;font-size:.85rem;display:grid}.status-message code{color:var(--acid)}.loading-orbit{border:2px solid #d3ff6533;border-top-color:var(--acid);border-radius:50%;justify-self:center;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes float{to{transform:translate(4vw,5vw)scale(1.1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes scan{0%,20%{opacity:0;transform:translate(-10%)rotate(20deg)}50%{opacity:1}80%,to{opacity:0;transform:translate(105%)rotate(20deg)}}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:.45s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}.frosted-card{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.frosted-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff12,0 30px 60px #00000040}@media (max-width:900px){.topbar{grid-template-columns:auto 1fr;gap:16px}.profile-nav{justify-self:end}.topbar-status,.nav-label{display:none}.dashboard-grid{grid-template-columns:1fr 1fr}.character-panel{grid-row:span 2}.stats-panel{min-height:320px}.field-notes{grid-template-columns:1fr auto}.notes-list{grid-area:2/1/auto/-1}}@media (max-width:620px){.topbar{flex-wrap:wrap;padding:18px 20px;display:flex}.profile-nav{order:3;justify-content:center;width:100%}.profile-pills{justify-content:center;width:100%}.profile-pill{flex:1;justify-content:center}.build-content{width:min(100% - 32px,1290px);padding-top:52px}.title-row{align-items:start}.build-score{margin-top:11px}.dashboard-grid{grid-template-columns:1fr}.character-panel{min-height:355px}.field-notes{flex-wrap:wrap;display:flex}.notes-list{width:100%}.view-button{margin-left:auto}.profile-intro h1{font-size:clamp(3rem,16vw,5rem)}.character-ghost{font-size:17rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dropdown-container{display:inline-block;position:relative}.dropdown-toggle{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#d8d9dd;background:#05050759;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:12px;width:180px;min-height:48px;padding:4px 12px 4px 4px;font-size:.75rem;transition:all .2s;display:flex}.dropdown-toggle:hover{background:#ffffff08;border-color:#d3ff6542}.dropdown-toggle-img{object-fit:cover;background:#151518;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:38px;height:38px}.dropdown-toggle-text{text-align:left;flex-direction:column;flex-grow:1;align-items:flex-start;line-height:1.2;display:flex;overflow:hidden}.dropdown-element{color:var(--acid);letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.55rem;font-weight:700;overflow:hidden}.dropdown-name{letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;width:100%;font-weight:600;overflow:hidden}.dropdown-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;background:#0c0c0fe6;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:4px;min-width:220px;max-height:400px;padding:8px;animation:.2s arrive;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 10px 40px #00000080}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:0 0}.dropdown-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#fff3}.dropdown-item{color:#a6a8af;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:6px;transition:all .2s;display:flex}.dropdown-item:hover{color:#fff;background:#ffffff0d}.dropdown-item.is-active{color:#fff;background:#d3ff650d;border-color:#d3ff6533}.dropdown-item-img{object-fit:cover;background:#151518;border-radius:50%;width:32px;height:32px}.dropdown-item-info{flex-direction:column;display:flex}.dropdown-item-element{color:var(--acid);text-transform:uppercase;letter-spacing:.1em;font-size:.5rem;font-weight:700}.dropdown-item-name{font-size:.75rem;font-weight:500}.search-select-btn{color:#fff;text-align:left;alignItems:center;cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;width:100%;height:42px;padding:10px 12px;font-size:.85rem;transition:all .2s;display:flex}.search-select-btn:hover{background:#ffffff08;border-color:#d3ff654d}.search-select-btn.is-placeholder{color:#777a82}.search-select-option{text-align:left;color:#d8d9dd;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:10px;font-size:.85rem;transition:all .15s;display:flex}.search-select-option:hover{color:#fff;background:#ffffff0d}.search-select-option.is-selected{color:var(--acid);background:#d3ff650d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;place-items:center;animation:.3s arrive;display:grid;position:fixed;inset:0}.modal-content{background:linear-gradient(135deg,#141418f2,#0f0f12fa);border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:600px;max-height:85vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0009}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#fff3}.modal-close{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .2s;display:grid;position:absolute;top:24px;right:24px}.modal-close:hover{color:var(--acid);background:#d3ff651a;border-color:#d3ff6566}.modal-header h2{letter-spacing:-.04em;color:#f1f1f3;margin:0;font-size:1.8rem;font-weight:500}.modal-subtitle{color:#a4a6ad;margin:8px 0 24px;font-size:.9rem}.modal-body .stat-list{gap:24px;margin-top:10px;display:grid}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}