@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,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-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--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)}}@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,ui-sans-serif,system-ui,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;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{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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-\[50\%\]{top:50%}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.shrink\!{flex-shrink:1!important}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow\!{flex-grow:1!important}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col-reverse{flex-direction:column-reverse}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing)*6)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing)*1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}@media(min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\[size\=default\]\:sm\:max-w-lg[data-size=default]{max-width:var(--container-lg)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])){width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}}:root{--bg-primary:#f0f2f5;--bg-gradient-start:#f8f9fa;--bg-gradient-end:#e9ecef;--card-radius:8px;--card-shadow:0 4px 12px #0000000d;--card-transition:all .3s cubic-bezier(.25,.8,.25,1);--card-gap:20px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;overflow:hidden}body{background-color:var(--bg-primary);color:#213547;min-height:100vh;margin:0;padding:0}.desktop-layout{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--bg-gradient-start)0%,var(--bg-gradient-end)100%);width:100%;min-height:100vh;position:relative;overflow:hidden}.desktop-layout:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000000d,#0000 70%),repeating-radial-gradient(circle at 20% 80%,#0000 0 100px,#0000000f 100px 101px),repeating-radial-gradient(circle at 80% 20%,#0000 0 140px,#0000000d 140px 141px);width:200%;height:200%;animation:60s linear infinite alternate subtleShift;position:absolute;top:-50%;left:-50%}@keyframes subtleShift{0%{transform:translate(0)rotate(0)}to{transform:translate(-2%,-2%)rotate(1deg)}}.layout-split{width:100vw;height:100vh;display:flex}.layout-left{z-index:1;flex-shrink:0;width:40%;height:100%;position:relative}.layout-right{z-index:2;box-sizing:border-box;background:0 0;flex-shrink:0;width:65%;height:100%;margin-left:-5%;display:flex;position:relative}.dashboard-column{gap:var(--card-gap);scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:none;flex-direction:column;height:100%;padding-bottom:40px;display:flex;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.dashboard-column::-webkit-scrollbar{display:none}.col-settings{flex:45;min-width:480px;padding:0 10px}.col-stats{flex:55;margin-right:20px;padding:0 10px}.dashboard-card{border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:var(--card-transition);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f8f9fa;flex-shrink:0;position:relative;overflow:hidden}.column-bottom{width:100%;height:0;margin:20px 15px}.weapon-equipment-food-section{gap:var(--card-gap);flex-direction:row;align-items:stretch;transition:gap .3s;display:flex}.weapon-equipment-food-section.weapon-expanded{gap:0}.equipment-food-subsection{gap:var(--card-gap);opacity:1;flex-direction:column;flex:3;min-width:0;max-width:100%;margin:0;transition:opacity .3s,transform .3s,flex .3s,max-width .3s,margin .3s;display:flex;transform:translate(0)}.weapon-equipment-food-section.weapon-expanded .equipment-food-subsection{opacity:0;pointer-events:none;flex:0 0 0;gap:0;min-width:0;max-width:0;margin:0;overflow:hidden;transform:translate(8%)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.gacha-card{position:relative;width:150px;min-width:150px;height:100%;overflow:hidden;border-right:1px solid rgba(255,255,255,.1);cursor:pointer;flex-shrink:0;transition:width .3s ease}.gacha-layer{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.layer-bg-2{z-index:1}.layer-bg-3{z-index:2}.gacha-card-char{z-index:3}.layer-bg-base{z-index:4;pointer-events:none}.gacha-card-char{top:-20%;height:120%;background-size:cover;background-position:center top;mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.gacha-card:hover .gacha-card-char{transform:scale(1.05)}.gacha-name-container{position:absolute;inset:auto 0 0;z-index:10;display:flex;flex-direction:row;align-items:flex-end;width:100%;height:100%;pointer-events:none}.char-name-en{position:absolute;left:-6px;bottom:0;writing-mode:vertical-lr;white-space:nowrap;font-family:Montserrat,sans-serif;font-size:3rem;font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase;background:linear-gradient(to right,#fff9,#ffffff1a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;user-select:none}.char-name-cn{position:absolute;right:0;bottom:0;margin:0;padding-bottom:5px;writing-mode:vertical-rl;text-orientation:upright;font-family:Noto Sans SC,sans-serif;font-size:6rem;font-weight:900;line-height:1;letter-spacing:-5px;text-shadow:none;background:linear-gradient(to right,#fff,#fff9);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;user-select:none}.char-selector-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#f0f2f5fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeIn .4s ease-out forwards}.char-selector-overlay.closing{animation:closeSelector .5s cubic-bezier(.8,0,.2,1) forwards;pointer-events:none}@keyframes closeSelector{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}.char-selector-menu{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;height:60px;padding:.5rem 2rem;background:#ffffff80;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px -8px #00000026;clip-path:inset(0 100% 0 0);animation:expandMenu 1s cubic-bezier(.16,.3,.3,1) forwards;animation-delay:.1s}@keyframes expandMenu{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.gacha-card{opacity:0;transform:translateY(30%);animation:slideUpCard .6s cubic-bezier(.19,1,.22,1) forwards}@keyframes slideUpCard{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;align-items:center;gap:1.5rem}.filter-section{display:flex;align-items:center;gap:.5rem}.filter-divider{width:1px;height:24px;background-color:#d1d5db}.filter-btn{display:flex;justify-content:center;align-items:center;padding:4px;border:none;border-radius:4px;background:none;cursor:pointer;transition:all .2s}.filter-btn:hover{background-color:#00000008}.filter-btn.active{background-color:#fffc;box-shadow:0 2px 8px #0000001a}.rarity-btn{display:flex;align-items:center;gap:6px;height:48px;padding:6px 16px}.rarity-num{font-size:1.2rem;font-weight:800;color:#333}.rarity-star{width:20px;height:20px;transform:rotate(10deg);filter:invert(1)}.prof-btn{width:48px;height:48px}.prof-btn img{display:block;width:32px;height:32px;filter:invert(1)}.element-btn{margin:4px;padding:0;border-radius:6px}.element-btn:hover,.element-btn.active{background-color:transparent}.element-btn.active{box-shadow:0 4px 12px #00000040}.element-pill{position:relative;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:6px;box-shadow:0 1px 2px #0000001a}.element-icon{width:24px;height:24px}.close-btn{position:absolute;right:2rem;padding:8px;border:none;border-radius:4px;background:none;cursor:pointer;transition:background-color .2s}.close-btn:hover{background-color:#0000001a}.char-selector-content{flex:1;width:100%;overflow:hidden;display:flex;align-items:center}.char-scroll-container{display:flex;width:100%;height:100%;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.char-scroll-container::-webkit-scrollbar{display:none}.no-chars-message{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#666;font-size:1.2rem}.reset-modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:center;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.reset-modal-content{position:relative;width:320px;padding:32px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0003;transform:scale(1);animation:modal .3s cubic-bezier(.34,1,.64,1)}@keyframes modal{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.reset-modal-icon{width:64px;height:64px;margin-bottom:16px;color:#2b2b2b;rotate:90deg}.reset-modal-title{margin:0 0 8px;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.1rem;font-weight:700}.reset-modal-desc{margin:0 0 24px;color:#86868b;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.4}.reset-modal-actions{width:100%;display:flex;flex-direction:column;gap:12px}.reset-modal-btn{width:100%;height:44px;border:none;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.reset-modal-btn:active{transform:scale(.98)}.btn-reset-confirm{background-color:#e5e5ea;color:#ff3b30}.btn-reset-confirm:hover{background-color:#d1d1d6}.btn-reset-keep{background-color:#007aff;color:#fff}.btn-reset-keep:hover{background-color:#0062cc}.btn-reset-cancel{background-color:#f2f2f7;color:#1d1d1f;opacity:.8}.btn-reset-cancel:hover{background-color:#e5e5ea}.weapon-selector-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease forwards;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.weapon-selector-overlay.closing{animation:fadeOut .3s ease forwards}.weapon-selector-backdrop{position:absolute;top:0;left:0;width:100%;height:100%}.weapon-selector-content{position:relative;width:90%;max-width:1200px;height:80vh;display:flex;flex-direction:column;z-index:1;animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.weapon-selector-overlay.closing .weapon-selector-content{animation:slideDown .3s ease forwards}.weapon-selector-list{display:flex;flex-direction:row;gap:24px;overflow-x:auto;padding-bottom:24px;padding-left:16px;flex:1;align-items:center;-webkit-mask-image:linear-gradient(to right,black 0%,black 90%,transparent 100%);mask-image:linear-gradient(to right,black 0%,black 90%,transparent 100%);scrollbar-width:none}.weapon-selector-list::-webkit-scrollbar{display:none}.weapon-selector-item{position:relative;flex:0 0 180px;height:400px;background-color:#f8f9fa;cursor:pointer;overflow:visible;transition:all .3s ease;display:flex;flex-direction:column;justify-content:flex-end}.weapon-selector-item:hover{transform:translateY(-8px);scale:1.02}.weapon-selector-item.selected{box-shadow:0 12px 24px #0000004d}.weapon-selector-item-clip-layer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;overflow:hidden;transition:all .3s ease}.weapon-selector-item-texture{position:absolute;top:-10%;left:-5%;width:105%;height:105%;background-image:url(/assets/widgets/deco_endfield_02.png);background-size:cover;background-position:center;opacity:.3;z-index:0}.weapon-selector-item-stripe{position:absolute;top:30%;left:-50%;width:240%;height:30px;transform:rotate(-45deg);opacity:.9;z-index:1;transition:opacity .3s ease,transform .3s ease}.weapon-selector-item-stripe-secondary{position:absolute;top:45%;left:-50%;width:240%;height:30px;transform:rotate(-45deg);opacity:.6;z-index:1;transition:opacity .3s ease,transform .3s ease}.weapon-selector-item:hover .weapon-selector-item-stripe{transform:rotate(-45deg) translateY(-10px)}.weapon-selector-item:hover .weapon-selector-item-stripe-secondary{transform:rotate(-45deg) translateY(-15px)}.weapon-selector-item-bg{position:absolute;top:-50%;left:-50%;align-items:center;width:200%;height:200%;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:1;transition:opacity .3s ease,transform .3s ease;transform:scale(.9);z-index:2;pointer-events:none;filter:drop-shadow(12px 12px 8px rgba(0,0,0,.3))}.weapon-selector-item-bg.lance{rotate:20deg}.weapon-selector-item-bg.sword{rotate:205deg;scale:1.2}.weapon-selector-item-bg.pistol{rotate:10deg;transform:translateY(5%);scale:.9;left:-45%}.weapon-selector-item-bg.pistol:after{content:"";position:absolute;top:-5%;rotate:-20deg;left:5%;width:80%;height:80%;background-image:inherit;background-size:inherit;background-repeat:inherit;background-position:inherit;transform:scaleX(-1);transform-origin:center;pointer-events:none;filter:brightness(.9)}.weapon-selector-item:hover .weapon-selector-item-bg{opacity:1;transform:scale(1)}.weapon-selector-item-badge{position:absolute;bottom:24px;left:-8px;z-index:10;display:flex;flex-direction:row;align-items:stretch;border-radius:0;box-shadow:0 8px 24px #0003}.weapon-selector-item-accent{width:4px}.weapon-selector-item-content{display:flex;flex-direction:column}.weapon-selector-item-top{background-color:#e0e0e0;padding:4px 12px 4px 10px}.weapon-selector-item-bottom{background-color:#2b2b2b;padding:2px 12px 2px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.weapon-selector-item-main{font-family:Noto Sans SC,Inter,sans-serif;font-size:18px;font-weight:900;color:#1a1a1a;line-height:1;letter-spacing:1px;-webkit-user-select:none;user-select:none}.weapon-selector-item-en{font-family:Inter,sans-serif;font-size:10px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:1.5px;-webkit-user-select:none;user-select:none}.weapon-selector-item-stars{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:0px;z-index:10}.weapon-selector-item-stars img{width:18px;height:18px;rotate:10deg;filter:drop-shadow(0 0 2px rgba(0,0,0,.5)) invert(.8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.close-btn-top-right{position:absolute;top:16px;right:16px;z-index:10}.selected-char-info{position:absolute;left:40px;bottom:40px;z-index:50;display:flex;flex-direction:column;gap:18px;font-family:Noto Sans SC,sans-serif;transform:scale(1.2);transform-origin:bottom left;pointer-events:none}.profession-row{display:flex;align-items:flex-start}.profession-box{width:56px;height:56px;display:flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:1px 1px 3px #0000001a}.profession-icon{width:48px;height:48px;object-fit:contain;filter:invert(1)}.name-row{display:flex;align-items:baseline;gap:12px;margin-left:-5px}.name-cn{font-size:3.5rem;font-weight:600;line-height:1;color:#2b2b2b}.name-en{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;line-height:1;text-transform:uppercase;color:#888}.meta-row{display:flex;align-items:center;gap:16px}.rarity-stars{display:flex;align-items:center;gap:2px}.info-star{width:24px;height:24px;transform:rotate(10deg);filter:invert(1) opacity(.8)}.meta-divider{font-size:1.5rem;font-weight:300;color:#666;transform:translateY(-4px)}.element-badge{display:flex;align-items:center;gap:8px}.element-icon-box{width:28px;height:28px;border-radius:6px;display:flex;justify-content:center;align-items:center}.element-icon-img{width:24px;height:24px;filter:brightness(10)}.element-name{font-size:1.2rem;font-weight:500;letter-spacing:2px;color:#333}.level-settings-card{height:200px;margin-top:40px;background-color:#f8f9fa;width:100%}.level-settings-card.expanded{height:320px;background-color:#fff;box-shadow:0 8px 24px #0000001f;scale:1.02}.card-bg-container{position:absolute;top:0;left:0;width:100%;height:200px;transform:translate(-100px);z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 15%,black 60%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 15%,black 60%,transparent 100%)}.card-bg-image{width:100%;height:100%;background-size:cover;background-position:25% center;opacity:1;transition:opacity .3s}.card-content.top-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;height:200px;padding:20px 24px 40px;box-sizing:border-box}.level-display-group{margin-top:30px}.level-text-row{display:flex;align-items:baseline;line-height:1;font-family:DIN,Inter,sans-serif;color:#2c3e50}.level-current{margin:0;font-size:4.5rem;font-weight:300;line-height:.9;letter-spacing:-2px}.level-label{margin-left:2px;align-self:flex-start;transform:translateY(10px);font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:inherit}.level-max{margin-top:-23px;margin-left:8px;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.5px;color:#95a5a6}.level-sub-info{display:flex;align-items:center;margin-top:12px;padding:6px 16px;border-radius:8px;font-family:Noto Sans SC,sans-serif;font-size:.85rem;font-weight:600;color:#333;background-color:#dcdcdc99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.info-value-roman,.info-value-num{margin:0 4px;font-family:DIN,sans-serif;font-size:1.1em;font-weight:800}.card-controls{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:flex-start;height:0;opacity:0;overflow:hidden;padding:0;background:#fff;border-top:1px solid rgba(0,0,0,.05);transition:height .3s cubic-bezier(.25,.8,.25,1),opacity .2s ease .1s}.expanded .card-controls{height:120px;opacity:1;transition:height .3s cubic-bezier(.25,.8,.25,1),opacity .2s ease}.controls-section{display:flex;align-items:center;height:100%;padding:0 24px;box-sizing:border-box}.controls-left{width:70%;justify-content:space-between}.controls-right{width:25%;justify-content:center}.control-divider-vertical{align-self:center;width:1px;height:60%;margin:auto 0;background-color:#0000001a}.control-level-wrapper{display:flex;align-items:baseline;gap:8px;padding:8px 16px;border-radius:12px;cursor:pointer;transition:background-color .2s,transform .1s}.control-level-wrapper:hover{background-color:#0000000d}.control-level-wrapper:active{transform:scale(.96)}.control-level-input{width:70px;margin:0;padding:0;border:none;background:transparent;text-align:left;line-height:1;font-family:DIN,sans-serif;font-size:3.5rem;font-weight:300;color:#2c3e50;cursor:text;transition:width .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:text;user-select:text}.control-level-input::-webkit-outer-spin-button,.control-level-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.control-level-input.expanded-input{width:120px;border-bottom:2px solid #2c3e50;background:#00000005}.control-level-input:focus{outline:none}.control-label-text{font-family:Inter,sans-serif;font-size:1rem;font-weight:700;color:#2c3e50}.control-elite-wrapper,.control-potential-wrapper{display:flex;align-items:center;justify-content:center;height:80%;padding:0 20px;border-radius:12px;cursor:pointer;transition:background-color .2s,transform .1s}.control-elite-wrapper:hover,.control-potential-wrapper:hover{background-color:#0000000d}.control-elite-wrapper:active,.control-potential-wrapper:active{transform:scale(.92)}.control-elite-icon,.control-potential-icon{width:64px;height:64px;object-fit:contain;max-width:64px}.control-elite-icon{filter:invert(1) drop-shadow(0 4px 4px rgba(0,0,0,.15));opacity:.9;transition:filter .2s}.skill-settings-card{display:flex;width:100%;flex-direction:column;justify-content:space-between;padding:24px 24px 0;box-sizing:border-box;background-color:#f8f9fa;max-height:216px;overflow:hidden;transition:max-height .35s cubic-bezier(.25,.8,.25,1),scale .35s cubic-bezier(.25,.8,.25,1)}.skill-settings-card.expanded{max-height:1200px;scale:1.02}.talent-card-bg-container{position:absolute;top:6px;left:24px;width:calc(100% - 48px);height:192px;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 15%,black 60%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 15%,black 60%,transparent 100%)}.talent-card-bg-image{width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:25% center;position:absolute;top:50px;filter:invert();transform:translate(20px);opacity:.8;transition:opacity .3s}.talent-card-bg-overlay{position:absolute;inset:0}.skill-summary-section{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:192px;box-sizing:border-box}.skill-row{position:relative;z-index:1;display:flex;align-items:center;width:100%}.active-skills-row{justify-content:space-between;gap:16px}.skill-item,.skill-item-placeholder{flex:1}.skill-item{display:flex;flex-direction:column;align-items:center;gap:8px}.skill-icon-circle,.skill-icon-circle-small{position:relative;overflow:hidden;border-radius:50%;background-color:#ccc;display:flex;align-items:center;justify-content:center}.skill-icon-circle{width:64px;height:64px;border:2px solid hsla(0,0%,100%,.2);box-shadow:0 4px 10px #0003}.skill-icon-circle-small{width:40px;height:40px;margin-right:-10px;margin-left:10px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 10px #0003;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}.skill-icon-circle-small:hover{transform:scale(1.02);box-shadow:0 6px 12px #0000004d}.shape-sector:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 120deg at 50% 50%,var(--skill-bg-color) 0deg,var(--skill-bg-color) 120deg,transparent 120deg);z-index:1}.shape-circle{background-color:var(--skill-bg-color)}.skill-icon{position:relative;z-index:2;width:100%;height:100%;margin:0;padding:0;object-fit:contain;display:block;filter:brightness(10) drop-shadow(0 0 2px rgba(255,255,255,.5)) drop-shadow(2px 2px rgba(0,0,0,.5))}.skill-rank-badge{margin-top:4px;padding:2px 10px;border-radius:10px;background-color:#999;color:#fff;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;box-shadow:0 4px 10px #0003}.bg-type-0{--skill-bg-color: #4b4b4b}.bg-type-2{--skill-bg-color: #f85411}.bg-type-3{--skill-bg-color: #cb980e}.bg-type-4{--skill-bg-color: #009daf}.bg-type-6{--skill-bg-color: #6e9814}.passive-talents-row{position:absolute;top:128px;width:100%;gap:16px}.talent-item{flex:1;display:flex;align-items:center;height:36px;border-radius:18px;color:#fff;background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden}.talent-icon{width:30px;height:30px;margin-left:8px;margin-right:8px;object-fit:contain;filter:brightness(10)}.talent-name{flex:1;margin-right:0;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.talent-level-dots{margin-right:12px;font-size:1rem;font-weight:700;opacity:.8}.talent-level-text{line-height:1}.skill-expanded-panel{display:flex;flex-direction:column;gap:16px;max-height:0;opacity:0;overflow:hidden;margin:0;cursor:default;transition:max-height .35s cubic-bezier(.25,.8,.25,1),opacity .2s ease .1s,margin .3s cubic-bezier(.25,.8,.25,1)}.skill-settings-card.expanded .skill-expanded-panel,.skill-expanded-panel.expanded-panel-visible{max-height:900px;opacity:1;margin-bottom:12px}.expanded-divider{width:100%;height:1px;margin:0 0 8px;background-color:#0000001f}.expanded-divider-top{margin-top:0}.expanded-divider.follow{margin:8px 0 6px}.skill-control-row{display:flex;align-items:center;gap:16px;height:48px}.skill-control-middle{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;height:100%;margin:0 8px}.skill-rank-text{margin-left:2px;font-family:Montserrat,Inter,sans-serif;font-size:.9rem;font-weight:600;line-height:1;color:#4b4b4b}.skill-rank-max{font-size:.75rem;font-weight:400;color:#888}.level-bars-container{display:flex;align-items:center;width:100%;height:6px;gap:4px;margin-right:-10px}.level-bar{flex:1;height:100%;border-radius:1.5px;background-color:#e0e0e0;cursor:pointer;transition:all .2s}.level-bar.active{background-color:#4b4b4b;box-shadow:0 0 4px #0003}.level-bar:hover{height:8px;background-color:#999}.special-rank-group-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;width:36px;height:36px;margin-left:-20px;transform:translateY(10px);border-radius:6px;background-color:transparent;cursor:pointer;transition:background-color .2s}.special-rank-group-btn:hover{background-color:#0000000d}.special-rank-group-btn:active{background-color:#0000001a}.special-rank-col{display:flex;flex-direction:column;gap:4px}.special-rank-dot{width:8px;height:8px;border-radius:50%;background-color:#e0e0e0;transition:all .3s ease}.special-rank-dot.active{background-color:#333;box-shadow:0 1px 3px #0003}.talent-matrix-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto;justify-items:center;align-items:center;row-gap:48px;width:100%;margin-bottom:16px}.matrix-node-circle{position:relative;z-index:2;width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#4b4b4b;box-shadow:2px 2px #0000004d;transition:all .3s cubic-bezier(.25,.8,.25,1)}.matrix-node-circle:hover{background-color:#6e6e6e}.matrix-node-circle.active{background-color:#fbc531;border-color:#fff;box-shadow:0 0 12px #fbc53166,2px 2px #0000004d}.matrix-attr-icon{width:70%;height:70%;object-fit:contain;filter:brightness(.7) grayscale(100%);transition:filter .3s cubic-bezier(.25,.8,.25,1)}.matrix-node-circle.active .matrix-attr-icon{filter:brightness(100) grayscale(0%)}.talent-row-container{position:relative;display:flex;align-items:center;width:100%;height:48px;box-sizing:border-box}.talent-row-1{padding-left:24px;padding-right:25%}.talent-row-2{padding-left:45%;padding-right:24px}.talent-buttons-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%}.talent-btn-wrapper{position:relative;z-index:2}.talent-row-container .talent-row-line{position:absolute;top:50%;height:2px;transform:translateY(-50%);background-color:#666;z-index:1}.talent-row-1 .talent-row-line-1{left:24px;right:30%}.talent-row-2 .talent-row-line-2{left:45%;right:24px}.weapon-settings-card{flex:2 1 0%;background-color:#f8f9fa;position:relative;overflow:visible!important;display:flex;flex-direction:row;gap:0;padding-right:0;min-height:400px;min-width:180px;transition:flex-grow .28s ease,flex-basis .28s ease,gap .28s ease,padding-right .28s ease,scale .3s ease;--weapon-main-fixed-width: 180px}.weapon-card-clip-layer{position:relative;width:100%;height:100%;display:flex;flex-direction:row;border-radius:inherit;overflow:hidden}.weapon-settings-card.expanded{flex:1 1 100%;gap:0;padding-right:0}.weapon-card-main-pane{position:relative;flex:1 1 100%;max-width:180px;min-width:0;min-height:100%}.weapon-card-main-pane.expanded{border-right:1px solid rgba(0,0,0,.05)}.weapon-settings-card.expanded .weapon-card-main-pane{flex:0 0 var(--weapon-main-fixed-width);max-width:var(--weapon-main-fixed-width)}.weapon-display-container{position:absolute;top:0;left:-40%;width:calc(var(--weapon-main-fixed-width) * 1.8);height:540px;z-index:1;pointer-events:none}.weapon-card-main-pane.clickable{cursor:pointer}.weapon-display-container.sword{transform:translateY(-100px) translate(10px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 70%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 70%,transparent 90%)}.weapon-display-container.lance{-webkit-mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 80%);mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 80%)}.weapon-display-container.claymore{-webkit-mask-image:linear-gradient(to bottom,black 0%,black 50%,transparent 75%);mask-image:linear-gradient(to bottom,black 0%,black 50%,transparent 75%)}.weapon-display{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:transform .3s ease,scale .3s ease;filter:drop-shadow(-10px 10px 2px rgba(0,0,0,.3))}.weapon-card-main-pane.clickable:hover .weapon-display{scale:1.05}.weapon-display.sword{scale:1.2;rotate:205deg;transform:translateY(-10%)}.weapon-card-main-pane.clickable:hover .weapon-display.sword{scale:1.25}.weapon-display.lance{rotate:20deg;transform:translateY(0) translate(-5%)}.weapon-card-main-pane.clickable:hover .weapon-display.lance{scale:1.05}.weapon-display.claymore{rotate:205deg;transform:translateY(2%) translate(12%)}.weapon-card-main-pane.clickable:hover .weapon-display.claymore{scale:1.05}.weapon-display.funnel{height:320px;transform:translateY(20%)}.weapon-card-main-pane.clickable:hover .weapon-display.funnel{scale:1.05}.weapon-display.pistol{position:relative;height:320px;rotate:10deg;transform:translateY(20%) translate(5%)}.weapon-display.pistol:after{content:"";position:absolute;top:-25%;rotate:-20deg;left:7.5%;width:80%;height:80%;background-image:inherit;background-size:inherit;background-repeat:inherit;background-position:inherit;transform:scaleX(-1);transform-origin:center;pointer-events:none;filter:brightness(.9)}.weapon-card-main-pane.clickable:hover .weapon-display.pistol{scale:1.05}.weapon-card-bg-container{position:absolute;top:5%;left:0;width:100%;height:100%;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom left,transparent 0%,black 15%,black 60%,transparent 100%);mask-image:linear-gradient(to bottom left,transparent 0%,black 15%,black 60%,transparent 100%)}.weapon-card-bg-image{width:100%;height:100%;position:absolute;bottom:10%;background-size:cover;background-position:25% center;opacity:1;transition:opacity .3s}.weapon-title-badge{position:absolute;bottom:40px;left:-12px;z-index:10;display:flex;flex-direction:row;align-items:stretch;border-radius:0;box-shadow:0 8px 24px #0003}.weapon-title-accent{width:6px;background-color:#f39c12}.weapon-title-content{display:flex;flex-direction:column}.weapon-title-top{background-color:#e0e0e0;padding:4px 16px 4px 12px}.weapon-title-bottom{background-color:#2b2b2b;padding:2px 16px 2px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.weapon-title-main{font-family:Noto Sans SC,Inter,sans-serif;font-size:22px;font-weight:900;color:#1a1a1a;line-height:1;letter-spacing:1px}.weapon-title-en{font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:1.5px}.weapon-card-stars{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:0px;z-index:10;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.weapon-card-star{width:24px;height:24px;filter:invert(.9);rotate:10deg}.weapon-expanded-controls{position:absolute;top:16px;right:16px;bottom:16px;left:calc(var(--weapon-main-fixed-width) + 24px);opacity:0;transform:translate(4%);visibility:hidden;flex-direction:column;gap:.9rem;overflow:hidden;pointer-events:none;display:flex;transition:opacity .18s ease,transform .22s ease,visibility 0s linear .22s}.weapon-expanded-controls.visible{opacity:1;transform:translate(0);visibility:visible;pointer-events:auto;transition:opacity .18s ease .14s,transform .22s ease .12s,visibility 0s linear 0s}.weapon-control-group-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;width:100%;height:80px}.weapon-control-group-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;height:100%}.weapon-control-divider-vertical{width:1px;height:100%;margin-top:24px;background-color:#0000001a}.weapon-control-divider-horizontal{height:1px;width:100%;margin-top:12px;background-color:#0000001a}.weapon-skill-rows{display:flex;flex-direction:column;gap:14px;margin-top:-8px;padding-top:12px;padding-right:4px}.weapon-skill-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:16px}.weapon-skill-main-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1;min-width:0}.weapon-skill-name{font-family:Noto Sans SC,Inter,sans-serif;font-size:14px;font-weight:600;color:#2a2a2a;line-height:1.1}.weapon-skill-bar-track{position:relative;display:flex;align-items:center;gap:0px;padding:4px 8px;border-radius:999px;background-color:#0000001f;cursor:pointer;transition:transform .12s ease;transform-origin:center}.weapon-skill-bar-track:active{transform:scale(.98)}.weapon-skill-pill{width:14px;height:6px;border-radius:3px;border:none;rotate:-45deg;padding:0}.weapon-skill-pill.weapon-base{background-color:#fff}.weapon-skill-pill.matrix{background-color:#f4de00}.weapon-skill-pill.inactive{background-color:#00000047}.weapon-skill-pill.out-of-range{position:relative;background-color:transparent;border:1px solid rgba(0,0,0,.2)}.weapon-skill-pill.out-of-range:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;border-left:1px solid rgba(0,0,0,.2);transform:translate(-50%)}.weapon-skill-bonus{font-size:12px;color:#2f2f2f;line-height:1.2;width:130%}.weapon-skill-bonus.last{height:58px;overflow-y:auto;scrollbar-width:none}.weapon-skill-level-group{min-width:66px;display:flex;justify-content:flex-end;align-items:flex-start;padding-top:2px}.weapon-skill-level-text{margin-top:16px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#2a2a2a;line-height:.95}.weapon-skill-level-text.gem{color:#e0e000;margin-right:8px}.weapon-control-group-right{display:flex;align-items:center;justify-content:center;height:100%}.weapon-potential-control{display:flex;align-items:center;justify-content:center;height:100%;margin-top:24px;margin-left:-12px;padding:0 16px;border-radius:12px;cursor:pointer;transition:background-color .2s,transform .1s}.weapon-potential-control:hover{background-color:#0000000d}.weapon-potential-control:active{transform:scale(.92)}.weapon-potential-icon{width:64px;height:64px;object-fit:contain}.weapon-breakthrough-control{position:relative;display:flex;align-items:center;justify-content:center;padding:0 10px;height:auto;cursor:pointer;transition:transform .1s;margin-top:-8px}.weapon-breakthrough-control:active{transform:scale(.96)}.weapon-breakthrough-bg{position:absolute;top:50%;left:0;width:120px;height:18px;transform:translateY(-50%);background-color:#ccc;border-radius:12px;z-index:0}.weapon-breakthrough-icons{position:relative;display:flex;flex-direction:row;gap:2px;z-index:1}.weapon-breakthrough-icon{width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:opacity .2s}.weapon-level-control{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:4px 12px 4px 4px;border-radius:12px;cursor:pointer;transition:background-color .2s,transform .1s;height:48px;margin-top:20px;margin-bottom:12px}.weapon-level-control:hover{background-color:#0000000d}.weapon-level-control:active{transform:scale(.96)}.weapon-level-input{width:50px;margin:-8px 0 0;padding:0;border:none;background:transparent;text-align:left;line-height:1;font-family:DIN,sans-serif;font-size:2.5rem;font-weight:300;color:#2c3e50;cursor:text;transition:width .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:text;user-select:text}.weapon-level-input::-webkit-outer-spin-button,.weapon-level-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.weapon-level-input.expanded-input{width:80px}.weapon-level-input:focus{outline:none}.weapon-level-label{font-family:Inter,sans-serif;font-size:1rem;font-weight:700;color:#2c3e50}.game-tag-icon{scale:1.5;display:inline-block;vertical-align:-.12em;object-fit:contain}.character-stats-card{display:flex;flex-direction:column;width:auto;height:300px;margin-top:40px;padding:16px;cursor:pointer;transition:all .3s ease}.character-stats-card.expanded{height:500px;scale:1.02}.stats-content{flex:1;display:flex;flex-direction:column;gap:16px}.stats-section-1{display:flex;flex-direction:column}.stat-row-3d{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.stat-row-3d:last-child{border-bottom:none}.stat-row-3d.odd{background-color:var(--bg-secondary, #f1f1f1)}.stat-label-group-3d{display:flex;align-items:center;gap:8px;margin-left:8px}.stat-icon-3d{width:20px;height:20px;object-fit:contain;filter:invert()}.stat-name-3d{font-family:Noto Sans SC,Inter,sans-serif;font-size:16px;font-weight:900;color:var(--text-primary, #333)}.stat-value-3d{font-size:16px;font-weight:600;color:var(--text-primary, #333);margin-right:16px}.stats-section-2{display:flex;justify-content:space-between;align-items:stretch;padding:12px 0}.stat-col-ability-wrapper{flex:1;display:flex;align-items:center}.stat-col-ability{flex:1;display:flex;flex-direction:column;align-items:center;gap:0px}.ability-divider{width:1px;background-color:var(--border-color, #e0e0e0);height:100%;margin:0 8px}.ability-icon-container{position:relative;width:36px;height:36px;display:flex;justify-content:center;align-items:center;margin:4px 4px 8px}.ability-icon-bg{position:absolute;top:0;left:0;width:100%;height:100%}.ability-icon-bg.main{background-color:#f0c040}.ability-icon-bg.sub{background-color:#e0e0e0}.ability-icon-bg.other{background-color:transparent}.ability-icon{position:relative;z-index:1;width:36px;height:36px;object-fit:contain}.ability-icon.active{filter:invert(0) drop-shadow(2px 2px 0px rgba(0,0,0,.2))}.ability-icon.inactive{width:40px;height:40px;scale:1.1;filter:invert(.6)}.ability-name{font-family:Noto Sans SC,Inter,sans-serif;font-size:14px;color:var(--text-secondary, #666)}.ability-value{font-family:Montserrat,sans-serif;font-size:24px;font-weight:600;color:var(--text-primary, #333);margin-top:-4px}.stats-section-3{display:flex;flex-direction:column;margin-top:8px}.stats-expanded-row{display:flex;padding:8px}.stats-expanded-row.even{background-color:var(--bg-secondary, #f5f5f5)}.stats-expanded-row.odd{background-color:transparent}.stats-expanded-cell{flex:1;display:flex;align-items:center}.stats-divider-vertical{width:1px;background-color:var(--border-color, #e0e0e0);margin:0 12px}.stat-row-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:1.4;gap:8px;min-width:0;width:100%}.stat-label-group{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.stat-icon{width:20px;height:20px;object-fit:contain;filter:invert()}.stat-name{color:var(--text-secondary, #666);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value{color:var(--text-primary, #333);font-weight:600}.char-illustration-container{position:relative;width:120%;height:100%;overflow:hidden;cursor:pointer;will-change:transform;transform:translate(-10%);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.char-illustration{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:60% top}.char-illustration-container:hover{transform:scale(1.05) translate(-10%)}.equipment-settings-card{flex:5;background-color:#f8f9fa;padding:24px}.food-settings-card{flex:3;background-color:#f8f9fa;padding:24px}.reminder-host{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.reminder-item{min-width:220px;max-width:520px;padding:10px 14px;border-radius:8px;background:#151c24f0;color:#fff;font-size:14px;line-height:1.35;box-shadow:0 8px 24px #0000003d;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(-12px) scale(.98);animation:reminder-pop-in .26s cubic-bezier(.21,.8,.28,1) forwards}@keyframes reminder-pop-in{to{opacity:1;transform:translateY(0) scale(1)}}
