@font-face{font-family:MI Title;src:url(../fonts/gowun-batang-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:MI Letter;src:url(../fonts/gowun-batang-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:MI Body;src:url(../fonts/mi-body-var.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--ink:#f6ecd9;--dim:#cdc3dd;--gold:#e8b85a;--gold2:#ffe3a0;--red:#d9543f;--card:#161430d1;--line:#e8b85a59;--safe-b:env(safe-area-inset-bottom,0px);--f-title:"MI Title","Nanum Myeongjo","Noto Serif KR","Apple Myungjo",serif;--f-body:"MI Body","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;--f-letter:"MI Letter","Nanum Myeongjo","Noto Serif KR","Apple Myungjo",serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);font-family:var(--f-body);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#0d0c20;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#bg{background:#0d0c20 url(../img/bg-spring.webp) top/cover no-repeat;position:fixed;top:0;bottom:0;left:0;right:0}#bg:after{content:"";background:linear-gradient(#0a091e26 0%,#0a091e8c 45%,#0a091ee0 100%);position:absolute;top:0;bottom:0;left:0;right:0}body[data-season="0"] #bg{background-image:url(../img/bg-spring.webp)}body[data-season="1"] #bg{background-image:url(../img/bg-summer.webp)}body[data-season="2"] #bg{background-image:url(../img/bg-autumn.webp)}body[data-season="3"] #bg{background-image:url(../img/bg-winter.webp)}body[data-region="1"] #bg{background-image:url(../img/bg-annex.webp)}#app{max-width:480px;height:100%;margin:0 auto;position:relative}.card,.toast,.hint{background-color:#1b1947;background-image:url(../img/ui/seigaiha.webp),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 24px,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:padding-box;border:12px solid #0000;border-image:url(../img/ui/panel.webp) 34/12px}.sheet{background-color:#1b1947;background-image:url(../img/ui/seigaiha.webp),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 24px,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:padding-box;border:22px solid #0000;border-image:url(../img/ui/modal.webp) 60/22px}#title{padding:0 28px calc(44px + var(--safe-b));z-index:5;background:#0d0c20 url(../img/key.webp) top/cover no-repeat;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#title:before{content:"";background:linear-gradient(#08071a8c 0%,#08071a00 28% 55%,#08071aeb 100%);position:absolute;top:0;bottom:0;left:0;right:0}#title>.btn{position:relative}.logo{z-index:1;text-align:center;font-family:var(--f-title);position:absolute;top:3%;left:0;right:0}.logo b{white-space:nowrap;word-break:keep-all;font-size:calc(56px * var(--fit-b,1));letter-spacing:.1em;color:#ffe9b8;text-shadow:0 2px #7a3b1e,0 0 24px #ffc86e99;display:block}.logo i{width:max-content;font-size:calc(14px * var(--fit-i,1));letter-spacing:.3em;white-space:nowrap;color:#f2d9a8;text-shadow:0 1px 6px #000;background:#0a081e8c;border-radius:8px;margin:4px auto 0;padding:1px 8px;font-style:normal;display:block}.btn{word-break:keep-all;overflow-wrap:anywhere;isolation:isolate;color:#fff3dc;text-shadow:0 1px #320800bf,0 0 1px #32080099;--bw:24px 20px;width:100%;min-height:52px;padding:12px 22px;font-size:17px;font-weight:700;line-height:1.3;display:block;position:relative}.btn:before{content:"";z-index:-1;border:solid #0000;border-width:var(--bw);border-image:url(../img/ui/btn-red.webp) 48 38 fill / var(--bw) stretch;filter:drop-shadow(0 3px 3px #00000080);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.btn:active{transform:translateY(2px)}.btn:active:before{filter:drop-shadow(0 1px 1px #00000080);border-image-source:url(../img/ui/btn-red-dn.webp)}.btn.alt{color:var(--ink);text-shadow:0 1px #000014cc}.btn.alt:before{border-image-source:url(../img/ui/btn-indigo.webp)}.btn.alt:active:before{border-image-source:url(../img/ui/btn-indigo-dn.webp)}.btn.red:before{border-image-source:url(../img/ui/btn-red.webp)}.btn.ad{color:#f1fff9;text-shadow:0 1px #00281ed9}.btn.ad:before{border-image-source:url(../img/ui/btn-teal.webp)}.btn.ad:active:before{border-image-source:url(../img/ui/btn-teal-dn.webp)}.btn.small{--bw:21px 18px;width:auto;min-height:48px;padding:7px 16px;font-size:15px;display:inline-block}.btn[disabled],.btn.off{pointer-events:none;color:#a79fb0;text-shadow:none}.btn[disabled]:before,.btn.off:before{filter:none;border-image-source:url(../img/ui/btn-red-off.webp)}.btn.alt[disabled]:before,.btn.alt.off:before{border-image-source:url(../img/ui/btn-indigo-off.webp)}.btn.ad[disabled]:before,.btn.ad.off:before{border-image-source:url(../img/ui/btn-teal-off.webp)}#title .btn+.btn{margin-top:10px}#title .btn{max-width:320px}.btn small{opacity:.92;word-break:keep-all;font-weight:600}#game{flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#hud{padding:calc(6px + env(safe-area-inset-top,0px)) 10px 4px;background:linear-gradient(#08071ae6,#08071a59);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;display:grid}#hud .coins,#hud .chip{background:#1b1947 url(../img/ui/seigaiha.webp) 0 0/48px 24px padding-box padding-box;border:solid #0000;border-image:url(../img/ui/chip.webp) 52 60/14px 15px}#hud .coins{min-height:48px;color:var(--gold2);text-shadow:0 1px #5a2a08;border-width:14px 15px;grid-template-columns:26px 1fr;align-items:center;column-gap:6px;padding:0 4px;font-size:23px;font-weight:800;line-height:1.05;display:grid}#hud .coins .ic{grid-row:1/3;width:26px;height:26px}#hud .coins b{white-space:nowrap}#hud .coins small{color:var(--ink);text-shadow:none;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.35;overflow:hidden}#hud .res{min-width:0;font-size:calc(15px * min(var(--z,1), 1.3) / var(--z,1));color:var(--ink);justify-content:flex-end;gap:5px;display:flex}#hud .chip{border-width:14px 12px;font-variant-numeric:tabular-nums;border-image-width:14px 12px;align-items:center;gap:4px;min-height:40px;padding:0 2px;font-weight:800;display:flex}#hud .chip img{flex:none;width:22px;height:22px}#hud .chip b{color:var(--ink)}#hud .sub{font-size:calc(12.5px * min(var(--z,1), 1.3) / var(--z,1));white-space:nowrap;min-width:0;color:var(--ink);text-shadow:0 1px 3px #000;grid-column:1/3;justify-content:space-between;align-items:center;padding:0 4px;display:flex}#hud .sub span:last-child{align-items:center;gap:4px;display:inline-flex}#hud .sub img{width:18px;height:18px}#hud .sub .boostbar{color:#f1fff9;text-shadow:0 1px #00281ed9;font-variant-numeric:tabular-nums;white-space:nowrap;background:#1d7868d1;border-radius:10px;flex:none;margin:0 6px;padding:1px 9px;font-size:12.5px;font-weight:800}#hud .sub span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#view{-webkit-overflow-scrolling:touch;flex:1;padding:6px 12px 14px;overflow:hidden auto}#tabs{padding:5px 4px var(--safe-b);min-height:calc(66px + var(--safe-b));background:url(../img/ui/tab-bar.webp) top/100% 100% no-repeat,#15133a;display:flex}#tabs button{font-size:calc(12px * min(var(--z,1), 1.15) / var(--z,1));color:var(--ink);flex:1;min-width:0;padding:6px 2px 5px;font-weight:600;line-height:1.15;position:relative;overflow:hidden}#tabs button.on{color:var(--gold2)}#tabs button.on:before{content:"";filter:drop-shadow(0 0 6px #ffbe5a8c);background:url(../img/ui/tab-on.webp) 50%/contain no-repeat;width:40px;height:40px;margin-left:-20px;position:absolute;top:2px;left:50%}#tabs button img{object-fit:contain;pointer-events:none;width:30px;height:30px;margin:4px auto 3px;display:block;position:relative}#tabs button span:not(.dot){white-space:nowrap;text-overflow:ellipsis;display:block;position:relative;overflow:hidden}#tabs button .dot{color:#fff;text-align:center;z-index:2;background:radial-gradient(circle at 35% 30%,#c8402c,#a83224);border:1px solid #ffd9a0;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:11px;font-weight:800;line-height:15px;position:absolute;top:2px;right:calc(50% - 26px)}.card{margin-bottom:8px;padding:2px 2px 4px}.card h3{font-family:var(--f-title);color:var(--gold2);text-shadow:0 1px #3a1d0a;margin:0 0 8px;font-size:17px}.card h3:after{content:"";background:url(../img/ui/divider.webp) 0/260px 14px no-repeat;height:14px;margin-top:2px;display:block}.muted{color:var(--dim);font-size:13px;line-height:1.45}.stage{flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;padding-top:2px;display:flex;position:relative}.fire{white-space:nowrap;text-align:center;width:156px;height:188px;font-family:var(--f-title);color:#3d1608;text-shadow:0 1px #fff0beb3;filter:drop-shadow(0 0 22px #ffaa468c);transform-origin:50% 8%;background:url(../img/ui/lantern.webp) 50%/contain no-repeat;flex-direction:column;justify-content:center;align-items:center;padding:0 12px 34px;font-size:21px;font-weight:700;line-height:1.15;transition:transform 60ms,filter 60ms;animation:5s ease-in-out infinite sway;display:flex;position:relative}.fire:active{filter:drop-shadow(0 0 30px #ffbe5ad9)brightness(1.08);animation:none;transform:scale(.95)}.fire small{font-family:var(--f-body);opacity:.85;font-size:14px;font-weight:800}html[lang^=en] .fire{padding-bottom:40px;font-size:14px;line-height:1.05}html[lang^=en] .fire small{margin-top:2px;font-size:13px}@keyframes sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}.steam{filter:blur(8px);pointer-events:none;background:#ffffff59;border-radius:50%;width:22px;height:46px;margin-left:-11px;animation:3.2s ease-out infinite steam;position:absolute;bottom:80%;left:50%}.steam:nth-child(2){margin-left:-48px;animation-delay:1.1s}.steam:nth-child(3){margin-left:22px;animation-delay:2s}@keyframes steam{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:.8}to{opacity:0;transform:translateY(-70px)scale(1.5)}}.float{pointer-events:none;color:#ffe9a8;text-shadow:0 1px 3px #000;z-index:30;font-size:18px;font-weight:800;animation:.9s forwards floatup;position:fixed}@keyframes floatup{to{opacity:0;transform:translateY(-60px)}}.seats{justify-content:center;gap:10px;display:flex;position:relative}.seat{color:#e6dcc0;text-align:center;text-shadow:0 1px 2px #000;background:url(../img/ui/seat.webp) 50%/100% 100% no-repeat;justify-content:center;align-items:flex-end;width:86px;height:108px;padding-bottom:16px;font-size:12px;display:flex;position:relative;overflow:hidden}.seat img{object-fit:contain;object-position:bottom;width:100%;height:100%}.seat .px,.rcards .px{--k:2;width:calc(var(--s,40) * var(--k) * 1px);height:calc(var(--s,40) * var(--k) * 1px);background-repeat:no-repeat;background-size:calc(var(--n,1) * 100%) 100%;background-position:calc(var(--f,0) * var(--s,40) * var(--k) * -1px) 0;image-rendering:pixelated;flex:none;display:block}.seat.lock{background-image:url(../img/ui/seat-lock.webp);padding-bottom:8px}.seat .lk{white-space:pre-line;background:#080618b8;border-radius:6px;margin:0 3px;padding:1px 3px;font-size:12px;line-height:1.25;display:block}.row2{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.hint{color:#ffeccb;border-width:10px;background-color:#2c2036;border-image-width:10px;margin-bottom:8px;font-size:13.5px;line-height:1.45}.fac{border-top:1px solid #e8b85a29;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:9px 0;display:grid}.fac:first-of-type{border-top:0}.fac b{font-size:15px}.fac .n{color:var(--gold2);margin-left:6px;font-weight:800}.fac .buy{grid-area:1/2/3;min-width:96px}.fac.dim>:not(b):not(.muted){opacity:.55}.fac.dim b{color:var(--dim)}.badge{color:#fff;vertical-align:middle;background:#b8402e;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:800;display:inline-block}.grid3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gcard{text-align:center;background:url(../img/ui/seigaiha.webp) 0 0/48px 24px,#1b1947;border:2px solid #8a7a52;border-radius:10px;padding:6px 4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000008c,0 2px 4px #0006}.gcard.R{border-color:#7aaee6}.gcard.SR{border-color:#f0c36a;box-shadow:inset 0 0 0 1px #0000008c,0 0 14px #f0c36a73}.gcard .pic{justify-content:center;align-items:flex-end;height:118px;display:flex}.gcard img{object-fit:contain;max-width:100%;max-height:118px}.gcard.unk img{filter:brightness(0)opacity(.5)}.gcard b{margin-top:3px;font-size:12.5px;display:block}.gcard span{color:var(--dim);font-size:12px}.gcard .lv{background:#0000009e;border:1px solid #e8b85a66;border-radius:8px;padding:0 6px;font-size:12px;position:absolute;top:4px;right:4px}.gcard .eq{color:#3a1d0a;background:linear-gradient(#f6cf7c,#d19a35);border-radius:8px;padding:0 6px;font-size:12px;font-weight:800;position:absolute;top:27px;left:4px}.bar{background:#0e0d2a;border:1px solid #e8b85a73;border-radius:5px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.bar i{background:linear-gradient(#ffd987,#e0763a);height:100%;display:block;box-shadow:inset 0 1px #fff6}#modal{z-index:20;background:#050412c7;justify-content:center;align-items:center;padding:14px 10px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sheet{width:100%;max-height:100%;padding:2px 6px calc(6px + var(--safe-b) * .5);overflow-y:auto}#modal.center .sheet{width:100%}.sheet:before{content:"";background:url(../img/ui/crest.webp) 50%/contain no-repeat;width:120px;height:30px;margin:-12px auto 2px;display:block}.sheet h2{font-family:var(--f-title);text-align:center;color:var(--gold2);text-shadow:0 1px #3a1d0a;margin:0 0 8px;font-size:21px}.sheet .x{position:absolute}.sheet .btn{margin-top:8px}.sheet .row2 .btn,.sheet .slotrow .btn{margin-top:0}.big-pic{justify-content:center;height:240px;margin:4px 0 8px;display:flex}.big-pic img{object-fit:contain;max-height:100%}.letter{color:#33230f;font-family:var(--f-letter);white-space:pre-wrap;background:repeating-linear-gradient(#78501e00 0 27px,#78501e1f 27px 28px),linear-gradient(#f6ecd0,#eadcb8);border:1px solid #b59a5c;border-radius:4px;padding:16px;font-size:16px;line-height:28px;box-shadow:inset 0 0 22px #96642840,0 3px 10px #00000080}.letter-from{align-items:center;gap:10px;margin-bottom:10px;display:flex}.letter-from img{object-fit:cover;object-position:top;border:2px solid var(--gold);background:#241f48;border-radius:50%;width:54px;height:54px}.gauge{background:linear-gradient(90deg,#3a6fb0 0%,#5aa0a8 25%,#7fbf7a 50%,#e0a040 75%,#d9543f 100%);border:3px solid #e8b85a;border-radius:23px;height:46px;margin:18px 0 8px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #3a2a12,inset 0 2px 6px #00000080}.gauge .zone{background:#ffffff73;border-left:2px solid #fff;border-right:2px solid #fff;position:absolute;top:0;bottom:0}.gauge .zone b{background:#ffffa08c;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.gauge .zone i{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.gauge .mark{background:#fff;border-radius:4px;width:8px;margin-left:-4px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 10px #fff}.gl{color:var(--dim);justify-content:space-between;font-size:12px;display:flex}.dots{justify-content:center;gap:8px;margin:6px 0;display:flex}.dots i{background:#ffffff26;border:1px solid #e8b85a80;border-radius:50%;width:14px;height:14px}.dots i.perfect{background:#7fe08a}.dots i.good{background:#f0c36a}.dots i.miss{background:#d9543f}.fb{text-align:center;min-height:26px;font-size:18px;font-weight:800}.reveal{justify-content:center;align-items:flex-end;height:230px;display:flex}.reveal img{max-height:100%;transition:filter .5s,opacity .5s}.tap-now{height:84px;font-family:var(--f-title);--bw:34px 26px;font-size:26px}@keyframes pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.pop{animation:.5s both pop}.sil{animation:1.1s both silreveal}@keyframes silreveal{0%{filter:brightness(0);opacity:.4}55%{filter:brightness(0)}to{filter:none;opacity:1}}.rcards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rcards .gcard{animation:.5s both pop}.rcards .gcard .pic .px{margin:0 auto}.new{color:#fff;background:#b8402e;border:1px solid #ffd9a0;border-radius:8px;padding:0 6px;font-size:11px;font-weight:800;position:absolute;top:4px;right:4px}#toasts{left:0;right:0;bottom:calc(72px + var(--safe-b));z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.toast{color:var(--ink);pointer-events:auto;text-align:center;border-width:9px;border-image-width:9px;max-width:92%;padding:0 4px;font-size:14px;line-height:1.35;animation:.3s both pop;box-shadow:0 6px 16px #00000080}.toast.unit{color:#3a2a18;background:#f3e7c9 padding-box padding-box;font-weight:700}details{color:var(--dim);margin-top:8px;font-size:13px}details pre{white-space:pre-wrap;margin:6px 0 0;font-family:inherit}.mis{border-top:1px solid #e8b85a29;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:7px 0;font-size:14.5px;display:grid}.mis:first-of-type{border-top:0}.mis .bar{grid-column:1/3}.ach{justify-content:space-between;padding:3px 0;font-size:13.5px;display:flex}.ach.done{color:var(--gold2)}.slotrow{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.small-ad{min-height:48px;margin-top:8px;font-size:15px}.adoff{text-align:center;margin-top:8px}.adslot{margin-top:8px;display:grid}.adslot>*{grid-area:1/1;align-self:center;min-width:0}.adslot>.sz{visibility:hidden;pointer-events:none}.adslot .btn.ad,.adslot .adoff{margin-top:0}.adslot .adsub{margin:4px 0 0}.notice{z-index:1;text-align:center;background:#d9543f80;border:1px solid #ffd9a080;border-radius:10px;margin-bottom:10px;padding:8px 12px;font-size:13px;position:relative}.langrow{flex-wrap:wrap;gap:6px;padding:6px 0 10px;display:flex}.langrow .btn{flex:30%;width:auto;min-height:48px;padding:8px 10px;font-size:14px}.annex{background:#3c6e96e6;border-radius:8px;padding:1px 6px;font-size:12px;position:absolute;top:4px;left:4px}.gcard{position:relative}.btn small,.gcard span,.mis .muted{overflow-wrap:anywhere}details>summary{cursor:pointer;box-sizing:border-box;min-height:48px;color:var(--gold);padding:12px 0}details pre{white-space:pre-wrap;word-break:break-word;font:13px/1.55 var(--f-body);max-height:42vh;color:var(--ink);background:#0a0920b8;border-radius:6px;padding:8px 10px;font-size:14px;line-height:1.6;overflow:auto}#bg{filter:blur(1.6px)brightness(.88);top:-8px;bottom:-8px;left:-8px;right:-8px}.bath-quit{min-height:48px;margin-top:8px;font-size:14px}#modal:not([hidden])~#toasts{bottom:auto;top:calc(4px + env(safe-area-inset-top,0px))}#modal:not([hidden])~#toasts .toast{border-width:7px;border-image-width:7px;max-width:86%;font-size:12.5px;line-height:1.3}@media (max-height:700px){#modal:not([hidden])~#toasts{top:0}#modal:not([hidden])~#toasts .toast{max-width:98%;padding:0 2px;font-size:12px}}.btn.ad{margin-top:16px}.btn.ad[data-act=away-ad]{--bw:21px 18px;min-height:48px;margin-top:12px;padding:7px 16px;font-size:14px}.btn.ad[data-act=away-ad] small{font-size:12px}.mis .btn.small,.slotrow .btn{min-height:48px}button.ach.tit{text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:0;padding:4px 0}@media (max-height:680px){#modal{padding:8px}.sheet:before{height:22px;margin:-14px auto 0}.sheet h2{margin-bottom:4px;font-size:19px}.reveal{height:112px}.big-pic{height:170px;margin:0 0 4px}.tap-now{height:64px}.gauge{margin:10px 0 6px}.fire{width:124px;height:150px;padding:0 10px 22px;font-size:15px}html[lang^=en] .fire{padding-bottom:28px;font-size:12px}html[lang^=en] .fire small{font-size:12px}.seat .lk{margin:0 1px;padding:1px;font-size:12px}.seat{width:82px;height:100px;padding-bottom:12px}.stage{gap:2px;margin-bottom:4px}#hud .coins{font-size:22px}}@media (prefers-reduced-motion:reduce){.px[data-px],.fire,.steam,.pop,.sil,.rcards .gcard,.toast{animation:none!important}.fire,.btn{transition:none}}