@import "https://fonts.googleapis.com/css2?family=Pirata+One&family=Alegreya:ital,wght@0,500;0,700;0,800;1,500&family=Alegreya+SC:wght@500;700&display=swap";@font-face{font-family:MabinogiClassicR;src:url(https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/classic/MabinogiClassicR/400.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--cream:#f4ead6;--cream-dark:#e8dcc0;--teal:#159a80;--teal-dark:#0d7a66;--red:#e8503a;--red-dark:#c93c28;--ink:#2b2331;--forest:#1d3a33;--forest-light:#29524a;--gold:#f5b83d;--sky:#2f9fd0;--purple:#7b4b94;color:var(--ink);font-family:Alegreya,MabinogiClassicR,serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{background:var(--ink);touch-action:manipulation;overscroll-behavior:none;width:100%;height:100%;overflow:hidden}@supports (height:100dvh){html,body,#root{height:100dvh}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-family:inherit}.font-title{font-family:Pirata One,MabinogiClassicR,serif}.font-sc{font-family:Alegreya SC,MabinogiClassicR,serif}.btn{color:var(--cream);background:var(--teal);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);letter-spacing:.5px;padding:8px 26px;font-family:Alegreya SC,MabinogiClassicR,serif;font-size:20px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.btn:hover{box-shadow:5px 5px 0 var(--ink);filter:brightness(1.08);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn.red{background:var(--red)}.btn.gold{background:var(--gold);color:var(--ink)}.btn:disabled{opacity:.5;pointer-events:none}.menu-card{text-align:left;width:100%;color:var(--cream);background:#101426eb url(/art/ui/btn-navy.png) 50%/100% 100% no-repeat;border:2px solid #f5b83d73;border-radius:9px;align-items:center;gap:12px;padding:9px 12px;transition:transform 80ms,box-shadow 80ms,border-color .12s,filter .12s;display:flex;box-shadow:0 3px #00000080,inset 0 1px #ffffff12}.menu-card:hover{border-color:var(--gold);filter:brightness(1.14);transform:translateY(-1px);box-shadow:0 4px #00000080}.menu-card:active{filter:brightness(.96);transform:translateY(2px);box-shadow:0 1px #00000080}.menu-card.primary{background:var(--red-dark) url(/art/ui/btn-primary.png) center / 100% 100% no-repeat;border-color:var(--gold);box-shadow:0 4px #0000008c,0 0 20px #f5b83d66}.mc-title{letter-spacing:.6px;text-shadow:1px 1px #0009;font-family:Alegreya SC,MabinogiClassicR,serif;font-size:17px;font-weight:700;line-height:1.15}.mc-sub{opacity:.75;margin-top:1px;font-size:12px;line-height:1.2}.menu-card.entry{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:13px 22px}.menu-card.entry .mc-sub{font-size:13px}.menu-card.entry.primary{background:var(--red-dark) url(/art/ui/btn-red.png) center / 100% 100% no-repeat;border:none;padding:17px 26px;box-shadow:0 4px #0000008c,0 0 22px #f5b83d59}.title-beam-host{--beam-stroke-opacity:3;--beam-inner-opacity:2.6;--beam-bloom-opacity:3.2;--beam-core-blur:14px;--beam-bloom-blur:26px;--beam-glow-brightness:2.2;--beam-glow-saturate:1.8;filter:drop-shadow(0 6px #0000008c);transition:transform .12s cubic-bezier(.34,1.4,.64,1),filter .12s}.title-beam-host:hover{filter:drop-shadow(0 8px #00000080)brightness(1.12);transform:translateY(-3px)scale(1.02)}.title-beam-host:active{filter:drop-shadow(0 2px #0000008c)brightness(.92);transform:translateY(2px)scale(.98)}.queue-beam-host{--beam-stroke-opacity:2.4;--beam-inner-opacity:2.2;--beam-bloom-opacity:2.8;--beam-glow-brightness:1.9;--beam-glow-saturate:1.7}.entry-poster{cursor:pointer;aspect-ratio:2;color:var(--cream);filter:drop-shadow(0 6px #0000008c);border:30px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 8px;transition:transform .12s cubic-bezier(.34,1.4,.64,1),filter .12s;display:flex;position:relative;overflow:hidden}.entry-poster:hover{filter:drop-shadow(0 8px #00000080)brightness(1.12);transform:translateY(-3px)scale(1.02)}.entry-poster:active{filter:drop-shadow(0 2px #0000008c)brightness(.92);transform:translateY(2px)scale(.98)}.entry-poster.solo{border-image:url(/art/btn-solo.png) 100 fill/30px round}.entry-poster.rival{border-image:url(/art/btn-rival.png) 100 fill/30px round}.entry-poster .ep-title{letter-spacing:1.5px;text-shadow:3px 3px #0a0402e6;white-space:nowrap;z-index:2;align-items:center;gap:9px;font-family:Alegreya SC,MabinogiClassicR,serif;font-size:26px;font-weight:800;line-height:1.05;display:flex;position:relative}.entry-poster.rival .ep-title{color:#aff5e4;text-shadow:3px 3px #020a0ae6}.entry-poster .ep-sub{opacity:.85;letter-spacing:.5px;text-shadow:1px 1px #0a0402e6;white-space:nowrap;z-index:2;font-size:11px;font-weight:700;position:relative}@media (width<=700px){.entry-poster{aspect-ratio:2.2;padding:22px 16px 16px}.entry-poster .ep-title{font-size:20px}}.preload-bar{background:#08060eb8;border:26px solid #0000;border-image:url(/art/ui/loading-frame.png) 140 fill/26px round;border-radius:14px;height:86px;position:relative;overflow:hidden}.preload-fill{background:linear-gradient(#ffd873 0%,#f5a83d 48%,#d94f3d 100%);border-radius:4px;min-width:6px;height:100%;transition:width .25s ease-out;position:relative;overflow:hidden;box-shadow:0 0 14px #ffc850bf,inset 0 -3px #781e1459}.preload-fill:after{content:"";background:linear-gradient(115deg,#0000 0 40%,#ffffff52 40% 60%,#0000 60% 100%) 0 0/32px 100%;animation:.8s linear infinite preload-stripes;position:absolute;inset:0}@keyframes preload-stripes{to{background-position:32px 0}}.preload-exit{animation:.8s forwards preload-exit}@keyframes preload-exit{30%{opacity:1;filter:brightness(1.35)}to{opacity:0;filter:brightness(1.6);transform:scale(1.03)}}@media (width<=700px){.preload-bar{border-width:20px;border-image:url(/art/ui/loading-frame.png) 140 fill/20px round;height:66px}}.title-board{display:none}@media (width>=1100px){.title-board{display:block}}.title-chip{color:var(--cream);background:#101426e6;border:2px solid #f5b83d73;border-radius:8px;align-items:center;gap:7px;padding:6px 12px;font-size:15px;font-weight:800;transition:border-color .12s,filter .12s;display:flex;box-shadow:0 3px #00000080}button.title-chip:hover{border-color:var(--gold);filter:brightness(1.15)}.title-chip .chip-plus{background:var(--gold);width:20px;height:20px;color:var(--ink);border-radius:5px;justify-content:center;align-items:center;margin-left:2px;font-size:15px;font-weight:900;line-height:1;display:flex}.title-panel{border:2px solid #f5b83d73;border-radius:10px;transition:border-color .12s,transform 80ms;overflow:hidden;box-shadow:0 4px #00000080}.title-panel:hover{border-color:var(--gold);transform:translateY(-1px)}@media (width<=767px){.btn{box-shadow:3px 3px 0 var(--ink);border-width:3px;padding:8px 18px;font-size:16px}.float-text{font-size:20px}.float-text.big{font-size:30px}.surge-banner{padding:8px 22px;font-size:24px}.enemy-turn-banner{padding:5px 18px;font-size:19px}.fallen-banner{letter-spacing:4px;font-size:38px}}@media (hover:none){.btn:hover{box-shadow:4px 4px 0 var(--ink);filter:none;transform:none}.hand-card:hover{z-index:auto;transform:none}.hand-card.sel{z-index:8;transform:translateY(-22px)scale(1.06)}}@keyframes shake-sm{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-2px)}}@keyframes shake-lg{0%,to{transform:translate(0)}20%{transform:translate(-7px,4px)}40%{transform:translate(6px,-5px)}60%{transform:translate(-5px,-4px)}80%{transform:translate(5px,4px)}}@keyframes shake-xl{0%,to{transform:translate(0)}12%{transform:translate(-12px,7px)rotate(-.6deg)}28%{transform:translate(10px,-8px)rotate(.5deg)}44%{transform:translate(-9px,-6px)}60%{transform:translate(8px,6px)rotate(-.4deg)}76%{transform:translate(-5px,3px)}90%{transform:translate(3px,-2px)}}.shake-3{animation:.25s shake-sm}.shake-6,.shake-8{animation:.3s shake-lg}.shake-10{animation:.55s shake-xl}@keyframes float-up{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-10px)scale(1.25)}30%{transform:translate(-50%,-16px)scale(1)}to{opacity:0;transform:translate(-50%,-54px)scale(1)}}.float-text{pointer-events:none;text-shadow:2px 2px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);z-index:60;font-family:Pirata One,MabinogiClassicR,serif;font-size:26px;animation:1s ease-out forwards float-up;position:absolute}.float-text.big{font-size:40px}@keyframes surge-pulse{0%,to{opacity:0}30%,60%{opacity:1}}.surge-vignette{pointer-events:none;z-index:55;animation:1.2s ease-out forwards surge-pulse;position:fixed;inset:0;box-shadow:inset 0 0 120px 30px #e8503ad9}@keyframes banner-slide{0%{transform:translate(-50%,-120px)}15%{transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.surge-banner{z-index:56;pointer-events:none;background:var(--red);color:var(--cream);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);letter-spacing:2px;padding:10px 36px;font-family:Pirata One,MabinogiClassicR,serif;font-size:34px;animation:1.6s ease-out forwards banner-slide;position:fixed;top:12vh;left:50%}@keyframes card-in{0%{opacity:0;transform:translateY(60px)rotate(4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes marquee-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.28)drop-shadow(0 0 12px #ffd65acc)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes panel-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes deal-in{0%{transform:translate3d(var(--deal-dx,0px), 130px, 0) rotate(-12deg);opacity:0}to{opacity:1;transform:translate(0,0)rotate(0)}}.deal-card{will-change:transform, opacity;backface-visibility:hidden;animation:.58s cubic-bezier(.3,1.24,.32,1) backwards deal-in}@keyframes stamp-in{0%{opacity:0;transform:scale(2.2)}60%{opacity:1;transform:scale(.9)}80%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pop-die{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 2px #7ef29a)}50%{filter:drop-shadow(0 0 10px #7ef29a)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes march{to{stroke-dashoffset:-18px}}@keyframes pulse-gold{0%,to{filter:drop-shadow(0 0 5px #f5b83d8c)}50%{filter:drop-shadow(0 0 16px #f5b83d)}}@keyframes ring-spin{0%{stroke-dashoffset:0}to{stroke-dashoffset:-48px}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes hurt-flash{0%{filter:none;transform:translate(0)scale(1)}8%{filter:brightness(4)saturate(.2)drop-shadow(0 0 14px #fffffff2);transform:translateX(calc(var(--dir,1) * -14px)) scale(1.12) rotate(calc(var(--dir,1) * -5deg))}22%{filter:brightness(2.2)saturate(4.5)hue-rotate(-45deg)drop-shadow(0 0 12px #ff3c28f2);transform:translateX(calc(var(--dir,1) * -9px)) scale(.94)}40%{filter:brightness(1.6)saturate(3)hue-rotate(-30deg)drop-shadow(0 0 6px #ff3c2899);transform:translateX(calc(var(--dir,1) * 6px)) scale(1.04)}60%{filter:brightness(1.25)saturate(1.8)hue-rotate(-15deg);transform:translateX(calc(var(--dir,1) * -4px))}78%{filter:none;transform:translateX(calc(var(--dir,1) * 2px))}to{filter:none;transform:translate(0)scale(1)}}@keyframes attack-lunge{0%{transform:translate(0)}20%{transform:translate(calc(var(--dir,1) * -9px), 3px) scale(.94) rotate(calc(var(--dir,1) * -3deg))}44%{transform:translate(calc(var(--dir,1) * 26px), -14px) scale(1.16) rotate(calc(var(--dir,1) * 5deg))}58%{transform:translate(calc(var(--dir,1) * 18px), -9px) scale(1.08)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.hand-card{transition:transform .13s}.hand-card:hover{z-index:8;transform:translateY(-16px)scale(1.05)rotate(-1deg)}.hand-card.sel{z-index:8;transform:translateY(-28px)scale(1.06)}@keyframes burst-out{0%{transform:rotate(var(--a)) translateX(0) scale(1.3);opacity:1}to{transform:rotate(var(--a)) translateX(var(--dist,64px)) scale(.15);opacity:0}}.burst{width:0;height:0;position:absolute}.burst span{background:var(--gold);border:2px solid var(--ink);border-radius:2px;width:10px;height:10px;animation:.6s ease-out forwards burst-out;position:absolute;top:-5px;left:-5px}.burst span:nth-child(2n){background:var(--red);border-radius:50%}.burst span:nth-child(3n){background:var(--cream)}@keyframes shockwave{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.shockwave{border:5px solid var(--gold);border-radius:50%;width:72px;height:72px;animation:.5s ease-out forwards shockwave;position:absolute;box-shadow:0 0 18px #f5b83dd9,inset 0 0 12px #f5b83d99}@keyframes death-flash{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.death-flash{background:radial-gradient(circle,#fff 0%,#f5b83db3 40%,#0000 70%);border-radius:50%;width:84px;height:84px;animation:.4s ease-out forwards death-flash;position:absolute}@keyframes spark-out{0%{transform:rotate(var(--a)) translateX(3px) scaleX(1.4);opacity:1}to{transform:rotate(var(--a)) translateX(42px) scaleX(.35);opacity:0}}.impact{width:0;height:0;position:absolute}.impact span{background:#ffd27a;border-radius:2px;width:15px;height:4px;animation:.34s ease-out forwards spark-out;position:absolute;top:-2px;left:-2px;box-shadow:0 0 6px #ffaa46d9}.impact span:nth-child(2n){background:#ff5a4a}@keyframes hit-ring-pop{0%{opacity:.95;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.hit-ring{background:radial-gradient(circle,#fffffff2 0%,#ff78508c 45%,#0000 70%);border-radius:50%;width:48px;height:48px;animation:.3s ease-out forwards hit-ring-pop;position:absolute}@keyframes hurt-vignette{0%{opacity:0}15%{opacity:1}to{opacity:0}}.hurt-vignette{pointer-events:none;z-index:57;animation:.55s ease-out forwards hurt-vignette;position:fixed;inset:0;box-shadow:inset 0 0 140px 44px #dc281ebf}@keyframes unit-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.6,0,1,.5);transform:translateY(-150px)scale(.96,1.06)}10%{opacity:1}45%{animation-timing-function:cubic-bezier(.2,.6,.4,1);transform:translateY(0)scale(1.3,.66)}75%{transform:translateY(0)scale(.97,1.03)}to{transform:translateY(0)scale(1)}}.unit-drop{transform-origin:bottom;animation:.45s both unit-drop}@keyframes dust-ring-out{0%{opacity:.9;transform:translate(-50%,-50%)scale(.25)}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}.dust-ring{border:3px solid #f4ead6e6;border-radius:50%;width:66px;height:26px;animation:.45s ease-out .2s both dust-ring-out;position:absolute}@keyframes dust-puff-out{0%{transform:rotate(var(--a)) translateX(6px) scale(1);opacity:.95}to{transform:rotate(var(--a)) translateX(36px) scale(.3);opacity:0}}.dust{width:0;height:0;position:absolute}.dust span{background:var(--cream-dark);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px;animation:.5s ease-out .2s both dust-puff-out;position:absolute;top:-4px;left:-4px}@keyframes hero-death-vignette{0%{opacity:0}20%{opacity:1}to{opacity:.9}}.hero-death-vignette{pointer-events:none;z-index:58;background:radial-gradient(circle,#0000 25%,#1a1218eb 100%);animation:1.7s ease-out forwards hero-death-vignette;position:fixed;inset:0;box-shadow:inset 0 0 160px 60px #b41e14cc}@keyframes fallen-slam{0%{opacity:0;transform:translate(-50%,-50%)scale(3)}28%{opacity:1;transform:translate(-50%,-50%)scale(.95)}40%{transform:translate(-50%,-50%)scale(1.06)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.fallen-banner{z-index:59;pointer-events:none;letter-spacing:6px;color:var(--red);text-shadow:4px 4px 0 var(--ink), 0 0 26px #dc281eb3;font-family:Pirata One,MabinogiClassicR,serif;font-size:64px;animation:1.7s ease-out forwards fallen-slam;position:fixed;top:46%;left:50%}@keyframes enemy-banner{0%{opacity:0;transform:translate(-50%,-60px)}to{opacity:1;transform:translate(-50%)}}.enemy-turn-banner{z-index:7;background:var(--ink);color:var(--red);border:3px solid var(--red);letter-spacing:2px;padding:6px 28px;font-family:Pirata One,MabinogiClassicR,serif;font-size:26px;animation:.25s ease-out both enemy-banner;position:absolute;top:12px;left:50%;transform:translate(-50%)}@keyframes hex-valid-pulse{0%,to{opacity:.6}50%{opacity:.95}}.hex-valid-fill{animation:.8s ease-in-out infinite hex-valid-pulse}@keyframes hex-ring-pulse{0%,to{opacity:1;stroke-width:4.5px}50%{opacity:.75;stroke-width:6px}}.hex-valid-ring{animation:.8s ease-in-out infinite hex-ring-pulse}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.6;transform:translateY(110vh)rotate(720deg)}}@keyframes blink-soft{0%,to{opacity:.35}50%{opacity:.9}}.combo-flash{pointer-events:none;z-index:55;background:radial-gradient(at 50% 45%,#f5b83d4d,#f5b83d14 55%,#0000 75%);animation:.55s both combo-flash;position:fixed;inset:0}@keyframes combo-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}