:root{--bg:#0b1020;--bg-soft:#12182c;--fg:#eef2ff;--muted:#9aa3c2;--card:#171e34;--line:#2a3354;--primary:#6d5efc;--primary-hover:#5b4cf0;--gold:#f0b429;--ok:#34d399;--ok-bg:#34d3991f;--danger:#fb7185;--danger-bg:#fb71851f;--radius:14px;--font:"Inter", "Noto Sans KR", system-ui, sans-serif;--shadow:0 18px 50px #00000059}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--fg);background:var(--bg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.stage{background:radial-gradient(900px 420px at 12% -10%,#6d5efc47,#0000 55%),radial-gradient(700px 360px at 90% 0,#f0b4291f,#0000 50%),linear-gradient(#0b1020 0%,#10162b 40%,#0b1020 100%);min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#0b1020d1;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.85rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.7rem;display:flex}.brand-mark{background:linear-gradient(135deg,#7c6fff,#4f46e5);border-radius:12px;place-items:center;width:2.4rem;height:2.4rem;font-weight:800;display:grid;box-shadow:0 8px 20px #6d5efc59}.brand strong{font-size:1.05rem;display:block}.brand em{color:var(--muted);font-size:.75rem;font-style:normal;display:block}.nav{gap:.25rem;margin-left:.5rem;display:flex}.nav a{color:#c7d0ee;border-radius:999px;padding:.5rem .85rem;font-weight:600}.nav a:hover{background:#ffffff0f}.nav a.is-on{color:#fff;background:#6d5efc2e}.topbar-right{align-items:center;gap:.75rem;margin-left:auto;display:flex}.live-pill{color:#86efac;background:#34d3991a;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.live-pill i{background:#34d399;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #34d3992e}.user-chip{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;align-items:center;gap:.65rem;padding:.3rem .4rem .3rem .3rem;display:flex}.user-avatar{color:#1a1303;background:linear-gradient(135deg,#f0b429,#f59e0b);border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid}.user-meta{flex-direction:column;min-width:5rem;line-height:1.2;display:flex}.user-meta strong{font-size:.86rem}.user-meta span{color:var(--gold);font-size:.72rem}.main{padding:clamp(1.4rem,3vw,2.4rem)}.sheet{max-width:1100px;margin:0 auto}.kicker{color:#b7a9ff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:700}h1,h2{margin:0 0 .6rem;font-weight:800}h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:1.1rem}.lead{max-width:38rem;color:var(--muted);margin:0 0 1.3rem}.row{flex-wrap:wrap;gap:.65rem;display:flex}.seal,.ghost{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:2.55rem;padding:.45rem 1.1rem;font-weight:700;display:inline-flex}.seal{color:#fff;background:linear-gradient(135deg,#7c6fff,#4f46e5);box-shadow:0 10px 24px #4f46e547}.seal:hover{background:var(--primary-hover)}.ghost{border-color:var(--line);color:var(--fg);background:#ffffff0d}.ghost:hover{background:#ffffff17}.ghost-sm{border-radius:999px;min-height:2rem;padding:.2rem .7rem;font-size:.78rem}.seal:disabled,.ghost:disabled{opacity:.5;cursor:not-allowed}.notice,.warn{background:var(--ok-bg);color:var(--ok);border-radius:12px;margin:0 0 1rem;padding:.75rem .9rem}.warn{background:var(--danger-bg);color:var(--danger)}.fold{gap:.9rem;display:grid}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.15rem}.field{gap:.35rem;margin-bottom:.85rem;display:grid}.field span{color:var(--muted);font-size:.8rem;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--line);color:var(--fg);background:#101628;border-radius:12px;padding:.7rem .8rem}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7c6fff;outline:2px solid #6d5efc73}.muted{color:var(--muted);font-size:.88rem}.hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#6d5efc33,#0000 45%),linear-gradient(#1a2140,#12182c);border-radius:24px;margin-bottom:1.2rem;padding:clamp(1.6rem,4vw,3rem);position:relative;overflow:hidden}.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1.6rem;display:grid}.hero-stats article{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;padding:.85rem .9rem}.hero-stats span{color:var(--muted);font-size:.8rem;display:block}.hero-stats strong{font-size:1.35rem}.home-grid{grid-template-columns:1.2fr 1fr;gap:.9rem;display:grid}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.1rem 0 0;display:grid}.quick-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);padding:1.1rem;display:block}.quick-card strong{margin-bottom:.3rem;display:block}.quick-card span{color:var(--muted);font-size:.9rem}.stat-list,.plain-list,.rate-list,.promo-list,.ledger{margin:0 0 1rem;padding:0;list-style:none}.stat-list li,.plain-list li,.rate-list li,.promo-list li,.ledger li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.8rem;padding:.55rem 0;display:flex}.promo-list li{align-items:flex-start}.promo-list a{word-break:break-all;font-weight:700;display:block}.promo-list em{color:var(--muted);margin-top:.2rem;font-size:.82rem;font-style:normal;display:block}.promo-st{background:#ffffff0f;border-radius:999px;flex:none;padding:.2rem .55rem;font-size:.78rem}.promo-st.is-pending{color:#fde68a;background:#f0b4291f}.promo-st.is-rewarded{color:#86efac;background:#34d3991f}.promo-st.is-failed{color:#fb7185;background:#fb71851f}.lanterns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.9rem;margin-top:1rem;display:grid}.lantern{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:.55rem;padding:1.2rem;display:flex}.lantern h2{margin:0}.lantern p{color:var(--muted);margin:0;font-size:.92rem}.lantern .price{color:var(--gold);font-size:1.15rem;font-weight:800}.gacha-box{transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.gacha-box:hover{border-color:#5b4cf0;transform:translateY(-4px);box-shadow:0 18px 40px #6d5efc47}.gacha-box-orb{background:radial-gradient(circle at 32% 28%,#fff 0 8%,#0000 18%),radial-gradient(circle at 50% 45%,#c4b5fd,#6d5efc 46%,#1e1b4b 78%);border-radius:50%;width:3.2rem;height:3.2rem;margin-bottom:.2rem;animation:2.4s ease-in-out infinite gacha-orb-idle;box-shadow:0 0 24px #7c6fff8c}.gacha-pull{animation:1.8s ease-in-out infinite gacha-pull-pulse}.gacha-tag{font-style:normal;font-weight:700}.gacha-tag.is-rare{color:#c4b5fd}.gacha-tag.is-legend{color:var(--gold)}.gacha-stage{z-index:80;background:#040610e0;place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0;overflow:hidden}.gacha-stage.is-flash{animation:.16s linear infinite gacha-shake}.gacha-stage.is-reveal.is-legend{animation:.45s ease-out gacha-boom}.gacha-vignette{pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 18%,#050714 78%);position:absolute;inset:0}.gacha-burst{pointer-events:none;background:radial-gradient(circle,#6d5efc59,#0000 62%);border-radius:50%;width:42rem;height:42rem;animation:1.2s ease-out infinite gacha-burst;position:absolute}.gacha-stage.is-reveal.is-rare .gacha-burst{background:radial-gradient(circle,#a78bfa80,#0000 62%)}.gacha-stage.is-reveal.is-legend .gacha-burst{background:radial-gradient(circle,#f0b4298c,#0000 62%);animation:.7s ease-out infinite gacha-burst}.gacha-flash{pointer-events:none;background:#fff;animation:.28s ease-out forwards gacha-whiteout;position:absolute;inset:0}.gacha-play{z-index:1;text-align:center;width:min(420px,100%);position:relative}.gacha-stage-kicker{color:#c4b5fd;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.1rem;font-weight:800}.gacha-core{place-items:center;width:8.5rem;height:8.5rem;margin:0 auto 1.1rem;display:grid;position:relative}.gacha-core i,.gacha-core b{border-radius:50%;position:absolute;inset:0}.gacha-core i{border:2px solid #c4b5fd59;animation:1.1s linear infinite gacha-ring}.gacha-core i:nth-child(2){border-color:#f0b42980;animation-duration:.8s;animation-direction:reverse;inset:.7rem}.gacha-core b{background:radial-gradient(circle at 30% 28%,#fff,#0000 28%),radial-gradient(circle,#a78bfa,#4f46e5 60%,#111827);inset:1.5rem;box-shadow:0 0 40px #a78bfacc}.gacha-core.is-charge b{animation:.55s ease-in-out infinite gacha-core-charge}.gacha-core.is-spin b{animation:.35s linear infinite gacha-core-spin}.gacha-status{letter-spacing:.08em;margin:0 0 1rem;font-weight:800}.gacha-status.is-hit{color:#fff;text-shadow:0 0 24px #f0b429;font-size:2.4rem}.gacha-slot{background:#080a18eb;border:1px solid #3b3f6a;border-radius:18px;width:min(380px,100%);height:228px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000073;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.gacha-slot-frame{z-index:2;pointer-events:none;border:2px solid #f0b429d9;border-radius:12px;height:76px;position:absolute;top:76px;left:10px;right:10px;box-shadow:0 0 18px #f0b42947}.gacha-slot-strip{z-index:1;will-change:transform;position:relative}.gacha-slot-strip.is-run{transition:transform var(--reel-ms,4s) cubic-bezier(.08, .76, .12, 1)}.gacha-slot-item{color:#8b93b4;box-sizing:border-box;justify-content:space-between;align-items:center;gap:.8rem;height:76px;padding:0 1.1rem;font-weight:800;display:flex}.gacha-slot-item b{font-size:1.05rem}.gacha-slot-item em{color:#c7b27a;font-style:normal}.gacha-slot-item.is-rare{color:#c4b5fd}.gacha-slot-item.is-legend{color:#f0b429}.gacha-slot-item.is-win{color:#fff;background:linear-gradient(90deg,#6d5efc47,#f0b42929)}.gacha-skip{z-index:3;min-width:8.8rem;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)}.gacha-card{z-index:1;text-align:center;background:linear-gradient(#7c6fff2e,#0000 42%),#171e34;border:1px solid #4c3fd4;border-radius:24px;width:min(440px,100%);padding:2rem 1.4rem 1.4rem;animation:.42s cubic-bezier(.16,1,.3,1) gacha-card-in;position:relative;box-shadow:0 24px 80px #00000080}.gacha-card.is-rare{border-color:#a78bfa;box-shadow:0 0 40px #a78bfa59}.gacha-card.is-legend{background:linear-gradient(#f0b42938,#0000 46%),#1a1608;border-color:#f0b429;animation:.55s cubic-bezier(.16,1,.3,1) gacha-card-legend;box-shadow:0 0 60px #f0b42973}.gacha-stamp{letter-spacing:.12em;background:#ffffff14;border-radius:999px;margin-bottom:.7rem;padding:.25rem .7rem;font-style:normal;font-weight:800;display:inline-block}.gacha-stamp.is-rare{color:#ddd6fe;background:#a78bfa33}.gacha-stamp.is-legend{color:#1a1303;background:linear-gradient(135deg,#fde68a,#f0b429);animation:.7s ease-out gacha-stamp-pop}.gacha-card strong{font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.2;display:block}.gacha-card span{color:var(--gold);margin:.35rem 0 .8rem;font-size:1.2rem;font-weight:800;display:block}.gacha-card p{color:var(--muted);margin:0 0 1.2rem}.gacha-card .row{justify-content:center}.gacha-sparks{pointer-events:none;position:absolute;inset:-20%}.gacha-sparks span{left:calc(8% + (var(--i) * 4.1%));width:6px;height:14px;animation:1.1s linear infinite gacha-spark;animation-delay:calc(var(--i) * -.08s);background:linear-gradient(#fff,#f0b429);border-radius:99px;position:absolute;top:-8%}@keyframes gacha-orb-idle{0%,to{filter:brightness();transform:translateY(0)}50%{filter:brightness(1.18);transform:translateY(-4px)}}@keyframes gacha-pull-pulse{0%,to{box-shadow:0 10px 24px #4f46e547}50%{box-shadow:0 10px 28px #f0b42966}}@keyframes gacha-burst{0%{opacity:.7;transform:scale(.7)}to{opacity:.15;transform:scale(1.2)}}@keyframes gacha-ring{to{transform:rotate(360deg)}}@keyframes gacha-core-charge{50%{filter:brightness(1.3);transform:scale(1.12)}}@keyframes gacha-core-spin{50%{transform:scale(1.08)rotate(12deg)}}@keyframes gacha-shake{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,2px)}to{transform:translate(0)}}@keyframes gacha-boom{0%{transform:scale(1.04)}40%{transform:scale(.98)}to{transform:scale(1)}}@keyframes gacha-whiteout{0%{opacity:.95}to{opacity:0}}@keyframes gacha-card-in{0%{opacity:0;transform:scale(.55)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes gacha-card-legend{0%{opacity:0;filter:brightness(3);transform:scale(.4)rotate(8deg)}60%{transform:scale(1.08)rotate(-2deg)}to{opacity:1;filter:brightness();transform:scale(1)rotate(0)}}@keyframes gacha-stamp-pop{0%{opacity:0;transform:scale(2.2)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes gacha-spark{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(520px)scale(.4)}}.letter{background:var(--card);border:1px solid var(--line);max-width:34rem;box-shadow:var(--shadow);border-radius:18px;padding:1.25rem}.promo-layout{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);align-items:stretch;gap:.9rem;display:grid}.promo-forms{gap:.9rem;display:grid}.promo-layout .letter{max-width:none}.promo-reward h2{margin:0 0 .45rem;font-size:1.2rem}.promo-reward-list{margin:.85rem 0 0;padding:0;list-style:none}.promo-reward-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.7rem;padding:.55rem 0;display:flex}.promo-reward-list li:last-child{border-bottom:0}.promo-reward-list b{color:var(--muted);flex:none}.letter.is-locked{opacity:.78}.field input:disabled{opacity:.7;cursor:not-allowed}.shop-layout{gap:1rem;margin-top:1rem;display:grid}.goods{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.goods-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.goods-card.is-hot{border-color:#f0b42973}.goods-card.is-locked{opacity:.78}.goods-art{background:radial-gradient(circle at 50% 40%,#7c6fff38,#0000 62%),#101628;place-items:center;height:168px;display:grid;position:relative}.goods-art img{object-fit:contain;width:100%;height:100%;padding:.7rem}.goods-blank{background:linear-gradient(135deg,#7c6fff,#4f46e5);border-radius:16px;place-items:center;width:4.2rem;height:4.2rem;font-size:1.5rem;font-weight:800;display:grid}.goods-art b,.goods-art em{color:#1a1303;background:#f0b429;border-radius:999px;padding:.18rem .5rem;font-size:.72rem;font-style:normal;font-weight:800;position:absolute;top:.7rem;left:.7rem}.goods-art em{color:#fff;background:#fb7185;left:auto;right:.7rem}.goods-body{flex:1;gap:.28rem;padding:.95rem 1rem .4rem;display:grid}.goods-body h2{margin:0;font-size:1.05rem}.goods-body p{color:var(--muted);margin:0;font-size:.9rem}.goods-buy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.85rem 1rem 1.05rem;display:flex}.goods-buy strong{color:var(--gold);display:block}.goods-buy s{color:var(--muted);font-size:.82rem}.goods-buy .shop-lock{text-align:left;width:100%;font-style:normal}.index{flex-wrap:wrap;gap:.45rem;display:flex}.index button{border:1px solid var(--line);color:#c7d0ee;background:#ffffff0a;border-radius:999px;padding:.42rem .85rem}.index button.is-on{color:#fff;background:#6d5efc33;border-color:#0000;font-weight:700}.strips{gap:.75rem;display:grid}.strip{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:1fr auto;gap:1rem;padding:1.1rem 1.15rem;display:grid}.strip h2{margin:.15rem 0 .3rem;font-size:1.08rem}.strip-buy{flex-direction:column;justify-content:center;align-items:flex-end;gap:.4rem;min-width:7.5rem;display:flex}.strip-buy s{color:var(--muted)}.shop-meta{color:#b7a9ff;margin:.25rem 0 0;font-size:.82rem;font-weight:600}.shop-lock{color:var(--muted);text-align:right;max-width:10rem;font-size:.78rem;font-style:normal}.strip.is-locked{opacity:.78}.admin-shop{gap:.9rem;display:grid}.admin-shop-card{max-width:none}.admin-shop-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.admin-shop-preview{border:1px solid var(--line);background:#101628;border-radius:12px;flex:0 0 4.2rem;place-items:center;width:4.2rem;height:4.2rem;display:grid;overflow:hidden}.admin-shop-preview img{object-fit:contain;width:100%;height:100%}.admin-shop-head h2{margin:0}.admin-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.reward-line{color:var(--muted);font-size:.88rem}.ledger li{align-items:center}.ledger .rank{width:2rem;color:var(--gold);font-weight:800}.ledger em{color:var(--muted);font-size:.85rem;font-style:normal;display:block}.ledger b{align-items:center;gap:.45rem;display:inline-flex}.online-dot{background:#3b4258;border-radius:50%;width:.55rem;height:.55rem}.online-dot.is-on{background:#3b82f6;box-shadow:0 0 0 4px #3b82f638,0 0 10px #60a5fa}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060812b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.login-card{background:linear-gradient(#7c6fff1f,#0000 36%),#171e34;border:1px solid #3a4470;border-radius:22px;width:min(420px,100%);padding:1.5rem 1.45rem 1.4rem;box-shadow:0 24px 70px #00000073}.login-card h2{font-size:1.55rem}.auth-tabs{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1rem;display:grid}.auth-tabs button{border:1px solid var(--line);min-height:2.4rem;color:var(--muted);background:#ffffff0a;border-radius:10px;font-weight:700}.auth-tabs button.is-on{color:#fff;background:#6d5efc38;border-color:#0000}.admin-form{max-width:560px}.admin-form .row input{flex:1;min-width:10rem}.admin-check{align-items:center;gap:.5rem;margin:.4rem 0 1rem;font-weight:600;display:flex}.admin-hottime{gap:1.2rem;display:grid}.admin-reward-list{gap:.55rem;margin:1rem 0;display:grid}.admin-reward-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-reward-row{grid-template-columns:8rem 6rem 1fr auto;gap:.5rem;display:grid}.admin-reward-row input,.admin-form input,.sheet>.row input{border:1px solid var(--line);color:var(--fg);background:#101628;border-radius:12px;padding:.7rem .8rem}.admin-reward-row input:focus,.admin-form input:focus,.sheet>.row input:focus{border-color:#7c6fff;outline:2px solid #6d5efc73}.data-wrap{border:1px solid var(--line);background:var(--card);border-radius:16px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.75rem .85rem}.data-table th{color:var(--muted);letter-spacing:.03em;font-size:.78rem;font-weight:700}.data-table tr:last-child td{border-bottom:0}.data-table .plus{color:#86efac;font-weight:700}.data-table .minus{color:#fb7185;font-weight:700}a.ghost{display:inline-flex}@media (width<=900px){.nav{order:3;width:100%;overflow-x:auto}.hero-stats,.home-grid,.lanterns,.quick-grid,.goods,.promo-layout,.strip{grid-template-columns:1fr}.strip-buy{align-items:flex-start}.admin-reward-row,.admin-shop-grid{grid-template-columns:1fr}}@media (width<=640px){.topbar{flex-wrap:wrap}.topbar-right{justify-content:space-between;width:100%}}