html,body,#root{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#2b1a10;height:100%;margin:0;overflow:hidden}button{all:unset;cursor:pointer;box-sizing:border-box}.stage{--island:0px;--corner:0px;transform-origin:50%;width:1920px;height:1080px;font-family:Jua,Apple SD Gothic Neo,sans-serif;position:absolute;top:50%;left:50%;overflow:hidden}.screen{background:50%/cover no-repeat;position:absolute;inset:0}.rotate{color:#fff;place-items:center;height:100%;font:28px Jua,sans-serif;display:grid}.txt{color:#fff;-webkit-text-stroke:6px #4a1f0c;paint-order:stroke fill;font-size:30px;line-height:1.1}.txt.sm{-webkit-text-stroke:5px #4a1f0c;font-size:24px}.txt.dark{color:#5a2a12;-webkit-text-stroke:0;font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-weight:800}.ibtn{background:50%/100% 100% no-repeat;justify-content:center;align-items:center;padding-bottom:6px;transition:transform 80ms;display:inline-flex}.ibtn:active{transform:translateY(5px)scale(.98)}.round{background:50%/contain no-repeat;place-items:center;width:96px;height:96px;display:grid}.round img{width:62px}.player{left:calc(24px + var(--island));background:50%/100% 100% no-repeat;width:470px;height:121px;position:absolute;top:16px}.pl-av{width:98px;position:absolute;top:12px;left:14px}.pl-nm{font-size:38px;position:absolute;top:24px;left:140px}.pl-lv{-webkit-text-stroke:4px #4a1f0c;font-size:22px;position:absolute;top:74px;left:140px}.pl-xp{border-radius:9px;height:18px;position:absolute;top:82px;left:214px;right:34px;overflow:hidden}.pl-xp i{background:50%/100% 100% no-repeat;height:100%;display:block}.hud{right:calc(24px + var(--island));align-items:center;gap:14px;display:flex;position:absolute;top:26px}.cur{background:50%/100% 100% no-repeat;width:300px;height:85px;position:relative}.cur img{width:76px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.cur .txt{font-size:34px;position:absolute;top:50%;right:86px;transform:translateY(-50%)}.left-col{left:calc(28px + var(--island));gap:2px;display:grid;position:absolute;top:160px}.tile{justify-items:center;display:grid;position:relative}.tile:active img:first-child{transform:translateY(4px)}.dot{color:#fff;text-align:center;background:radial-gradient(circle at 40% 35%,#ff7b6e,#e1261e);border:3px solid #fff;border-radius:20px;min-width:40px;height:40px;font:24px/36px Jua;position:absolute;top:2px;right:2px;box-shadow:0 2px 4px #00000059}.dot.sm{min-width:26px;height:26px;top:8px;right:14px}.right-col{right:calc(22px + var(--island));gap:18px;display:grid;position:absolute;top:170px}.sidecard{background:50%/100% 100% no-repeat;width:440px;height:110px;position:relative}.sidecard:active{transform:translateY(4px)}.sc-text{justify-items:start;gap:2px;display:grid;position:absolute;top:50%;left:150px;transform:translateY(-50%)}.hero{justify-items:center;display:grid;position:absolute;top:300px;left:50%;transform:translate(-50%)}.hero-d{filter:drop-shadow(0 28px 22px #50230a59);width:440px;animation:3.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-12px)}}.nameplate{box-sizing:border-box;background:50%/100% 100% no-repeat;place-items:center;width:420px;height:104px;margin-top:-10px;padding-bottom:6px;display:grid}.nameplate .txt{font-size:34px}.hero .ibtn{margin-top:2px}.dock{left:calc(22px + var(--island));background:50%/100% 100% no-repeat;width:760px;height:209px;position:absolute;bottom:6px}.dock-slot{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:0;width:120px;height:122px;padding-bottom:4px;display:flex;position:absolute;top:33px;transform:translate(-50%)}.dock-slot img{object-fit:contain;width:72px;height:72px}.dock-slot:active img{transform:translateY(3px)}.dock-slot .dot.sm{top:-8px;right:-4px}.play{right:calc(22px + var(--island));gap:18px;display:flex;position:absolute;bottom:22px}.dim{-webkit-backdrop-filter:blur(8px);background:#28140a73;place-items:center;animation:.18s fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.panel{background:50%/100% 100% no-repeat;animation:.26s cubic-bezier(.34,1.56,.64,1) pop;position:relative}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.ribbon{box-sizing:border-box;background:50%/100% 100% no-repeat;place-items:center;width:640px;height:135px;padding-bottom:18px;display:grid;position:absolute;top:-64px;left:50%;transform:translate(-50%)}.close{background:50%/contain no-repeat;width:96px;height:96px;position:absolute;top:-10px;right:-24px}.panel-in{position:absolute}.mb{grid-template-columns:250px 1fr;gap:22px;height:100%;display:grid}.vtabs{align-content:start;gap:10px;display:grid}.vtab{border-style:solid;border-width:0 34px;border-image:var(--skin) 0 100 fill / 0 34px stretch;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;height:86px;margin:0;padding:0 0 8px;display:flex}.vtab img{width:50px;margin-left:-6px}.mb-list{align-content:start;gap:10px;display:grid}.row{border-style:solid;border-width:0 34px;border-image:var(--skin) 0 52 fill / 0 34px stretch;box-sizing:border-box;grid-template-columns:62px 1fr 200px 84px 150px;align-items:center;gap:10px;height:98px;display:grid}.row>img{width:66px}.row.head{grid-template-columns:70px 1fr 300px 60px}.row .mt{font-size:28px;display:grid}.row .mt small{color:#a36346;font-size:18px;font-weight:600}.bar{border-style:solid;border-width:0 13px;border-image:var(--groove) 0 45 fill / 0 13px stretch;height:26px;position:relative}.bar i{border-style:solid;border-width:0 10px;border-image:var(--fill) 0 46 fill / 0 10px stretch;box-sizing:border-box;min-width:20px;position:absolute;top:3px;bottom:3px;left:-10px}.rw{align-items:center;gap:4px;display:flex}.rw img{width:44px}.rw .txt{font-size:28px}.pillar{width:var(--island);z-index:5;pointer-events:none;background:0 0/100% repeat-y;position:absolute;top:0;bottom:0;box-shadow:10px 0 16px #280f0059}.pillar.l{left:0}.pillar.r{right:0;transform:scaleX(-1)}