.battle-page{--gold:#e1b75e;--muted:#b8bfad}.battle-main{max-width:1100px;margin:auto;padding:30px 28px 0}.battle-heading .eyebrow{margin-bottom:12px;font-size:9px}.battle-heading h1{letter-spacing:-1.7px;font-size:clamp(28px,4.5vw,50px);font-weight:850;line-height:1.1}.battle-heading h1 span{color:var(--gold)}.battle-modes{gap:8px;margin:22px 0 18px;display:flex}.battle-modes button,.battle-tools button,.battle-secondary{color:#dcded4;background:#1b2318;border:1px solid #ffffff25;border-radius:7px;padding:12px 18px;font-size:12px}.battle-modes button.active{color:#ffe0a1;background:#e1b75e15;border-color:#e1b75e}.battle-modes .battle-rules{margin-left:auto}.battle-arena{background:linear-gradient(#0b140c88,#0b140c11),url(/images/battle/dojo.png) 50% 65%/cover;border:1px solid #e1b75e55;border-radius:12px;height:270px;position:relative;overflow:hidden;box-shadow:0 12px 35px #0005}.battle-health{z-index:3;background:linear-gradient(#071007e8,#07100725);grid-template-columns:1fr 80px 1fr;gap:24px;padding:17px 25px;display:grid;position:relative}.battle-health>div:last-child{text-align:right}.battle-health strong{justify-content:space-between;gap:10px;font-size:13px;display:flex}.battle-health strong span{font-variant-numeric:tabular-nums}.battle-health small{color:#d8ddce;margin-top:4px;font-size:9px;display:block}.battle-page meter{background:#172111;border:1px solid #b1c594;border-radius:20px;width:100%;height:14px;margin-top:7px;display:block;overflow:hidden}.battle-page meter::-webkit-meter-bar{background:#172111;border:0;border-radius:20px}.battle-page meter::-webkit-meter-optimum-value{background:linear-gradient(#b2ed56,#4a9d2d);border-radius:20px;transition:width .3s}.battle-page meter::-moz-meter-bar{background:#80c944}.battle-health .battle-clock{letter-spacing:-1px;text-align:center;color:#ffe3a2;font-variant-numeric:tabular-nums;background:#11180eea;border:1px solid #e1b75e88;border-radius:8px;align-self:start;padding:6px 4px;font-size:24px;font-weight:800}.battle-clock.urgent{color:#ff9d77;border-color:#fa805a}.battle-actors{justify-content:space-between;align-items:end;display:flex;position:absolute;inset:60px 11% 10px}.battle-fighter{--direction:1;filter:drop-shadow(0 5px 4px #0006);width:225px;height:225px;position:relative}.fighter-body{transform-origin:50% 90%;width:100%;height:100%;animation:2.4s ease-in-out infinite battle-idle}.fighter-sprite{background-image:url(/images/battle/fighters.png);background-repeat:no-repeat;background-size:400% 200%;width:100%;height:100%;display:block}.battle-fighter.b .fighter-sprite{transform:scaleX(-1)}.battle-fighter.punch .fighter-body,.battle-fighter.kick .fighter-body,.battle-fighter.strong .fighter-body{animation:.65s ease-out battle-attack}.battle-fighter.hit .fighter-body{animation:.55s ease-out battle-hit}.battle-fighter.block .fighter-body{animation:.6s ease-out battle-guard}.battle-fighter.charge .fighter-body{animation:.6s ease-out battle-charge}.battle-fighter.bow .fighter-body{animation:1.2s ease-in-out forwards battle-bow}.battle-floating{color:#ffe1a0;text-shadow:0 2px 5px #000;pointer-events:none;font-size:22px;font-weight:900;animation:.9s both battle-number;position:absolute;top:20%;left:45%}.battle-aura,.battle-shield-effect{pointer-events:none;border:3px solid #f7d47e;border-radius:50%;animation:.7s both battle-burst;position:absolute;inset:15%;box-shadow:0 0 30px #ffca51,inset 0 0 20px #ffce7255}.battle-shield-effect{border-color:#7acbff;box-shadow:0 0 20px #55abf8}.battle-arena-status{text-align:center;white-space:nowrap;color:#f4dfae;z-index:4;background:#0d160ce0;border:1px solid #e1b75e44;border-radius:20px;padding:5px 14px;font-size:10px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.battle-layout{grid-template-columns:minmax(0,600px) minmax(240px,1fr);align-items:start;gap:25px;margin-top:22px;display:grid}.battle-board-section{min-width:0}.battle-board-top{letter-spacing:1.5px;color:#dfd9c5;justify-content:space-between;margin-bottom:9px;font-size:10px;display:flex}.battle-board-top>span{color:#e1b75e}.battle-board{aspect-ratio:1;isolation:isolate;touch-action:none;background:#0b1309;border:1px solid #c9a657;border-radius:12px;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:8px;display:grid;box-shadow:0 8px 30px #0005}.battle-cell{aspect-ratio:1;touch-action:none;cursor:pointer;background:#262d1c;border:1px solid #ffffff1c;border-radius:9px;min-width:0;min-height:0;padding:3px;transition:transform .18s,border-color .15s;display:block;position:relative;overflow:hidden}.battle-cell.red{background:linear-gradient(145deg,#682c23,#291915)}.battle-cell.blue{background:linear-gradient(145deg,#164f75,#12262f)}.battle-cell.green{background:linear-gradient(145deg,#2e5824,#162510)}.battle-cell.purple{background:linear-gradient(145deg,#5c3064,#25182b)}.battle-cell.gold{background:linear-gradient(145deg,#77521c,#2b2311)}.battle-cell.orange{background:linear-gradient(145deg,#70431b,#2c2115)}.battle-cell:disabled{opacity:1;cursor:default}.battle-cell.selected{z-index:2;border:2px solid #ffe19b;box-shadow:0 0 12px #e1b75e88}.battle-cell.hint{outline-offset:-3px;outline:2px dashed #ffe19b;animation:1s ease-in-out infinite battle-hint}.battle-cell:focus-visible{outline-offset:-3px;outline:3px solid #fff0b8}.battle-item{pointer-events:none;filter:drop-shadow(0 2px 2px #0005);background-image:url(/images/battle/items.png);background-repeat:no-repeat;background-size:300% 200%;width:100%;height:100%;display:block}.battle-cell.matched{z-index:3;animation:.18s ease-out both battle-match;box-shadow:0 0 16px #ffdc7b}.battle-board.invalid{animation:.22s battle-invalid}.battle-board.reshuffle{animation:.4s battle-burst}.battle-help{color:var(--muted);margin:12px 2px 0;font-size:11px;line-height:1.7}.battle-panel{background:#1a2217;border:1px solid #e1b75e33;border-radius:12px;padding:22px}.battle-power h2{justify-content:space-between;align-items:center;gap:10px;font-size:15px;display:flex}.battle-power h2 span{color:#e1b75e;font-variant-numeric:tabular-nums;font-size:12px}.battle-power meter{height:20px;margin-top:12px}.battle-power meter::-webkit-meter-optimum-value{background:linear-gradient(#f2d890,#c28a2b)}.battle-page .button{text-transform:none;border-radius:7px;width:100%;min-height:46px;margin-top:15px;font-size:12px;font-weight:800}.battle-page button:disabled{opacity:.5;cursor:default}.battle-page .battle-cell:disabled{opacity:1}.battle-power p{color:var(--muted);margin:12px 0 20px;font-size:10px;line-height:1.75}.battle-strong:not(:disabled){animation:1.5s infinite battle-hint;box-shadow:0 0 20px #e1b75e55}.battle-start,.battle-invite{border-top:1px solid #ffffff15;padding-top:18px}.battle-start label,.battle-invite label{color:var(--muted);font-size:11px;display:block}.battle-page select,.battle-invite input{color:#f0e9d7;background:#111a0e;border:1px solid #e1b75e44;border-radius:5px;width:100%;min-width:0;margin-top:7px;padding:11px;font-size:12px}.battle-start small,.battle-invite small,.battle-invite p{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.8;display:block}.battle-invite label{margin-top:14px}.battle-invite input{font-size:10px}.battle-share{color:#e1b75e;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:10px;display:flex}.battle-share a{border:1px solid #ffffff20;border-radius:5px;padding:7px}.battle-tools{gap:8px;margin-top:17px;display:grid}.battle-tools button{padding:11px;font-size:10px}.battle-score{color:var(--muted);margin:16px 0 0;font-size:10px;line-height:1.9}.battle-score strong{color:#ead3a0}.battle-legend{background:#171f13;border:1px solid #e1b75e33;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px;padding:20px;display:grid}.battle-legend>div{align-items:center;gap:10px;min-width:0;display:flex}.battle-legend .battle-item{flex-shrink:0;width:45px;height:45px}.battle-legend strong{font-size:12px;display:block}.battle-legend small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.5;display:block}.battle-rules-items>div{color:#dedfcf;align-items:center;gap:12px;margin:10px 0;font-size:12px;display:flex}.battle-rules-items .battle-item{flex-shrink:0;width:45px;height:45px}.battle-result{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071006e8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.battle-result-card{text-align:center;background:radial-gradient(at top,#47512a,#152010 70%);border:1px solid #e1b75e88;border-radius:18px;width:min(500px,100%);max-height:90dvh;padding:25px;overflow:auto;box-shadow:0 20px 80px #0009}.battle-result-card img{object-fit:contain;width:190px;height:190px;margin:0 auto 10px;animation:.7s ease-out battle-win;display:block}.battle-result-card .eyebrow{font-size:8px}.battle-result-card h2{color:#f4d58d;margin:13px 0;font-size:29px;font-weight:850;line-height:1.15}.battle-result-card p:not(.eyebrow){color:#c7cfb9;margin:10px 0;font-size:12px;line-height:1.8}.battle-result-card>div{gap:12px;margin-top:16px;display:flex}.battle-result-card .button{margin-top:0}.battle-result-card .battle-secondary{width:100%}@keyframes battle-idle{50%{transform:translateY(-3px)rotate(.5deg)}}@keyframes battle-attack{30%{transform:translateX(calc(var(--direction)*20px)) scale(1.03)}70%{transform:translateX(calc(var(--direction)*10px))}to{transform:translate(0)}}@keyframes battle-hit{20%{transform:translateX(calc(var(--direction)*-12px)) rotate(calc(var(--direction)*-5deg));filter:brightness(1.5)}to{transform:none}}@keyframes battle-guard{40%{filter:drop-shadow(0 0 8px #62b9ff);transform:scale(.95)}}@keyframes battle-charge{40%{filter:drop-shadow(0 0 12px #f7d68b);transform:scale(1.04)}}@keyframes battle-bow{50%,to{transform:rotate(calc(var(--direction)*8deg)) translateY(4px)}}@keyframes battle-number{0%{opacity:0;transform:translateY(10px)}20%{opacity:1}to{opacity:0;transform:translateY(-35px)}}@keyframes battle-burst{0%{opacity:0;transform:scale(.6)}40%{opacity:1}to{opacity:0;transform:scale(1.15)}}@keyframes battle-match{40%{filter:brightness(1.7);transform:scale(1.12)}to{opacity:0;transform:scale(.4)}}@keyframes battle-fall{0%{opacity:.5;transform:translateY(-18%)}to{opacity:1;transform:translateY(0)}}@keyframes battle-hint{50%{filter:brightness(1.2)}}@keyframes battle-invalid{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes battle-win{0%{opacity:0;transform:translateY(25px)scale(.9)}to{opacity:1;transform:none}}@media (max-width:740px){.battle-main{padding:23px 12px 0}.battle-heading h1{letter-spacing:-1px;font-size:30px}.battle-heading .eyebrow{font-size:8px}.battle-modes{gap:5px;margin:17px 0 13px}.battle-modes button{flex:1;padding:11px 9px;font-size:10px}.battle-modes .battle-rules{flex:0;padding-inline:10px}.battle-arena{border-radius:9px;height:210px}.battle-health{grid-template-columns:1fr 57px 1fr;gap:10px;padding:12px 12px 0}.battle-health strong{gap:4px;font-size:10px}.battle-health small{font-size:8px}.battle-health .battle-clock{padding:5px 1px;font-size:18px}.battle-page meter{height:11px;margin-top:5px}.battle-actors{inset:38px 2% 9px}.battle-fighter{width:165px;height:165px}.battle-arena-status{padding:4px 9px;font-size:8px;bottom:5px}.battle-layout{grid-template-columns:1fr;gap:16px;margin-top:17px}.battle-board{border-radius:9px;gap:3px;padding:6px}.battle-cell{border-radius:7px;padding:1px}.battle-board-top{font-size:9px}.battle-panel{padding:18px}.battle-power h2{font-size:15px}.battle-power meter{height:18px;margin-top:10px}.battle-power p{margin-bottom:15px}.battle-power .button{margin-top:13px}.battle-start .button,.battle-invite>.button{min-height:48px}.battle-tools{grid-template-columns:1fr 1fr;gap:8px}.battle-tools button:last-child{grid-column:1/-1}.battle-legend{grid-template-columns:1fr 1fr;gap:13px 10px;margin-top:18px;padding:14px 11px}.battle-legend .battle-item{width:34px;height:34px}.battle-legend>div{gap:7px}.battle-legend strong{font-size:10px}.battle-legend small{font-size:8px}.battle-help{font-size:10px}.battle-result-card{padding:22px 18px}.battle-result-card h2{font-size:25px}.battle-result-card img{width:160px;height:160px}}@media (prefers-reduced-motion:reduce){.battle-page *,.battle-page :before,.battle-page :after{transition:none!important;animation:none!important}.battle-floating{display:none}}@media (max-width:740px){.battle-arena{z-index:10;position:sticky;top:0;box-shadow:0 5px 18px #0009}}.battle-page h2{letter-spacing:-.4px}.battle-result-card h2{letter-spacing:-.7px}.battle-result-card img{mix-blend-mode:lighten}@media (max-width:740px){.battle-page.active-battle .battle-main{padding-bottom:90px}.active-battle .battle-power{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#10180ff5;border-top:1px solid #e1b75e66;grid-template-columns:minmax(0,1fr) 155px;gap:5px 15px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #0006}.active-battle .battle-power h2{grid-area:1/1;font-size:10px}.active-battle .battle-power h2 span{font-size:10px}.active-battle .battle-power meter{grid-area:2/1;height:13px;margin:0}.active-battle .battle-power .button{grid-area:1/2/3;min-height:40px;margin:0;font-size:11px}.active-battle .battle-power p{display:none}.active-battle .battle-panel .battle-start,.active-battle .battle-panel .battle-invite{border-top:0;padding-top:0}}.battle-board{position:relative}.battle-board.clearing:after{content:"";pointer-events:none;z-index:12;background:linear-gradient(#0000,#ffe6a4,#ffbd45,#0000);border-radius:100%;width:5px;height:95px;animation:.5s ease-out battle-energy-trail;position:absolute;top:-60px;left:50%;box-shadow:0 0 14px #efc45f}.battle-fighter.combo.punch .fighter-body,.battle-fighter.combo.kick .fighter-body{animation:.65s ease-out battle-combo}@keyframes battle-energy-trail{0%{opacity:0;transform:translateY(40px)rotate(14deg)scaleY(.3)}35%{opacity:1}to{opacity:0;transform:translateY(-55px)rotate(14deg)scaleY(1.1)}}@keyframes battle-combo{20%,65%{transform:translateX(calc(var(--direction)*23px)) scale(1.04)}40%{transform:translateX(calc(var(--direction)*5px))}to{transform:none}}.battle-page .battle-arena-start{z-index:6;border:1px solid #ffdc91;width:160px;min-height:42px;margin:0;font-size:12px;position:absolute;top:68%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #0008,0 0 18px #e1b75e33}.battle-draggable{pointer-events:none;will-change:transform;width:100%;height:100%;display:block}.battle-cell.dragging{z-index:8;border-color:#ffe0a0;overflow:visible}.battle-cell.dragging .battle-item{filter:drop-shadow(0 4px 5px #0009);scale:1.05}.battle-cell.drop-target{outline-offset:-3px;outline:2px solid #e1b75e}.battle-board-section{width:100%;margin-inline:auto}.battle-play-anchor{height:0;scroll-margin-top:8px}.battle-cell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width:740px){.battle-page .battle-arena-start{width:140px;min-height:39px;font-size:11px;top:72%}.active-battle .battle-arena{height:clamp(145px,100dvh - 100vw - 120px,210px)}.battle-board{margin-inline:auto}}.battle-settings-toggle{z-index:7;color:#f2dba8;background:#0e180eea;border:1px solid #e1b75e88;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;padding:6px;display:flex;position:absolute;bottom:7px;right:8px;box-shadow:0 2px 8px #0006}.battle-settings-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;width:22px;height:22px}.battle-settings-toggle:focus-visible{outline-offset:2px;outline:3px solid #ffe4a1}.battle-settings{scrollbar-width:thin;width:min(620px,100%);padding:25px}.battle-settings-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.battle-settings-head h2{margin:0;font-size:24px}.battle-settings-close{color:#e6d8b7;background:#101a0d;border:1px solid #ffffff30;border-radius:50%;flex-shrink:0;width:38px;height:38px;padding:0;font-size:26px}.battle-settings .battle-heading h1{letter-spacing:-.8px;font-size:27px}.battle-settings .battle-heading .eyebrow{font-size:8px}.battle-settings .battle-modes{flex-wrap:wrap;margin-bottom:20px}.battle-settings .battle-modes button{flex:1;min-width:120px}.battle-settings .battle-modes .battle-rules{flex:0;min-width:80px}.battle-settings .battle-start,.battle-settings .battle-invite{padding-top:17px}.battle-settings .battle-start small,.battle-settings .battle-invite p,.battle-settings .battle-invite small{color:#bac3ac;margin-top:10px;font-size:11px;line-height:1.8;display:block}.battle-settings .battle-tools{grid-template-columns:1fr 1fr}.battle-settings .battle-tools button:last-child{grid-column:1/-1}.battle-settings .battle-score{font-size:12px}.battle-settings .battle-legend{grid-template-columns:1fr 1fr;margin-top:18px;padding:14px}.battle-settings .ch-footer{margin-top:20px;padding:18px 0}.battle-settings .button{margin-top:15px}.battle-main{padding-top:18px}.battle-panel{align-self:start}.battle-panel .battle-power p{margin-bottom:0}@media (max-width:740px){.battle-main{padding-top:10px}.battle-settings{padding:20px 17px}.battle-settings .battle-heading h1{font-size:24px}.battle-settings .battle-modes button{min-width:100px;padding:11px 8px;font-size:11px}.battle-settings .battle-modes .battle-rules{min-width:65px}.battle-settings .battle-legend{gap:13px 9px;padding:12px 9px}.battle-settings .battle-legend strong{font-size:10px}.battle-settings .battle-legend small{font-size:9px}.battle-settings-toggle{width:31px;height:31px;bottom:6px;right:7px}.battle-page.active-battle .battle-main{padding-bottom:85px}.battle-help{margin-bottom:0}.battle-page.active-battle .battle-panel{display:contents}}.board-fx{z-index:15;pointer-events:none;position:absolute;inset:7px;overflow:visible}.board-fx-origin{width:0;height:0;position:absolute}.board-fx-ring{border:2px solid var(--fx-color);width:38px;height:38px;box-shadow:0 0 12px var(--fx-color);border-radius:50%;animation:.5s ease-out both tile-ring;position:absolute;top:-19px;left:-19px}.board-fx-flash{background:radial-gradient(#fff8ce,#fff2,#0000 70%);border-radius:50%;width:30px;height:30px;animation:.28s ease-out both tile-flash;position:absolute;inset:-15px}.board-fx-particle{background:var(--fx-color);width:6px;height:6px;box-shadow:0 0 5px var(--fx-color);animation:tile-sparks .58s ease-out var(--delay) both;border-radius:2px;position:absolute;top:-3px;left:-3px}.board-fx-count{color:#fff0b2;text-shadow:0 2px 5px #000,0 0 10px #b77e18;font-size:24px;font-weight:900;animation:.65s ease-out both tile-count;position:absolute}.board-fx-banner{text-align:center;letter-spacing:-.5px;color:#fff1b9;text-shadow:0 3px 8px #000,0 0 16px #f5b83d;width:90%;font-size:clamp(18px,3vw,30px);font-weight:900;animation:.7s ease-out both tile-banner;position:absolute;top:37%;left:50%}.board-fx-line{background:#fff4bd;border-radius:50%;animation:.5s ease-out both tile-beam;position:absolute;transform:translate(-5%,-50%);box-shadow:0 0 8px #ffdc76,0 0 22px #f3b947}.board-fx-line.vertical{transform:translate(-50%,-5%)}.board-fx.big .board-fx-ring,.board-fx.mega .board-fx-ring{border-width:3px}.board-fx.mega .board-fx-particle{width:8px;height:8px}.board-fx-power-ring{aspect-ratio:1;border:4px solid #ffe398;border-radius:50%;width:70%;animation:.7s ease-out both tile-power;position:absolute;top:50%;left:50%;box-shadow:0 0 30px #edbf65,inset 0 0 30px #edbf6566}.battle-cell.matched{animation:.2s ease-in both tile-pop;overflow:visible;box-shadow:0 0 20px #ffdc7b}.battle-cell.matched .battle-item{filter:brightness(1.35)drop-shadow(0 0 6px #ffe4a0)}.battle-board.falling .battle-draggable{animation:.26s cubic-bezier(.24,.7,.4,1) both tile-gravity}.battle-board.falling .battle-draggable.fall-still{animation:none}.battle-board.falling .battle-cell{overflow:visible}.battle-board.falling .battle-item{animation:none}.battle-board.power-release{box-shadow:0 0 30px #e1b75e88,inset 0 0 25px #e1b75e22}.battle-board{overflow:clip}.battle-board.clearing:after{display:none}@keyframes tile-pop{0%{transform:scale(1)}45%{filter:brightness(1.8);transform:scale(1.16)}to{opacity:0;transform:scale(.2)}}@keyframes tile-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.9)}}@keyframes tile-flash{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.8)}}@keyframes tile-sparks{0%{opacity:1;transform:translate(0)scale(.7)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.2)}}@keyframes tile-count{0%{opacity:0;transform:translate(-50%,-25%)scale(.7)}25%{opacity:1;transform:translate(-50%,-65%)scale(1.1)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}@keyframes tile-banner{0%{opacity:0;transform:translate(-50%,10px)scale(.65)}25%{opacity:1;transform:translate(-50%)scale(1.06)}65%{opacity:1}to{opacity:0;transform:translate(-50%,-25px)scale(1)}}@keyframes tile-beam{0%{opacity:0;filter:brightness(2)}20%{opacity:1}to{opacity:0}}@keyframes tile-gravity{0%{transform:translateY(var(--fall-offset));opacity:.7}80%{opacity:1;transform:translateY(4%)}to{opacity:1;transform:translateY(0)}}@keyframes tile-power{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}@media (max-width:740px){.board-fx-count{font-size:20px}.board-fx-particle{width:5px;height:5px}.board-fx-ring{width:30px;height:30px;top:-15px;left:-15px}}@media (prefers-reduced-motion:reduce){.board-fx{display:none}.battle-board.falling .battle-draggable,.battle-cell.matched{animation:none!important}}.battle-board{--tile-gap:5px}@media (max-width:740px){.battle-board{--tile-gap:3px}}.battle-start-effect{z-index:11;pointer-events:none;text-align:center;color:#ffe5a0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:42px 0 12px}.start-count-number{letter-spacing:-5px;text-shadow:0 3px #8d642b,0 8px 25px #000,0 0 35px #e4b85d88;font-size:112px;font-weight:950;line-height:1;animation:.85s cubic-bezier(.2,.7,.3,1) both start-count-pulse}.battle-start-effect small{letter-spacing:3px;text-shadow:0 2px 7px #000;background:#10180fc9;border-radius:20px;margin-top:6px;padding:5px 12px;font-size:9px;font-weight:800}.start-go-word{z-index:3;letter-spacing:-2px;color:#fff0bf;text-shadow:0 4px #9b6b25,0 8px 25px #000,0 0 25px #f2c365;font-size:clamp(40px,6vw,68px);font-style:italic;font-weight:950;line-height:1;animation:.65s ease-out both start-go-word;position:relative}.start-gold-burst{background:radial-gradient(#ffdfa766,#edb94822,#0000 70%);border-radius:50%;width:210px;height:150px;animation:.65s ease-out both start-gold-burst;position:absolute;top:50%;left:50%}.start-claws{width:140px;height:35px;position:absolute;top:68%;left:50%;transform:translate(-50%)}.start-claws i{background:linear-gradient(90deg,#0000,#ffe39e,#cf922c,#0000);border-radius:90% 10%;width:110px;height:5px;animation:.5s ease-out both start-claw;position:absolute;top:2px;left:15px;transform:rotate(-16deg);box-shadow:0 0 12px #ffce69}.start-claws i:nth-child(2){animation-delay:40ms;top:13px;left:22px}.start-claws i:nth-child(3){animation-delay:80ms;top:24px;left:29px}.start-sparks{width:0;height:0;position:absolute;top:48%;left:50%}.start-sparks i{background:#ffe8a3;border-radius:2px;width:6px;height:6px;animation:.6s ease-out both start-spark;position:absolute;top:-3px;left:-3px;box-shadow:0 0 8px #ffbb46}.battle-start-wave{z-index:18;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.battle-start-wave:after{content:"";background:linear-gradient(90deg,#0000,#ffe7a844,#0000);width:25%;height:130%;animation:.65s ease-out both start-field-wave;position:absolute;top:-15%;left:-35%;transform:skew(-18deg)}.start-go .battle-board{animation:.65s ease-out start-board-glow}.start-countdown .battle-board{filter:brightness(.72)}.count-1 .fighter-body{animation:.75s ease-out both start-ready}.battle-sound-setting{cursor:pointer;border-block:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:17px 0;display:flex;position:relative}.battle-sound-setting strong{font-size:12px;display:block}.battle-sound-setting small{color:#adb99f;margin-top:5px;font-size:10px;display:block}.battle-sound-setting input{opacity:0;cursor:pointer;width:46px;height:28px;position:absolute;right:0}.battle-sound-setting>i{pointer-events:none;background:#4d5c42;border-radius:20px;flex-shrink:0;width:44px;height:26px}.battle-sound-setting>i:after{content:"";background:#fff2d6;border-radius:50%;width:20px;height:20px;margin:3px;transition:transform .15s;display:block}.battle-sound-setting input:checked+i{background:#d7a650}.battle-sound-setting input:checked+i:after{transform:translate(18px)}.battle-sound-setting input:focus-visible+i{outline-offset:3px;outline:3px solid #ffe6a3}@keyframes start-count-pulse{0%{opacity:0;transform:scale(1.6)}18%{opacity:1;transform:scale(.93)}40%{transform:scale(1.03)}75%{opacity:1}to{opacity:0;transform:scale(.85)}}@keyframes start-go-word{0%{opacity:0;transform:translateY(12px)scale(.55)}20%{opacity:1;transform:translateY(0)scale(1.1)}40%,70%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-10px)scale(1.12)}}@keyframes start-gold-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes start-claw{0%{opacity:0;clip-path:inset(0 100% 0 0)}40%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0)}}@keyframes start-spark{0%{opacity:1;transform:scale(.2)}80%{opacity:1}to{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(var(--sr)) scale(.1)}}@keyframes start-field-wave{to{left:120%}}@keyframes start-board-glow{30%{border-color:#ffecb8;box-shadow:0 0 30px #ecc26288,inset 0 0 20px #e4ba5444}}@keyframes start-ready{to{transform:translateX(calc(var(--direction)*5px)) scale(1.04)}}@media (max-width:740px){.battle-start-effect{inset:42px 0 13px}.start-count-number{letter-spacing:-3px;font-size:85px}.start-go-word{letter-spacing:-1.5px;font-size:40px}.battle-start-effect small{letter-spacing:2px;font-size:7px}.start-claws{top:70%;scale:.85}.start-gold-burst{width:180px;height:110px}}@media (prefers-reduced-motion:reduce){.start-count-number,.start-go-word{opacity:1;transform:none}.start-gold-burst,.start-claws,.start-sparks,.battle-start-wave{display:none}.start-countdown .battle-board{filter:none}}.strong-cinema{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#050b07ed;justify-content:center;align-items:center;padding:16px;animation:1.7s both strong-curtain;display:flex;position:fixed;inset:0}.strong-stage{background:radial-gradient(#f5ce5f35,#0000 65%),linear-gradient(#05100755,#05100766),url(/images/battle/dojo.png) 50%/cover;border:1px solid #e7bd63;border-radius:18px;width:min(900px,100%);height:min(470px,70dvh);animation:1.7s both strong-camera;position:relative;overflow:hidden;box-shadow:0 0 70px #e9b94f44}.strong-title{text-align:center;color:#ffdf97;letter-spacing:5px;z-index:6;font-size:12px;font-weight:900;position:absolute;inset:18px 0 auto}.strong-actor{aspect-ratio:1;filter:drop-shadow(0 8px 8px #0008);width:min(46%,350px);height:auto;position:absolute;bottom:4%}.strong-actor.w{left:0}.strong-actor.b{right:0}.strong-actor.b .fighter-sprite{transform:scaleX(-1)}.strong-actor.attacker{z-index:3;animation:1.7s both strong-lunge}.strong-actor.defender{z-index:2;animation:1.7s both strong-recoil}.strong-charge{background:radial-gradient(#fff4c5,#edbd4a66 35%,#0000 70%);border-radius:50%;width:110px;height:110px;animation:1.7s both strong-charge;position:absolute;top:52%;left:50%}.strong-shock{border:7px solid #ffe4a1;border-radius:50%;width:140px;height:140px;margin:-70px;animation:1.7s both strong-shock;position:absolute;top:52%;left:50%;box-shadow:0 0 25px #ffd363,inset 0 0 25px #ffd363}.strong-speed{background:repeating-conic-gradient(from 10deg at 50% 52%,#0000 0deg 13deg,#ffe2a644 14deg 15deg,#0000 16deg 28deg);animation:1.7s both strong-rays;position:absolute;inset:0}.strong-flash{z-index:4;background:#ffe9a4;animation:1.7s both strong-flash;position:absolute;inset:0}.strong-hit-label{z-index:7;text-align:center;text-shadow:0 3px #6d4019,0 5px 20px #000;animation:1.7s both strong-label;position:absolute;bottom:10%;left:0;right:0}.strong-hit-label strong{color:#ffe6a4;font-size:clamp(26px,5vw,48px);font-style:italic;font-weight:950;display:block}.strong-hit-label span{color:#fff4d1;margin-top:6px;font-size:28px;font-weight:900;display:block}@keyframes strong-curtain{0%,86%{opacity:1}to{opacity:0}}@keyframes strong-camera{0%{transform:scale(.92)}40%{transform:scale(1)}46%{transform:translate(-6px)scale(1.025)}49%{transform:translate(6px)scale(1.025)}52%{transform:translateY(-4px)scale(1.025)}57%,to{transform:none}}@keyframes strong-lunge{0%,25%{transform:translateX(calc(var(--direction)*-5%)) scale(.96);filter:drop-shadow(0 0 16px #edb53d)}40%,52%{transform:translateX(calc(var(--direction)*38%)) scale(1.12);filter:drop-shadow(0 0 25px #ffd56f)}75%,to{transform:none}}@keyframes strong-recoil{0%,39%{transform:none}48%,60%{transform:translateX(calc(var(--direction)*-12%)) rotate(calc(var(--direction)*-9deg));filter:brightness(1.5)}85%,to{transform:none}}@keyframes strong-charge{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}42%{opacity:1;transform:translate(-50%,-50%)scale(1.8)}55%,to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes strong-shock{0%,38%{opacity:0;transform:scale(.1)}43%{opacity:1;transform:scale(.6)}78%,to{opacity:0;transform:scale(5)}}@keyframes strong-rays{0%,28%{opacity:0;transform:scale(1.5)}40%,55%{opacity:1}85%,to{opacity:0;transform:scale(1)}}@keyframes strong-flash{0%,39%{opacity:0}42%{opacity:.6}49%,to{opacity:0}}@keyframes strong-label{0%,42%{opacity:0;transform:scale(1.6)}53%,82%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:740px){.strong-stage{height:330px}.strong-actor{width:53%;height:auto;bottom:15%}.strong-actor.w{left:-4%}.strong-actor.b{right:-4%}.strong-title{letter-spacing:3px;font-size:10px}.strong-hit-label{bottom:10%}}@media (prefers-reduced-motion:reduce){.strong-cinema{opacity:1}.strong-hit-label{opacity:1;transform:none}.strong-speed,.strong-shock,.strong-flash,.strong-charge{display:none}.strong-stage,.strong-actor{transform:none!important}}.battle-layout{gap:14px;margin-top:14px}.battle-panel{padding:13px 15px}.battle-power{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 14px;display:grid}.battle-power h2{gap:10px;font-size:12px}.battle-power h2 span{font-size:11px}.battle-power meter{grid-area:2/1;height:9px;margin:0}.battle-page .battle-power .battle-strong{white-space:nowrap;grid-area:1/2/3;width:auto;min-height:42px;margin:0;padding:10px 15px;font-size:11px}@media (max-width:740px){.battle-panel{border-radius:10px;padding:11px 13px}.battle-layout{gap:12px;margin-top:12px}.battle-power{gap:7px 12px}.battle-power h2{font-size:11px}.battle-page .battle-power .battle-strong{min-height:42px;padding:9px 13px;font-size:10px}.battle-page.active-battle .battle-panel{display:block}.battle-page.active-battle .battle-power{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;padding:0;position:static;inset:auto}.battle-page.active-battle .battle-main{padding-bottom:20px}}.battle-result-card>div{flex-wrap:wrap}.battle-result-card>div>p{color:#d5ddc7;flex:0 0 100%;order:2;margin:8px 0 0;font-size:12px;line-height:1.6}.battle-result-card>div>button{flex:1;min-width:120px}