@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#090a15;--panel:#131324;--line:#34304c;--text:#f4efff;--muted:#aaa6c2;--violet:#a45bff;--gold:#ffca83}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 15% 10%,#201334 0,transparent 35%),var(--bg);color:var(--text);font-family:'Noto Sans KR',sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1540px;margin:auto}.top{height:80px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;background:#0d0d1ce8}.brand{font-size:22px;letter-spacing:-1px;color:#e7d2ff}.brand:first-letter{color:#b76aff}.brand small{display:block;font-size:11px;text-align:right;letter-spacing:4px;color:#d4a5ff}.top nav{display:flex;gap:42px;font-weight:600;color:#c5bfd4;font-size:14px}.top nav a:hover{color:#c18aff}.discord{display:inline-block;border:1px solid #55517d;background:#25264a;border-radius:28px;padding:11px 19px;font-size:13px;font-weight:700}.hero{height:365px;position:relative;overflow:hidden;background:linear-gradient(90deg,#0c0d1e 0%,#11102cdd 42%,#1b123b33 100%),url('/hero.jpg') center 42%/cover;border-bottom:1px solid #9c60df80}.hero-overlay{position:relative;z-index:2;padding:55px 7%}.eyebrow{color:#c18aff;letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{font-size:43px;line-height:1.32;margin:14px 0;color:#fff4e8;letter-spacing:-2px}.hero h1 em{font-style:normal;color:#d6a2ff;text-shadow:0 0 22px #a05aff70}.hero p{color:#ddd1e6;font-size:14px;max-width:520px}.hero-actions{display:flex;gap:12px;margin-top:23px}.primary{background:linear-gradient(125deg,#7d36cc,#b065ff);color:white;border:1px solid #bd7fff;padding:12px 22px;border-radius:10px;box-shadow:0 4px 20px #9c50ed45;font-weight:800}.primary:hover{filter:brightness(1.15)}.outline{background:#0c0b1d99;border:1px solid #aa7bc9;color:white;border-radius:10px;padding:12px 22px;font-weight:700}.hero-mark{position:absolute;right:8%;top:30px;font-size:210px;color:#ffffff10;font-family:serif;pointer-events:none}.stats{margin:-1px 5% 0;border:1px solid #5d407b;background:#151326;display:grid;grid-template-columns:repeat(4,1fr);border-radius:0 0 16px 16px;box-shadow:0 12px 35px #0005}.stats>div{padding:23px 30px;border-right:1px solid #403450}.stats>div:last-child{border:0}.stats span{display:block;font-size:12px;color:#b7abc8}.stats strong{font-size:29px;margin-right:5px;color:#ffdfb4}.stats small{color:#999}.auction-section{padding:45px 5%}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:27px;margin:8px 0}.section-head p{font-size:13px;color:var(--muted);margin:0}.spark{color:#b57aff}.toolbar{display:flex;justify-content:space-between;gap:15px;margin:28px 0 20px}.tabs{background:#1c1a31;border-radius:12px;padding:5px;display:flex;gap:4px}.tabs button{background:transparent;border:0;color:#b8b1c8;border-radius:9px;padding:10px 18px}.tabs button.active{background:#63339e;color:white;box-shadow:0 0 16px #8c3ddd55}.toolbar input{background:#171628;border:1px solid #4a405d;border-radius:12px;padding:12px 16px;color:white;min-width:260px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.auction-card{border:1px solid #514064;background:linear-gradient(160deg,#211b36,#111322 65%);border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s}.auction-card:hover{transform:translateY(-3px);border-color:#b16bf6}.card-art{height:145px;background:radial-gradient(circle at center,#54317d77,transparent 60%),linear-gradient(130deg,#1c1832,#101221);display:grid;place-items:center;position:relative}.card-art .item-icon{font-size:63px;filter:drop-shadow(0 0 16px #b36eff88)}.pill{position:absolute;top:12px;right:12px;border:1px solid #9354ca;background:#39204d;border-radius:20px;padding:5px 11px;font-size:11px}.card-body{padding:19px}.card-body h3{font-size:18px;margin:0 0 17px}.subtle{color:#aaa3b7;font-size:12px}.price{font-size:23px;font-weight:900;color:var(--gold);margin:5px 0 12px}.card-meta{display:flex;justify-content:space-between;border-top:1px solid #373048;padding:12px 0;color:#c5b8d2;font-size:12px}.countdown{color:#ff8c8f;font-weight:900;font-variant-numeric:tabular-nums}.bid-button{width:100%;padding:12px;border-radius:10px;background:#432065;border:1px solid #a66cf2;color:#f7eaff;font-weight:800}.bid-button:hover{background:#653292}.bid-button:disabled{opacity:.45;cursor:not-allowed}.admin-actions{display:flex;gap:8px;margin-top:10px}.admin-actions button{flex:1;background:transparent;border:1px solid #5d4a66;border-radius:8px;color:#c7b6cf;padding:7px;font-size:11px}.empty{grid-column:1/-1;text-align:center;padding:80px 15px;border:1px dashed #57456b;border-radius:15px;color:#c3b6d4}.footer-banner{margin:0 5%;text-align:center;background:#20172e;border:1px solid #4e355f;padding:20px;border-radius:14px;color:#d7c2e8;font-size:13px}.footer-banner span{color:#c38cff}footer{display:flex;justify-content:space-between;padding:34px 5%;font-size:12px;color:#77718b}#toast{position:fixed;right:22px;bottom:24px;z-index:100;background:#282039;color:#fff;border:1px solid #a16ce0;border-radius:12px;padding:14px 20px;box-shadow:0 10px 40px #0008;display:none;max-width:350px}dialog{background:#171326;color:white;border:1px solid #754f9b;border-radius:18px;padding:28px;width:min(430px,calc(100% - 24px));box-shadow:0 25px 100px #000c}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.modal-title{display:flex;justify-content:space-between;align-items:center}.modal-title h2{margin:0}.close{background:transparent;border:0;color:white;font-size:20px}dialog p{font-size:12px;color:#a9a0bc}dialog label{display:block;margin:16px 0;font-size:13px;color:#d8c9eb}dialog input{display:block;margin-top:8px;width:100%;padding:12px;background:#0c0c1b;border:1px solid #554466;color:white;border-radius:9px}.full{width:100%}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.top nav{gap:15px}}@media(max-width:640px){.top{padding:0 4%;height:68px}.brand{font-size:16px}.brand small{font-size:9px}.top nav{display:none}.discord{font-size:11px;padding:9px}.hero{height:345px}.hero-overlay{padding:38px 6%}.hero h1{font-size:34px}.hero-mark{font-size:120px;right:0;top:130px}.stats{margin:0 3%;grid-template-columns:repeat(2,1fr)}.stats>div{padding:15px;border-bottom:1px solid #403450}.stats strong{font-size:24px}.auction-section{padding:35px 4%}.section-head h2{font-size:22px}.section-head>.primary{padding:10px;font-size:12px}.toolbar{flex-direction:column}.toolbar input{min-width:0;width:100%}.tabs{justify-content:space-between}.tabs button{padding:10px 9px;font-size:12px}.cards{grid-template-columns:1fr}.card-art{height:160px}footer{display:block}footer span{display:block;margin-top:8px}}

/* JAEBEOL VAULT identity */
body{background-color:#080c13}.brand strong{letter-spacing:.12em}.brand small{letter-spacing:.13em;font-size:10px}.hero{background-image:linear-gradient(90deg,rgba(6,10,16,.94),rgba(6,10,16,.55)),url('/hero.jpg');background-position:center}.hero h1{letter-spacing:-.055em}.hero h1 em{color:#f1c878;font-style:normal}.hero-mark{color:rgba(238,196,113,.18)}

/* 운영진 전용 등록 버튼 숨김 */
[hidden]{display:none!important}

.card-meta span:first-child{overflow-wrap:anywhere;min-width:0;flex:1;padding-right:8px}

/* Original Korean fantasy artwork: no embedded UI, text, or metrics. */
.hero{background-image:linear-gradient(90deg,rgba(7,8,22,.97) 0%,rgba(10,8,26,.90) 35%,rgba(12,9,27,.28) 100%),url('/hero-fantasy.svg');background-size:cover;background-position:center 48%;border-bottom-color:#9b74ba}
.hero h1 em{color:#f4d08c;text-shadow:0 0 24px #ac73d050}
.top{background:#100d22ed}.auction-card{border-color:#625071}.auction-card:hover{border-color:#e1bb78}.primary{background:linear-gradient(125deg,#7142b7,#9d65d9)}
@media(max-width:640px){.hero{background-position:63% center;background-image:linear-gradient(90deg,rgba(7,8,22,.97),rgba(10,8,26,.84) 60%,rgba(12,9,27,.50)),url('/hero-fantasy.svg')}}

/* Hero art is a separate illustration layer without baked-in UI or numbers. */
.hero{background-image:linear-gradient(90deg,rgba(7,8,22,.98) 0%,rgba(9,8,24,.94) 32%,rgba(9,8,24,.45) 70%,rgba(9,8,24,.22) 100%),url('/hero-art.jpg?v=3')!important;background-size:cover;background-position:right 35%;}
.hero-mark{display:none!important}
@media(max-width:640px){.hero{background-image:linear-gradient(90deg,rgba(7,8,22,.98),rgba(9,8,24,.87) 60%,rgba(9,8,24,.60)),url('/hero-art.jpg?v=3')!important;background-position:70% center;}.hero h1{font-size:clamp(27px,7vw,34px);word-break:keep-all}}

/* Direct amount bid, mobile friendly */
.custom-bid{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.custom-bid input{flex:2;min-width:155px;padding:13px;border:1px solid #73519c;border-radius:12px;background:#181326;color:#fff;font-size:16px}.custom-bid button{flex:1;min-width:125px;padding:13px;border:1px solid #b88cdd;border-radius:12px;background:#4e2874;color:#fff;font-weight:700;cursor:pointer}