.search-character{padding:0 16px;border-radius:8px;width:280px;max-width:100%;margin:auto}.search-character input{padding:16px 0;font-size:16px}.exp-bar{display:flex;align-items:center;gap:8px;background:#000000d9;border-radius:4px;overflow:hidden;position:relative;height:20px;border:1px solid var(--border-light)}.exp-bar .exp-fill{background:#40c040f2}.exp-bar .exp-text{color:var(--white);font-size:12px;z-index:1;text-align:center;display:flex;align-items:center;justify-content:center}.badge-glass{border-radius:24px;padding:0 6px;font-size:12px;display:flex;align-items:center;white-space:nowrap;gap:4px;overflow:hidden;position:relative;color:var(--white);-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%)}.badge-glass:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#00000080;content:""}.badge-glass .badge-glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#ffffff80}.stored-characters .grid{display:grid;grid-template-columns:repeat(3,1fr)}.stored-characters .stored-character{font-size:12px;padding:16px;border-radius:8px;transition:all .2s ease;display:flex;flex-direction:column;gap:8px;-webkit-user-select:none;user-select:none;position:relative;cursor:pointer}.stored-characters .stored-character img{border-radius:50%;background:#40404040;width:96px;height:96px;object-fit:none;object-position:center}.stored-characters .stored-character .info{display:flex;flex-direction:column;gap:4px}.stored-characters .stored-character:hover{background:var(--background-light)}.stored-characters .fa-times{position:absolute;top:16px;right:16px;font-size:16px;color:var(--text-light);background:var(--background-light);width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.stored-characters .fa-times:hover{background:var(--border-base)}.stored-characters .empty{margin:auto;display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center;font-size:24px}.stored-characters .empty h1{font-size:48px;line-height:1.2;font-weight:700}.stored-characters .empty img{width:240px}.stored-characters.fixed{position:fixed;bottom:16px;left:var(--app-default-page-padding);right:var(--app-default-page-padding);z-index:2;pointer-events:none}.stored-characters.fixed .grid{display:flex;width:fit-content;margin:auto;gap:8px;background:#404040cc;padding:8px 24px;border-radius:48px;overflow-x:auto;box-shadow:0 4px 16px #00000040}.stored-characters.fixed .grid .info,.stored-characters.fixed .grid .fa-times,.stored-characters.fixed .grid .exp-bar{display:none}.stored-characters.fixed .grid .stored-character{padding:0;flex:0 0 auto;pointer-events:auto}.stored-characters.fixed .grid .stored-character img{width:48px;height:48px;background:none}@media (max-width: 991px){.stored-characters .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.stored-characters .grid{grid-template-columns:repeat(1,1fr)}}