.enemy-sprite{width:180px;height:160px;background-image:url('./assets/enemy-sprites.webp');background-size:400% 300%;background-position:calc(var(--enemy-x)*100%/3) calc(var(--enemy-y)*50%);background-repeat:no-repeat;flex-shrink:0}
.enemy-roster{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.enemy-choice{position:relative;overflow:hidden;border:3px solid #6a9294;border-radius:17px;background:linear-gradient(150deg,#fafff4,#c7ebe8);color:#17383c;box-shadow:0 5px 0 #567c7d;padding:10px;cursor:pointer;font:inherit;text-align:center}.enemy-choice.selected{border:4px solid #ed7336;box-shadow:0 5px 0 #aa431d,0 0 0 3px #fff7ab;background:linear-gradient(150deg,#fff4b3,#fffce9)}.enemy-choice .enemy-sprite{margin:auto;width:144px;height:128px}.enemy-choice b,.enemy-choice small{display:block}.enemy-choice b{font-size:19px}.enemy-choice small{font-size:13px;margin:3px 0}.enemy-number{position:absolute;top:8px;left:10px;background:#294953;color:white;border-radius:50%;padding:3px 8px;font-weight:900}.battle-brief{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center;border:4px solid #388484;border-radius:20px;background:#fffbed;padding:18px;margin:18px 0;box-shadow:0 6px #235d66}.battle-brief .enemy-sprite{width:160px;height:142px}.battle-brief h2{color:#17434b;margin:0 0 6px;font-size:27px}.battle-brief p{margin:7px 0;line-height:1.7}.duel-rules{background:#fff7c4;border:3px solid #cfaa4a;border-radius:12px;padding:16px;line-height:1.8;color:#3d4a37}.duel-rules b{color:#b14622}.battle-party .collection-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.battle-party{margin:22px 0}.battle-party summary{font-weight:900;font-size:20px;cursor:pointer}.battle-party .card-slot{max-width:185px}.hard-color-badge{display:inline-block;font-size:12px;background:#684485;color:white;border-radius:5px;padding:2px 5px;margin-left:4px}.number-pancake.targeted{outline:5px solid #fae951;outline-offset:5px;filter:drop-shadow(0 0 9px #ea632a)}.number-pancake.targeted:after{content:'▼';position:absolute;top:-31px;left:50%;transform:translateX(-50%);color:#ca323b;font-size:28px;text-shadow:1px 1px white}.fixed-okurigana{display:block;color:#244f60;background:#e6f3f4;padding:5px 9px;border-radius:8px;font-size:16px;margin:8px 0}.duel-page .screen-heading{margin-bottom:10px}
.duel{position:relative;isolation:isolate;overflow:hidden;border:5px solid #254954;border-radius:22px;background:#183448;color:#fff;box-shadow:0 8px 0 #193c45;max-width:1060px;margin:auto}.duel-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px;background:#f3be34;color:#203d46;font-weight:900}.duel-round{font-size:16px}.duel-round b{font-size:26px}.duel-turn-warning{font-size:18px}.duel-badge{font-size:13px}.duel-hud{display:grid;grid-template-columns:1fr 65px 1fr;gap:14px;padding:14px 20px;background:#173448}.duel-hud>div:last-child{text-align:right}.duel-hud b{font-size:21px}.duel-hud small{display:block;font-size:13px;margin-top:4px;color:#e0eded}.duel-versus{align-self:center;text-align:center;font-size:27px;font-style:italic;color:#ffda54;font-weight:1000}.duel-hp{height:19px;background:#081c2c;border:3px solid #e3f8eb;border-radius:10px;margin-top:6px;overflow:hidden}.duel-hp i{display:block;height:100%;background:linear-gradient(#a8f786,#32b698);transition:width .4s}.enemy-hp i{background:linear-gradient(#ffca73,#e56759)}.duel-hp.danger i{background:#ff435a}.duel-arena{position:relative;height:300px;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,color-mix(in srgb,var(--enemy-color) 42%,#15364d),#152a43 65%)}.arena-moon{position:absolute;width:100px;height:100px;right:24%;top:25px;border:5px solid #ffffff1a;border-radius:50%;box-shadow:0 0 0 20px #ffffff05,0 0 70px #d6e9cb50;background:#e7f9e716}.arena-pillars{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12%,#050f203b 12% 15%,#bbd9cf0c 15% 16%,transparent 16% 28%);mask-image:linear-gradient(transparent,#000)}.arena-ring{position:absolute;left:-15%;right:-15%;height:195px;bottom:-115px;border-radius:50%;border:8px solid #bbd9cf73;background:repeating-radial-gradient(ellipse,#527779 0 25px,#719c941c 26px 29px);box-shadow:0 0 0 12px #87b3a51c,0 0 45px #c3e8cc30}.enemy-intent{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center;background:#fff7d9;color:#354653;border:3px solid var(--enemy-color);padding:8px 18px;border-radius:12px;z-index:2;box-shadow:0 4px #0004}.enemy-intent b,.enemy-intent span{display:block}.enemy-intent b{font-size:20px}.enemy-intent span{font-size:14px}.duel-actor{position:absolute;bottom:30px;width:230px;height:205px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 15px 5px #04182860);animation:duel-idle 2.7s ease-in-out infinite}.player-actor{left:9%}.enemy-actor{right:9%;animation-delay:-1.3s}.duel-actor .sprite{width:210px;height:210px}.duel-actor .enemy-sprite{width:230px;height:204px}.duel-hands{position:absolute;bottom:8px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:14px;font-weight:900}.duel-hands>*{padding:5px 12px;border-radius:7px;background:#0c223bd4;border:1px solid #f7e6ab55}.damage-number{position:absolute;top:42px;left:40%;z-index:4;font-size:48px;font-weight:1000;color:#ffed73;-webkit-text-stroke:2px #712533;text-shadow:2px 5px #4d252b;animation:damage-pop .85s both}.damage-number.hurt{color:#ff8989}.heal-number{position:absolute;top:35px;font-size:30px;color:#b1ff99}.duel-round-result{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);white-space:nowrap;background:#0a273ddf;border:2px solid #fff1a5;border-radius:12px;padding:8px 20px;font-size:23px;font-weight:900;color:#fffacb;z-index:5}.duel-round-result small{display:block;text-align:center;font-size:13px;color:#a9ffee}.duel-console{min-height:200px;background:linear-gradient(#e4f7ed,#c6e7e5);color:#20444a;padding:12px 20px 18px;border-top:5px solid #fff3b0}.duel-charge{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:bold;margin-bottom:12px}.duel-charge b{font-size:24px;color:#bd671d;letter-spacing:4px}.duel-charge small{font-size:13px}.duel-choice{display:grid;grid-template-columns:1.1fr 1.5fr;gap:18px;align-items:stretch}.duel-special{font:inherit;border:3px solid #9a4e1a;border-radius:15px;background:linear-gradient(#fff7a0,#ffd349 50%,#f8a736);box-shadow:0 5px #a15824;color:#583815;padding:10px;cursor:pointer}.duel-special span,.duel-special b,.duel-special small{display:block}.duel-special span{font-size:14px}.duel-special b{font-size:22px}.duel-special small{font-size:12px}.duel-special:disabled{background:#d2dddd;border-color:#819697;box-shadow:0 5px #76928f;color:#566f70;cursor:default}.duel-special.armed{background:linear-gradient(#fff69c,#ff995e);outline:4px solid #fff;box-shadow:0 0 22px #ffa723}.duel-hand-options{display:flex;gap:12px}.duel-hand-options button{flex:1;border:3px solid #286f82;border-radius:14px;color:#164050;background:linear-gradient(#fff,#9edfeb);font:900 19px inherit;padding:6px;box-shadow:0 5px #276177;cursor:pointer;position:relative}.duel-hand-options span{display:block;font-size:37px}.duel-hand-options small{position:absolute;top:-5px;right:-2px;background:#f7d342;font-size:10px;padding:2px 5px;border-radius:5px;color:#533818}.duel button:active:not(:disabled){transform:translateY(3px);box-shadow:none}.duel-math{display:grid;grid-template-columns:105px 1fr 1.2fr;align-items:center;gap:15px}.duel-time{position:relative;overflow:hidden;background:#244858;color:#fff;border:3px solid #4f9196;border-radius:14px;text-align:center;padding:9px 4px 15px}.duel-time b{font-size:39px;font-variant-numeric:tabular-nums}.duel-time small{font-size:14px}.duel-time i{position:absolute;height:7px;left:0;bottom:0;width:100%;background:#79e5b1}.duel-time.urgent{background:#ab2b38;border-color:#ffaf76}.duel-time.urgent i{background:#ffe552}.duel-equation{text-align:center;font-weight:1000;font-size:33px;white-space:nowrap}.duel-equation output{display:block;background:#fffef3;border:3px solid #76a1a3;border-radius:12px;font-size:40px;width:110px;margin:5px auto;min-height:56px;color:#193c4b}.duel-keypad{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.duel-keypad button{border:2px solid #367b88;border-radius:8px;box-shadow:0 3px #306475;background:#fffdf2;color:#193f4a;min-height:49px;font-weight:900;font-size:24px;cursor:pointer}.duel-keypad .duel-submit{background:#fbd548;font-size:18px}.duel-wait{text-align:center;font-weight:bold;padding:30px 0}.duel-finish{text-align:center;padding:16px}.duel-finish>span{font-size:40px;font-weight:1000;color:#c9692c;text-shadow:2px 3px #fff}.duel-finish.victory>span{color:#bb771c}.duel-finish h2{font-size:23px;margin:9px 0}.duel-finish p{margin:10px 0 20px}.duel-finish .game-button{display:inline-block;margin:4px 8px}.duel-cinematic{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:hidden;background:#0c1925b8;animation:cutin-cover 2.1s both}.cutin-speedlines{position:absolute;inset:15% -20%;transform:rotate(-9deg);background:repeating-linear-gradient(0deg,#ffffff20 0 3px,transparent 3px 18px),linear-gradient(90deg,#182834,var(--move-color),#142935);border-block:6px solid #fff4b0;animation:speed-streak .32s linear 3}.cutin-portrait{position:absolute;left:7%;top:8%;animation:portrait-slam 1s both}.cutin-portrait .sprite{width:370px;height:370px;filter:drop-shadow(0 0 18px #fff9)}.cutin-title{position:absolute;left:27%;right:2%;top:43%;transform:rotate(-9deg);font-weight:1000;text-align:center;animation:title-slam 1.05s both}.cutin-title small{font-size:20px;color:#fff8be;display:block}.cutin-title strong{font-size:clamp(26px,4vw,52px);color:#fffbe2;text-shadow:3px 4px #132c3e,-2px -2px #132c3e;white-space:nowrap}.move-projectile{position:absolute;top:35%;left:15%;font-size:100px;color:#ffeb86;text-shadow:0 0 25px var(--move-color);animation:move-flight 2.1s both}.move-family-1 .move-projectile{color:#e6b3ff}.move-family-2 .move-projectile{color:#d8ffff}.move-family-3 .move-projectile{border:8px solid #ffda68;border-radius:50%;padding:8px;background:#a56328}.move-impact{position:absolute;left:70%;top:37%;animation:impact-burst 2.1s both}.move-impact i{position:absolute;left:0;top:0;width:150px;height:8px;border-radius:50%;background:linear-gradient(90deg,#fff8bd,transparent);transform-origin:0 50%;transform:rotate(calc(var(--ray)*30deg))}.move-impact b{position:absolute;left:-100px;top:-35px;font-size:46px;font-style:italic;font-weight:1000;color:#fff1a5;text-shadow:4px 4px #902f30;transform:rotate(-9deg)}.duel-actor.hit{animation:enemy-hit .7s both}.special-impact .enemy-actor.hit{animation-delay:.85s}.special-impact .damage-number{animation-delay:.95s;opacity:0}.duel-actor.attacking{animation:player-dash .35s both}.special-impact .player-actor.attacking{animation-delay:.7s}.duel-arena.low-health{box-shadow:inset 0 0 45px #c7273880}
@keyframes duel-idle{50%{transform:translateY(-6px)}}@keyframes damage-pop{0%{opacity:0;transform:translateY(20px) scale(.5)}25%{opacity:1;transform:translateY(-12px) scale(1.15)}100%{opacity:0;transform:translateY(-45px)}}@keyframes enemy-hit{25%{transform:translateX(18px) rotate(9deg)}50%{transform:translateX(-8px)}}@keyframes player-dash{50%{transform:translateX(38px) rotate(8deg)}}@keyframes cutin-cover{0%{opacity:0}6%,84%{opacity:1}100%{opacity:0}}@keyframes portrait-slam{0%{transform:translateX(-120%) scale(.7)}20%,72%{transform:translateX(0) scale(1)}100%{transform:translateX(-100%);opacity:0}}@keyframes title-slam{0%{translate:100% 0}20%,72%{translate:0 0;opacity:1}100%{translate:0 -50%;opacity:0}}@keyframes speed-streak{to{background-position:0 54px}}@keyframes move-flight{0%,35%{opacity:0;transform:translateX(0) scale(.5)}42%{opacity:1;transform:translateX(60px) scale(1.2)}58%{opacity:1;transform:translateX(420px) scale(.9)}60%,100%{opacity:0;transform:translateX(440px)}}@keyframes impact-burst{0%,43%{opacity:0;transform:scale(.2)}50%,66%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:scale(1.5)}}
@media(max-width:760px){.enemy-roster{grid-template-columns:repeat(3,1fr);gap:9px}.enemy-choice{padding:7px 3px}.enemy-choice b{font-size:15px}.enemy-choice .enemy-sprite{width:108px;height:96px}.enemy-choice small{font-size:11px}.duel-badge{display:none}.duel-top{padding:7px 10px}.duel-turn-warning{font-size:13px}.duel-hud{padding:10px;gap:6px;grid-template-columns:1fr 33px 1fr}.duel-hud b{font-size:15px}.duel-hud small{font-size:11px}.duel-versus{font-size:21px}.duel-arena{height:265px}.duel-actor{width:160px;height:163px;bottom:30px}.duel-actor .sprite{width:160px;height:160px}.duel-actor .enemy-sprite{width:165px;height:147px}.player-actor{left:2%}.enemy-actor{right:2%}.enemy-intent b{font-size:17px}.enemy-intent span{font-size:12px}.duel-console{padding:10px}.duel-charge{display:block;margin-bottom:10px}.duel-charge small{margin-left:10px;font-size:11px}.duel-choice{gap:10px}.duel-special b{font-size:16px}.duel-special small{font-size:10px}.duel-hand-options{gap:5px}.duel-hand-options span{font-size:26px}.duel-hand-options button{font-size:15px}.duel-math{grid-template-columns:75px 1fr;gap:7px}.duel-equation{display:flex;align-items:center;justify-content:center;gap:9px;font-size:26px}.duel-equation output{font-size:30px;width:77px;min-height:45px;margin:0}.duel-time{padding:2px 0 7px}.duel-time b{font-size:28px}.duel-keypad{grid-column:1/-1}.duel-keypad button{min-height:42px}.duel-round-result{font-size:18px;padding:6px 10px}.duel-hands{left:8px;right:8px;font-size:11px}.cutin-portrait{left:-30px;top:12%}.cutin-portrait .sprite{width:270px;height:270px}.cutin-title{left:7%;top:48%}.cutin-title strong{font-size:27px}.duel-finish .game-button{font-size:16px}.battle-brief{grid-template-columns:100px 1fr;gap:10px;padding:12px}.battle-brief .enemy-sprite{width:105px;height:93px}.battle-brief h2{font-size:21px}.battle-brief p{font-size:14px}.battle-brief .game-button{font-size:17px}}@media(max-width:390px){.enemy-roster{grid-template-columns:repeat(2,1fr)}.duel-hand-options span{font-size:23px}.duel-special b{font-size:14px}.duel-choice{grid-template-columns:1fr 1.2fr}.duel-charge small{display:block;margin:0}.duel-hud b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.duel *,.duel *:before,.duel *:after{animation:none!important;transition:none!important}.duel-cinematic{background:#163047f2}.cutin-speedlines,.move-projectile,.move-impact{display:none}.special-impact .damage-number{opacity:1}.duel-actor{transform:none}}

.duel-keypad button{padding:4px;white-space:nowrap}.duel-hand-options button{font-family:inherit;font-weight:900}.duel-keypad .duel-submit{font-size:16px}

.enemy-technique{position:absolute;top:100px;right:20px;background:#7d2844df;color:#fff2cf;border:2px solid #facda3;border-radius:8px;padding:7px 12px;font-size:19px;font-weight:900;z-index:5;transform:rotate(5deg)}

.reward-rule{border:2px solid #b3a463;background:#fff9d1;border-radius:10px;padding:12px;font-size:15px;line-height:1.8;color:#45532f}.reward-rule b{color:#6d4084}