@font-face{font-family:ComicLetter;src:url(../fonts/comicneue-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:ComicLetter;src:url(../fonts/comicneue-bolditalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:block}@font-face{font-family:ComicSFX;src:url(../fonts/bangers.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:ComicHeavy;src:url(../fonts/luckiestguy.woff2) format("woff2");font-weight:400;font-display:block}:root{--cm-paper: #fdfbf4;--cm-ink: #14120e;--cm-yellow: #f6d34b;--cm-red: #c9271e;--cm-blue: #2f6f96;--cm-line: 3px}#comicLayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:26;pointer-events:none;overflow:hidden}.cmb{position:absolute;transform-origin:50% 90%;animation:cmPop .19s cubic-bezier(.2,1.7,.5,1) both;pointer-events:none}.cmb .cmsvg{position:absolute;left:0;top:0;overflow:visible}.cmb .cmbody,.cmb .cmtail{fill:var(--cm-paper);stroke:var(--cm-ink);stroke-width:var(--cm-line);stroke-linejoin:round;paint-order:stroke fill}.cmb .cmtext{position:absolute;font-family:ComicLetter,Comic Sans MS,cursive;font-weight:700;font-size:clamp(19px,2.6vh,34px);line-height:1.14;letter-spacing:.015em;text-transform:uppercase;text-align:center;color:var(--cm-ink);white-space:pre;pointer-events:none}@keyframes cmPop{0%{transform:scale(.62) translateY(8px);opacity:0}to{transform:none;opacity:1}}.cmb.out{animation:cmOut .16s ease-in forwards}@keyframes cmOut{to{transform:scale(.92);opacity:0}}.cmb b{font-style:italic;font-size:1.1em;letter-spacing:.03em}.cmb .shoutword{color:var(--cm-red);font-style:italic;font-size:1.16em}.cmb .crossI{position:relative;padding:0 .1em}.cmb .crossI:before,.cmb .crossI:after{content:"";position:absolute;left:-.02em;right:-.02em;height:.085em;background:currentColor;border-radius:.04em}.cmb .crossI:before{top:.06em}.cmb .crossI:after{bottom:.18em}.cmb.t-robot .cmtext,.cmb.t-announce .cmtext{font-style:italic}.cmb.t-yell .cmtext{font-size:clamp(22px,3.1vh,40px)}.cmb.t-yell .cmbody,.cmb.t-yell .cmtail{stroke-width:3.4px}.cmb.t-whisper .cmbody,.cmb.t-whisper .cmtail{stroke-dasharray:11 8;stroke-width:2.6px}.cmb.t-whisper .cmtext{font-size:clamp(16px,2.1vh,27px);color:#4a453c}.cmb.t-think .cmtext{font-style:italic}.cmb.t-robot .cmbody,.cmb.t-robot .cmtail{fill:#eaf2f6;stroke:var(--cm-blue)}.cmb.t-robot .cmtext{font-family:var(--f-mono, "Cascadia Code", ui-monospace, monospace);font-size:clamp(14px,1.9vh,24px);letter-spacing:.1em;color:#16303f}.cmb.t-alien .cmbody,.cmb.t-alien .cmtail{fill:#e9f3dd;stroke:#47632c}.cmb.t-alien .cmtext{color:#2c3d1a;font-style:italic;letter-spacing:.09em}.cmb.t-announce .cmtext{font-size:clamp(21px,2.9vh,38px);letter-spacing:.05em}.cmb.t-weak .cmbody,.cmb.t-weak .cmtail{stroke-width:1.8px;stroke:#6a6459}.cmb.t-weak .cmtext{font-size:clamp(16px,2.1vh,27px);color:#6a6459}.cmb.t-narrate .cmbody{fill:var(--cm-yellow)}.cmb.t-narrate .cmtext{font-style:italic}.cmb.inv .cmbody,.cmb.inv .cmtail{fill:#100e0b;stroke:#100e0b}.cmb.inv .cmtext{color:#f4f1e8}.cmb.inv .shoutword{color:#ff6a5a}.cmcap{position:absolute;font-family:ComicLetter,Comic Sans MS,cursive;font-weight:700;font-style:italic;font-size:clamp(20px,2.7vh,35px);line-height:1.06;letter-spacing:.012em;text-transform:uppercase;color:var(--cm-ink);background:var(--cm-yellow);border:var(--cm-line) solid var(--cm-ink);box-shadow:5px 5px 0 0 var(--cm-ink);padding:7px 15px 8px;transform:rotate(-1.2deg);animation:cmSlam .22s cubic-bezier(.2,1.6,.45,1) both}@keyframes cmSlam{0%{transform:rotate(-1.2deg) scale(1.22) translateY(-10px);opacity:0}to{transform:rotate(-1.2deg) scale(1) translateY(0);opacity:1}}.cmcap.out{animation:cmCapOut .18s ease-in forwards}@keyframes cmCapOut{to{opacity:0;transform:rotate(-1.2deg) translateY(-6px)}}.cmcap .drop{float:left;font-family:ComicHeavy,ComicLetter,cursive;font-style:normal;font-size:1.85em;line-height:.8;margin:-.06em .06em -.06em -.02em;color:var(--cm-red);-webkit-text-stroke:2.5px var(--cm-ink);paint-order:stroke fill}.cmcap.halftone{background-image:radial-gradient(circle at 1px 1px,rgba(20,18,14,.2) 1.1px,transparent 1.2px),radial-gradient(circle at 3px 3px,rgba(201,39,30,.14) 1.1px,transparent 1.2px);background-size:6px 6px,6px 6px;background-color:var(--cm-yellow)}.cmcap.red{background:var(--cm-red);color:#fff}.cmcap.red .drop{color:var(--cm-yellow)}.cmcap.paper{background:var(--cm-paper)}.cmcap.big{font-size:clamp(27px,3.7vh,48px);padding:10px 20px 11px}.cmcap.tr{transform:rotate(1.4deg)}@keyframes cmSlamR{0%{transform:rotate(1.4deg) scale(1.22) translateY(-10px);opacity:0}to{transform:rotate(1.4deg) scale(1) translateY(0);opacity:1}}.cmcap.tr{animation-name:cmSlamR}.cmsfx{position:absolute;font-family:ComicSFX,ComicHeavy,cursive;font-size:54px;line-height:.9;text-transform:uppercase;letter-spacing:.01em;color:var(--cm-yellow);-webkit-text-stroke:4px var(--cm-ink);paint-order:stroke fill;text-shadow:4px 5px 0 rgba(20,18,14,.45);animation:cmSfx .5s cubic-bezier(.15,1.8,.4,1) both;white-space:nowrap}.cmsfx.heavy{font-family:ComicHeavy,cursive;-webkit-text-stroke:5px var(--cm-ink)}.cmsfx.red{color:var(--cm-red)}.cmsfx.white{color:#fff}@keyframes cmSfx{0%{transform:scale(.25) rotate(var(--rot, -6deg));opacity:0}55%{transform:scale(1.14) rotate(var(--rot, -6deg));opacity:1}to{transform:scale(1) rotate(var(--rot, -6deg));opacity:1}}.cmsfx.out{animation:cmSfxOut .3s ease-in forwards}@keyframes cmSfxOut{to{opacity:0;transform:scale(1.25) rotate(var(--rot,-6deg)) translateY(-22px)}}.cmsfx .burst{position:absolute;left:50%;top:50%;width:118%;height:210%;transform:translate(-50%,-50%);z-index:-1;background:var(--cm-red);opacity:.88;clip-path:polygon(50% 0,61% 26%,88% 12%,78% 39%,100% 50%,78% 61%,88% 88%,61% 74%,50% 100%,39% 74%,12% 88%,22% 61%,0 50%,22% 39%,12% 12%,39% 26%)}body.phone .cmb .cmtext{font-size:15px!important}body.phone .cmb.t-yell .cmtext{font-size:17px!important}body.phone .cmb.t-robot .cmtext{font-size:12px!important}body.phone .cmcap{font-size:16px;padding:5px 11px 6px;box-shadow:4px 4px 0 0 var(--cm-ink)}body.phone .cmsfx{font-size:36px;-webkit-text-stroke:3px var(--cm-ink)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#05060a;overflow:hidden}body{font-family:Rajdhani,Inter,system-ui,-apple-system,sans-serif;color:var(--bone);-webkit-font-smoothing:antialiased;cursor:crosshair;-webkit-user-select:none;user-select:none}#game{display:block;width:100vw;height:100vh;image-rendering:auto}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#title{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(120% 90% at 50% 20%,#1e140ab8,#040509f5);text-align:center;padding:24px;pointer-events:auto}#title h1{font-family:Rajdhani,Inter,sans-serif;font-weight:800;letter-spacing:.06em;font-size:clamp(34px,8vw,86px);line-height:.92;background:linear-gradient(180deg,#fff,var(--gold) 55%,#ff7a1a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 34px rgba(255,150,30,.35);filter:drop-shadow(0 6px 0 rgba(0,0,0,.4))}#title .tag{letter-spacing:.44em;font-size:var(--t-body);color:var(--gold-pale);text-transform:uppercase;opacity:.85}#title .sub{max-width:640px;color:var(--text-2);font-size:var(--t-lg);line-height:1.5}.roster{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:900px;width:100%;margin-top:6px;max-height:46vh;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#f5b21a44 transparent}.rcard{pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:var(--r-3);padding:12px 10px;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease}.rcard:hover{transform:translateY(-3px);border-color:var(--pc,var(--gold-deep));background:#ffffff0f}.rcard .dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 12px var(--pc);background:var(--pc)}.rcard .nm{font-weight:700;font-size:16px;margin-top:6px;letter-spacing:.02em}.rcard .rl{font-size:var(--t-sm);color:var(--text-4);text-transform:uppercase;letter-spacing:.14em}#title .hint{font-size:var(--t-md);color:var(--text-5);margin-top:8px}.startbtn{pointer-events:auto;cursor:pointer;margin-top:4px;font-family:inherit;font-weight:800;letter-spacing:.18em;font-size:16px;color:var(--on-gold);padding:12px 26px;border:none;border-radius:var(--r-3);background:linear-gradient(180deg,var(--gold),var(--gold-warm));box-shadow:0 6px 0 var(--gold-shadow),0 14px 30px #f5921a66;text-transform:uppercase;transition:transform .08s ease}.startbtn:active{transform:translateY(3px);box-shadow:0 3px 0 var(--gold-shadow)}.fadeout{animation:fade .4s ease forwards}@keyframes fade{to{opacity:0;visibility:hidden}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;display:none;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#touch .tzone{position:absolute;bottom:0;top:34%;width:44%;pointer-events:auto;touch-action:none}#touch .tzone-l{left:0}#touch .tzone-r{right:0}#touch .tstick{position:fixed;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid var(--line-2);background:#0a0c1247;opacity:0;transition:opacity .12s;pointer-events:none}#touch .tstick.on{opacity:.9}#touch .tstick i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--gold);opacity:.55;box-shadow:0 0 18px #f5b21a80}#touch .tpad{position:absolute;right:calc(10px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);gap:9px;pointer-events:none}#touch .tsys{position:absolute;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));display:flex;gap:8px}#touch .tbtn{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;width:62px;height:62px;border-radius:50%;border:1.5px solid var(--line-2);background:#0a0c1280;color:var(--text);font-family:var(--f-display);font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-user-select:none;user-select:none}#touch .tbtn.on{background:var(--gold);color:var(--on-gold);border-color:var(--gold);transform:scale(.94)}#touch .tbtn.tsm{width:46px;height:46px;font-size:16px}#touch .tb-lmb{background:#f5b21a38}#touch .tb-ult{background:#d81f2640}#touch .tb-guard{background:#9fd0ff33}#touch .tb-item{grid-column:2;background:#e0b23c24}
