/* v1.3 — animación uniforme, historias, sala VS y controles móviles */
.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-entry{grid-column:1/-1}
.fighter-card{overflow:hidden}.fighter-portrait{display:grid!important;place-items:end center;overflow:visible;padding:8px;background-image:none!important}.fighter-portrait img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px #0008);transform-origin:50% 100%}.fighter-card:hover .fighter-portrait img{filter:drop-shadow(0 0 14px #43e6d488)}
.fighter-card small{line-height:1.25;min-height:2.5em}
.story-screen{padding-bottom:40px}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-card{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:18px;border:1px solid #315b8e;border-radius:18px;background:linear-gradient(145deg,#102447,#08152c);box-shadow:0 18px 42px #0005}.story-portrait{display:grid;place-items:end center;min-height:260px;border-radius:14px;background:radial-gradient(circle at 50% 38%,#245792,#08142d 68%);overflow:hidden}.story-portrait img{width:100%;height:250px;object-fit:contain;filter:drop-shadow(0 14px 10px #0009)}.story-card h3{margin:.2rem 0;font-size:1.55rem}.story-card>div>strong{color:#f4ce72}.story-card p,.story-card dd{color:#c3d1e7;line-height:1.55}.story-card dl{display:grid;grid-template-columns:90px 1fr;gap:7px 10px;margin:14px 0}.story-card dt{color:#68e8f0;font-weight:800}.story-card dd{margin:0}.story-card blockquote{margin:12px 0 0;padding:10px 12px;border-left:3px solid #f4ce72;background:#050d1e88;color:#fff;font-style:italic}
.versus-lobby{max-width:1080px;margin:auto;padding:clamp(20px,4vw,42px);border:1px solid #c9a95b;background:linear-gradient(145deg,#0c1f42ee,#050c1bdd),url('assets/lobby-v10.webp') center/cover;border-radius:22px;box-shadow:0 26px 80px #000a,inset 0 0 50px #2466a633}.room-code-panel{max-width:560px;margin:auto;text-align:center}.room-code-panel label{display:block}.room-code-panel input{text-align:center;letter-spacing:.22em;font-weight:900;font-size:1.35rem}.online-duel{display:grid;grid-template-columns:minmax(180px,1fr) 90px minmax(180px,1fr);align-items:center;gap:20px;margin:28px 0}.player-slot{position:relative;display:grid;justify-items:center;min-height:300px;padding:18px;border:2px solid #315477;border-radius:18px;background:#07142bd9;opacity:.62;transition:.25s}.player-slot.connected{opacity:1;border-color:#59eaf2;box-shadow:0 0 30px #34cfe744}.player-slot.guest.connected{border-color:#f4ce72;box-shadow:0 0 30px #f4ce7244}.player-slot img{width:190px;height:210px;object-fit:contain;filter:drop-shadow(0 15px 12px #0009)}.slot-label{position:absolute;top:12px;left:12px;padding:5px 9px;border-radius:8px;background:#13335d;color:#7feef3;font-size:.72rem;font-weight:900;letter-spacing:.12em}.player-slot strong{font-size:1.35rem}.player-slot small{color:#bdd0e8}.versus-mark{font-size:clamp(2.5rem,6vw,5rem);font-weight:1000;font-style:italic;text-align:center;color:#f4ce72;text-shadow:0 0 24px #ffb342aa}.online-note{text-align:center;color:#a9bad1}
.victory-overlay{position:absolute;left:50%;top:12%;z-index:8;min-width:min(520px,88%);padding:20px 28px;text-align:center;transform:translate(-50%,-24px) scale(.94);opacity:0;pointer-events:none;border:2px solid #f4ce72;border-radius:16px;background:linear-gradient(135deg,#08172eeb,#1a3260eb);box-shadow:0 18px 70px #000c,0 0 35px #f4ce7255;transition:.28s}.victory-overlay.active{opacity:1;transform:translate(-50%,0) scale(1);animation:victoryPulse 1.1s ease-in-out infinite alternate}.victory-overlay span{display:block;color:#68e8f0;font-weight:900;letter-spacing:.14em}.victory-overlay strong{display:block;margin:4px 0;font-size:clamp(1.8rem,4vw,3.2rem);color:#f6d47f;text-shadow:0 2px #563700}.victory-overlay p{margin:6px 0 0;font-size:1.05rem}@keyframes victoryPulse{to{box-shadow:0 18px 70px #000c,0 0 55px #f4ce7299}}
footer{display:grid;justify-items:center;gap:8px;padding:22px 15px!important}footer p{margin:0}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}footer a{color:#91dce8;text-decoration:none}footer a:hover{text-decoration:underline}
.cookie-notice{position:fixed;left:18px;right:18px;bottom:18px;z-index:60;display:none;grid-template-columns:1fr auto;align-items:center;gap:18px;max-width:1050px;margin:auto;padding:16px 18px;border:1px solid #68e8f0;border-radius:14px;background:#071329f5;box-shadow:0 18px 60px #000d}.cookie-notice.active{display:grid}.cookie-notice p{margin:5px 0;color:#c6d3e7;line-height:1.45}.cookie-notice>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.cookie-notice a{color:#8debf0}
@media(max-width:900px){.story-grid{grid-template-columns:1fr}.story-card{grid-template-columns:150px 1fr}.online-duel{grid-template-columns:1fr 54px 1fr}.player-slot img{width:145px}.player-slot{min-height:270px}}
@media(max-width:650px){.mode-grid{grid-template-columns:1fr}.story-entry{grid-column:auto}.story-card{grid-template-columns:1fr}.story-portrait{min-height:210px}.story-portrait img{height:205px}.online-duel{grid-template-columns:1fr 48px 1fr;gap:8px}.player-slot{min-height:210px;padding:10px 6px}.player-slot img{width:110px;height:140px}.player-slot strong{font-size:.95rem}.slot-label{font-size:.56rem}.versus-mark{font-size:2rem}.game-active .topbar{display:none}.game-active .shell{padding:0}.game-screen.active{height:100dvh;overflow:hidden;padding:0}.game-screen .hud{height:70px;padding:4px 6px}.arena-wrap{height:calc(100dvh - 170px);display:grid;place-items:center;overflow:hidden}.arena-wrap canvas{width:100%;height:100%;object-fit:contain}.desktop-help{display:none}.touch-controls{position:fixed!important;left:0;right:0;bottom:max(6px,env(safe-area-inset-bottom));z-index:20;display:flex!important;justify-content:space-between;align-items:end;padding:0 8px;pointer-events:none}.touch-controls>div{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:5px;pointer-events:auto}.touch-controls button{width:52px!important;height:52px!important;margin:0!important;border-radius:50%!important;touch-action:none;background:#07172ddd!important;border:1px solid #68e8f0aa!important;color:#fff!important;font-weight:900}.touch-move button:nth-child(1){grid-column:1;grid-row:2}.touch-move button:nth-child(2){grid-column:2;grid-row:2}.touch-move button:nth-child(3){grid-column:3;grid-row:2}.touch-move button:nth-child(4){grid-column:2;grid-row:1}.touch-action{transform:rotate(-8deg)}.touch-action button:nth-child(1){grid-column:1;grid-row:2}.touch-action button:nth-child(2){grid-column:2;grid-row:1}.touch-action button:nth-child(3){grid-column:2;grid-row:2}.touch-action button:nth-child(4){grid-column:3;grid-row:2}.exit-btn{position:fixed!important;right:8px!important;top:72px!important;bottom:auto!important;z-index:22;font-size:.72rem!important;padding:7px 9px!important}.victory-overlay{top:16%;padding:14px}.victory-overlay p{font-size:.88rem}}
@media(max-width:390px){.touch-controls>div{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px)}.touch-controls button{width:46px!important;height:46px!important}.player-slot img{width:88px}.online-duel{grid-template-columns:1fr 34px 1fr}}
@media(max-width:650px){.cookie-notice{grid-template-columns:1fr;bottom:8px;left:8px;right:8px}.cookie-notice button{padding:9px 11px}}