@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Galmuri7;src:url(/fonts/Galmuri7.woff2)format("woff2");font-weight:400;font-display:swap}:root{--bg-deep:#12131f;--bg-box:#29366f;--border:#f4f4f4;--text:#f4f4f4;--text-dim:#a8b6d4;--gold:#ffcd75;--danger:#ef476f;--success:#38b764;--cost-1:#94a3c4;--cost-2:#38b764;--cost-3:#41a6f6;--cost-4:#b55088;--cost-5:#ffcd75;--f-멸치:#41a6f6;--f-어중간:#94a3c4;--f-돼지:#b55088;--f-뉴어벤저스:#ffcd75;--px:2px;--gap:12px;--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);--font:"Galmuri11", monospace;--font-small:"Galmuri7", "Galmuri11", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-radius:0}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg-deep);height:100dvh;color:var(--text);font-family:var(--font);letter-spacing:.02em;image-rendering:pixelated;touch-action:manipulation;overscroll-behavior:none;-webkit-font-smoothing:none;font-smooth:never;font-size:14px;line-height:1.6;overflow:hidden}img,canvas{image-rendering:pixelated;max-width:100%}#root{width:100%;height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}button{font-family:inherit;font-size:inherit;color:var(--text);background:var(--bg-box);border:var(--px) solid var(--border);cursor:pointer;min-height:44px;padding:10px 14px}button:disabled{color:var(--text-dim);border-color:var(--text-dim);cursor:default}input{font-family:inherit;font-size:inherit;color:var(--text);background:var(--bg-deep);border:var(--px) solid var(--border);width:100%;min-height:44px;padding:10px 12px}.action-bar{padding:var(--gap) 0 calc(var(--gap) + var(--safe-bottom));background:linear-gradient(to top, var(--bg-deep) 70%, transparent);gap:var(--gap);display:flex;position:sticky;bottom:0}.action-bar button{flex:1}.tier-insane{background:linear-gradient(90deg,#ef476f,#ffcd75,#38b764,#41a6f6,#b55088,#ef476f) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite rainbow}@keyframes rainbow{to{background-position:-300% 0}}.rotate-notice{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 12% 18%,#f4f4f480 50%,#0000 50%),radial-gradient(1px 1px at 78% 8%,#f4f4f466 50%,#0000 50%),radial-gradient(1px 1px at 33% 62%,#94a3c480 50%,#0000 50%),radial-gradient(1px 1px at 64% 44%,#f4f4f459 50%,#0000 50%),radial-gradient(1px 1px at 88% 76%,#94a3c473 50%,#0000 50%),radial-gradient(1px 1px at 20% 88%,#f4f4f44d 50%,#0000 50%),radial-gradient(1px 1px at 52% 24%,#94a3c459 50%,#0000 50%);background-size:240px 240px;display:none;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:1;opacity:.35;background:repeating-linear-gradient(#0000001f 0 1px,#0000 1px 3px);display:none;position:fixed;inset:0}#root{z-index:2;position:relative}@keyframes fx-pulse{0%,to{filter:drop-shadow(0 0 #ffcd7500)}50%{filter:drop-shadow(0 0 6px #ffcd75d9)}}.fx-pulse{animation:1.8s ease-in-out infinite fx-pulse}@keyframes fx-shine{0%{opacity:.55;transform:scale(.94)}40%{opacity:1;transform:scale(1.06)}to{opacity:.9;transform:scale(1)}}.fx-shine{animation:.7s ease-out fx-shine}@keyframes fx-shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}}.fx-shake{animation:.5s ease-in-out fx-shake}@keyframes fx-warn{0%,to{opacity:1}50%{opacity:.35}}.fx-warn{animation:1.4s ease-in-out infinite fx-warn}@keyframes fx-rise{0%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-50% - 14px))}}.fx-rise{animation:.45s ease-out fx-rise}@keyframes fx-sweep{to{background-position:-300% 0}}.fx-sweep{background:linear-gradient(90deg,#ef476f,#ffcd75,#38b764,#41a6f6,#b55088,#ef476f) 0 0/300% 100%;animation:2.4s linear infinite fx-sweep}@keyframes fx-bg-rainbow{0%{background-position:0%}to{background-position:-400%}}.fx-insane-bg{background-image:linear-gradient(120deg,#ef476f38,#ffcd7538,#38b76438,#41a6f638,#b5508838,#ef476f38);background-size:400% 400%;animation:3s linear infinite fx-bg-rainbow}body.overlay-open{overflow:hidden}@keyframes fx-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.6)}}.fx-ring{animation:1.2s ease-out infinite fx-ring}@keyframes fx-throb{0%,to{filter:drop-shadow(0 0 4px #ffcd7599);transform:scale(1)}50%{filter:drop-shadow(0 0 16px #ffcd75);transform:scale(1.07)}}.fx-throb{animation:.9s ease-in-out infinite fx-throb}@keyframes fx-slam{0%{opacity:0;transform:scale(2.4)}55%{opacity:1;transform:scale(.88)}75%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.fx-slam{animation:.55s cubic-bezier(.2,1.4,.4,1) fx-slam}canvas.field{image-rendering:pixelated;touch-action:none;width:100%;height:auto;display:block}.game-screen{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.strip{flex-direction:column;flex:none;gap:2px;width:34px;display:flex}.shop-card{border:var(--px) solid var(--cost-1);background:var(--bg-deep);cursor:pointer;flex-direction:column;align-items:center;gap:1px;min-height:0;padding:3px 2px 4px;display:flex}.shop-card:disabled{opacity:.4}.g-screen{flex-direction:column;height:100dvh;font-size:11px;display:flex;overflow:hidden}.g-mid{flex:1;align-items:stretch;min-height:0;display:flex}.g-panel{width:var(--panel,200px);border-inline:var(--px) solid var(--bg-box);flex-direction:column;flex:none;gap:3px;padding:4px;display:flex;overflow:hidden auto}.g-board{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.g-primary{border-color:var(--gold)!important;color:var(--gold)!important}.g-now{animation:1.4s ease-in-out infinite fx-warn}.g-row{align-items:center;gap:4px;display:flex}button.g-flat{background:var(--bg-box);min-height:0;padding:3px 6px;font-size:11px}.v-board{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 8px;display:flex;position:relative;overflow:hidden}.field-box{justify-content:center;align-items:center;display:flex}.v-syn{white-space:nowrap;scrollbar-width:none;border-bottom:var(--px) solid var(--bg-box);flex:none;align-items:center;gap:3px;min-height:30px;padding:2px 6px;display:flex;overflow:auto hidden}.v-syn::-webkit-scrollbar{display:none}.v-syn-who{color:var(--dim);flex:none;padding-right:2px}button.v-chip{border:var(--px) solid var(--bg-box);background:0 0;flex:none;align-items:center;gap:3px;min-height:26px;padding:2px 5px;font-size:11px;display:flex}.v-hint{text-align:center;color:var(--gold);border-top:var(--px) solid var(--bg-box);flex:none;padding:2px 6px}.v-vitals{flex:none;align-items:center;gap:4px;display:flex}.v-actions{flex:none;gap:4px;padding:0 6px 2px;display:flex}.v-actions button{flex:1;min-height:36px}.v-foes{border-bottom:var(--px) solid var(--bg-box);flex:none;align-items:flex-end;gap:3px;padding:2px 4px;display:flex;overflow-x:auto}.v-foe{background:var(--bg-deep);border:var(--px) solid var(--bg-box);flex-direction:column;flex:none;align-items:center;gap:1px;min-width:44px;min-height:52px;padding:0 1px;display:flex}.v-me{border-color:var(--text);min-width:48px;margin-left:auto}.title{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;padding:6px 0 10px;display:flex}.title-top{color:var(--dim);letter-spacing:.28em;text-indent:.28em;align-items:center;gap:6px;font-size:12px;display:flex}.title-main{letter-spacing:.04em;color:var(--gold);text-shadow:3px 0 var(--bg-deep), -3px 0 var(--bg-deep), 0 3px var(--bg-deep), 0 -3px var(--bg-deep), 3px 3px var(--bg-deep), -3px 3px var(--bg-deep), 3px -3px var(--bg-deep), -3px -3px var(--bg-deep), 0 6px #8a6642, 0 9px var(--bg-deep);font-size:clamp(34px,13vw,60px);line-height:1.1;animation:3.6s ease-in-out infinite title-float;position:relative}.title-main:after{content:attr(data-text);color:#0000;text-shadow:none;background:linear-gradient(100deg,#0000 35%,#fff6d8 48%,#fff 52%,#0000 65%) 0 0/300% 100%;pointer-events:none;-webkit-background-clip:text;background-clip:text;animation:3.2s ease-in-out infinite title-shine;position:absolute;inset:0}.title-line{color:var(--dim);margin-top:4px;font-size:11px}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes title-shine{0%,55%{background-position:140% 0}85%,to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.title-main,.title-main:after{animation:none}}.shop-side{width:72px}@media (max-width:419px){.shop-side{width:56px}.shop-side button{padding:2px;font-size:11px}.v-foe{min-width:38px}.v-foe>span:first-of-type{display:none}.v-me{min-width:42px}}.fx-pop{white-space:nowrap;text-shadow:1px 0 #12131f,-1px 0 #12131f,0 1px #12131f,0 -1px #12131f;font-weight:700;animation-name:fx-rise;animation-timing-function:linear;animation-fill-mode:forwards}.fx-bubble{white-space:nowrap;color:#f4f4f4;background:#12131f;border:2px solid #f4f4f4;padding:2px 5px;line-height:1.3}
