.combat-entry{overflow:hidden;background:linear-gradient(130deg,var(--card),var(--raised))}.combat-entry p{font-size:12px}.combat-entry .row{flex-wrap:wrap}.combat-entry .primary{flex:2;width:auto}.combat-entry .secondary{flex:1}.combat-arena{position:relative;min-height:70vh}.combat-arena select{display:block;max-width:100%;width:100%;padding:12px;margin:8px 0 17px;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:11px;font:inherit;font-size:12px}.combat-arena label{font-size:12px;display:block;margin-top:17px}.combat-arena form h3{margin-bottom:8px}.skin-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0}.skin-option{display:flex;flex-direction:column;align-items:center;padding:10px 4px 7px;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:13px}.skin-option.selected{border:2px solid var(--gold);background:var(--selected-bg);padding:9px 3px 6px}.skin-option small{font-size:10px;color:var(--ink)}.room-code{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;border:1px solid var(--secondary-line);background:var(--card);border-radius:17px}.room-code small{font-size:9px;letter-spacing:2px}.room-code strong{font-size:29px;letter-spacing:3px;color:var(--gold);font-family:monospace}.room-code button{font-size:12px;color:var(--mint);text-decoration:underline;padding:8px}.battle-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin:22px 0}.battle-member{display:flex;flex-direction:column;align-items:center;min-width:0;padding:10px 3px 14px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.battle-member>strong{font-size:11px;margin-top:6px;max-width:100%;overflow-wrap:anywhere;text-align:center}.battle-member small{font-size:10px;margin-top:6px}.battle-member.is-ready{border-color:var(--good-line);background:var(--good-bg)}.battle-member.is-ready small{color:var(--mint)}.combat-countdown{text-align:center;display:flex;flex-direction:column;align-items:center;padding:35px 15px}.combat-countdown>strong{font-size:70px;color:var(--gold);font-variant-numeric:tabular-nums}.combat-session-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px}.combat-session-head .back{margin:0}.combat-session-head .timer{font-size:20px;min-width:95px}.combat-duel{display:flex;align-items:center;gap:15px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:12px;margin:12px 0}.combat-duel>div{flex:1;min-width:0}.combat-duel small{display:block;font-size:10px;margin-top:8px;line-height:1.5}.combat-energy{font-size:28px;color:var(--gold)}.battle-navigation{margin:20px 0}.battle-navigation button{flex:1}.battle-ranking{display:grid;gap:10px}.rank-row{display:flex;align-items:center;gap:9px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:12px;text-align:left}.rank-row>b{color:var(--gold);font-size:19px}.rank-row>span:not(.block-avatar){flex:1;min-width:0}.rank-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.rank-row small{display:block;font-size:9px;margin-top:6px;line-height:1.6}.rank-row em{font-size:19px;color:var(--mint);font-style:normal}.rank-me{border-color:var(--gold)}.battle-review{margin-top:20px}.battle-review details{border-top:1px solid var(--line);padding:12px 0}.battle-review summary{font-size:11px;line-height:1.6;color:var(--ink);cursor:pointer}.battle-review .question{font-size:13px;margin:16px 0}.battle-review p{font-size:12px}.battle-history-item{display:block;width:100%;text-align:left}.battle-history-item strong,.battle-history-item small,.battle-history-item>span{display:block}.battle-history-item small{margin:8px 0}.battle-history-item>span{font-size:11px;color:var(--gold)}
/* CSS cuboids keep six skins in the APK, with no model downloads. */
.block-avatar{--suit:#ac1928;--edge:#6b101a;--skin:#f2c45b;--core:#83f3ff;position:relative;display:block;width:108px;height:143px;perspective:330px;flex-shrink:0}.avatar-stage{position:absolute;left:0;top:0;width:108px;height:143px;transform-style:preserve-3d;transform:rotateX(-6deg) rotateY(-20deg);transform-origin:50% 60%}.avatar-block{--w:30px;--h:30px;--d:26px;position:absolute;width:var(--w);height:var(--h);transform-style:preserve-3d}.cube-face{position:absolute;display:block;border:1px solid #0002;backface-visibility:hidden;background:var(--suit);width:var(--w);height:var(--h)}.cube-face.front{transform:translateZ(calc(var(--d)/2))}.cube-face.back{transform:rotateY(180deg) translateZ(calc(var(--d)/2));background:var(--edge)}.cube-face.left,.cube-face.right{width:var(--d);left:calc((var(--w) - var(--d))/2);background:var(--edge)}.cube-face.left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}.cube-face.right{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}.cube-face.top,.cube-face.bottom{height:var(--d);top:calc((var(--h) - var(--d))/2)}.cube-face.top{transform:rotateX(90deg) translateZ(calc(var(--h)/2));filter:brightness(1.15)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--h)/2));filter:brightness(.7)}.avatar-block.head{--w:34px;--h:34px;--d:32px;left:37px;top:7px}.avatar-block.torso{--w:42px;--h:43px;--d:24px;left:33px;top:45px}.avatar-block.arm-left,.avatar-block.arm-right{--w:18px;--h:45px;--d:20px;top:46px}.avatar-block.arm-left{left:10px;transform:rotateZ(7deg)}.avatar-block.arm-right{left:80px;transform:rotateZ(-7deg)}.avatar-block.leg-left,.avatar-block.leg-right{--w:19px;--h:41px;--d:22px;top:93px}.avatar-block.leg-left{left:32px}.avatar-block.leg-right{left:57px}.avatar-face{display:block;position:absolute;inset:5px 3px 3px;background:var(--skin);clip-path:polygon(0 0,100% 0,100% 67%,77% 100%,23% 100%,0 67%)}.avatar-face:before{content:'';position:absolute;left:3px;top:8px;width:7px;height:3px;background:#8bf0ff;box-shadow:14px 0 #8bf0ff}.avatar-face:after{content:'';position:absolute;left:9px;bottom:4px;width:10px;height:2px;background:#985427}.avatar-core{display:block;position:absolute;left:15px;top:12px;width:13px;height:12px;background:var(--core);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 4px var(--core))}.avatar-mini{width:47px;height:62px}.avatar-mini .avatar-stage{transform:scale(.43) rotateX(-6deg) rotateY(-20deg);transform-origin:0 0}.skin-markiii{--suit:#bd2430;--edge:#6e1520;--skin:#e5b246}.skin-markiii .avatar-core{clip-path:none;border-radius:50%}.skin-war{--suit:#59616a;--edge:#282e37;--skin:#a6b1b9;--core:#ff5d52}.skin-war .avatar-core{clip-path:none;border-radius:50%}.skin-naruto{--suit:#f68224;--edge:#c85513;--skin:#f4c19a;--core:#244c83}.skin-sasuke{--suit:#293f80;--edge:#13234d;--skin:#f3c2a0;--core:#f4f7fd}.skin-kakashi{--suit:#507752;--edge:#304d35;--skin:#e4b593;--core:#1b3359}.skin-naruto .head .top{background:#f6d148}.skin-sasuke .head .top,.skin-sasuke .head .back{background:#182132}.skin-kakashi .head .top,.skin-kakashi .head .back{background:#c6cbd2}.skin-naruto .avatar-face,.skin-sasuke .avatar-face,.skin-kakashi .avatar-face{inset:2px;clip-path:none}.skin-naruto .avatar-face:before,.skin-sasuke .avatar-face:before,.skin-kakashi .avatar-face:before{left:0;top:2px;width:29px;height:7px;background:linear-gradient(90deg,#253e66 25%,#e4e7ea 25%,#e4e7ea 75%,#253e66 75%);box-shadow:none;border-bottom:1px solid #60758e}.skin-naruto .avatar-face:after,.skin-sasuke .avatar-face:after,.skin-kakashi .avatar-face:after{left:5px;top:15px;width:4px;height:3px;background:#24334d;box-shadow:14px 0 #24334d}.skin-kakashi .avatar-face{background:linear-gradient(var(--skin) 58%,#23394e 58%)}.skin-naruto .avatar-core,.skin-sasuke .avatar-core,.skin-kakashi .avatar-core{left:18px;top:0;width:5px;height:42px;clip-path:none;background:var(--core)}
/* Combat uses flat content; action is limited to entry and brief answer feedback. */
.combat-view{background-image:none!important}.combat-view main{padding:18px 16px 115px;max-width:680px}.combat-arena{padding:0;overflow:visible;min-height:60vh}.combat-arena .card{padding:16px;margin:15px 0;border-radius:12px}.combat-duel{padding:5px 0 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;gap:10px}.combat-duel small{font-size:11px;margin-top:5px}.combat-duel .badge{font-size:9px}.combat-energy{font-size:23px}.combat-session-head .timer{font-size:19px}.combat-view .question{margin:23px 0 20px}.battle-progress{height:3px;margin:0 0 16px;background:var(--progress-bg);overflow:hidden;border-radius:3px}.battle-progress i{height:100%;display:block;background:var(--mint);transition:width .18s}.combat-muted-note{display:flex;align-items:center;gap:8px;font-size:10px;padding:10px;background:var(--notice-bg);color:var(--notice-ink);border-radius:8px;margin-bottom:14px}.combat-muted-note button{font-size:10px;padding:7px;border:1px solid var(--notice-line);border-radius:7px}.combat-saved-code{display:block;font-size:10px;margin-top:13px;color:var(--mint)}.combat-entry-ribbon{display:flex;align-items:center;gap:12px;margin:0 0 15px}.combat-entry-ribbon i{height:2px;flex:1;background:linear-gradient(90deg,transparent,var(--gold))}.combat-entry-ribbon i:last-child{transform:rotate(180deg)}.combat-entry-ribbon strong{font-size:27px;font-style:italic;color:var(--gold);letter-spacing:-2px}
.combat-badge{--suit:#ac1928;--skin:#f2c45b;--core:#83f3ff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:35px;background:var(--suit);border-radius:8px;position:relative}.combat-badge i{position:relative;width:20px;height:23px;background:var(--skin);clip-path:polygon(0 0,100% 0,100% 75%,72% 100%,28% 100%,0 75%)}.combat-badge i:after{content:'';position:absolute;left:3px;top:8px;width:5px;height:3px;background:var(--core);box-shadow:9px 0 var(--core)}.combat-badge.skin-naruto,.combat-badge.skin-sasuke,.combat-badge.skin-kakashi{--skin:#f4c19a;--core:#24334d}.combat-badge.skin-naruto i:before,.combat-badge.skin-sasuke i:before,.combat-badge.skin-kakashi i:before{content:'';position:absolute;left:0;right:0;top:2px;height:5px;background:linear-gradient(90deg,#244a79 20%,#e5ecf5 20%,#e5ecf5 80%,#244a79 80%)}
.battle-members{display:flex;flex-direction:column;gap:0;margin:14px 0}.battle-member{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:12px 0}.battle-member>strong{margin:0;text-align:left;font-size:12px}.battle-member small{margin:0;font-size:10px}.battle-member.is-ready{background:transparent}.battle-member.is-ready small{color:var(--mint)}.room-code{padding:14px;border:0;border-radius:10px;background:var(--raised)}.room-code strong{font-size:25px}.combat-countdown{text-align:center}.combat-countdown>strong{font-size:66px}.battle-ranking{gap:0;margin-top:15px}.rank-row{padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;gap:10px;min-height:68px}.rank-row>b{font-size:15px;width:15px}.rank-row>span.combat-badge{flex:0 0 30px}.rank-row>span:not(.combat-badge){flex:1;min-width:0}.rank-row strong{font-size:13px}.rank-row small{font-size:10px;margin-top:3px}.rank-row em{font-size:21px}.rank-me strong{color:var(--gold)}.rank-bar{display:block;background:var(--progress-bg);height:3px;margin:7px 0 0;border-radius:3px;overflow:hidden}.rank-bar i{display:block;height:100%;background:var(--mint)}.battle-result-title{font-size:23px;margin:12px 0}.battle-pending{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}.battle-analysis{margin:24px 0 0;padding:0}.battle-analysis h3{font-size:14px;margin-bottom:14px}.result-stack{display:flex;height:8px;overflow:hidden;border-radius:8px;background:var(--progress-bg)}.result-stack i{height:100%;display:block}.stack-good{background:var(--mint)}.stack-wrong{background:var(--strong-red)}.stack-empty{background:var(--muted);opacity:.55}.result-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 18px;font-size:9px}.result-legend span{line-height:1.5}.result-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.result-legend b{display:block;font-size:15px;color:var(--ink);margin-top:4px}.by-book{display:grid;grid-template-columns:minmax(0,1fr) 70px 35px;align-items:center;gap:9px;padding:8px 0;font-size:10px;border:0}.by-book>b{text-align:right;font-size:12px;color:var(--mint)}.book-result-bar{height:3px;background:var(--progress-bg);overflow:hidden;border-radius:3px}.book-result-bar i{display:block;height:100%;background:var(--mint)}.review-toggle{margin:17px 0 0;font-size:11px;min-height:35px}.battle-review{margin-top:10px}.review-pages{align-items:center;margin:14px 0}.review-pages .secondary{font-size:11px;min-height:38px;padding:9px;width:auto;flex:1}.review-pages small{font-size:9px;white-space:nowrap}.combat-actions{position:fixed;left:50%;transform:translateX(-50%);bottom:var(--app-nav-height,80px);width:min(100%,680px);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;background:var(--bg);border-top:1px solid var(--line);z-index:20}.combat-actions button{width:100%;padding:11px 7px;font-size:11px;line-height:1.4;min-height:48px;margin:0;word-break:normal}.has-combat-actions main{padding-bottom:calc(var(--app-nav-height,80px) + 105px)}.combat-error{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--app-nav-height,80px) + 12px);width:min(calc(100% - 24px),640px);padding:14px;display:flex;align-items:center;gap:10px;border:1px solid var(--notice-line);border-radius:10px;background:var(--notice-bg);color:var(--notice-ink);font-size:12px;line-height:1.6;box-shadow:0 5px 18px #0003;z-index:40}.combat-error span{flex:1}.combat-error button{flex:0 0 30px;font-size:23px;padding:4px}.has-combat-actions .combat-error{bottom:calc(var(--app-nav-height,80px) + 88px)}
.battle-impact .combat-duel{animation:arena-impact .28s ease}.battle-impact .rank-me{animation:arena-impact .28s ease}
:is([data-theme=naruto-young],[data-theme=naruto-v2],[data-theme=ironman],[data-theme=jarvis]) .battle-impact .combat-duel{animation:arena-action .38s ease}
@keyframes arena-impact{40%{opacity:.75}}@keyframes arena-action{40%{border-color:var(--mint);transform:translateY(-1px);color:var(--gold)}}
@media(min-width:560px){.skin-picker{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.battle-impact .combat-duel,.battle-impact .rank-me{animation:none!important}}
/* VS appears when entering the mode and when the ready gate opens. */
.combat-vs-intro{position:fixed;inset:0;z-index:1800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:25px 12px;background:radial-gradient(circle at 20% 50%,#a7264155,transparent 45%),radial-gradient(circle at 80% 45%,#50c6ff35,transparent 45%),#071222fa;color:#f2f9ff;overflow:hidden;isolation:isolate;animation:vs-enter .2s ease both}.vs-rays{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(-30deg,transparent 0 40px,#b3e7ff05 41px 42px)}.vs-rays i{position:absolute;width:140vw;height:2px;top:34%;left:-20%;background:linear-gradient(90deg,transparent,#76d5ff,transparent);transform:rotate(-18deg);box-shadow:0 0 18px #75d4ff;animation:vs-rail 1.8s ease both}.vs-rays i:nth-child(2){top:64%;transform:rotate(-18deg);animation-delay:.1s}.vs-rays i:nth-child(3){top:50%;height:120px;opacity:.3;filter:blur(25px)}.vs-kicker{font-size:8px;letter-spacing:2px;color:#91d9fa;max-width:90%;text-align:center}.vs-lineup{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);align-items:center;width:min(100%,520px);gap:7px}.vs-fighter{min-width:0;text-align:center;animation:vs-left .4s ease both}.vs-fighter:last-child{animation-name:vs-right}.vs-avatar{display:flex;align-items:center;justify-content:center;min-height:151px;filter:drop-shadow(0 0 15px #64caff40)}.vs-avatar>img{width:100px;height:100px;object-fit:contain}.vs-fighter strong{display:block;font-size:12px;margin-top:15px;overflow-wrap:anywhere}.vs-fighter small{display:block;color:#9ab8cc;font-size:6px;letter-spacing:1px;margin-top:8px;line-height:1.6}.vs-word b{display:block;font-size:57px;font-style:italic;letter-spacing:-6px;text-align:center;color:#fff4c4;text-shadow:0 0 12px #ffac6255;animation:vs-stamp .45s .15s ease both}.vs-word small{font-size:6px;letter-spacing:.8px;color:#b5d8eb;text-align:center;display:block;line-height:1.5}.vs-caption{font-size:13px;line-height:1.7;text-align:center;max-width:300px;font-weight:500}.vs-loading{height:3px;width:170px;overflow:hidden;background:#ffffff18;border-radius:3px}.vs-loading i{display:block;height:100%;background:#89d7ff;box-shadow:0 0 15px #76d4ff;animation:vs-load 1.65s ease both}.vs-skip{font-size:11px;padding:9px 18px;border:1px solid #7895b250;border-radius:30px;color:#c8e1ef;background:#122b4080}.vs-chakra{background:radial-gradient(circle at 15% 50%,#ff932b50,transparent 50%),radial-gradient(circle at 85% 50%,#52bfff40,transparent 45%),#092342fa}.vs-chakra .vs-word b{color:#ffc078}.vs-chakra .vs-rays i{background:linear-gradient(90deg,transparent,#ffc176,#87d9ff,transparent)}.vs-chakra .vs-loading i{background:linear-gradient(90deg,#ff9b42,#80d6ff)}.vs-casual{background:var(--bg);color:var(--ink);gap:18px}.vs-casual .vs-rays{display:none}.vs-casual .vs-fighter,.vs-casual .vs-word b{animation:vs-enter .25s ease both}.vs-casual .vs-word b{color:var(--gold);text-shadow:none}.vs-casual .vs-kicker,.vs-casual .vs-fighter small,.vs-casual .vs-word small{color:var(--muted)}.vs-casual .vs-skip{color:var(--ink);background:var(--card);border-color:var(--line)}.vs-casual .vs-loading i{background:var(--mint);animation-duration:.8s}
@keyframes vs-enter{from{opacity:0}to{opacity:1}}@keyframes vs-left{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:none}}@keyframes vs-right{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:none}}@keyframes vs-stamp{from{opacity:0;transform:scale(1.5) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-4deg)}}@keyframes vs-rail{from{opacity:0;translate:-20% 0}to{opacity:.65;translate:20% 0}}@keyframes vs-load{from{width:0}to{width:100%}}
@media(prefers-reduced-motion:reduce){.combat-vs-intro,.vs-fighter,.vs-word b,.vs-rays i,.vs-loading i,.arena-effects i,.combat-entry-ribbon strong,.battle-impact .combat-duel{animation:none!important}.vs-loading i{width:100%}.battle-progress i{transition:none}}
@media(max-width:350px){.vs-lineup{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}.vs-word b{font-size:45px}.vs-fighter strong{font-size:10px}.vs-avatar .block-avatar{transform:scale(.86)}.combat-session-head{gap:5px}.combat-session-head .timer{min-width:78px;font-size:18px}}

.combat-badge.skin-markiii{--suit:#bd2430}.combat-badge.skin-war{--suit:#59616a}.combat-badge.skin-naruto{--suit:#f68224}.combat-badge.skin-sasuke{--suit:#293f80}.combat-badge.skin-kakashi{--suit:#507752}