@font-face{font-family:marvin;src:url(https://use.typekit.net/af/88297f/00000000000000007735cbe9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/88297f/00000000000000007735cbe9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/88297f/00000000000000007735cbe9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}:root{--card-ratio:10/13.92857142857143}body,html{max-width:100%;min-height:100dvh;overflow-x:hidden;background:#000!important}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:marvin}*{box-sizing:border-box;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}a{color:inherit;text-decoration:none}button{border:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}a,button{color:inherit;font-family:inherit;cursor:pointer}a:disabled,button:disabled{cursor:default}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.button{display:flex;min-width:200px;height:56px;padding:2px;font-size:16px;-webkit-clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px));clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px))}.button .button_inner{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;width:100%;height:calc(100% - 4px);padding:5px 10px;border-radius:4px;font-size:inherit;line-height:40px;white-space:nowrap;-webkit-clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px));clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px))}.button .button_inner:after{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:#fff;opacity:.2;-webkit-clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 4px,100% 4px,100% 2px,0 2px,0 4px,2px 4px);clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 4px,100% 4px,100% 2px,0 2px,0 4px,2px 4px)}.button.active,.button:not(:disabled):not(.loading):hover{-webkit-clip-path:polygon(0 8px,2px 8px,2px 6px,4px 6px,4px 4px,calc(100% - 4px) 4px,calc(100% - 4px) 6px,calc(100% - 2px) 6px,calc(100% - 2px) 8px,100% 8px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px));clip-path:polygon(0 8px,2px 8px,2px 6px,4px 6px,4px 4px,calc(100% - 4px) 4px,calc(100% - 4px) 6px,calc(100% - 2px) 6px,calc(100% - 2px) 8px,100% 8px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px))}.button.active .button_inner,.button:not(:disabled):not(.loading):hover .button_inner{transform:translateY(4px)}.button.active .button_inner:after,.button:not(:disabled):not(.loading):active .button_inner:after{top:auto;bottom:0;transform:rotate(180deg)}.button.primary{background:#2e1b59}.button.primary .button_inner{color:#fff;background:#7443df}.button:not(:disabled):not(.loading).primary:active .button_inner{background:#9069e5}.button.white{background:#e7e7eb}.button.white .button_inner{color:#3d3d43;background:#fff}.button:not(:disabled):not(.loading).white:active .button_inner{background:#f3f3f5}.button.black{background:#f9f9fa}.button.black .button_inner{color:#fff;background:#0a090d}.button:not(:disabled):not(.loading).black:active .button_inner{background:#2f2f2f}.button.black.golden{background:#fff26b}.button.black.golden .button_inner{color:#ffe500;background:#0a090d}.button.black.golden.active .button_inner{background:#2f2f2f}.button:disabled{background:#808088}.button:disabled .button_inner{color:#808088;background:#c2c2cc}.button.loading{background:#808088}.button.loading .button_inner{color:#808088;background:#c2c2cc}.button.loading .button_inner:before{content:"";display:block;width:24px;height:24px;background:url(/images/spinner.png) 50%/contain;animation:spinner 1s linear infinite}@keyframes spinner{to{transform:rotate(1turn)}}.pack_wrap{width:600px;height:800px}.result_card{width:300px;height:600px}.pack_wrap canvas,.result_card canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}body:has(.thrid_content.queue):after{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0;z-index:9;animation:wrap_after .4s 2.6s;pointer-events:none}@keyframes wrap_after{50%{opacity:.4}}@media (max-height:1000px){.pack_wrap{width:300px;height:500px}}@media (max-width:1440px){.pack_wrap{width:300px;height:500px}}@media (max-width:768px){.button{height:48px}.button .button_inner{font-size:14px}.pack_wrap{width:300px;height:400px}}.gnb{display:flex;align-items:center;position:fixed;left:0;top:0;width:100%;height:64px;padding:0 40px;z-index:9}.gnb .mob_util,.gnb .pc_util{margin-left:auto}.gnb .pc_util{display:flex;align-items:center;gap:20px}.gnb .pc_util .btn_reward_list{display:flex;align-items:center;gap:6.5px;font-size:13px;color:#84f612}.gnb .pc_util .btn_reward_list img{width:18px}.mob_util{position:relative}.mob_util .toggle{display:block;width:24px;height:24px}.mob_util .toggle.hamburg{background:url(/images/icon_hamburg.png) 50%/contain}.mob_util .toggle.x{background:url(/images/icon_close.png) 50%/contain}.mob_util .menus{position:absolute;right:0;top:calc(100% + 15px);width:calc(100vw - 36px);padding:12px;opacity:0;transition:all .2s}.mob_util .menus:after{content:"";position:absolute;left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 8px);background:#121213;z-index:-1;box-shadow:0 0 4px 0 rgba(144,105,229,.8),0 0 20px 0 rgba(172,142,236,.8)}.__deco{pointer-events:none}.__deco .aside,.__deco .bot,.__deco .top{display:flex;position:absolute;left:0;width:100%}.__deco .aside:after,.__deco .aside:before,.__deco .bot:after,.__deco .bot:before,.__deco .top:after,.__deco .top:before{content:"";width:12px;height:100%}.__deco .top:after,.__deco .top:before{background:url(/images/edge_up.png) no-repeat 50%/contain}.__deco .bot:after,.__deco .bot:before{background:url(/images/edge_down.png) no-repeat 50%/contain}.__deco .bot:after,.__deco .top:after{transform:rotateY(180deg)}.__deco .aside{justify-content:space-between}.__deco .aside:after,.__deco .aside:before{background:url(/images/flake_side.png) repeat-y top/12px 1px}.__deco .aside:after{transform:rotateY(180deg)}.__deco .top i{background:url(/images/flake_up.png) repeat-x top/1px 8px}.__deco .bot i{background:url(/images/flake_down.png) repeat-x bottom/1px 8px}.__deco .bot i,.__deco .top i{display:block;width:100%;height:100%}.__deco .top{top:0;height:14px}.__deco .aside{top:14px;height:calc(100% - 28px)}.__deco .bot{bottom:0;height:14px}.mob_util .menus ul{max-height:0;overflow:hidden;transition:all .8s .2s}.mob_util .menus ul li{padding:0 12px}.mob_util .menus ul li,.mob_util .menus ul li button{display:flex;align-items:center;font-size:12px;color:#fff}.mob_util .menus ul li button{height:44px}.mob_util .menus ul li button img{width:12.5px;height:12.5px}.mob_util .menus ul li .text_rewards{width:100%;color:#84f612}.mob_util .menus ul li .connect_wallet>img,.mob_util .menus ul li .text_rewards>img{margin-right:6px}.mob_util .menus ul li .logout{margin-left:auto}.mob_util .menus ul li .logout img{width:16px;height:16px}.mob_util .menus.open{opacity:1}.mob_util .menus.open ul{max-height:50vh}.layer{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(1,1,1,.75);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);z-index:99}.layer.opaque{background:#1f1f22}.layer:not(.no_dim):after{content:"";position:fixed;left:0;bottom:0;width:100%;height:320px;background:linear-gradient(180deg,rgba(1,1,1,0),#010101);pointer-events:none}.layer_inner{width:100%;height:100dvh;padding:180px 0;overflow:auto}.layer .close{position:absolute;top:40px;right:40px}@media (max-width:768px){.gnb{height:58px;padding:0 18px}.layer .close{top:20px;right:20px}.layer .layer_inner{padding:80px 0}}