/* Original ink-doodle battle animation skin; no external CSS or fonts. */
.pj-motion-root{position:absolute;inset:0;z-index:30;overflow:hidden;pointer-events:none;isolation:isolate;--pj-attack-color:#345f83;--pj-defend-color:#ad514f;color:var(--pj-attack-color)}
.pj-motion-active{cursor:wait}
.pj-actor{position:absolute;pointer-events:none;will-change:left,top;z-index:3}
.pj-board-actor{width:13%;height:auto;aspect-ratio:1;transform:translate(-50%,-56%)}
.pj-board-actor.pj-token-actor{width:9.5%;transform:translate(-50%,-50%)}
.pj-battle-actor{width:35%;height:auto;aspect-ratio:1;transform:translate(-50%,-100%)}
.pj-actor-body{position:absolute;inset:0;transform-origin:50% 88%;will-change:transform,opacity}
.pj-actor-facing{position:absolute;inset:0;transform-origin:50% 50%}
.pj-actor-facing>.pj-puppet{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(1px 2px 0 #3049591e)}
.pj-rig-actor .pj-actor-body{transform-origin:50% 89%}
.pj-rig-actor>.pj-actor-shadow{display:none}
.pj-hitstop *{animation-play-state:paused!important}
.pj-afterimage{z-index:2!important;opacity:.65;pointer-events:none}
.pj-afterimage .pj-team-badge,.pj-afterimage .pj-actor-shadow{display:none}
.pj-afterimage *{animation:none!important;transition:none!important}
.pj-afterimage .pj-puppet{filter:sepia(.25) opacity(.75)}
.pj-sprite,.pj-token-art{display:block;width:100%;height:100%;pointer-events:none;object-fit:contain;filter:drop-shadow(1px 2px 0 #22384520)}
.pj-sprite{position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:200% 200%;background-position:0 0}
.pj-team-han .pj-sprite{filter:sepia(.55) saturate(1.55) hue-rotate(310deg) drop-shadow(1px 2px 0 #6c38331a)}
.pj-team-cho .pj-sprite{filter:drop-shadow(1px 2px 0 #345f8320)}
.pj-actor-shadow{position:absolute;left:50%;bottom:2%;height:10%;width:61%;border-radius:50% 45% 48% 45%;background:currentColor;opacity:.18;transform:translateX(-50%);filter:blur(1px)}
.pj-team-han{color:#ad514f}.pj-team-cho{color:#345f83}
.pj-team-badge{position:absolute;left:50%;bottom:-7%;transform:translateX(-50%) rotate(-4deg);width:23%;aspect-ratio:1;display:grid;place-items:center;border:1px solid currentColor;border-radius:30% 24% 32% 26%;background:#faf5e9;font-family:serif;font-size:clamp(9px,1.1vw,16px);line-height:1;color:inherit;box-shadow:1px 1px 0 #3b535018}
.pj-battle-actor .pj-team-badge{width:16%;bottom:-1%;font-size:clamp(11px,1.6vw,21px);border-width:1.5px}
.pj-battle-veil{position:absolute;inset:0;background:#eee7d4b8;backdrop-filter:blur(1px);z-index:5}
.pj-battle-scene{position:absolute;inset:18% 3% 19%;z-index:7;overflow:hidden;background:#fbf6e9;background-image:radial-gradient(#52708116 .7px,transparent .8px);background-size:5px 5px;box-shadow:3px 5px 0 #344e5f29,0 5px 25px #4b4a3829;border-radius:1% 1.5% 1.3% .8%;transform:rotate(-.6deg);isolation:isolate}
.pj-scene-border{position:absolute;inset:0;width:100%;height:100%;color:#8e998d;pointer-events:none;z-index:10}
.pj-battle-eyebrow{position:absolute;top:7%;left:8%;right:8%;text-align:center;color:#948e76;font-size:clamp(8px,1vw,11px);letter-spacing:.24em;line-height:1.2}
.pj-battle-title{position:absolute;top:13%;left:6%;right:6%;text-align:center;font-family:var(--hand,serif);font-size:clamp(18px,2.8vw,34px);font-weight:400;line-height:1.15;color:#374e5f}
.pj-battle-subtitle{position:absolute;bottom:8%;left:8%;right:8%;text-align:center;font-size:clamp(8px,1vw,12px);letter-spacing:.05em;color:#8b8e7e;line-height:1.4}
.pj-battle-ground{color:#a19c80;z-index:1!important;opacity:.66}
.pj-ink-effect{position:absolute;overflow:visible;transform:translate(-50%,-50%);pointer-events:none;color:var(--pj-attack-color);z-index:8;fill:none}
.pj-world-effect{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--pj-attack-color);z-index:8;fill:none;opacity:0}
.pj-world-speed{color:#8c9a98;z-index:3}.pj-world-arc{color:#6e8d92;z-index:3}
.pj-hit-ring{color:#d0ae62;z-index:10;opacity:0}
.pj-sweat{color:#7a9fa9;z-index:13;opacity:0}
.pj-dizzy-star{color:#ac8e43;z-index:14;opacity:0}
.pj-board-callout{position:absolute;z-index:16;font-family:var(--hand,serif);font-size:clamp(22px,3.6vw,45px);font-weight:400;line-height:1;color:var(--pj-attack-color);pointer-events:none;white-space:nowrap;opacity:0;text-shadow:2px 1px 0 #fff7e1,-1px -1px 0 #fff7e1}
.pj-board-fight .pj-contact-actor{width:14.5%}
.pj-board-fight .pj-contact-actor.pj-token-actor{width:10.4%}
.pj-board-fight .pj-paper-bit{width:1.2%;height:1.6%;min-width:3px;min-height:3px}
.pj-board-fight .pj-ink-bit{width:.65%;height:.8%}
.pj-world-cannonball{width:2.7%!important;z-index:15;color:var(--pj-attack-color);background:var(--pj-attack-color);border-color:currentColor}
.pj-board-fight[data-intensity="gentle"] .pj-board-callout{font-size:clamp(18px,2.8vw,34px)}
.pj-smoke{color:#8b958c;z-index:9;opacity:0}
.pj-impact{color:#c19b58;z-index:11;opacity:0}
.pj-slash{color:var(--pj-attack-color);z-index:9;opacity:0}
.pj-shockwave{color:#9a8b6d;z-index:2;opacity:0}
.pj-seal{color:var(--pj-attack-color);z-index:10;opacity:0}
.pj-fan{z-index:6;opacity:0}
.pj-shield{z-index:6;opacity:0}
.pj-wheel{color:#58696c;z-index:4;opacity:0}
.pj-speed-lines{color:#8c9b9d;z-index:2;opacity:0}
.pj-spear,.pj-trunk-sweep{z-index:7;opacity:0}
.pj-ballistic-trail{z-index:2;color:#89978e;opacity:0}
.pj-cannonball{position:absolute;display:block;width:4%;aspect-ratio:1;background:#344e5f;border:1.5px solid #263d51;border-radius:44% 53% 41% 49%;box-shadow:inset 2px 1px 0 #ffffff45,2px 2px 0 #334d5d25;z-index:10;pointer-events:none}
.pj-ink-bit,.pj-paper-bit{position:absolute;display:block;pointer-events:none;width:1%;height:1.4%;min-width:2px;min-height:2px;border-radius:43% 25% 44% 35%;background:currentColor;color:var(--pj-attack-color);opacity:0;z-index:12}
.pj-paper-bit{width:2.3%;height:3.5%;min-width:4px;background:#f6efdc;border:.7px solid currentColor;border-radius:0;box-shadow:1px 1px 0 #4d65702b}
.pj-skip-animation{position:absolute;z-index:15;right:5%;bottom:12%;pointer-events:auto;display:block;border:1px dashed #a5af9e;border-radius:3px 5px 3px 4px;background:#fcf8eeec;color:#526f72;font-size:clamp(10px,1vw,12px);line-height:1.4;padding:7px 11px;cursor:pointer;box-shadow:1px 2px 0 #344f5c15}
.pj-skip-animation:hover{background:#e8eee4}.pj-skip-animation:focus-visible{outline:2px solid #476f85;outline-offset:3px}
.pj-skip-animation.pj-skip-board{bottom:1.2%;right:2%;padding:4px 8px;font-size:10px;background:#faf5e4e8;opacity:.87}
.pj-skip-animation.pj-skip-board:hover,.pj-skip-animation.pj-skip-board:focus-visible{opacity:1}
.showcase-stage .pj-battle-scene{inset:4% 3% 10%}
.showcase-stage .pj-battle-actor{width:28%}
.showcase-stage .pj-battle-title{font-size:clamp(19px,2.5vw,27px)}
.showcase-stage .pj-battle-eyebrow{font-size:8px;top:6%}
.showcase-stage .pj-battle-subtitle{font-size:9px;bottom:7%}
.showcase-stage .pj-skip-animation{bottom:1.5%;font-size:10px;padding:5px 9px}
.showcase-stage .pj-board-fight .pj-contact-actor{width:17%}
.showcase-stage .pj-board-callout{font-size:32px}
@media(max-width:760px){.pj-battle-title{font-size:clamp(24px,6.5vw,34px)}.pj-battle-eyebrow{font-size:10px}.pj-battle-subtitle{font-size:10px}.pj-battle-actor .pj-team-badge{font-size:17px}.pj-team-badge{font-size:11px}.pj-skip-animation{font-size:11px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.pj-motion-root{display:none!important}.pj-actor,.pj-actor-body{will-change:auto}}