.search-input{font-size:16px}.character-card{display:grid;grid-template-columns:96px 1fr;gap:12px;width:100%;padding:14px;margin-top:16px;border-radius:12px;background-color:#1e1e1e;color:#fff;box-shadow:0 10px 12px #0000004d}.character-image{width:96px;height:96px;border-radius:8px;overflow:hidden;background-color:#2a2a2a;flex-shrink:0}.character-image img{width:100%;height:100%;object-fit:cover}.character-info{display:grid;text-align:left;grid-template-rows:auto auto auto auto;row-gap:4px}.character-characterName{font-size:18px;font-weight:700;margin:0}.character-server{font-size:14px;color:#aaa}.character-jobGrowName{font-size:14px}.character-level,.character-fame{font-size:14px;font-weight:500;color:gold}.character-card:hover{transform:translateY(-4px);transition:.2s ease}.character-card{cursor:pointer}.character-card.skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 37%,#2a2a2a 63%)}.character-list{display:grid;grid-template-columns:repeat(2,1fr);gap:5%;width:100%;justify-items:center}.search-container{display:flex;justify-content:center;margin:20px 0}.search-form{display:flex;align-items:center;background:#1e1e1e;border-radius:10px;padding:6px;gap:6px;box-shadow:0 4px 12px #0000004d}.search-select{background:#2a2a2a;color:#fff;border:none;padding:10px 12px;border-radius:6px;font-size:14px;cursor:pointer}.search-select:focus{outline:none;box-shadow:0 0 0 2px #fc0}.search-input{width:220px;background:#2a2a2a;border:none;color:#fff;padding:10px 12px;border-radius:6px;font-size:14px;flex:1;min-width:0;box-sizing:border-box}.search-input::placeholder{color:#aaa}.search-input:focus{outline:none;box-shadow:0 0 0 2px #fc0}.search-button{background:linear-gradient(135deg,#fc0,#f90);border:none;color:#000;font-weight:700;padding:10px 18px;border-radius:6px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.search-button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #fc06}.search-button:active{transform:translateY(0);box-shadow:none}.search-history{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:8px 12px;max-width:500px;justify-content:center;margin:0 auto}.history-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#1e1e1e;border-radius:6px;margin-bottom:6px;box-shadow:0 2px 12px #0000004d}.history-select{background:none;border:none;color:#ddd;cursor:pointer;text-align:left}.history-select:hover{color:gold}.history-remove{background:none;border:none;color:#888;cursor:pointer}.history-remove:hover{color:#f55}.character-characterName,.character-jobGrowName,.character-server{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.character-card{grid-template-columns:72px 1fr;padding:12px}.character-list{grid-template-columns:repeat(1,1fr);gap:0%}.character-image{width:72px;height:72px}.character-characterName{font-size:16px}.character-jobGrowName,.character-server,.character-level{font-size:13px}.search-history{grid-template-columns:1fr}.search-history .history-item:nth-child(n+6){display:none}.search-form{flex-direction:column;gap:10px}.search-container{padding:0 12px}.search-form select,.search-form input,.search-form button{width:100%}}.detail-layout{display:grid;grid-template-columns:1.4fr 3.6fr 4.5fr;height:90vh;gap:16px;padding:16px;border-radius:8px;box-shadow:0 4px 12px #0000004d;background:radial-gradient(1200px 600px at 20% 0%,#1c1c1c,#121212 60%)}.col{padding:16px;overflow-y:auto;border-radius:14px;background:linear-gradient(to bottom,#1e1e1e,#181818);box-shadow:0 4px 12px #0009,inset 0 1px #ffffff08}.col.profile{background:linear-gradient(to bottom,#202020,#171717)}.col.equipment{background:linear-gradient(to bottom,#1f1f1f,#161616)}.col.auction{background:linear-gradient(to bottom,#222,#181818)}.col::-webkit-scrollbar{width:6px}.col::-webkit-scrollbar-track{background:transparent}.col::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.col::-webkit-scrollbar-thumb:hover{background:#ffffff40}.pc-only{display:grid}.mobile-only{display:none}.mobile-tabs{display:none;height:56px;background:linear-gradient(to bottom,#1f1f1f,#141414);box-shadow:0 2px 6px #0009}.mobile-tabs button{flex:1;background:none;border:none;color:#aaa;font-size:14px;font-weight:600}.mobile-tabs button.active{color:#7df9ff;text-shadow:0 0 6px rgba(125,249,255,.6)}@media(max-width:768px){.pc-only{display:none!important}.mobile-only{display:block}.detail-layout{height:100%}.mobile-tabs{display:flex}.col{height:auto;overflow:visible;border-radius:0;box-shadow:none}.mobile-content{padding:12px}}.profile-card{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.profile-image{width:120px;height:120px;border-radius:8px;object-fit:cover}.fame{margin-top:12px;font-size:14px;color:gold}.equipment-list{font-size:14px}.equipment-row{display:grid;grid-template-columns:50px 30px 1fr 1fr;padding:8px 12px;border-bottom:1px solid #2a2a2a;align-items:center}.info .name{font-weight:600;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.info .slot{font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enchant{font-size:12px;color:#bbb}.equipment-row:hover{background:#ffd7000d}@media(max-width:768px){.col.equipment{overflow:hidden}.equipment-scroll{height:calc(100vh - 56px)}.equipment-row{display:grid;grid-template-columns:50px 36px 1fr;grid-template-rows:auto auto;grid-template-areas:"reinforce image info" "enchant enchant enchant";padding:10px 12px;border-bottom:1px solid #2a2a2a;gap:6px 8px}.reinforce{align-self:start;font-weight:700;text-align:center}.equipment-row img{align-self:start;width:32px;height:32px}.info{display:flex;flex-direction:column}.enchant{font-size:12px;color:#bbb;padding-left:100px}.info .name{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical}.equipment-scroll{height:700px;overflow-y:auto;scrollbar-width:none}.equipment-scroll::-webkit-scrollbar{width:0}.equipment-scroll:hover::-webkit-scrollbar{width:6px}.equipment-scroll:hover::-webkit-scrollbar-thumb{background-color:#ffd70066;border-radius:8px}.equipment-scroll:after{content:"";position:sticky;bottom:0;display:block;height:24px;background:linear-gradient(to bottom,#12121200,#121212);pointer-events:none}.info .slot{font-size:12px;color:#aaa}.equipment-row .reinforce{grid-area:reinforce}.equipment-row img{grid-area:image}.equipment-row .info{grid-area:info}.equipment-row .enchant{grid-area:enchant}}.name{font-weight:600}.rarity-커먼{color:#fff}.rarity-언커먼{color:#68d5ed}.rarity-레어{color:#b36bff}.rarity-유니크{color:#f0f}.rarity-레전더리{color:#ff7800}.rarity-크로니클{color:#f66}.rarity-에픽{color:#ffb400}.rarity-태초{background:linear-gradient(to bottom,#7cffd6,#3ee6b5 45%,#1baa87);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reinforce{color:gold;font-weight:700;text-align:center}.reinforce.amplified{color:#cf00cf}.auction-item{display:grid;grid-template-columns:70px 56px 3fr 120px 100px;margin-bottom:5px;padding:2px 10px}.damage{color:#9ad94a;font-weight:600;margin-top:6%;line-height:1.2}.auction-item img{width:36px;height:36px}.info{display:flex;flex-direction:column;min-width:0}.info .name{font-weight:600;white-space:normal;overflow:hidden;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical}.info .slot{font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.price{color:gold;font-weight:500;line-height:1.2}.gold-damage.gd-good{color:#00ff9c;text-shadow:0 0 1px rgba(0,255,156,.4);font-weight:700}.gold-damage.gd-normal{color:#dcdcdc;font-weight:600}.gold-damage.gd-bad{color:#ff6b6b;text-shadow:0 0 1px rgba(255,107,107,.35);font-weight:700}.auction-header{display:grid;grid-template-columns:70px 56px 3fr 120px 100px;padding:10px;border-bottom:2px solid #444;color:#bbb;font-size:13px;font-weight:600}.auction-price-header{position:relative}.auction-tooltip{position:relative;display:inline-block;cursor:help}.auction-tooltip:before{content:"?";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:#2a2a2a;border:1px solid #666;color:#f2f2f2;font-size:11px;line-height:16px;text-align:center;box-shadow:0 0 6px #0006}.auction-tooltip-content{position:absolute;left:-180px;top:100%;margin-top:8px;width:240px;padding:10px 12px;background:#1b1b1b;color:#e9e9e9;border:1px solid #444;border-radius:8px;font-size:12px;line-height:1.4;box-shadow:0 8px 20px #00000073;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease;z-index:5}.auction-tooltip:hover .auction-tooltip-content{opacity:1;visibility:visible;transform:translateY(0)}.damage,.price,.value{font-variant-numeric:tabular-nums}.auction-list{height:400px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.auction-list::-webkit-scrollbar{width:0}.auction-list:hover::-webkit-scrollbar{width:6px}.auction-list:hover::-webkit-scrollbar-thumb{background-color:#ffd70080;border-radius:8px}.auction-list.is-scrollable:after{content:"";position:sticky;bottom:0;display:block;height:24px;background:linear-gradient(to bottom,#12121200,#121212);pointer-events:none}.auction-list.is-scrollable .auction-item:last-child{margin-bottom:24px}.auction-item:hover{background:#ffd7000d}.enchantInfo{color:#bbb;text-align:left;padding-top:50px;font-size:13px}@media(max-width:768px){.auction-header{display:none}.auction-item{grid-template-columns:48px 1fr;grid-template-areas:"image info" "damage price" "damage gold";row-gap:6px;column-gap:10px;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.auction-item img{grid-area:image;width:40px;height:40px}.info .name{grid-area:info;font-size:14px;line-height:1.3}.info .slot{grid-area:info;font-size:11px}.damage{grid-area:damage;text-align:left;font-size:13px}.price{grid-area:price;text-align:right;font-size:13px}.gold-damage{grid-area:gold;text-align:right;font-size:13px;line-height:1.2}}.app-footer{width:100%;padding:16px 0;text-align:center}.neople-logo{height:40px;opacity:.85}.neople-logo:hover{opacity:1}#root{max-width:1400px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html,body,#root{height:100%}.app-layout{min-height:100%;display:flex;flex-direction:column}.app-content{flex:1}