@font-face{font-family:Pretendard;font-style:normal;font-weight:45 930;font-display:swap;src:url(/assets/Pretendard-var-ksx1001-D8Xos2Rj.woff2)format("woff2-variations")}:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--secondary-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--dark-gradient:linear-gradient(135deg,#1e1e2e 0%,#2d2d44 100%);--purple-500:#667eea;--purple-600:#764ba2;--pink-500:#f093fb;--pink-600:#f5576c;--blue-500:#4facfe;--bg-primary:#0f0f1e;--bg-secondary:#1a1a2e;--bg-card:#1e1e2ecc;--text-primary:#fff;--text-secondary:#b4b4c8;--text-muted:#6b6b7f;--hud-safe-b:env(safe-area-inset-bottom,0px);--hud-safe-t:env(safe-area-inset-top,0px);--hud-safe-l:env(safe-area-inset-left,0px);--hud-safe-r:env(safe-area-inset-right,0px);--border-radius:16px;--border-radius-sm:8px;--shadow:0 8px 32px #0000004d;--transition:all .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;width:100%;height:100%;font-family:Pretendard,system-ui,-apple-system,sans-serif}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:#8792a847;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#a0b4c885}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#8792a852 transparent}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid #ffffff1a;padding:24px}@media (max-width:767px){.container{padding:0 12px}body{font-size:14px}.glass-card{border-radius:var(--border-radius-sm);padding:16px}.matching,.chat,.community,.mypage,.home,.hotplace,.youtube-board{padding-bottom:80px!important;padding-left:0!important;padding-right:0!important}}@media (min-width:768px){.matching,.chat,.community,.mypage,.home,.hotplace,.youtube-board{min-height:100vh;padding-bottom:40px!important;padding-left:260px!important}}.hudbox-v2{background:repeating-linear-gradient(90deg,#e8ca8c0d 0 1px,transparent 1px var(--hud-cell,6px)),repeating-linear-gradient(0deg,#0000001f 0 1px,transparent 1px var(--hud-cell,6px)),linear-gradient(180deg,#261f18f2,#16120df5);-webkit-backdrop-filter:blur(3px);color:#e4d9c6;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);border:1px solid #c6a46299;border-radius:10px;position:relative;box-shadow:inset 0 0 22px #00000059,0 8px 26px #0000008c}.hudbox-v2:after{content:"";pointer-events:none;border:var(--hud-frame-w,10px)solid transparent;border-radius:inherit;border-image-source:url(/ui/frame/gold_deco.png);border-image-slice:122;border-image-repeat:stretch;position:absolute;inset:0}.hudbox-v2--paper{background:url(/ui/panel/hanji.webp) 0 0/256px 256px repeat,repeating-linear-gradient(90deg,#e8ca8c0d 0 1px,transparent 1px var(--hud-cell,6px)),repeating-linear-gradient(0deg,#0000001f 0 1px,transparent 1px var(--hud-cell,6px)),linear-gradient(180deg,#261f18f2,#16120df5);background-blend-mode:overlay,normal,normal,normal}.hudbox-v2--paper-linen{background-image:url(/ui/panel/linen.webp),repeating-linear-gradient(90deg,#e8ca8c0d 0 1px,transparent 1px var(--hud-cell,6px)),repeating-linear-gradient(0deg,#0000001f 0 1px,transparent 1px var(--hud-cell,6px)),linear-gradient(180deg,#261f18f2,#16120df5)}.hudbox-v2--paper-stone{background-image:url(/ui/panel/stone.webp),repeating-linear-gradient(90deg,#e8ca8c0d 0 1px,transparent 1px var(--hud-cell,6px)),repeating-linear-gradient(0deg,#0000001f 0 1px,transparent 1px var(--hud-cell,6px)),linear-gradient(180deg,#261f18f2,#16120df5)}:root[data-hud-skin] .hudbox-v2:not(.hudbox-v2--paper):not(.hudbox-v2--paper-linen):not(.hudbox-v2--paper-stone){background:linear-gradient(rgba(22,18,13,var(--hud-skin-fade,.3)),rgba(22,18,13,var(--hud-skin-fade,.3))),var(--hud-skin-url)0 0/var(--hud-skin-size,128px)var(--hud-skin-size,128px)repeat,repeating-linear-gradient(90deg,#e8ca8c0d 0 1px,transparent 1px var(--hud-cell,6px)),repeating-linear-gradient(0deg,#0000001f 0 1px,transparent 1px var(--hud-cell,6px)),linear-gradient(180deg,#261f18f2,#16120df5);background-blend-mode:normal,var(--hud-skin-blend,overlay),normal,normal,normal;image-rendering:pixelated}:root[data-hud-skin] .hudbox-v2__slot{background:linear-gradient(rgba(22,18,13,calc(var(--hud-skin-fade,.3)*.5)),rgba(22,18,13,calc(var(--hud-skin-fade,.3)*.5))),var(--hud-skin-url)0 0/64px 64px repeat,linear-gradient(180deg,#2e261cf2 0 34%,#1a1510f2 34%);background-blend-mode:normal,var(--hud-skin-cell-blend,soft-light),normal;image-rendering:pixelated}:root[data-hud-skin] .hudbox-v2__btn{background:linear-gradient(rgba(22,18,13,calc(var(--hud-skin-fade,.3)*.5)),rgba(22,18,13,calc(var(--hud-skin-fade,.3)*.5))),var(--hud-skin-url)0 0/64px 64px repeat,linear-gradient(180deg,#382e22f2 0 34%,#201a13f2 34%);background-blend-mode:normal,var(--hud-skin-cell-blend,soft-light),normal;image-rendering:pixelated}:root[data-hud-skin] .hud-skin-fill{background:linear-gradient(rgba(22,18,13,var(--hud-skin-fade,.3)),rgba(22,18,13,var(--hud-skin-fade,.3))),var(--hud-skin-url)0 0/var(--hud-skin-size,96px)var(--hud-skin-size,96px)repeat;background-blend-mode:normal,normal;image-rendering:pixelated}.hudbox-v2{clip-path:none;border-radius:4px}.hudbox-v2--ornate:after{border-width:var(--hud-frame-w,14px);border-image-source:url(/ui/frame/hanok.png);border-image-slice:121}.hudbox-v2--frame-thin{--hud-frame-w:5px}.hudbox-v2--frame-md{--hud-frame-w:11px}.hudbox-v2--frame-lg{--hud-frame-w:13px}.hudbox-v2--scrollframe:after{content:none}.hudbox-v2--scrollframe{border:var(--hud-frame-w,14px)solid transparent;border-image-source:url(/ui/frame/hanok.png);border-image-slice:121;border-image-repeat:stretch}.hudbox-v2--noframe:after{content:none}.hudbox-v2--noframe{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);border-radius:10px}.hudbox-v2--flat{clip-path:none;border-radius:4px}.hudbox-v2--edge{border-color:#d8b46bd9;box-shadow:0 0 0 1px #000000b8,inset 0 0 0 1px #e8ca8c6b,inset 0 0 22px #00000059,0 8px 26px #0000008c}.hudbox-v2--cell-8{--hud-cell:8px}.hudbox-v2--cell-5{--hud-cell:5px}.hudbox-v2__head{color:#e8cf9a;border-bottom:1px solid #d0b16b6b;position:relative}.hudbox-v2__head:after{content:"";background:#1a140d;border:1px solid #d0b16bb3;width:7px;height:7px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.hudbox-v2__slot{background:linear-gradient(#221c15f2 0 34%,#120f0bf2 34%);border:1px solid #c6a46280;border-radius:4px;position:relative}.hudbox-v2__slot:after{content:"";border-style:solid;border-width:0 9px 9px 0;border-color:transparent var(--slot-notch,#2f8d84)transparent transparent;position:absolute;top:0;right:0}.hudbox-v2__btn{color:#f0e2c0;background:linear-gradient(#2c241af2 0 34%,#18130ef2 34%);border:1px solid #c6a4629e;border-radius:4px;transition:border-color .12s,box-shadow .12s,transform 80ms;box-shadow:inset 0 1px #e8ca8c2e}.hudbox-v2__btn--framed{position:relative}.hudbox-v2__btn--framed:after{content:"";pointer-events:none;border-radius:inherit;border:var(--hud-frame-w,5px)solid transparent;border-image-source:url(/ui/frame/gold_deco.png);border-image-slice:122;border-image-repeat:stretch;position:absolute;inset:0}.hudbox-v2__btn:hover{border-color:#e8ca8ceb;box-shadow:inset 0 1px #e8ca8c4d,0 0 10px #d0b16b38}.hudbox-v2__btn:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #000000a6}.hudbox-v2__btn.is-on{color:#bff3ea;background:linear-gradient(#26565af2 0 34%,#102c30f2 34%);box-shadow:inset 0 0 14px #67e8d647}.hudbox-v2__btn.is-on:hover{border-color:#67e8d6d9;box-shadow:inset 0 0 16px #67e8d66b,0 0 12px #67e8d64d}@keyframes statLow{0%,to{filter:brightness()}50%{filter:brightness(1.42)}}body.sg-photo-mode>:not(.sg-photo-ui){visibility:hidden!important}body.sg-photo-mode .sg-stage,body.sg-photo-mode .sg-stage *,body.sg-photo-mode .sg-photo-ui,body.sg-photo-mode .sg-photo-ui *{visibility:visible!important}body.sg-game,body.sg-game .sg-stage,body.sg-game canvas{cursor:url(/cursors/default.png) 2 2,default}body.sg-game[data-cursor=aim] canvas{cursor:url(/cursors/aim.png) 16 16,crosshair}body.sg-game[data-cursor=build] canvas{cursor:url(/cursors/build.png) 16 14,cell}body.sg-game[data-cursor=harvest] canvas{cursor:cell}.hud-slot-content>*{z-index:auto!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.hud-slot-stretch>*{width:100%!important;min-width:0!important;height:100%!important;min-height:0!important}input[type=range]{appearance:none;background:0 0;height:16px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--sl-accent,#67e8d6)0%,var(--sl-accent,#67e8d6)var(--sl-pct,0%),#8296a038 var(--sl-pct,0%),#8296a038 100%);border-radius:3px;height:4px}input[type=range]::-moz-range-track{background:#8296a038;border-radius:3px;height:4px}input[type=range]::-moz-range-progress{background:var(--sl-accent,#67e8d6);border-radius:3px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--sl-accent,#67e8d6);cursor:pointer;background:#0b1620;border-radius:50%;width:11px;height:11px;margin-top:-3.5px;transition:box-shadow .1s}input[type=range]::-moz-range-thumb{border:2px solid var(--sl-accent,#67e8d6);cursor:pointer;background:#0b1620;border-radius:50%;width:11px;height:11px}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--sl-accent,#67e8d6)32%,transparent)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--sl-accent,#67e8d6)32%,transparent)}input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--sl-accent,#67e8d6)32%,transparent)}input[type=range]:focus{outline:none}input[type=range]:disabled{cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb{background:#1a2126;border-color:#8296a066}input[type=range]:disabled::-moz-range-thumb{background:#1a2126;border-color:#8296a066}.app{background:var(--bg-primary);inset:0}.app-auth{min-height:100vh;position:relative;overflow:hidden auto}.app-game{position:fixed;overflow:hidden}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:all .3s;transform:translateY(0)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:all .2s}.game-entry-intro{z-index:1000;pointer-events:none;background:#030607;position:fixed;inset:0;overflow:hidden}.game-entry-intro.is-leaving{animation:.7s forwards gameEntryIntroOut}.game-entry-intro__image{background:linear-gradient(#02050814,#020508c7),url(/images/auth/seoul-myth-gate-intro.webp) 50%/cover no-repeat;animation:14s ease-out forwards gameEntryImagePush;position:absolute;inset:-4%;transform:scale(1.08)}.game-entry-intro__shade{-webkit-backdrop-filter:blur(1px);background:radial-gradient(circle at 50% 48%,#67e8d629,#0000 16%),radial-gradient(circle at 50% 56%,#0000 0 26%,#00000094 68%),linear-gradient(90deg,#000000b8,#0000 40% 60%,#000000b8);position:absolute;inset:0}.game-entry-intro__copy{text-align:center;color:#f7f0dc;text-shadow:0 10px 34px #000000b8;flex-direction:column;align-items:center;gap:9px;width:min(84vw,720px);animation:.9s ease-out forwards gameEntryTextRise;display:flex;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.game-entry-intro__copy span{color:#67e8d6;letter-spacing:.36em;font-size:clamp(11px,1.4vw,15px);font-weight:800}.game-entry-intro__copy strong{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,6.8vw,82px);line-height:1}.game-entry-intro__copy em{color:#ece8d5db;font-size:clamp(13px,1.8vw,18px);font-style:normal;font-weight:700}@keyframes gameEntryIntroOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes gameEntryImagePush{0%{filter:brightness(.7)saturate(.9);transform:scale(1.12)}to{filter:brightness(.96)saturate(1.08);transform:scale(1)}}.game-entry-intro__bar{background:#ffffff1f;border-radius:3px;width:min(52vw,340px);height:4px;margin-top:14px;overflow:hidden}.game-entry-intro__bar i{background:linear-gradient(90deg,#c93e2f,#e5c16e 60%,#f2df9a);border-radius:3px;height:100%;transition:width .35s;display:block;box-shadow:0 0 10px #e5c16e80}.game-entry-intro__tip{color:#d8c992;margin:12px 0 0;font-size:clamp(12px,1.5vw,14px);animation:.4s gameEntryTipIn}.game-entry-intro__tip b{color:#f0a830;margin-right:6px;font-size:11px}@keyframes gameEntryTipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes gameEntryTextRise{0%{opacity:0;transform:translate(-50%,-42%)}to{opacity:1;transform:translate(-50%,-50%)}}