:root{--green: #6dff8a;--mint: #55ff8a;--pill: #ff4fc3;--ink: #020805;--panel: #06130bdd;--line: #1f4a2a;--paper: #e8fff0;--display: Arcade, Impact, "Arial Narrow", sans-serif;--mono: Memory, "Lucida Console", monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000}body{color:var(--paper);font:18px var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}[hidden]{display:none!important}.app{height:100svh;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;padding:0 max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left))}.bar{flex:none;height:48px;display:flex;align-items:center;justify-content:space-between;letter-spacing:1px}.brand{font:800 24px var(--display);letter-spacing:.5px}.brand i{font-style:normal;background:var(--green);color:var(--ink);padding:0 4px;margin-right:6px}.brand span{color:#8fb89a}.bar-actions{display:flex;gap:6px}.bar-btn{min-height:40px;min-width:40px;padding:0 10px;color:#b9d8c0;font-size:16px}.bar-btn span{color:var(--paper)}body:not([data-screen=game]) #pause-btn{visibility:hidden}.stage{position:relative;flex:none;width:100%;aspect-ratio:16 / 9;max-height:calc(100svh - 178px);margin:0 auto;overflow:hidden;border:2px solid #3d6b49;box-shadow:0 0 0 4px #07120b,0 0 0 5px #1f3a28,0 20px 80px #000c;background:#000;isolation:isolate}@supports not (aspect-ratio: 1){.stage{height:56vw}}body:not([data-screen=game]) .stage{max-height:calc(100svh - 60px)}#arena{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,#0000 0 2px,#0003 2px 3px);mix-blend-mode:multiply}.hud{position:absolute;z-index:3;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:start;padding:2.2% 2.4% 0;pointer-events:none}.side-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.side strong{font:800 clamp(18px,2.4vw,32px) var(--display);letter-spacing:.5px}.p1 strong{color:var(--pill)}.p2 strong{color:var(--mint)}.wins{color:#ffd786;letter-spacing:3px;font-size:clamp(14px,1.4vw,20px)}.health{height:clamp(12px,1.6vw,22px);background:#140a10cc;border:2px solid #e8fff0aa;box-shadow:3px 3px #000a;overflow:hidden}.p2 .health{background:#06140bcc}.health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--pill),#ff8a5c);transition:width .18s}.p2 .health i{margin-left:auto;background:linear-gradient(270deg,var(--mint),#b9ffcb)}.health.low{animation:low .5s steps(2) infinite}@keyframes low{50%{border-color:#ff3b3b}}.meter{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:clamp(11px,1.1vw,15px);color:#ffb3e3;letter-spacing:1px}.meter i{flex:0 1 64px;height:8px;border:1px solid #ff4fc388;background:linear-gradient(90deg,var(--pill) calc(var(--fill, 0) * 100%),#1a0a14 0)}.meter i.full{box-shadow:0 0 10px var(--pill);background:var(--pill)}.clock{text-align:center;min-width:70px}.clock b{display:block;font:800 clamp(34px,4.6vw,62px)/.9 var(--display);color:#ffd786;text-shadow:3px 3px 0 #000}.clock small{display:block;font-size:clamp(10px,1vw,14px);color:#9ccaa8;letter-spacing:1px;white-space:nowrap}.banner{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}.banner strong{font:800 clamp(60px,11vw,170px)/.9 var(--display);color:#fff;letter-spacing:.02em;text-shadow:4px 4px 0 var(--pill),-4px -4px 0 #16a34a,0 0 40px #000;animation:slam .35s cubic-bezier(.2,1.6,.4,1) both}.banner small{margin-top:10px;font-size:clamp(14px,1.8vw,24px);letter-spacing:3px;color:var(--green);text-shadow:0 2px 0 #000}.banner.dramatic strong{font-size:clamp(90px,19vw,300px);color:#fff;text-shadow:6px 6px 0 var(--pill),-6px -6px 0 #16a34a,0 0 80px #ff4fc3aa;animation:ko 1.1s cubic-bezier(.2,1.4,.3,1) both,shake .5s .15s linear 2}.banner.dramatic small{color:#ffd786;font-size:clamp(16px,2.4vw,32px);animation:rise .6s .5s both}@keyframes slam{0%{transform:scale(2.4);opacity:0}to{transform:none;opacity:1}}@keyframes ko{0%{transform:scale(5) rotate(-8deg);opacity:0;filter:blur(8px)}45%{transform:scale(.92) rotate(2deg);opacity:1;filter:none}to{transform:none}}@keyframes shake{25%{translate:-6px 3px}50%{translate:5px -4px}75%{translate:-3px -2px}}@keyframes rise{0%{transform:translateY(20px);opacity:0}}.callout{position:absolute;z-index:4;left:50%;top:24%;transform:translate(-50%);text-align:center;pointer-events:none;animation:rise .35s both;width:max-content;max-width:92%}.callout small{display:block;font-size:clamp(11px,1.2vw,16px);letter-spacing:3px;color:var(--green)}.callout strong{display:block;font:800 clamp(30px,5.4vw,76px)/1 var(--display);color:var(--power, #fff);text-shadow:4px 4px 0 #000;margin:4px 0}.callout span{font-size:clamp(13px,1.5vw,20px);letter-spacing:2px;color:#fff;text-shadow:0 2px 0 #000}.finish{position:absolute;z-index:4;left:50%;bottom:7%;transform:translate(-50%);padding:8px 18px;background:#2a0616e6;border:2px solid var(--pill);color:#ffc2e7;font-size:clamp(13px,1.5vw,20px);letter-spacing:2px;text-align:center;white-space:nowrap;animation:pulse .6s ease-in-out infinite alternate;pointer-events:none}.finish b{display:block;font:800 clamp(20px,2.8vw,38px) var(--display);color:#fff;letter-spacing:1px}@keyframes pulse{to{box-shadow:0 0 28px var(--pill)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;justify-content:center;padding:6%}.boot{background:#000a;cursor:pointer}.term{font-size:clamp(18px,2.6vw,34px);color:var(--green);text-shadow:0 0 10px #3dff6e88;max-width:900px}.term .l{margin:0 0 .7em;clip-path:inset(0 100% 0 0);animation:type 1.2s steps(32) forwards}.term .l1{animation-delay:.3s}.term .l2{animation-delay:1.8s}.term .l3{animation-delay:3.4s;color:#fff}.term .l4{animation-delay:5s}.cursor{animation:blink .8s steps(2) infinite}@keyframes type{to{clip-path:inset(0 0 0 0)}}@keyframes blink{50%{opacity:0}}.skip{position:absolute;right:4%;bottom:5%;font-size:14px;color:#6f9b7a;letter-spacing:2px}.home{background:linear-gradient(90deg,#000d,#000a 45%,#0000 75%);align-items:flex-start}.kicker{margin:0 0 12px;color:var(--pill);letter-spacing:3px;font-size:clamp(14px,1.5vw,20px)}.home h1{margin:0 0 min(28px,3svh);max-width:11ch;font:800 clamp(34px,min(7vw,10.5svh),108px)/.9 var(--display);letter-spacing:-.01em;text-shadow:4px 4px 0 #000}.home h1 em,.result h2 em{font-style:normal;color:var(--green)}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:240px;min-height:60px;padding:0 24px;font:800 30px var(--display);letter-spacing:2px;color:var(--ink);background:var(--green);border:2px solid #d9ffe1;box-shadow:5px 5px #000,0 0 30px #3dff6e55}.primary:hover{background:#a6ffb6}.primary:active{transform:translate(3px,3px);box-shadow:2px 2px #000}.controls-link{margin-top:14px;font-size:18px}.screen.controls{position:fixed;z-index:20}.controls{background:#000d;align-items:center;overflow-y:auto;justify-content:safe center;padding:4%}.controls-card{width:min(640px,100%);border:2px solid #3d6b49;background:#040d07f2;padding:clamp(16px,3vw,30px);box-shadow:6px 6px #000}.controls h2{margin:0 0 12px;font:800 clamp(34px,5vw,56px) var(--display);color:var(--green)}.controls table{width:100%;border-collapse:collapse;font-size:clamp(15px,1.6vw,19px)}.controls th{text-align:left;font-weight:400;color:var(--pill);letter-spacing:2px;font-size:14px;padding-bottom:6px}.controls td{padding:6px 8px 6px 0;border-top:1px solid #1f4a2a}.controls td:first-child{color:#b9d8c0}.controls kbd{display:inline-block;min-width:26px;padding:1px 6px;border:1px solid #6fa87c;border-bottom-width:3px;font:inherit;font-size:.9em;text-align:center;color:#fff}.tips{margin:14px 0 18px;padding-left:18px;color:#b9d8c0;font-size:clamp(14px,1.5vw,17px);line-height:1.35}.tips b{color:#fff;font-weight:400}.c-touch{display:none}.screen.result{position:fixed;z-index:15;overflow-y:auto;justify-content:safe center}.result{background:radial-gradient(ellipse at 50% 30%,#0b2415f2,#000 70%);align-items:center;text-align:center;padding:24px 16px max(24px,env(safe-area-inset-bottom))}.prize-box{margin:0 0 22px;padding:14px 22px 10px;border:2px dashed var(--pill);background:#1a0612cc;box-shadow:0 0 30px #ff4fc344;animation:rise .5s .2s both}.prize-line{margin:0 0 6px;color:#ffc2e7;letter-spacing:2px;font-size:clamp(15px,1.8vw,20px)}.prize-code{margin:0;font:800 clamp(40px,6vw,64px)/1 var(--display);letter-spacing:6px;color:#fff;text-shadow:3px 3px 0 var(--pill)}.copy-btn{margin-top:4px;color:var(--green);font-size:17px}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.primary.claim{text-decoration:none;justify-content:center;background:var(--pill);border-color:#ffc2e7;color:#fff;font-size:24px}.primary.claim:hover{background:#ff7ad3}.result h2{margin:0;font:800 clamp(44px,7vw,100px)/.92 var(--display);text-shadow:4px 4px 0 #000}.result-score{font:800 clamp(40px,5vw,70px) var(--display);color:#ffd786;margin:16px 0 4px}.result-line{margin:0 0 26px;font-size:clamp(15px,1.6vw,20px);color:#b9d8c0;max-width:34ch}.world{margin-top:18px;color:#9ccaa8;letter-spacing:2px;text-decoration:none;font-size:16px;padding:8px}.pause{background:#000c;align-items:center;gap:16px}.pause h2{font:800 64px var(--display);margin:0 0 10px}.text-btn{color:#9ccaa8;letter-spacing:2px;padding:10px}.pad{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:12px 0;min-height:0}.powers{display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:12px}.power{position:relative;display:flex;align-items:center;gap:10px;min-height:64px;padding:6px 12px 6px 6px;text-align:left;border:2px solid var(--power, #3d6b49);background:#07120bdd;box-shadow:4px 4px #000;transition:opacity .2s}.power canvas{width:44px;height:44px;flex:none}.power b{font:800 17px/1.05 var(--display);letter-spacing:.5px;color:var(--power, #fff)}.power kbd{position:absolute;top:4px;right:6px;font:13px var(--mono);color:#9ccaa8}.power:disabled{opacity:.38;cursor:default}.power.dealt{animation:deal .45s cubic-bezier(.2,1.5,.4,1)}@keyframes deal{0%{transform:rotateY(90deg) scale(.8)}}.finish-ready .power:not(:disabled){animation:ready .5s ease-in-out infinite alternate}@keyframes ready{to{box-shadow:0 0 22px var(--power),4px 4px #000;transform:translateY(-3px)}}.pad-controls{display:none}.held{filter:brightness(1.6)}@media(hover:none),(pointer:coarse){.c-keys{display:none}.c-touch{display:table-cell}.power kbd{display:none}.pad-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.dpad{display:grid;grid-template-columns:repeat(3,auto);gap:8px}.dpad .guard{grid-column:1 / -1;width:auto!important;height:46px!important;font:800 20px var(--display)!important;letter-spacing:2px;color:#d9ffe1!important;background:#10301c!important}.actions{display:flex;align-items:flex-end;gap:10px}.dodge{position:relative;overflow:hidden;width:clamp(56px,15vw,80px);height:clamp(56px,15vw,80px);border-radius:50%;font:800 clamp(15px,4.2vw,19px) var(--display);color:#fff;background:#1a0a14;border:3px solid #ff9ad9;box-shadow:0 5px #000;margin-bottom:40px}.dodge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:conic-gradient(#ff4fc3 var(--charge, 100%),#0000 0);opacity:.55}.dodge{isolation:isolate}.dodge.cooling{color:#b98aa8}.dpad button{width:clamp(48px,13vw,72px);height:clamp(48px,13vw,72px);font-size:24px;background:#0c1f14;border:2px solid #3d6b49;border-radius:14px;box-shadow:0 4px #000;color:#b9ffcb}.strike{width:clamp(86px,24vw,126px);height:clamp(86px,24vw,126px);border-radius:50%;font:800 clamp(22px,6vw,30px) var(--display);letter-spacing:1px;color:#fff;background:radial-gradient(circle at 35% 30%,#ff7ad3,#b8157e);border:3px solid #ffc2e7;box-shadow:0 6px #000,0 0 24px #ff4fc366}.strike:active,.strike.held{transform:translateY(3px);box-shadow:0 3px #000}}@media(max-aspect-ratio:1/1){.app{padding-left:10px;padding-right:10px}.bar{height:44px}.brand{font-size:20px}.stage{aspect-ratio:1 / 1;max-height:none;border-width:2px}body:not([data-screen=game]) .stage{flex:1;aspect-ratio:auto;margin-bottom:12px}.hud{gap:8px;padding:10px 10px 0}.meter i{height:7px}.home{background:linear-gradient(180deg,#000d,#000b 55%,#0004);justify-content:flex-start;padding-top:7%}.term{font-size:clamp(20px,5.6vw,30px)}.home h1{font-size:clamp(34px,10vw,60px);max-width:12ch;margin-bottom:18px}.primary{min-width:200px;min-height:54px;font-size:26px}.powers{grid-template-columns:repeat(3,1fr);gap:8px}.power{flex-direction:column;justify-content:center;gap:4px;padding:8px 4px;min-height:92px;text-align:center}.power canvas{width:40px;height:40px}.power b{font-size:14px}.pad{justify-content:space-evenly}.callout{top:30%}.finish{bottom:5%;padding:6px 12px}}@media(pointer:coarse)and (min-aspect-ratio:1/1)and (max-height:560px){.app{position:relative;padding:0;max-width:none}.bar{position:absolute;z-index:8;top:0;left:0;right:0;height:36px;padding:0 12px;pointer-events:none}.bar .brand{display:none}.bar-actions{margin-left:auto;pointer-events:auto}.stage{flex:1;aspect-ratio:auto;max-height:none;width:100%;border:0;box-shadow:none}.hud{padding:8px 16px 0}.bar{top:auto;bottom:0;justify-content:center;height:34px}.bar-actions{margin:0 auto}.bar-btn{min-height:30px;font-size:13px}body[data-screen=game] .bar{bottom:auto;top:84px;right:4px;left:auto;width:auto}body[data-screen=game] .bar-actions{flex-direction:column}.pad{position:absolute;z-index:7;left:0;right:0;bottom:0;padding:0 max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:grid;grid-template-columns:auto 1fr auto;align-items:end;pointer-events:none}.pad button{pointer-events:auto}.powers{grid-column:2;grid-row:1;grid-template-columns:repeat(3,minmax(0,150px));gap:6px}.power{min-height:44px;padding:2px 8px 2px 2px;background:#07120bbb}.power canvas{width:32px;height:32px}.power b{font-size:13px}.pad-controls{display:contents}.dpad{grid-column:1;grid-row:1}.actions{grid-column:3;grid-row:1}.strike{width:92px;height:92px;opacity:.92}.dodge{width:60px;height:60px;margin-bottom:30px}.dpad button{width:52px!important;height:52px!important}.dpad .guard{height:38px!important;font-size:16px!important}.dpad button{opacity:.85}}@media(prefers-reduced-motion:reduce){.banner strong,.banner.dramatic strong,.callout,.power.dealt,.finish-ready .power:not(:disabled){animation:none}.term .l{animation-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/anemoia-fight.css.map */