@font-face{font-family:Galmuri11;src:url(/fonts/galmuri11-bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--night: #0E0A22;--night-2: #1A1440;--panel: #231B4E;--panel-2: #16112F;--slot: #100C26;--ink: #F3EAD3;--muted: #A9A0C8;--line: rgba(226, 184, 90, .28);--gold: #E2B85A;--gold-hi: #FFE08A;--gold-lo: #A8761E;--gold-soft: rgba(226, 184, 90, .14);--gold-deep: #FFD36A;--navy: #1B2A4A;--navy-soft: rgba(124, 108, 220, .16);--parch: #F4E6C4;--parch-ink: #3A2A14;--parch-line: #C9A86A;--ok: #7BE0A0;--ok-soft: rgba(70, 190, 120, .16);--err: #FF8A8A;--err-soft: rgba(220, 70, 70, .16);--wait: #FFD36A;--wait-soft: rgba(226, 184, 90, .16);--radius: 12px;--shadow: 0 6px 22px rgba(0, 0, 0, .45);--sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--pixel: "Galmuri11", var(--sans);--frame: inset 0 0 0 1px rgba(0, 0, 0, .55), inset 0 0 0 3px rgba(226, 184, 90, .12), 0 8px 26px rgba(0, 0, 0, .5);--corners: linear-gradient(var(--gold-hi), var(--gold-hi)) 5px 5px / 12px 2px, linear-gradient(var(--gold-hi), var(--gold-hi)) 5px 5px / 2px 12px, linear-gradient(var(--gold-hi), var(--gold-hi)) calc(100% - 5px) 5px / 12px 2px, linear-gradient(var(--gold-hi), var(--gold-hi)) calc(100% - 5px) 5px / 2px 12px, linear-gradient(var(--gold-hi), var(--gold-hi)) 5px calc(100% - 5px) / 12px 2px, linear-gradient(var(--gold-hi), var(--gold-hi)) 5px calc(100% - 5px) / 2px 12px, linear-gradient(var(--gold-hi), var(--gold-hi)) calc(100% - 5px) calc(100% - 5px) / 12px 2px, linear-gradient(var(--gold-hi), var(--gold-hi)) calc(100% - 5px) calc(100% - 5px) / 2px 12px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip;color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}html{background:var(--night)}body{width:100vw}body{min-height:100vh;background:radial-gradient(1.5px 1.5px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 27% 62%,#fff7 50%,transparent 51%),radial-gradient(1.5px 1.5px at 41% 33%,#ffe9a8aa 50%,transparent 51%),radial-gradient(1px 1px at 58% 78%,#fff6 50%,transparent 51%),radial-gradient(1.5px 1.5px at 73% 24%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 86% 54%,#ffe9a899 50%,transparent 51%),radial-gradient(1px 1px at 93% 12%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 5% 88%,#fff6 50%,transparent 51%),radial-gradient(ellipse 80% 50% at 50% -10%,rgba(124,92,230,.35),transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(226,120,90,.12),transparent 70%),linear-gradient(180deg,var(--night-2),var(--night) 60%);background-size:420px 420px,360px 360px,520px 520px,300px 300px,460px 460px,380px 380px,340px 340px,400px 400px,auto,auto,auto;background-attachment:fixed}a{color:var(--ink);text-decoration:none;transition:color .12s}a:hover{color:var(--gold-deep)}h1,h2,h3{margin:0;letter-spacing:-.01em;line-height:1.3}::selection{background:#e2b85a66;color:#fff}.muted{color:var(--muted)}.small{font-size:13px}.r{text-align:right}.grow{flex:1}.pre{white-space:pre-wrap;word-break:break-word;margin:8px 0 0}.err-text{color:var(--err)}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wrap{max-width:960px;margin:0 auto;padding:0 16px}.hdr-wrap{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#16112ff5,#0e0a22eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--gold-lo);box-shadow:0 1px #e2b85a40,0 3px #0006,0 4px #e2b85a26;transition:background .2s,box-shadow .2s}.hdr{display:flex;align-items:center;gap:8px 18px;min-height:60px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}.brand{display:flex;align-items:center;gap:9px;font:700 19px var(--pixel);letter-spacing:.02em;color:var(--gold-deep);text-shadow:0 2px 0 #3A2405,0 0 12px rgba(255,211,106,.35)}.brand:hover{color:var(--gold-hi)}.brand img{border-radius:7px;border:2px solid var(--gold);box-shadow:0 0 0 1px #000,0 0 10px #e2b85a80}.hdr nav{display:flex;gap:4px;overflow-x:auto;flex:1;scrollbar-width:none}.hdr nav::-webkit-scrollbar{display:none}.hdr nav a{position:relative;padding:6px 13px;border-radius:8px;font-weight:700;white-space:nowrap;font-size:14px;color:var(--muted);border:1px solid transparent}.hdr nav a:hover{color:var(--ink);background:var(--navy-soft)}.hdr nav a.active{color:var(--gold-deep);background:linear-gradient(180deg,#e2b85a2e,#e2b85a0f);border-color:var(--line)}.account{display:flex;align-items:center;gap:8px;margin-left:auto}.account .name{font-weight:700;font-size:14px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gold-deep)}@media(max-width:640px){.hdr nav{order:3;flex-basis:100%;margin:0 -16px;padding:0 16px 4px}}.main{padding:32px 16px 56px;min-height:60vh}.foot{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:26px 16px 34px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.foot:before{content:"✦";position:absolute;top:-10px;left:50%;transform:translate(-50%);color:var(--gold);font-size:14px;padding:0 10px;background:var(--night);line-height:18px}.foot nav{display:flex;gap:14px;flex-wrap:wrap}.foot nav a{color:var(--muted)}.foot nav a:hover{color:var(--gold-deep)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 20px;border-radius:10px;font:700 14px var(--sans);color:var(--ink);background:linear-gradient(180deg,#3a2f72,#251c55);border:1.5px solid var(--gold-lo);cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px #ffffff26,0 3px #0a0718,0 5px 12px #0006;transition:transform .08s,box-shadow .08s,filter .12s}.btn:hover:not(:disabled){filter:brightness(1.15);color:var(--gold-hi);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a,0 1px #0a0718}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{height:34px;padding:0 14px;font-size:13px}.btn.ghost{background:#ffffff0a;box-shadow:none;border-color:var(--line)}.btn.gold{background:linear-gradient(180deg,#fff0b8,#ffd36a 35%,#e2a93a);border-color:#7a5212;color:#3a2405;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 1px #fff8da,inset 0 -2px #7a521259,0 3px #5a3a0a,0 6px 16px #e2a93a59}.btn.gold:hover:not(:disabled){color:#3a2405;filter:brightness(1.07)}.card{position:relative;background:var(--corners),linear-gradient(180deg,var(--panel),var(--panel-2));background-repeat:no-repeat;border:1.5px solid var(--gold-lo);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--frame)}.card.center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 22px}.card h2{font:700 21px var(--pixel);color:var(--gold-deep);text-shadow:0 2px 0 #000}.card h3{color:var(--gold-deep);font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:640px){.two{grid-template-columns:1fr}}.sec{margin-top:32px}.sec-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sec-head h2{font:700 18px var(--pixel);color:var(--gold-deep);text-shadow:0 2px 0 #000,0 0 10px rgba(255,211,106,.3);white-space:nowrap}.sec-head h2:before{content:"◆ ";color:var(--gold);font-size:12px;vertical-align:2px}.sec-head:after{content:"";order:1;flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.6}.sec-head .more{order:2}.more{font-size:13px;color:var(--muted);white-space:nowrap}.h2{font:700 18px var(--pixel);color:var(--gold-deep);margin:32px 0 12px;text-shadow:0 2px 0 #000}.h2:before{content:"◆ ";color:var(--gold);font-size:12px;vertical-align:2px}.page-title{margin-bottom:24px;padding-bottom:14px;background:linear-gradient(90deg,var(--gold),rgba(226,184,90,.1) 70%,transparent) bottom left / 100% 1px no-repeat}.page-title h1{display:inline-block;font:700 30px var(--pixel);letter-spacing:.01em;color:transparent;background:linear-gradient(180deg,#fffbe0 10%,#ffd36a 55%,#f39a1e 95%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 0 #3A2405) drop-shadow(0 0 10px rgba(255,190,80,.25))}.page-title p{margin:8px 0 0}.back{display:inline-block;margin-bottom:14px;color:var(--muted);font-size:14px;font-weight:600}.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:56vh;padding:92px 24px 56px;text-align:center;color:#fff;background:url(/hero.jpg) center / cover no-repeat #2b2440}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 55% at 50% 45%,rgba(255,200,110,.18),transparent 70%),linear-gradient(180deg,rgba(14,10,34,.55),rgba(14,10,34,.55) 50%,var(--night) 100%)}.hero:after{content:"";position:absolute;top:-50%;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.8;background-image:radial-gradient(2px 2px at 10% 20%,#FFE9A8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 30% 70%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 55% 40%,#FFD36A 50%,transparent 51%),radial-gradient(1.5px 1.5px at 75% 80%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 90% 30%,#FFE9A8 50%,transparent 51%);background-size:300px 300px;animation:dust 18s linear infinite}@keyframes dust{to{transform:translateY(50%)}}.hero-logo{width:128px;height:128px;border-radius:26px;border:3px solid var(--gold);object-fit:cover;box-shadow:0 0 0 2px #2a1a05,0 0 0 5px #e2b85a59,0 0 34px #ffc8648c,0 10px 26px #00000080;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px)}}.hero h1{font:700 52px var(--pixel);margin-top:18px;letter-spacing:.04em;color:transparent;background:linear-gradient(180deg,#fffbe0 15%,#ffd75a 50%,#f39a1e 90%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #2A1406) drop-shadow(0 0 18px rgba(255,190,80,.45))}.hero p{margin:10px auto 0;max-width:560px;word-break:keep-all;font-size:16px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.7)}.hero p:before,.hero p:after{content:"✦";color:var(--gold-deep);margin:0 10px;font-size:12px;vertical-align:1px}.hero-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px;min-height:46px;align-items:center}.hero-dim{opacity:.8;font-size:14px}.btn.store{background:linear-gradient(180deg,#2a2160,#17113a);border:1.5px solid var(--gold);color:#fff;gap:9px;padding:0 20px 0 16px;height:48px;font-size:15px;box-shadow:inset 0 1px #ffffff2e,0 3px #05030f,0 0 18px #e2b85a40}.btn.store:hover:not(:disabled){color:var(--gold-hi)}.btn.store img{width:18px;height:18px}.btn.store img[src*=apple]{filter:invert(1)}.list{list-style:none;margin:0;padding:0}.list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px dashed var(--line)}.list li:first-child{border-top:0}.list li a{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list li a:before{content:"▸ ";color:var(--gold)}.list li a .badge{margin-right:6px}.list li>.small{white-space:nowrap}.card-list{position:relative;background:var(--corners),linear-gradient(180deg,var(--panel),var(--panel-2));background-repeat:no-repeat;border:1.5px solid var(--gold-lo);border-radius:var(--radius);box-shadow:var(--frame);padding:6px 22px}.card-list li{padding:15px 0}.card-list li:hover a{color:var(--gold-deep)}.podium li{justify-content:flex-start}.podium li>span:first-child{width:28px;text-align:center;font:700 16px var(--pixel);color:var(--muted)}.podium li:nth-child(-n+3)>span:first-child{font:22px var(--sans)}.podium li>strong{color:var(--ink)}.portrait,.hero-pt{display:inline-flex;flex:none;justify-content:center;align-items:flex-end;width:calc(32 * var(--u));height:calc(37 * var(--u));vertical-align:middle}.portrait{--u: 1.35px;margin-right:8px;background:radial-gradient(ellipse 45% 12% at 50% 92%,rgba(255,211,106,.35),transparent 70%)}.portrait>img,.hero-pt>img{flex:none;height:calc(37 * var(--u));width:auto;pointer-events:none}.portrait>img[data-wide],.hero-pt>img[data-wide]{height:calc(49 * var(--u))}.tbl{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1.5px solid var(--gold-lo);border-radius:var(--radius);box-shadow:var(--frame);overflow:hidden}.tbl th{text-align:left;font:700 12px var(--pixel);letter-spacing:.04em;color:var(--gold-deep);padding:11px 14px;background:linear-gradient(180deg,#e2b85a33,#e2b85a0f);border-bottom:1px solid var(--gold-lo)}.tbl td{padding:11px 14px;border-top:1px solid rgba(226,184,90,.12);vertical-align:middle}.tbl tr:first-child td{border-top:0}.tbl th.r{text-align:right}.rank th:first-child{text-align:center}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover td{background:#7c6cdc1f}.rank .rank-no{width:60px;text-align:center;font:700 15px var(--pixel);color:var(--muted)}.rank .badge{margin-left:6px}.rank td:nth-child(2){white-space:nowrap}.rank td{padding-top:4px;padding-bottom:4px}.rank .portrait{--u: 1.6px}.rank td:nth-child(3){font:700 14px var(--pixel);color:var(--gold-deep)}.rank td.job,.rank th{white-space:nowrap}.rank td.job b{display:block;font-weight:700}.rank td.job span{display:block;margin-top:1px}@media(max-width:480px){.rank th,.rank td{padding-left:6px;padding-right:6px}.rank .rank-no{width:34px}.rank .portrait{--u: 1.3px;margin-right:4px}.rank td:nth-child(2) strong{display:inline-block;max-width:6.5em;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}}.badge{display:inline-block;padding:1px 9px;border-radius:6px;font-size:12px;font-weight:700;border:1px solid var(--line);background:#ffffff0f;color:var(--ink);white-space:nowrap;vertical-align:middle}.badge.gold{background:linear-gradient(180deg,#ffe08a,#d9a23a);color:#3a2405;border-color:#7a5212;box-shadow:0 0 8px #ffd36a59}.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:#7be0a066}.badge.err{background:var(--err-soft);color:var(--err);border-color:#ff8a8a66}.badge.wait{background:var(--wait-soft);color:var(--wait);border-color:var(--line)}.badge.mute{background:#a9a0c81f;color:var(--muted);border-color:#a9a0c840}.note{background:linear-gradient(90deg,#e2b85a2e,#e2b85a0f);border:1px solid var(--line);border-left:3px solid var(--gold);color:#ffe9a8;border-radius:8px;padding:10px 14px;margin:12px 0;font-size:14px}.note a{text-decoration:underline;color:var(--gold-hi)}.note.ok{background:var(--ok-soft);border-color:#7be0a066;border-left-color:var(--ok);color:var(--ok)}.state{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 16px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);font-weight:600;margin:8px 0 16px;text-align:center;background:#100c2680}.state.col{flex-direction:column}.state.err{border-style:solid;background:var(--err-soft);border-color:#ff8a8a66;color:var(--err);flex-wrap:wrap}.spin{width:12px;height:12px;border-radius:2px;background:var(--gold);flex:none;animation:spin 1.2s ease-in-out infinite;box-shadow:0 0 10px var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}.art-title{font:700 24px var(--pixel);color:var(--gold-deep);text-shadow:0 2px 0 #000}.art-title .badge{margin-right:8px;vertical-align:middle;font-family:var(--sans)}.article{margin-top:18px;line-height:1.8;word-break:break-word;color:var(--parch-ink);padding:26px 28px;border-radius:6px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.5),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(160,110,40,.2),transparent 50%),var(--parch);border:1px solid var(--parch-line);box-shadow:inset 0 0 30px #8c5f1e47,0 0 0 4px #3a240599,0 0 0 5px var(--gold-lo),0 10px 26px #00000080}.article a{color:#7a4a0a;text-decoration:underline}.article h1,.article h2,.article h3{color:#4a2a08;margin:1em 0 .4em}.article img{max-width:100%;height:auto;border-radius:6px}.article table{border-collapse:collapse;max-width:100%}.article td,.article th{border:1px solid var(--parch-line);padding:6px 10px}.article pre{overflow-x:auto;background:#8c5f1e1f;padding:10px;border-radius:6px}@media(max-width:640px){.article{padding:18px 16px}}.form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px;color:var(--gold-deep)}label small{font-weight:400;color:var(--muted)}input,select,textarea{font:15px var(--sans);color:var(--ink);background:var(--slot);border:1px solid rgba(226,184,90,.3);border-radius:8px;padding:10px 12px;width:100%;outline:none;box-shadow:inset 0 2px 6px #0000008c;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:#6e6693}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:inset 0 2px 6px #0000008c,0 0 0 3px #e2b85a33,0 0 14px #e2b85a40}select option{background:var(--panel-2)}textarea{resize:vertical}.form .btn{align-self:flex-start}.tabs{display:inline-flex;background:var(--slot);border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:16px;box-shadow:inset 0 2px 6px #00000080}.tabs button{border:0;background:none;padding:7px 18px;border-radius:7px;font:700 14px var(--sans);color:var(--muted);cursor:pointer}.tabs button:hover{color:var(--ink)}.tabs button.on{background:linear-gradient(180deg,#ffe9a8,#e2a93a);color:#3a2405;box-shadow:0 2px #5a3a0a}.inq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.inq h3{font-size:17px;margin-top:8px}.inq{scroll-margin-top:84px}.inq.focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}.answer{margin-top:14px;padding:12px 14px;background:var(--navy-soft);border:1px solid rgba(124,108,220,.35);border-left:3px solid #9C8CFF;border-radius:8px}.answer strong{color:#c9c0ff}.gbtn{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:44px}.login-card{max-width:440px;margin:24px auto}.wallet{display:flex;align-items:center;gap:14px}.wallet strong{font:700 26px var(--pixel);margin-right:auto;color:var(--gold-deep);text-shadow:0 2px 0 #000,0 0 12px rgba(255,211,106,.35)}.wallet strong:after{content:" 코인";font:600 14px var(--sans);color:var(--muted);text-shadow:none}.packs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.pack{font:inherit;color:inherit;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .12s,box-shadow .12s,border-color .12s}.pack:hover:not(:disabled){border-color:var(--gold-hi);box-shadow:var(--frame),0 0 24px #ffd36a59;transform:translateY(-3px)}.pack:disabled{opacity:.55;cursor:not-allowed}.pack-coins{font:700 26px var(--pixel);color:#ffe9a8;text-shadow:0 2px 0 #000}.pack-coins small{font:600 13px var(--sans);color:var(--muted)}.pack-won{font-weight:700;color:var(--gold-deep)}main.full{padding:0}.hdr-wrap.fix{position:fixed;top:0;left:0;right:0}.hdr-wrap.over{background:transparent;border-bottom-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hdr-wrap.over nav a,.hdr-wrap.over .account .name{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.hdr-wrap.over nav a:hover,.hdr-wrap.over nav a.active{background:#ffffff24;color:#fff}.below{display:flex;padding:8px 0 48px}.below .two{width:100%}.below .sec{margin-top:0;position:relative;background:var(--corners),linear-gradient(180deg,#231b4eeb,#16112feb);background-repeat:no-repeat;border:1.5px solid var(--gold-lo);border-radius:var(--radius);box-shadow:var(--frame);padding:18px 22px 14px}@media(max-width:640px){.hero h1{font-size:44px}.hero p:before,.hero p:after{display:none}.below{display:block;padding:0 0 24px}.below .two{gap:16px}}.sub-hdr{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#16112ff5,#0e0a22eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--gold-lo);box-shadow:0 1px #e2b85a40}.sub-hdr .row{min-height:56px;flex-wrap:nowrap;gap:4px}.sub-hdr h1{font:700 18px var(--pixel);color:var(--gold-deep);text-shadow:0 2px 0 #000}.chev{display:inline-flex;align-items:center;background:none;border:0;padding:6px 6px 6px 0;margin-left:-6px;color:var(--gold);cursor:pointer}.gbtn{position:relative;display:inline-block;vertical-align:middle}.gbtn-face{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;border-radius:10px;background:linear-gradient(180deg,#fffdf5,#ede3c8);border:1.5px solid var(--gold);color:#1f1f1f;font:700 14px var(--sans);box-shadow:inset 0 1px #fff,0 3px #5a3a0a,0 0 14px #e2b85a4d;white-space:nowrap}.gbtn.sm .gbtn-face{font-size:13px}.gbtn-real{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.0001;overflow:hidden}.gbtn-real>div,.gbtn-real iframe{width:100%!important;height:100%!important}.gbtn.sm .gbtn-face{width:40px!important;padding:0;border-radius:50%}.gbtn.sm .gbtn-label{display:none}.gbtn.sm .gbtn-real{border-radius:50%}.login-row{display:flex;justify-content:center;align-items:flex-start;gap:8px;flex-wrap:wrap}.login-row.sm{flex-wrap:nowrap;gap:6px}.abtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:#000;cursor:pointer;flex:none}.abtn:disabled{opacity:.5;cursor:default}.abtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.abtn.sm{border-radius:50%}.hdr-wrap.over .btn.ghost{color:#fff;border-color:#ffffffb3}.hdr-wrap.over .btn.ghost:hover{background:#ffffff26;color:#fff}.below .podium li{padding:4px 0}.below .podium .portrait{--u: 1.55px}.toast-host{position:fixed;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));z-index:100;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.toast{max-width:420px;background:linear-gradient(180deg,var(--panel),var(--panel-2));color:#ffe9a8;border:1.5px solid var(--gold);border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;box-shadow:0 0 0 1px #000,0 6px 24px #00000080,0 0 18px #e2b85a4d;animation:toast-in .2s ease-out;text-align:center}.toast.err{background:#5a1a22;border-color:var(--err);color:#ffd5d5}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.toast,.hero:after,.hero-logo,.spin{animation:none}}.pay-cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.pay-cover strong{font-size:20px;font-weight:800}.pay-cover span{opacity:.75;font-size:14px;word-break:keep-all}.artella-checkout{background:#fff;border-radius:12px;padding:8px;border:1.5px solid var(--gold);box-shadow:var(--shadow)}.pay-sum{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}.pay-name{font-size:17px}.pay-total{font:700 20px var(--pixel);color:var(--gold-deep)}.pay-cancel{display:block;margin:12px auto 0}.pay-top{display:flex;align-items:center;gap:10px;margin:-12px 0 12px;font-size:17px}.pay-top strong{color:var(--gold-deep)}.pay-top img{border-radius:8px;border:1.5px solid var(--gold)}.pay-x{width:40px;height:40px;border:0;background:none;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.pay-logo{display:block;margin:0 auto 8px;border-radius:18px;border:2px solid var(--gold);box-shadow:0 0 20px #e2b85a66}.pay-name{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.invite{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;padding:0 20px calc(28px + env(safe-area-inset-bottom));background:#151229 url(https://artella-files.spg9687.workers.dev/files/events/invite_bg_v2.jpg) center top / cover no-repeat}@media(min-aspect-ratio:1/1){.invite{align-items:center;padding-top:28vh;background-image:url(https://artella-files.spg9687.workers.dev/files/events/invite_bg_wide_v1.jpg)}}.invite-panel{width:min(360px,100%);box-sizing:border-box;padding:18px;border-radius:18px;border:2.5px solid #E2B85A;background:linear-gradient(#2e2a5cf0,#1b1838f0);box-shadow:0 6px 16px #0000008c;text-align:center;color:#fff}.invite-title{display:flex;align-items:center;gap:10px;color:#ffe9a8;font-weight:800;font-size:15px;margin-bottom:10px}.invite-title:before,.invite-title:after{content:"";flex:1;height:1px;background:#e2b85a59}.invite-code{font-size:34px;font-weight:900;letter-spacing:6px;color:#ffd36a;background:#14122b;border:1px solid rgba(226,184,90,.27);border-radius:12px;padding:12px 0;margin-bottom:10px;-webkit-user-select:all;user-select:all;cursor:pointer}.invite-btn{display:block;width:100%;box-sizing:border-box;height:48px;line-height:48px;border:0;border-radius:12px;font-size:16px;font-weight:800;text-decoration:none;margin-top:8px;cursor:pointer;font-family:inherit}.invite-btn.gold{background:linear-gradient(#ffe08a,#e2a93a);color:#3a2405}.invite-btn.line{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);line-height:45px}.invite-btn.line:hover{color:#fff}.invite-tip{margin:14px 0 0;font-size:13px;line-height:1.5;color:#ffffffbf}.sparkle{position:fixed;z-index:999;pointer-events:none;color:#ffe08a;text-shadow:0 0 6px #FFD36A,0 0 12px rgba(255,180,60,.8);transform:translate(-50%,-50%);animation:sparkle .8s ease-out forwards}@keyframes sparkle{to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + 28px)) scale(.3) rotate(90deg)}}.stage{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:0 14px;max-width:720px;margin:0 auto 32px;padding-top:40px;text-align:center}.stage:before{content:"";position:absolute;z-index:-1;left:-15%;right:-15%;top:-40px;bottom:25%;pointer-events:none;background:linear-gradient(168deg,transparent 34%,rgba(225,230,255,.12) 42%,transparent 50%),linear-gradient(181deg,transparent 38%,rgba(225,230,255,.16) 46%,transparent 54%),linear-gradient(194deg,transparent 40%,rgba(225,230,255,.1) 48%,transparent 56%),radial-gradient(ellipse 45% 60% at 50% 0%,rgba(215,220,255,.22),transparent 75%);-webkit-mask-image:radial-gradient(ellipse 50% 90% at 50% 0%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 50% 90% at 50% 0%,#000 35%,transparent 80%)}.step{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}.hero-pt{--u: 4.05px;position:relative;z-index:2;margin-bottom:-2px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.step .block{--top: 26px;position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding-top:calc(var(--top) / 2);border-radius:0 0 50% 50% / 0 0 calc(var(--top) / 2) calc(var(--top) / 2);background:linear-gradient(90deg,var(--c3) 0%,var(--c2) 18%,var(--c1) 45%,var(--c1) 55%,var(--c2) 82%,var(--c3) 100%);box-shadow:0 18px 24px -10px #0009}.step .block:before{content:"";position:absolute;left:0;right:0;top:calc(var(--top) / -2);height:var(--top);border-radius:50%;background:radial-gradient(ellipse 70% 60% at 50% 45%,#fff,var(--c1) 70%,var(--c2));box-shadow:inset 0 -2px 3px #0000001f,0 0 18px #ffffff2e}.step .block:after{content:"";position:absolute;z-index:-1;left:-6%;right:-6%;bottom:calc(var(--top) / -2 - 6px);height:calc(var(--top) + 10px);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%)}.step .block b{font:700 30px var(--pixel);color:var(--num);text-shadow:0 1px 0 rgba(255,255,255,.75),0 -1px 0 rgba(0,0,0,.25)}.s1 .block{height:96px;--c1: #FFF6DC;--c2: #EBD7A4;--c3: #B39553;--num: #A8822E}.s2 .block{height:62px;--c1: #F4F6FA;--c2: #D3D8E2;--c3: #949CAD;--num: #8A93A6}.s3 .block{height:48px;--c1: #FBEDE4;--c2: #E3C3AE;--c3: #A97A5E;--num: #A9744F}.s1 .block b{font-size:40px}.s3 .block b{font-size:26px}.step strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:22px;padding:3px 14px;font:700 15px var(--pixel);color:var(--ink);background:linear-gradient(180deg,#3a2f72,#1e1748);border:1px solid var(--gold-lo);border-radius:6px;box-shadow:inset 0 1px #ffffff26,0 3px 8px #00000080;text-shadow:0 2px 0 #000}.step .small{color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.s1 .hero-pt{--u: 5.25px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35)) drop-shadow(0 0 12px rgba(255,236,190,.35))}.s1 strong{font-size:17px;color:#ffe9a8;border-color:var(--gold);background:linear-gradient(180deg,#5a4410,#2e2208)}@media(max-width:640px){.stage{gap:0 8px;padding-top:28px}.hero-pt{--u: 3px}.s1 .hero-pt{--u: 3.75px}.step .block{--top: 18px}.s1 .block{height:70px}.s2 .block{height:46px}.s3 .block{height:36px}.step .block b{font-size:22px}.s1 .block b{font-size:30px}.s3 .block b{font-size:19px}.step strong{font-size:13px;padding:2px 8px;margin-top:16px}.s1 strong{font-size:14px}.step .small{font-size:11px}}.home-fit{height:100vh;height:100svh;display:flex;flex-direction:column;overflow:hidden}.home-fit>main{flex:1;min-height:0;display:flex;flex-direction:column}.home-fit .hero{flex:1;min-height:0;padding:72px 24px 12px}.home-fit .hero-logo{width:clamp(56px,12vh,128px);height:clamp(56px,12vh,128px);border-radius:clamp(14px,2.4vh,26px)}.home-fit .hero h1{font-size:clamp(30px,6vh,52px);margin-top:clamp(6px,1.6vh,18px)}.home-fit .hero-btns{margin-top:clamp(10px,2.4vh,26px)}.home-fit .below{flex:none;padding:0 0 clamp(8px,2vh,24px)}.home-fit .below .sec{padding:clamp(10px,1.6vh,18px) 22px clamp(8px,1.2vh,14px)}.home-fit .below .podium li{padding:clamp(1px,.4vh,4px) 0}.home-fit .below .podium .portrait{--u: calc(clamp(42px, 5.4vh, 57px) / 37)}.home-fit .foot{padding:clamp(10px,1.8vh,22px) 16px clamp(10px,1.8vh,22px)}@media(max-width:640px){.home-fit{height:auto;overflow:visible;display:block}.home-fit>main{display:block}.home-fit .hero{flex:none;min-height:100vh;min-height:100svh;padding:120px 16px 56px}.home-fit .hero h1{font-size:44px}.home-fit .hero p{font-size:14px}.home-fit .hero-btns{flex-wrap:nowrap;gap:8px}.home-fit .btn.store{height:42px;padding:0 14px 0 12px;font-size:14px}.home-fit .foot{justify-content:center}}.dlg-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:#05030fb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:toast-in .15s ease-out}.dlg{width:min(380px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 24px 24px}.dlg p{margin:0;color:var(--ink);line-height:1.7;word-break:keep-all}.dlg-btns{justify-content:center;gap:10px;margin-top:8px}